You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@myfaces.apache.org by lo...@apache.org on 2017/03/17 16:01:34 UTC
svn commit: r1787432 [2/3] - in
/myfaces/tobago/branches/TOBAGO-1719/tobago-theme/tobago-theme-standard: ./
src/main/resources/META-INF/resources/tobago/standard/tobago-bootstrap/_version/css/
Modified: myfaces/tobago/branches/TOBAGO-1719/tobago-theme/tobago-theme-standard/src/main/resources/META-INF/resources/tobago/standard/tobago-bootstrap/_version/css/bootstrap.css
URL: http://svn.apache.org/viewvc/myfaces/tobago/branches/TOBAGO-1719/tobago-theme/tobago-theme-standard/src/main/resources/META-INF/resources/tobago/standard/tobago-bootstrap/_version/css/bootstrap.css?rev=1787432&r1=1787431&r2=1787432&view=diff
==============================================================================
--- myfaces/tobago/branches/TOBAGO-1719/tobago-theme/tobago-theme-standard/src/main/resources/META-INF/resources/tobago/standard/tobago-bootstrap/_version/css/bootstrap.css (original)
+++ myfaces/tobago/branches/TOBAGO-1719/tobago-theme/tobago-theme-standard/src/main/resources/META-INF/resources/tobago/standard/tobago-bootstrap/_version/css/bootstrap.css Fri Mar 17 16:01:34 2017
@@ -20,7765 +20,7320 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements. See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/*
-Todo: check, if this is needed? (It doesn't work with the build system)
-
-.tobago-file-real {
- filter: alpha(opacity: 0);
+/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
+html {
+ font-family: sans-serif;
+ line-height: 1.15;
+ -ms-text-size-adjust: 100%;
+ -webkit-text-size-adjust: 100%;
}
-*/
-/*
- * theme: standard
- * agent: standard
- */
-/* box -------------------------------------------------------------- */
-.tobago-box-header {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-align-content: center;
- -ms-flex-line-pack: center;
- align-content: center;
+
+body {
+ margin: 0;
}
-/* button -------------------------------------------------------------- */
-/* XXX fixes a problem with image in button inside a segmentLayout (with FF40 and IE11)
- test page: buttons-with-image.xhtml
- This might not be a good solution, is works only with images not larger then 16px
-*/
-.tobago-button > img {
- margin-top: -1px;
- margin-bottom: -1px;
+article,
+aside,
+footer,
+header,
+nav,
+section {
+ display: block;
}
-/* collapsible -------------------------------------------------------------- */
-.tobago-collapsed.tobago-box .card-block,
-.tobago-collapsed.tobago-section .tobago-section-content,
-.tobago-collapsed.tobago-panel {
- display: none;
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
}
-/* date -------------------------------------------------------------- */
-.tobago-date {
- min-width: 7em;
+figcaption,
+figure,
+main {
+ display: block;
}
-/* Remove IE10's "clear field" X button */
-.tobago-date::-ms-clear {
- display: none;
+figure {
+ margin: 1em 40px;
}
-/* for pickers with more than one icon, e.g. date-time picker */
-.btn > .fa:nth-child(n+2) {
- margin-left: .3em;
+hr {
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+ overflow: visible;
}
-/*
-XXX workaround for Bootstrap with datetimepicker needed for popups
-*/
-.bootstrap-datetimepicker-widget {
- z-index: 2000 !important;
+pre {
+ font-family: monospace, monospace;
+ font-size: 1em;
}
-/*
-XXX need for fixing wrong positioning of bootstrap datepicker.
-See https://github.com/Eonasdan/bootstrap-datetimepicker/issues/790 for more information.
-*/
-body {
- position: relative;
+a {
+ background-color: transparent;
+ -webkit-text-decoration-skip: objects;
}
-/* figure -------------------------------------------------------------- */
-/* file -------------------------------------------------------------- */
-.tobago-file {
- position: relative;
+a:active,
+a:hover {
+ outline-width: 0;
}
-.tobago-file-pretty {
- text-overflow: ellipsis;
+abbr[title] {
+ border-bottom: none;
+ text-decoration: underline;
+ text-decoration: underline dotted;
}
-.tobago-file-real {
- position: absolute;
- right: 0;
- top: 0;
- bottom: 0;
- opacity: 0;
- width: 100%;
- z-index: 2;
+b,
+strong {
+ font-weight: inherit;
}
-/* flexLayout -------------------------------------------------------------- */
-.tobago-flexLayout {
- display: -webkit-flex;
- /* needed e.g. for Safari 8.0.2 */
- display: -ms-flexbox;
- /* needed for IE 10 */
- display: -webkit-box;
- display: flex;
- min-width: 0;
- /* without this, Firefox/Webkit are different from IE:
- Set the minimal width to zero make flex-layout responsive for the width,
- even if there is overflowing content.
- currently e.g. PRE-code blocks in the demo are too wide. XXX */
- margin-left: -3px;
- margin-right: -3px;
+b,
+strong {
+ font-weight: bolder;
}
-.tobago-flexLayout > * {
- margin-left: 3px;
- margin-right: 3px;
+code,
+kbd,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
}
-.tobago-flexLayout > .tobago-flexLayout {
- margin-left: 0;
- margin-right: 0;
+dfn {
+ font-style: italic;
}
-.tobago-flexLayout-markup-vertically {
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- flex-direction: column;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
+mark {
+ background-color: #ff0;
+ color: #000;
}
-.tobago-alignItems-baseline {
- -webkit-box-align: baseline;
- -webkit-align-items: baseline;
- -ms-flex-align: baseline;
- align-items: baseline;
+small {
+ font-size: 80%;
}
-.tobago-alignItems-center {
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
}
-.tobago-alignItems-flexEnd {
- -webkit-box-align: end;
- -webkit-align-items: flex-end;
- -ms-flex-align: end;
- align-items: flex-end;
+sub {
+ bottom: -0.25em;
}
-.tobago-alignItems-flexStart {
- -webkit-box-align: start;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
- align-items: flex-start;
+sup {
+ top: -0.5em;
}
-.tobago-alignItems-stretch {
- -webkit-box-align: stretch;
- -webkit-align-items: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
+audio,
+video {
+ display: inline-block;
}
-.tobago-justifyContent-center {
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
+audio:not([controls]) {
+ display: none;
+ height: 0;
}
-.tobago-justifyContent-flexStart {
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
+img {
+ border-style: none;
}
-.tobago-justifyContent-flexEnd {
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
- justify-content: flex-end;
+svg:not(:root) {
+ overflow: hidden;
}
-.tobago-justifyContent-spaceBetween {
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: sans-serif;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
}
-.tobago-justifyContent-spaceAround {
- -webkit-justify-content: space-around;
- -ms-flex-pack: distribute;
- justify-content: space-around;
+button,
+input {
+ overflow: visible;
}
-/* footer -------------------------------------------------------------- */
-.tobago-footer {
- background-color: #ffffff;
- padding: 5px 10px;
- -webkit-box-shadow: 0 0 5px 5px rgba(200, 200, 200, 0.5);
- box-shadow: 0 0 5px 5px rgba(200, 200, 200, 0.5);
-}
-
-.fixed-bottom {
- margin-top: 10px;
+button,
+select {
+ text-transform: none;
}
-/* form -------------------------------------------------------------- */
-/* gridLayout -------------------------------------------------------------- */
-.tobago-gridLayout {
- width: 100%;
- height: 100%;
- /*
- border-spacing: 5px;
- border-collapse: separate;
-*/
- border-spacing: 0;
- border-collapse: collapse;
+button,
+html [type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
}
-table.tobago-gridLayout > tbody > tr > td {
- vertical-align: top;
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ border-style: none;
padding: 0;
- border-left: 5px solid transparent;
- border-top: 5px solid transparent;
- height: 100%;
- /* needed for Firefox */
}
-table.tobago-gridLayout > tbody > tr > td:first-child {
- border-left: 0;
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText;
}
-table.tobago-gridLayout > tbody > tr:first-child > td {
- border-top: 0;
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
}
-table.tobago-gridLayout > tbody > tr > td > * {
- height: 100%;
- width: 100%;
+legend {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ color: inherit;
+ display: table;
+ max-width: 100%;
+ padding: 0;
+ white-space: normal;
}
-/* header ----------------------------------------------------------- */
-.tobago-header {
- margin-bottom: 1rem;
+progress {
+ display: inline-block;
+ vertical-align: baseline;
}
-.tobago-header.fixed-top {
- margin-bottom: 0;
+textarea {
+ overflow: auto;
}
-/* image ----------------------------------------------------------- */
-.tobago-image-markup-disabled {
- -webkit-filter: grayscale(1) blur(2px) contrast(0.5) brightness(1.2);
- filter: grayscale(1) blur(2px) contrast(0.5) brightness(1.2);
+[type="checkbox"],
+[type="radio"] {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 0;
}
-/* in ----------------------------------------------------------- */
-.tobago-in-markup-number {
- text-align: right;
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
}
-/* link ----------------------------------------------------------- */
-.tobago-link {
- white-space: nowrap;
+[type="search"] {
+ -webkit-appearance: textfield;
+ outline-offset: -2px;
}
-.tobago-link span {
- white-space: normal;
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
}
-button.tobago-link, button.tobago-command, button.tobago-treeCommand {
- color: #0275d8;
- border-width: 0;
- padding: 0;
- background-color: transparent;
- text-align: left;
+::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ font: inherit;
}
-button.tobago-link:focus, button.tobago-link:hover,
-button.tobago-command:focus, button.tobago-command:hover,
-button.tobago-treeCommand:focus, button.tobago-treeCommand:hover {
- color: #014c8c;
- text-decoration: underline;
- background-color: transparent;
- outline: none;
+details,
+menu {
+ display: block;
}
-button.tobago-link-markup-disabled, button.tobago-command-markup-disabled {
- cursor: not-allowed;
- opacity: .65;
+summary {
+ display: list-item;
}
-button.tobago-link-markup-disabled:hover, button.tobago-command-markup-disabled:hover {
- color: #0275d8;
- text-decoration: none;
+canvas {
+ display: inline-block;
}
-.nav-item > .tobago-link {
- margin-right: 0.5rem !important;
- margin-left: 0.5rem !important;
+template {
+ display: none;
}
-/* messages ----------------------------------------------------------- */
-.tobago-messages-container {
- -webkit-box-align: start;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
- align-items: flex-start;
+[hidden] {
+ display: none;
}
-.tobago-messages-container.tobago-flexLayout .tobago-messages:first-child small label {
- margin-right: 0;
- /* for tc:in margin 5px is already set */
- margin-bottom: 5px;
+@media print {
+ *,
+ *::before,
+ *::after,
+ p::first-letter,
+ div::first-letter,
+ blockquote::first-letter,
+ li::first-letter,
+ p::first-line,
+ div::first-line,
+ blockquote::first-line,
+ li::first-line {
+ text-shadow: none !important;
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+ }
+ a,
+ a:visited {
+ text-decoration: underline;
+ }
+ abbr[title]::after {
+ content: " (" attr(title) ")";
+ }
+ pre {
+ white-space: pre-wrap !important;
+ }
+ pre,
+ blockquote {
+ border: 1px solid #999;
+ page-break-inside: avoid;
+ }
+ thead {
+ display: table-header-group;
+ }
+ tr,
+ img {
+ page-break-inside: avoid;
+ }
+ p,
+ h2,
+ h3 {
+ orphans: 3;
+ widows: 3;
+ }
+ h2,
+ h3 {
+ page-break-after: avoid;
+ }
+ .navbar {
+ display: none;
+ }
+ .badge {
+ border: 1px solid #000;
+ }
+ .table {
+ border-collapse: collapse !important;
+ }
+ .table td,
+ .table th {
+ background-color: #fff !important;
+ }
+ .table-bordered th,
+ .table-bordered td {
+ border: 1px solid #ddd !important;
+ }
}
-.tobago-messages-container.tobago-flexLayout .tobago-selectManyShuttle {
- -webkit-box-flex: 1;
- -webkit-flex-grow: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
+html {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
}
-a.tobago-messages-button {
- padding-left: 0.4em;
- padding-right: 0.4em;
+*,
+*::before,
+*::after {
+ -webkit-box-sizing: inherit;
+ box-sizing: inherit;
}
-.tobago-messages label {
- display: block;
+@-ms-viewport {
+ width: device-width;
}
-.tobago-messages label:last-child {
- margin-bottom: 0;
+html {
+ -ms-overflow-style: scrollbar;
+ -webkit-tap-highlight-color: transparent;
}
-/* nav ----------------------------------------------------------- */
-/*
-.nav-item > span > .tobago-link, .nav-item > span > .tobago-command {
- padding-top: .425rem;
- padding-bottom: .425rem;
- display: inline-block;
+body {
+ font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+ font-size: 1rem;
+ font-weight: normal;
+ line-height: 1.5;
+ color: #292b2c;
+ background-color: #fff;
}
-*/
-/* styles for drop down menu first level */
-.dropdown-toggle:focus, .dropdown-toggle:hover {
- text-decoration: none;
+
+[tabindex="-1"]:focus {
+ outline: none !important;
}
-/* styles for drop down menu with deeper level */
-.tobago-dropdown-submenu {
- position: relative;
+h1, h2, h3, h4, h5, h6 {
+ margin-top: 0;
+ margin-bottom: .5rem;
}
-/* no bottom border in navtabs, if panel-body under it */
-.nav-tabs {
- border-bottom-width: 0;
+p {
+ margin-top: 0;
+ margin-bottom: 1rem;
}
-.nav-tabs > li.active > a {
- background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
- background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
- background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
- background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
- background-repeat: repeat-x;
- border-bottom: #dddddd;
+abbr[title],
+abbr[data-original-title] {
+ cursor: help;
}
-.nav-tabs > li.active > a:hover {
- border-bottom: #dddddd;
+address {
+ margin-bottom: 1rem;
+ font-style: normal;
+ line-height: inherit;
}
-.tobago-dropdown-submenu > span {
- display: inline-block;
- width: 100%;
+ol,
+ul,
+dl {
+ margin-top: 0;
+ margin-bottom: 1rem;
}
-.tobago-dropdown-submenu > span > .dropdown-menu {
- top: 0;
- left: 100%;
- margin-top: -6px;
- margin-left: -1px;
- border-radius: 6px 6px 6px 6px;
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+ margin-bottom: 0;
}
-.tobago-dropdown-submenu:hover > span > .dropdown-menu {
- display: block;
+dt {
+ font-weight: bold;
}
-.tobago-dropdown-submenu:after {
- content: " ";
- float: right;
- border-color: transparent;
- border-style: solid;
- border-width: 5px 0 5px 5px;
- border-left-color: #cccccc;
- margin-top: 7px;
- margin-right: -10px;
+dd {
+ margin-bottom: .5rem;
+ margin-left: 0;
}
-.tobago-dropdown-submenu > span > button:after {
- display: none;
+blockquote {
+ margin: 0 0 1rem;
}
-.tobago-dropdown-submenu:hover > span > a:after {
- border-left-color: #ffffff;
+a {
+ color: #0275d8;
+ text-decoration: none;
}
-.tobago-dropdown-submenu.pull-left {
- float: none;
+a:focus, a:hover {
+ color: #014c8c;
+ text-decoration: underline;
}
-.tobago-dropdown-submenu.pull-left > .dropdown-menu {
- left: -100%;
- margin-left: 10px;
- border-radius: 6px 0 6px 6px;
+a:not([href]):not([tabindex]) {
+ color: inherit;
+ text-decoration: none;
}
-.dropdown-menu .form-check {
- display: block;
+a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
+ color: inherit;
+ text-decoration: none;
}
-/* out -------------------------------------------------------------------- */
-.tobago-out-markup-strong {
- font-weight: bold;
+a:not([href]):not([tabindex]):focus {
+ outline: 0;
}
-.tobago-out-markup-deleted {
- text-decoration: line-through;
+pre {
+ margin-top: 0;
+ margin-bottom: 1rem;
+ overflow: auto;
}
-.tobago-out-markup-number {
- display: block;
- text-align: right;
+figure {
+ margin: 0 0 1rem;
}
-/* make sure, tc:out has always the same height, no matter if value is empty */
-span.tobago-out:empty:before {
- content: "\200b";
+img {
+ vertical-align: middle;
}
-/* page ----------------------------------------------------------- */
-.tobago-page {
- padding-top: 1rem;
+[role="button"] {
+ cursor: pointer;
}
-.tobago-page-overlay {
- display: table;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- /* TODO: better z-index strategy */
- z-index: 500;
- /* less than the bootstrap navbar */
+a,
+area,
+button,
+[role="button"],
+input,
+label,
+select,
+summary,
+textarea {
+ -ms-touch-action: manipulation;
+ touch-action: manipulation;
}
-.tobago-page-overlay-markup-wait {
- cursor: wait;
+table {
+ border-collapse: collapse;
+ background-color: transparent;
}
-.tobago-page-overlay-markup-error {
- cursor: default;
+caption {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ color: #636c72;
+ text-align: left;
+ caption-side: bottom;
}
-.tobago-page-overlayCenter {
- display: table-cell;
- text-align: center;
- vertical-align: middle;
- width: 100%;
- /* TODO: better z-index strategy */
- z-index: 500;
- /* less than the bootstrap navbar */
+th {
+ text-align: left;
}
-.tobago-page-overlayCenter img {
- position: relative;
+label {
+ display: inline-block;
+ margin-bottom: .5rem;
}
-.tobago-page-noscript {
- position: absolute;
- top: 100px;
- left: 100px;
- right: 100px;
- height: 50px;
- border: 1px solid black;
- padding: 30px;
- background-color: white;
- font-size: 15px;
+button:focus {
+ outline: 1px dotted;
+ outline: 5px auto -webkit-focus-ring-color;
}
-.tobago-page-preventFrameAttacks {
- display: none;
+input,
+button,
+select,
+textarea {
+ line-height: inherit;
}
-.tobago-spread {
- height: 100%;
+input[type="radio"]:disabled,
+input[type="checkbox"]:disabled {
+ cursor: not-allowed;
}
-/* popup ------------------------------------------------------------- */
-.modal-content > .card {
- margin-bottom: 0;
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
+ -webkit-appearance: listbox;
}
-/* section ----------------------------------------------------------- */
-/* to separate the icon from the rest of the title */
-h1 > .fa:first-child,
-h2 > .fa:first-child,
-h3 > .fa:first-child,
-h4 > .fa:first-child,
-h5 > .fa:first-child,
-h6 > .fa:first-child {
- margin-right: 0.7em;
+textarea {
+ resize: vertical;
}
-.tobago-section-header {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-align-content: center;
- -ms-flex-line-pack: center;
- align-content: center;
+fieldset {
+ min-width: 0;
+ padding: 0;
+ margin: 0;
+ border: 0;
}
-/* selectBooleanCheckbox ----------------------------------------------- */
-.tobago-selectBooleanCheckbox input {
- margin-right: 0.3em;
- margin-bottom: 0.4ex;
- vertical-align: text-bottom;
+legend {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin-bottom: .5rem;
+ font-size: 1.5rem;
+ line-height: inherit;
}
-.tobago-selectBooleanCheckbox .form-check-label {
- margin-top: 0.5ex;
- vertical-align: text-top;
+input[type="search"] {
+ -webkit-appearance: none;
}
-/* selectManyCheckbox ----------------------------------------------------------- */
-.tobago-selectManyCheckbox {
- padding-left: 0;
- list-style: none;
+output {
+ display: inline-block;
}
-.tobago-selectManyCheckbox input {
- margin-right: 0.3em;
- margin-bottom: 0.4ex;
- vertical-align: text-bottom;
+[hidden] {
+ display: none !important;
}
-.tobago-selectManyCheckbox-inline {
- margin-left: -1.25rem;
- margin-top: 6px;
+h1, h2, h3, h4, h5, h6,
+.h1, .h2, .h3, .h4, .h5, .h6 {
+ margin-bottom: 0.5rem;
+ font-family: inherit;
+ font-weight: 500;
+ line-height: 1.1;
+ color: inherit;
}
-/* selectManyShuttle ----------------------------------------------------------- */
-.tobago-selectManyShuttle {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
+h1, .h1 {
+ font-size: 2.5rem;
}
-.tobago-selectManyShuttle .tobago-selectManyShuttle-unselected,
-.tobago-selectManyShuttle .tobago-selectManyShuttle-selected {
- -webkit-box-flex: 1;
- -webkit-flex: 1 0 0%;
- -ms-flex: 1 0 0%;
- flex: 1 0 0%;
+h2, .h2 {
+ font-size: 2rem;
}
-.tobago-selectManyShuttle-hidden {
- display: none;
+h3, .h3 {
+ font-size: 1.75rem;
}
-.tobago-selectManyShuttle-toolBar {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- padding: 0 0.5rem;
+h4, .h4 {
+ font-size: 1.5rem;
}
-.tobago-selectManyShuttle-toolBar > button {
- display: block;
+h5, .h5 {
+ font-size: 1.25rem;
}
-.tobago-selectManyShuttle-toolBar > div {
- -webkit-box-flex: 1;
- -webkit-flex: 1 0 0%;
- -ms-flex: 1 0 0%;
- flex: 1 0 0%;
+h6, .h6 {
+ font-size: 1rem;
}
-/* XXX this fixes the margin left from .btn:nth-child(n+2), but is ugly */
-.tobago-selectManyShuttle-toolBar > * {
- margin-left: 0 !important;
+.lead {
+ font-size: 1.25rem;
+ font-weight: 300;
}
-/* selectOneRadio ---------------------------------------------------------- */
-.tobago-selectOneRadio {
- padding-left: 0;
- list-style: none;
+.display-1 {
+ font-size: 6rem;
+ font-weight: 300;
+ line-height: 1.1;
}
-.tobago-selectOneRadio input {
- margin-right: 0.3em;
- margin-bottom: 0.4ex;
- vertical-align: text-bottom;
+.display-2 {
+ font-size: 5.5rem;
+ font-weight: 300;
+ line-height: 1.1;
}
-.tobago-selectOneRadio-inline {
- margin-left: -1.25rem;
- margin-top: 6px;
+.display-3 {
+ font-size: 4.5rem;
+ font-weight: 300;
+ line-height: 1.1;
}
-.dropdown-menu .tobago-selectOneRadio > .form-check {
- display: block;
+.display-4 {
+ font-size: 3.5rem;
+ font-weight: 300;
+ line-height: 1.1;
}
-/* segmentLayout ----------------------------------------------------------- */
-.tobago-segmentLayout {
- /*
- Makes, that the height of the div is set.
- Otherwise floating elements below, may flew into the area of the segmentLayout.
- */
- /*display: inline-block;
- todo: this breaks the general layout in IE11 and others
- */
+hr {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ border: 0;
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
}
-/* separator -------------------------------------------------------------- */
-hr.tobago-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.1);
+small,
+.small {
+ font-size: 80%;
+ font-weight: normal;
}
-p.tobago-separator {
- text-align: center;
- border: 0;
- white-space: nowrap;
- display: block;
- overflow: hidden;
- padding: 0;
- margin-top: 1em;
- margin-bottom: 1em;
+mark,
+.mark {
+ padding: 0.2em;
+ background-color: #fcf8e3;
}
-p.tobago-separator:before, p.tobago-separator:after {
- content: "";
- height: 1px;
- background-color: rgba(0, 0, 0, 0.1);
- display: inline-block;
- vertical-align: middle;
+.list-unstyled {
+ padding-left: 0;
+ list-style: none;
}
-p.tobago-separator:before {
- width: 80px;
- margin-left: 0;
- margin-right: 5px;
+.list-inline {
+ padding-left: 0;
+ list-style: none;
}
-p.tobago-separator:after {
- width: 100%;
- margin-left: 5px;
- margin-right: 0;
+.list-inline-item {
+ display: inline-block;
}
-/* sheet -------------------------------------------------------------- */
-th.tobago-sheet-headerCell {
- font-weight: normal;
+.list-inline-item:not(:last-child) {
+ margin-right: 5px;
}
-th.tobago-sheet-headerCell .tobago-out {
- font-weight: bold;
+.initialism {
+ font-size: 90%;
+ text-transform: uppercase;
}
-.tobago-sheet-header {
- overflow: hidden;
- -webkit-flex-shrink: 0;
- -ms-flex-negative: 0;
- flex-shrink: 0;
+.blockquote {
+ padding: 0.5rem 1rem;
+ margin-bottom: 1rem;
+ font-size: 1.25rem;
+ border-left: 0.25rem solid #eceeef;
}
-.tobago-sheet {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
+.blockquote-footer {
+ display: block;
+ font-size: 80%;
+ color: #636c72;
}
-.tobago-sheet-cell-markup-right {
- text-align: right;
+.blockquote-footer::before {
+ content: "\2014 \00A0";
}
-.tobago-sheet-cell-markup-center {
- text-align: center;
+.blockquote-reverse {
+ padding-right: 1rem;
+ padding-left: 0;
+ text-align: right;
+ border-right: 0.25rem solid #eceeef;
+ border-left: 0;
}
-.tobago-sheet-cell-markup-justify {
- text-align: justify;
+.blockquote-reverse .blockquote-footer::before {
+ content: "";
}
-.tobago-sheet-cell-markup-filler {
- padding: 0 !important;
- /* fix for IE 11 */
+.blockquote-reverse .blockquote-footer::after {
+ content: "\00A0 \2014";
}
-.tobago-sheet-footer {
- text-align: center;
+.img-fluid {
+ max-width: 100%;
+ height: auto;
}
-.tobago-sheet-paging-markup-left {
- float: left;
+.img-thumbnail {
+ padding: 0.25rem;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ border-radius: 0.25rem;
+ -webkit-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+ max-width: 100%;
+ height: auto;
}
-.tobago-sheet-paging-markup-right {
- float: right;
+.figure {
+ display: inline-block;
}
-.tobago-sheet-pagingInput {
- text-align: center;
- display: none;
- margin: -4px 0;
- width: 3em;
+.figure-img {
+ margin-bottom: 0.5rem;
+ line-height: 1;
}
-.tobago-sheet-pagingText {
- cursor: pointer;
+.figure-caption {
+ font-size: 90%;
+ color: #636c72;
}
-.tobago-sheet-body {
- overflow-y: auto;
- -webkit-box-flex: 1;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
+code,
+kbd,
+pre,
+samp {
+ font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
-.tobago-sheet-headerTable {
- margin-bottom: 0;
+code {
+ padding: 0.2rem 0.4rem;
+ font-size: 90%;
+ color: #bd4147;
+ background-color: #f7f7f9;
+ border-radius: 0.25rem;
}
-.tobago-tableLayout-fixed {
- table-layout: fixed;
+a > code {
+ padding: 0;
+ color: inherit;
+ background-color: inherit;
}
-.tobago-sheet-headerCell-markup-filler {
- border-width: 0 !important;
+kbd {
+ padding: 0.2rem 0.4rem;
+ font-size: 90%;
+ color: #fff;
+ background-color: #292b2c;
+ border-radius: 0.2rem;
}
-.tobago-sheet-headerCell {
- position: relative;
+kbd kbd {
+ padding: 0;
+ font-size: 100%;
+ font-weight: bold;
}
-.tobago-sheet-headerResize {
- position: absolute;
- right: -5px;
- top: 0;
- width: 10px;
- height: 100%;
- z-index: 1;
- cursor: col-resize;
+pre {
+ display: block;
+ margin-top: 0;
+ margin-bottom: 1rem;
+ font-size: 90%;
+ color: #292b2c;
}
-.tobago-sheet-headerCell {
- overflow: hidden;
+pre code {
+ padding: 0;
+ font-size: inherit;
+ color: inherit;
+ background-color: transparent;
+ border-radius: 0;
}
-.tobago-sheet-cell div {
- overflow: hidden;
+.pre-scrollable {
+ max-height: 340px;
+ overflow-y: scroll;
}
-/* suggest ---------------------------------------------------------------------- */
-.tobago-suggest {
- display: none;
+.container {
+ position: relative;
+ margin-left: auto;
+ margin-right: auto;
+ padding-right: 15px;
+ padding-left: 15px;
}
-.twitter-typeahead {
- width: 100%;
- display: inherit !important;
- /* height of tc:in must not be influenced by tc:suggest */
+@media (min-width: 576px) {
+ .container {
+ padding-right: 15px;
+ padding-left: 15px;
+ }
}
-.typeahead {
- background-color: #FFFFFF;
+@media (min-width: 768px) {
+ .container {
+ padding-right: 15px;
+ padding-left: 15px;
+ }
}
-.typeahead:focus {
- border: 2px solid #0097CF;
+@media (min-width: 992px) {
+ .container {
+ padding-right: 15px;
+ padding-left: 15px;
+ }
}
-.tt-query {
- -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
+@media (min-width: 1200px) {
+ .container {
+ padding-right: 15px;
+ padding-left: 15px;
+ }
}
-.tt-hint {
- color: #aaaaaa;
+@media (min-width: 576px) {
+ .container {
+ width: 540px;
+ max-width: 100%;
+ }
}
-.tt-menu {
- display: none;
- position: absolute;
- z-index: 100;
- background-color: #FFFFFF;
- border: 1px solid rgba(0, 0, 0, 0.2);
- border-radius: 3px;
- -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
- box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
- margin-top: 1px;
- padding: 8px 0;
+@media (min-width: 768px) {
+ .container {
+ width: 720px;
+ max-width: 100%;
+ }
}
-.tt-open {
- display: block;
+@media (min-width: 992px) {
+ .container {
+ width: 960px;
+ max-width: 100%;
+ }
}
-.tt-empty {
- display: none;
+@media (min-width: 1200px) {
+ .container {
+ width: 1140px;
+ max-width: 100%;
+ }
}
-.tt-suggestion {
- padding: 3px 20px;
+.container-fluid {
+ position: relative;
+ margin-left: auto;
+ margin-right: auto;
+ padding-right: 15px;
+ padding-left: 15px;
}
-.tt-suggestion:hover {
- background-color: #0097CF;
- color: #FFFFFF;
- cursor: pointer;
+@media (min-width: 576px) {
+ .container-fluid {
+ padding-right: 15px;
+ padding-left: 15px;
+ }
}
-.tt-suggestion.tt-cursor {
- background-color: #0097CF;
- color: #FFFFFF;
+@media (min-width: 768px) {
+ .container-fluid {
+ padding-right: 15px;
+ padding-left: 15px;
+ }
}
-.tt-suggestion p {
- margin: 0;
+@media (min-width: 992px) {
+ .container-fluid {
+ padding-right: 15px;
+ padding-left: 15px;
+ }
}
-/* tab / tab-group ----------------------------------------------------------------- */
-.tobago-tab {
+@media (min-width: 1200px) {
+ .container-fluid {
+ padding-right: 15px;
+ padding-left: 15px;
+ }
+}
+
+.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-align-content: center;
- -ms-flex-line-pack: center;
- align-content: center;
- margin-left: 0.2rem;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -15px;
+ margin-left: -15px;
}
-.tab-content {
- border: 1px solid #ddd;
- border-radius: 0.25rem;
- padding: 0.3rem;
+@media (min-width: 576px) {
+ .row {
+ margin-right: -15px;
+ margin-left: -15px;
+ }
}
-.tobago-tabGroup > .tobago-tabGroup-header.nav-tabs {
- border-bottom-width: 0;
+@media (min-width: 768px) {
+ .row {
+ margin-right: -15px;
+ margin-left: -15px;
+ }
}
-/* tree ---------------------------------------------------------------------- */
-.tobago-treeCommand {
- cursor: pointer;
+@media (min-width: 992px) {
+ .row {
+ margin-right: -15px;
+ margin-left: -15px;
+ }
}
-/* out -------------------------------------------------------------- */
-.tobago-out {
- display: inline-block;
+@media (min-width: 1200px) {
+ .row {
+ margin-right: -15px;
+ margin-left: -15px;
+ }
}
-/* menuStore -------------------------------------------------------- */
-.tobago-page-menuStore {
- position: absolute;
- top: 0;
- left: 0;
- width: 0;
- height: 0;
+.no-gutters {
+ margin-right: 0;
+ margin-left: 0;
}
-/* Bootstrap workarounds ------------------------------------------------------------------ */
-/* fixes the problem, that input controls have 100% in the toolbar if they are not in a form,
- but in Tobago we have a global form.
- */
-/*
-.navbar .form-control {
- width: auto;
+.no-gutters > .col,
+.no-gutters > [class*="col-"] {
+ padding-right: 0;
+ padding-left: 0;
}
-*/
-/*
-fixes missing space, I thinks normal Websites have a " " Space char in the source code, Tobago not.
-fixme: there is a problem with the selectManyShuttle with this style.
-*/
-.navbar button:nth-child(n+2),
-.navbar input:nth-child(n+2) {
- margin-left: 5px;
+.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
+ position: relative;
+ width: 100%;
+ min-height: 1px;
+ padding-right: 15px;
+ padding-left: 15px;
}
-.tobago-button > *:nth-child(n+2),
-.tobago-link > *:nth-child(n+2) {
- margin-left: .4em;
+@media (min-width: 576px) {
+ .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
+ padding-right: 15px;
+ padding-left: 15px;
+ }
}
-.tobago-label {
- width: 155px;
+@media (min-width: 768px) {
+ .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
+ padding-right: 15px;
+ padding-left: 15px;
+ }
}
-/* fixes vertical space, todo: why is is needed? is there a better way? */
-.form-horizontal > * {
- margin-top: 10px;
- margin-bottom: 5px;
- /* XXX MUST BE REMOVED */
+@media (min-width: 992px) {
+ .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
+ padding-right: 15px;
+ padding-left: 15px;
+ }
}
-.form-horizontal .control-label {
- margin-top: 10px;
- margin-bottom: 5px;
+@media (min-width: 1200px) {
+ .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
+ padding-right: 15px;
+ padding-left: 15px;
+ }
}
-/* FIXME: This is to hide the toolbar, until it is implemented */
-.tobago-tabGroup-toolBar {
- display: none;
+.col {
+ -webkit-flex-basis: 0;
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -webkit-box-flex: 1;
+ -webkit-flex-grow: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ max-width: 100%;
}
-.tobago-has-info .form-control-feedback,
-.tobago-has-info .form-control-label,
-.tobago-has-info .form-check-label,
-.tobago-has-info .form-check-inline,
-.tobago-has-info .custom-control {
- color: #5bc0de;
+.col-auto {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
}
-.tobago-has-info .form-control {
- border-color: #5bc0de;
+.col-1 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 8.333333%;
+ -ms-flex: 0 0 8.333333%;
+ flex: 0 0 8.333333%;
+ max-width: 8.333333%;
}
-.tobago-has-info .input-group-addon {
- color: #5bc0de;
- background-color: #eaf6ea;
- border-color: #5bc0de;
+.col-2 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 16.666667%;
+ -ms-flex: 0 0 16.666667%;
+ flex: 0 0 16.666667%;
+ max-width: 16.666667%;
}
-.tobago-has-info .form-control-feedback {
- color: #5bc0de;
+.col-3 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 25%;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%;
}
-.tobago-has-info .form-control-success {
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==");
+.col-4 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 33.333333%;
+ -ms-flex: 0 0 33.333333%;
+ flex: 0 0 33.333333%;
+ max-width: 33.333333%;
}
-.tobago-required .tobago-label:after {
- content: "*";
- color: red;
+.col-5 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 41.666667%;
+ -ms-flex: 0 0 41.666667%;
+ flex: 0 0 41.666667%;
+ max-width: 41.666667%;
}
-/* Bootstrap datetimepicker workarounds ------------------------------------------------------------------ */
-/*
- * CSS extension for bootstrap3-datetimepicker to fit with bootstrap4.
- */
-.bootstrap-datetimepicker-widget th,
-.bootstrap-datetimepicker-widget td {
- padding: 5px;
+.col-6 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 50%;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%;
}
-/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
-html {
- font-family: sans-serif;
- line-height: 1.15;
- -ms-text-size-adjust: 100%;
- -webkit-text-size-adjust: 100%;
+.col-7 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 58.333333%;
+ -ms-flex: 0 0 58.333333%;
+ flex: 0 0 58.333333%;
+ max-width: 58.333333%;
}
-body {
- margin: 0;
+.col-8 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 66.666667%;
+ -ms-flex: 0 0 66.666667%;
+ flex: 0 0 66.666667%;
+ max-width: 66.666667%;
}
-article,
-aside,
-footer,
-header,
-nav,
-section {
- display: block;
+.col-9 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 75%;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%;
}
-h1 {
- font-size: 2em;
- margin: 0.67em 0;
+.col-10 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 83.333333%;
+ -ms-flex: 0 0 83.333333%;
+ flex: 0 0 83.333333%;
+ max-width: 83.333333%;
}
-figcaption,
-figure,
-main {
- display: block;
+.col-11 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 91.666667%;
+ -ms-flex: 0 0 91.666667%;
+ flex: 0 0 91.666667%;
+ max-width: 91.666667%;
}
-figure {
- margin: 1em 40px;
+.col-12 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 100%;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%;
}
-hr {
- -webkit-box-sizing: content-box;
- box-sizing: content-box;
- height: 0;
- overflow: visible;
+.pull-0 {
+ right: auto;
}
-pre {
- font-family: monospace, monospace;
- font-size: 1em;
+.pull-1 {
+ right: 8.333333%;
}
-a {
- background-color: transparent;
- -webkit-text-decoration-skip: objects;
+.pull-2 {
+ right: 16.666667%;
}
-a:active,
-a:hover {
- outline-width: 0;
+.pull-3 {
+ right: 25%;
}
-abbr[title] {
- border-bottom: none;
- text-decoration: underline;
- text-decoration: underline dotted;
+.pull-4 {
+ right: 33.333333%;
}
-b,
-strong {
- font-weight: inherit;
+.pull-5 {
+ right: 41.666667%;
}
-b,
-strong {
- font-weight: bolder;
+.pull-6 {
+ right: 50%;
}
-code,
-kbd,
-samp {
- font-family: monospace, monospace;
- font-size: 1em;
+.pull-7 {
+ right: 58.333333%;
}
-dfn {
- font-style: italic;
+.pull-8 {
+ right: 66.666667%;
}
-mark {
- background-color: #ff0;
- color: #000;
+.pull-9 {
+ right: 75%;
}
-small {
- font-size: 80%;
+.pull-10 {
+ right: 83.333333%;
}
-sub,
-sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
+.pull-11 {
+ right: 91.666667%;
}
-sub {
- bottom: -0.25em;
+.pull-12 {
+ right: 100%;
}
-sup {
- top: -0.5em;
+.push-0 {
+ left: auto;
}
-audio,
-video {
- display: inline-block;
+.push-1 {
+ left: 8.333333%;
}
-audio:not([controls]) {
- display: none;
- height: 0;
+.push-2 {
+ left: 16.666667%;
}
-img {
- border-style: none;
+.push-3 {
+ left: 25%;
}
-svg:not(:root) {
- overflow: hidden;
+.push-4 {
+ left: 33.333333%;
}
-button,
-input,
-optgroup,
-select,
-textarea {
- font-family: sans-serif;
- font-size: 100%;
- line-height: 1.15;
- margin: 0;
-}
-
-button,
-input {
- overflow: visible;
+.push-5 {
+ left: 41.666667%;
}
-button,
-select {
- text-transform: none;
+.push-6 {
+ left: 50%;
}
-button,
-html [type="button"],
-[type="reset"],
-[type="submit"] {
- -webkit-appearance: button;
+.push-7 {
+ left: 58.333333%;
}
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
- border-style: none;
- padding: 0;
+.push-8 {
+ left: 66.666667%;
}
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
- outline: 1px dotted ButtonText;
+.push-9 {
+ left: 75%;
}
-fieldset {
- border: 1px solid #c0c0c0;
- margin: 0 2px;
- padding: 0.35em 0.625em 0.75em;
+.push-10 {
+ left: 83.333333%;
}
-legend {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- color: inherit;
- display: table;
- max-width: 100%;
- padding: 0;
- white-space: normal;
+.push-11 {
+ left: 91.666667%;
}
-progress {
- display: inline-block;
- vertical-align: baseline;
+.push-12 {
+ left: 100%;
}
-textarea {
- overflow: auto;
+.offset-1 {
+ margin-left: 8.333333%;
}
-[type="checkbox"],
-[type="radio"] {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- padding: 0;
+.offset-2 {
+ margin-left: 16.666667%;
}
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
- height: auto;
+.offset-3 {
+ margin-left: 25%;
}
-[type="search"] {
- -webkit-appearance: textfield;
- outline-offset: -2px;
+.offset-4 {
+ margin-left: 33.333333%;
}
-[type="search"]::-webkit-search-cancel-button,
-[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
+.offset-5 {
+ margin-left: 41.666667%;
}
-::-webkit-file-upload-button {
- -webkit-appearance: button;
- font: inherit;
+.offset-6 {
+ margin-left: 50%;
}
-details,
-menu {
- display: block;
+.offset-7 {
+ margin-left: 58.333333%;
}
-summary {
- display: list-item;
+.offset-8 {
+ margin-left: 66.666667%;
}
-canvas {
- display: inline-block;
+.offset-9 {
+ margin-left: 75%;
}
-template {
- display: none;
+.offset-10 {
+ margin-left: 83.333333%;
}
-[hidden] {
- display: none;
+.offset-11 {
+ margin-left: 91.666667%;
}
-@media print {
- *,
- *::before,
- *::after,
- p::first-letter,
- div::first-letter,
- blockquote::first-letter,
- li::first-letter,
- p::first-line,
- div::first-line,
- blockquote::first-line,
- li::first-line {
- text-shadow: none !important;
- -webkit-box-shadow: none !important;
- box-shadow: none !important;
+@media (min-width: 576px) {
+ .col-sm {
+ -webkit-flex-basis: 0;
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -webkit-box-flex: 1;
+ -webkit-flex-grow: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ max-width: 100%;
}
- a,
- a:visited {
- text-decoration: underline;
+ .col-sm-auto {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
}
- abbr[title]::after {
- content: " (" attr(title) ")";
+ .col-sm-1 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 8.333333%;
+ -ms-flex: 0 0 8.333333%;
+ flex: 0 0 8.333333%;
+ max-width: 8.333333%;
}
- pre {
- white-space: pre-wrap !important;
+ .col-sm-2 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 16.666667%;
+ -ms-flex: 0 0 16.666667%;
+ flex: 0 0 16.666667%;
+ max-width: 16.666667%;
}
- pre,
- blockquote {
- border: 1px solid #999;
- page-break-inside: avoid;
+ .col-sm-3 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 25%;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%;
}
- thead {
- display: table-header-group;
+ .col-sm-4 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 33.333333%;
+ -ms-flex: 0 0 33.333333%;
+ flex: 0 0 33.333333%;
+ max-width: 33.333333%;
}
- tr,
- img {
- page-break-inside: avoid;
+ .col-sm-5 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 41.666667%;
+ -ms-flex: 0 0 41.666667%;
+ flex: 0 0 41.666667%;
+ max-width: 41.666667%;
}
- p,
- h2,
- h3 {
- orphans: 3;
- widows: 3;
+ .col-sm-6 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 50%;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%;
}
- h2,
- h3 {
- page-break-after: avoid;
+ .col-sm-7 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 58.333333%;
+ -ms-flex: 0 0 58.333333%;
+ flex: 0 0 58.333333%;
+ max-width: 58.333333%;
}
- .navbar {
- display: none;
+ .col-sm-8 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 66.666667%;
+ -ms-flex: 0 0 66.666667%;
+ flex: 0 0 66.666667%;
+ max-width: 66.666667%;
}
- .badge {
- border: 1px solid #000;
+ .col-sm-9 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 75%;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%;
}
- .table {
- border-collapse: collapse !important;
+ .col-sm-10 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 83.333333%;
+ -ms-flex: 0 0 83.333333%;
+ flex: 0 0 83.333333%;
+ max-width: 83.333333%;
}
- .table td,
- .table th {
- background-color: #fff !important;
+ .col-sm-11 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 91.666667%;
+ -ms-flex: 0 0 91.666667%;
+ flex: 0 0 91.666667%;
+ max-width: 91.666667%;
}
- .table-bordered th,
- .table-bordered td {
- border: 1px solid #ddd !important;
+ .col-sm-12 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 100%;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%;
+ }
+ .pull-sm-0 {
+ right: auto;
+ }
+ .pull-sm-1 {
+ right: 8.333333%;
+ }
+ .pull-sm-2 {
+ right: 16.666667%;
+ }
+ .pull-sm-3 {
+ right: 25%;
+ }
+ .pull-sm-4 {
+ right: 33.333333%;
+ }
+ .pull-sm-5 {
+ right: 41.666667%;
+ }
+ .pull-sm-6 {
+ right: 50%;
+ }
+ .pull-sm-7 {
+ right: 58.333333%;
+ }
+ .pull-sm-8 {
+ right: 66.666667%;
+ }
+ .pull-sm-9 {
+ right: 75%;
+ }
+ .pull-sm-10 {
+ right: 83.333333%;
+ }
+ .pull-sm-11 {
+ right: 91.666667%;
+ }
+ .pull-sm-12 {
+ right: 100%;
+ }
+ .push-sm-0 {
+ left: auto;
+ }
+ .push-sm-1 {
+ left: 8.333333%;
+ }
+ .push-sm-2 {
+ left: 16.666667%;
+ }
+ .push-sm-3 {
+ left: 25%;
+ }
+ .push-sm-4 {
+ left: 33.333333%;
+ }
+ .push-sm-5 {
+ left: 41.666667%;
+ }
+ .push-sm-6 {
+ left: 50%;
+ }
+ .push-sm-7 {
+ left: 58.333333%;
+ }
+ .push-sm-8 {
+ left: 66.666667%;
+ }
+ .push-sm-9 {
+ left: 75%;
+ }
+ .push-sm-10 {
+ left: 83.333333%;
+ }
+ .push-sm-11 {
+ left: 91.666667%;
+ }
+ .push-sm-12 {
+ left: 100%;
+ }
+ .offset-sm-0 {
+ margin-left: 0%;
+ }
+ .offset-sm-1 {
+ margin-left: 8.333333%;
+ }
+ .offset-sm-2 {
+ margin-left: 16.666667%;
+ }
+ .offset-sm-3 {
+ margin-left: 25%;
+ }
+ .offset-sm-4 {
+ margin-left: 33.333333%;
+ }
+ .offset-sm-5 {
+ margin-left: 41.666667%;
+ }
+ .offset-sm-6 {
+ margin-left: 50%;
+ }
+ .offset-sm-7 {
+ margin-left: 58.333333%;
+ }
+ .offset-sm-8 {
+ margin-left: 66.666667%;
+ }
+ .offset-sm-9 {
+ margin-left: 75%;
+ }
+ .offset-sm-10 {
+ margin-left: 83.333333%;
+ }
+ .offset-sm-11 {
+ margin-left: 91.666667%;
}
}
-html {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
-}
-
-*,
-*::before,
-*::after {
- -webkit-box-sizing: inherit;
- box-sizing: inherit;
-}
-
-@-ms-viewport {
- width: device-width;
-}
-
-html {
- -ms-overflow-style: scrollbar;
- -webkit-tap-highlight-color: transparent;
-}
-
-body {
- font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
- font-size: 1rem;
- font-weight: normal;
- line-height: 1.5;
- color: #292b2c;
- background-color: #fff;
-}
-
-[tabindex="-1"]:focus {
- outline: none !important;
-}
-
-h1, h2, h3, h4, h5, h6 {
- margin-top: 0;
- margin-bottom: .5rem;
-}
-
-p {
- margin-top: 0;
- margin-bottom: 1rem;
-}
-
-abbr[title],
-abbr[data-original-title] {
- cursor: help;
-}
-
-address {
- margin-bottom: 1rem;
- font-style: normal;
- line-height: inherit;
-}
-
-ol,
-ul,
-dl {
- margin-top: 0;
- margin-bottom: 1rem;
-}
-
-ol ol,
-ul ul,
-ol ul,
-ul ol {
- margin-bottom: 0;
-}
-
-dt {
- font-weight: bold;
-}
-
-dd {
- margin-bottom: .5rem;
- margin-left: 0;
-}
-
-blockquote {
- margin: 0 0 1rem;
-}
-
-a {
- color: #0275d8;
- text-decoration: none;
-}
-
-a:focus, a:hover {
- color: #014c8c;
- text-decoration: underline;
-}
-
-a:not([href]):not([tabindex]) {
- color: inherit;
- text-decoration: none;
-}
-
-a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
- color: inherit;
- text-decoration: none;
-}
-
-a:not([href]):not([tabindex]):focus {
- outline: 0;
-}
-
-pre {
- margin-top: 0;
- margin-bottom: 1rem;
- overflow: auto;
-}
-
-figure {
- margin: 0 0 1rem;
-}
-
-img {
- vertical-align: middle;
-}
-
-[role="button"] {
- cursor: pointer;
-}
-
-a,
-area,
-button,
-[role="button"],
-input,
-label,
-select,
-summary,
-textarea {
- -ms-touch-action: manipulation;
- touch-action: manipulation;
-}
-
-table {
- border-collapse: collapse;
- background-color: transparent;
-}
-
-caption {
- padding-top: 0.75rem;
- padding-bottom: 0.75rem;
- color: #636c72;
- text-align: left;
- caption-side: bottom;
-}
-
-th {
- text-align: left;
-}
-
-label {
- display: inline-block;
- margin-bottom: .5rem;
-}
-
-button:focus {
- outline: 1px dotted;
- outline: 5px auto -webkit-focus-ring-color;
-}
-
-input,
-button,
-select,
-textarea {
- line-height: inherit;
-}
-
-input[type="radio"]:disabled,
-input[type="checkbox"]:disabled {
- cursor: not-allowed;
-}
-
-input[type="date"],
-input[type="time"],
-input[type="datetime-local"],
-input[type="month"] {
- -webkit-appearance: listbox;
-}
-
-textarea {
- resize: vertical;
+@media (min-width: 768px) {
+ .col-md {
+ -webkit-flex-basis: 0;
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -webkit-box-flex: 1;
+ -webkit-flex-grow: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ max-width: 100%;
+ }
+ .col-md-auto {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-md-1 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 8.333333%;
+ -ms-flex: 0 0 8.333333%;
+ flex: 0 0 8.333333%;
+ max-width: 8.333333%;
+ }
+ .col-md-2 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 16.666667%;
+ -ms-flex: 0 0 16.666667%;
+ flex: 0 0 16.666667%;
+ max-width: 16.666667%;
+ }
+ .col-md-3 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 25%;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%;
+ }
+ .col-md-4 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 33.333333%;
+ -ms-flex: 0 0 33.333333%;
+ flex: 0 0 33.333333%;
+ max-width: 33.333333%;
+ }
+ .col-md-5 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 41.666667%;
+ -ms-flex: 0 0 41.666667%;
+ flex: 0 0 41.666667%;
+ max-width: 41.666667%;
+ }
+ .col-md-6 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 50%;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%;
+ }
+ .col-md-7 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 58.333333%;
+ -ms-flex: 0 0 58.333333%;
+ flex: 0 0 58.333333%;
+ max-width: 58.333333%;
+ }
+ .col-md-8 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 66.666667%;
+ -ms-flex: 0 0 66.666667%;
+ flex: 0 0 66.666667%;
+ max-width: 66.666667%;
+ }
+ .col-md-9 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 75%;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%;
+ }
+ .col-md-10 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 83.333333%;
+ -ms-flex: 0 0 83.333333%;
+ flex: 0 0 83.333333%;
+ max-width: 83.333333%;
+ }
+ .col-md-11 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 91.666667%;
+ -ms-flex: 0 0 91.666667%;
+ flex: 0 0 91.666667%;
+ max-width: 91.666667%;
+ }
+ .col-md-12 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 100%;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%;
+ }
+ .pull-md-0 {
+ right: auto;
+ }
+ .pull-md-1 {
+ right: 8.333333%;
+ }
+ .pull-md-2 {
+ right: 16.666667%;
+ }
+ .pull-md-3 {
+ right: 25%;
+ }
+ .pull-md-4 {
+ right: 33.333333%;
+ }
+ .pull-md-5 {
+ right: 41.666667%;
+ }
+ .pull-md-6 {
+ right: 50%;
+ }
+ .pull-md-7 {
+ right: 58.333333%;
+ }
+ .pull-md-8 {
+ right: 66.666667%;
+ }
+ .pull-md-9 {
+ right: 75%;
+ }
+ .pull-md-10 {
+ right: 83.333333%;
+ }
+ .pull-md-11 {
+ right: 91.666667%;
+ }
+ .pull-md-12 {
+ right: 100%;
+ }
+ .push-md-0 {
+ left: auto;
+ }
+ .push-md-1 {
+ left: 8.333333%;
+ }
+ .push-md-2 {
+ left: 16.666667%;
+ }
+ .push-md-3 {
+ left: 25%;
+ }
+ .push-md-4 {
+ left: 33.333333%;
+ }
+ .push-md-5 {
+ left: 41.666667%;
+ }
+ .push-md-6 {
+ left: 50%;
+ }
+ .push-md-7 {
+ left: 58.333333%;
+ }
+ .push-md-8 {
+ left: 66.666667%;
+ }
+ .push-md-9 {
+ left: 75%;
+ }
+ .push-md-10 {
+ left: 83.333333%;
+ }
+ .push-md-11 {
+ left: 91.666667%;
+ }
+ .push-md-12 {
+ left: 100%;
+ }
+ .offset-md-0 {
+ margin-left: 0%;
+ }
+ .offset-md-1 {
+ margin-left: 8.333333%;
+ }
+ .offset-md-2 {
+ margin-left: 16.666667%;
+ }
+ .offset-md-3 {
+ margin-left: 25%;
+ }
+ .offset-md-4 {
+ margin-left: 33.333333%;
+ }
+ .offset-md-5 {
+ margin-left: 41.666667%;
+ }
+ .offset-md-6 {
+ margin-left: 50%;
+ }
+ .offset-md-7 {
+ margin-left: 58.333333%;
+ }
+ .offset-md-8 {
+ margin-left: 66.666667%;
+ }
+ .offset-md-9 {
+ margin-left: 75%;
+ }
+ .offset-md-10 {
+ margin-left: 83.333333%;
+ }
+ .offset-md-11 {
+ margin-left: 91.666667%;
+ }
}
-fieldset {
- min-width: 0;
- padding: 0;
- margin: 0;
- border: 0;
-}
-
-legend {
- display: block;
- width: 100%;
- padding: 0;
- margin-bottom: .5rem;
- font-size: 1.5rem;
- line-height: inherit;
-}
-
-input[type="search"] {
- -webkit-appearance: none;
-}
-
-output {
- display: inline-block;
-}
-
-[hidden] {
- display: none !important;
-}
-
-h1, h2, h3, h4, h5, h6,
-.h1, .h2, .h3, .h4, .h5, .h6 {
- margin-bottom: 0.5rem;
- font-family: inherit;
- font-weight: 500;
- line-height: 1.1;
- color: inherit;
-}
-
-h1, .h1 {
- font-size: 2.5rem;
-}
-
-h2, .h2 {
- font-size: 2rem;
+@media (min-width: 992px) {
+ .col-lg {
+ -webkit-flex-basis: 0;
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -webkit-box-flex: 1;
+ -webkit-flex-grow: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ max-width: 100%;
+ }
+ .col-lg-auto {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-lg-1 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 8.333333%;
+ -ms-flex: 0 0 8.333333%;
+ flex: 0 0 8.333333%;
+ max-width: 8.333333%;
+ }
+ .col-lg-2 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 16.666667%;
+ -ms-flex: 0 0 16.666667%;
+ flex: 0 0 16.666667%;
+ max-width: 16.666667%;
+ }
+ .col-lg-3 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 25%;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%;
+ }
+ .col-lg-4 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 33.333333%;
+ -ms-flex: 0 0 33.333333%;
+ flex: 0 0 33.333333%;
+ max-width: 33.333333%;
+ }
+ .col-lg-5 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 41.666667%;
+ -ms-flex: 0 0 41.666667%;
+ flex: 0 0 41.666667%;
+ max-width: 41.666667%;
+ }
+ .col-lg-6 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 50%;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%;
+ }
+ .col-lg-7 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 58.333333%;
+ -ms-flex: 0 0 58.333333%;
+ flex: 0 0 58.333333%;
+ max-width: 58.333333%;
+ }
+ .col-lg-8 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 66.666667%;
+ -ms-flex: 0 0 66.666667%;
+ flex: 0 0 66.666667%;
+ max-width: 66.666667%;
+ }
+ .col-lg-9 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 75%;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%;
+ }
+ .col-lg-10 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 83.333333%;
+ -ms-flex: 0 0 83.333333%;
+ flex: 0 0 83.333333%;
+ max-width: 83.333333%;
+ }
+ .col-lg-11 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 91.666667%;
+ -ms-flex: 0 0 91.666667%;
+ flex: 0 0 91.666667%;
+ max-width: 91.666667%;
+ }
+ .col-lg-12 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 100%;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%;
+ }
+ .pull-lg-0 {
+ right: auto;
+ }
+ .pull-lg-1 {
+ right: 8.333333%;
+ }
+ .pull-lg-2 {
+ right: 16.666667%;
+ }
+ .pull-lg-3 {
+ right: 25%;
+ }
+ .pull-lg-4 {
+ right: 33.333333%;
+ }
+ .pull-lg-5 {
+ right: 41.666667%;
+ }
+ .pull-lg-6 {
+ right: 50%;
+ }
+ .pull-lg-7 {
+ right: 58.333333%;
+ }
+ .pull-lg-8 {
+ right: 66.666667%;
+ }
+ .pull-lg-9 {
+ right: 75%;
+ }
+ .pull-lg-10 {
+ right: 83.333333%;
+ }
+ .pull-lg-11 {
+ right: 91.666667%;
+ }
+ .pull-lg-12 {
+ right: 100%;
+ }
+ .push-lg-0 {
+ left: auto;
+ }
+ .push-lg-1 {
+ left: 8.333333%;
+ }
+ .push-lg-2 {
+ left: 16.666667%;
+ }
+ .push-lg-3 {
+ left: 25%;
+ }
+ .push-lg-4 {
+ left: 33.333333%;
+ }
+ .push-lg-5 {
+ left: 41.666667%;
+ }
+ .push-lg-6 {
+ left: 50%;
+ }
+ .push-lg-7 {
+ left: 58.333333%;
+ }
+ .push-lg-8 {
+ left: 66.666667%;
+ }
+ .push-lg-9 {
+ left: 75%;
+ }
+ .push-lg-10 {
+ left: 83.333333%;
+ }
+ .push-lg-11 {
+ left: 91.666667%;
+ }
+ .push-lg-12 {
+ left: 100%;
+ }
+ .offset-lg-0 {
+ margin-left: 0%;
+ }
+ .offset-lg-1 {
+ margin-left: 8.333333%;
+ }
+ .offset-lg-2 {
+ margin-left: 16.666667%;
+ }
+ .offset-lg-3 {
+ margin-left: 25%;
+ }
+ .offset-lg-4 {
+ margin-left: 33.333333%;
+ }
+ .offset-lg-5 {
+ margin-left: 41.666667%;
+ }
+ .offset-lg-6 {
+ margin-left: 50%;
+ }
+ .offset-lg-7 {
+ margin-left: 58.333333%;
+ }
+ .offset-lg-8 {
+ margin-left: 66.666667%;
+ }
+ .offset-lg-9 {
+ margin-left: 75%;
+ }
+ .offset-lg-10 {
+ margin-left: 83.333333%;
+ }
+ .offset-lg-11 {
+ margin-left: 91.666667%;
+ }
}
-h3, .h3 {
- font-size: 1.75rem;
+@media (min-width: 1200px) {
+ .col-xl {
+ -webkit-flex-basis: 0;
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -webkit-box-flex: 1;
+ -webkit-flex-grow: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ max-width: 100%;
+ }
+ .col-xl-auto {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-xl-1 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 8.333333%;
+ -ms-flex: 0 0 8.333333%;
+ flex: 0 0 8.333333%;
+ max-width: 8.333333%;
+ }
+ .col-xl-2 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 16.666667%;
+ -ms-flex: 0 0 16.666667%;
+ flex: 0 0 16.666667%;
+ max-width: 16.666667%;
+ }
+ .col-xl-3 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 25%;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%;
+ }
+ .col-xl-4 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 33.333333%;
+ -ms-flex: 0 0 33.333333%;
+ flex: 0 0 33.333333%;
+ max-width: 33.333333%;
+ }
+ .col-xl-5 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 41.666667%;
+ -ms-flex: 0 0 41.666667%;
+ flex: 0 0 41.666667%;
+ max-width: 41.666667%;
+ }
+ .col-xl-6 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 50%;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%;
+ }
+ .col-xl-7 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 58.333333%;
+ -ms-flex: 0 0 58.333333%;
+ flex: 0 0 58.333333%;
+ max-width: 58.333333%;
+ }
+ .col-xl-8 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 66.666667%;
+ -ms-flex: 0 0 66.666667%;
+ flex: 0 0 66.666667%;
+ max-width: 66.666667%;
+ }
+ .col-xl-9 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 75%;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%;
+ }
+ .col-xl-10 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 83.333333%;
+ -ms-flex: 0 0 83.333333%;
+ flex: 0 0 83.333333%;
+ max-width: 83.333333%;
+ }
+ .col-xl-11 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 91.666667%;
+ -ms-flex: 0 0 91.666667%;
+ flex: 0 0 91.666667%;
+ max-width: 91.666667%;
+ }
+ .col-xl-12 {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 100%;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%;
+ }
+ .pull-xl-0 {
+ right: auto;
+ }
+ .pull-xl-1 {
+ right: 8.333333%;
+ }
+ .pull-xl-2 {
+ right: 16.666667%;
+ }
+ .pull-xl-3 {
+ right: 25%;
+ }
+ .pull-xl-4 {
+ right: 33.333333%;
+ }
+ .pull-xl-5 {
+ right: 41.666667%;
+ }
+ .pull-xl-6 {
+ right: 50%;
+ }
+ .pull-xl-7 {
+ right: 58.333333%;
+ }
+ .pull-xl-8 {
+ right: 66.666667%;
+ }
+ .pull-xl-9 {
+ right: 75%;
+ }
+ .pull-xl-10 {
+ right: 83.333333%;
+ }
+ .pull-xl-11 {
+ right: 91.666667%;
+ }
+ .pull-xl-12 {
+ right: 100%;
+ }
+ .push-xl-0 {
+ left: auto;
+ }
+ .push-xl-1 {
+ left: 8.333333%;
+ }
+ .push-xl-2 {
+ left: 16.666667%;
+ }
+ .push-xl-3 {
+ left: 25%;
+ }
+ .push-xl-4 {
+ left: 33.333333%;
+ }
+ .push-xl-5 {
+ left: 41.666667%;
+ }
+ .push-xl-6 {
+ left: 50%;
+ }
+ .push-xl-7 {
+ left: 58.333333%;
+ }
+ .push-xl-8 {
+ left: 66.666667%;
+ }
+ .push-xl-9 {
+ left: 75%;
+ }
+ .push-xl-10 {
+ left: 83.333333%;
+ }
+ .push-xl-11 {
+ left: 91.666667%;
+ }
+ .push-xl-12 {
+ left: 100%;
+ }
+ .offset-xl-0 {
+ margin-left: 0%;
+ }
+ .offset-xl-1 {
+ margin-left: 8.333333%;
+ }
+ .offset-xl-2 {
+ margin-left: 16.666667%;
+ }
+ .offset-xl-3 {
+ margin-left: 25%;
+ }
+ .offset-xl-4 {
+ margin-left: 33.333333%;
+ }
+ .offset-xl-5 {
+ margin-left: 41.666667%;
+ }
+ .offset-xl-6 {
+ margin-left: 50%;
+ }
+ .offset-xl-7 {
+ margin-left: 58.333333%;
+ }
+ .offset-xl-8 {
+ margin-left: 66.666667%;
+ }
+ .offset-xl-9 {
+ margin-left: 75%;
+ }
+ .offset-xl-10 {
+ margin-left: 83.333333%;
+ }
+ .offset-xl-11 {
+ margin-left: 91.666667%;
+ }
}
-h4, .h4 {
- font-size: 1.5rem;
+.table {
+ width: 100%;
+ max-width: 100%;
+ margin-bottom: 1rem;
}
-h5, .h5 {
- font-size: 1.25rem;
+.table th,
+.table td {
+ padding: 0.75rem;
+ vertical-align: top;
+ border-top: 1px solid #eceeef;
}
-h6, .h6 {
- font-size: 1rem;
+.table thead th {
+ vertical-align: bottom;
+ border-bottom: 2px solid #eceeef;
}
-.lead {
- font-size: 1.25rem;
- font-weight: 300;
+.table tbody + tbody {
+ border-top: 2px solid #eceeef;
}
-.display-1 {
- font-size: 6rem;
- font-weight: 300;
- line-height: 1.1;
+.table .table {
+ background-color: #fff;
}
-.display-2 {
- font-size: 5.5rem;
- font-weight: 300;
- line-height: 1.1;
+.table-sm th,
+.table-sm td {
+ padding: 0.3rem;
}
-.display-3 {
- font-size: 4.5rem;
- font-weight: 300;
- line-height: 1.1;
+.table-bordered {
+ border: 1px solid #eceeef;
}
-.display-4 {
- font-size: 3.5rem;
- font-weight: 300;
- line-height: 1.1;
+.table-bordered th,
+.table-bordered td {
+ border: 1px solid #eceeef;
}
-hr {
- margin-top: 1rem;
- margin-bottom: 1rem;
- border: 0;
- border-top: 1px solid rgba(0, 0, 0, 0.1);
+.table-bordered thead th,
+.table-bordered thead td {
+ border-bottom-width: 2px;
}
-small,
-.small {
- font-size: 80%;
- font-weight: normal;
+.table-striped tbody tr:nth-of-type(odd) {
+ background-color: rgba(0, 0, 0, 0.05);
}
-mark,
-.mark {
- padding: 0.2em;
- background-color: #fcf8e3;
+.table-hover tbody tr:hover {
+ background-color: rgba(0, 0, 0, 0.075);
}
-.list-unstyled {
- padding-left: 0;
- list-style: none;
+.table-active,
+.table-active > th,
+.table-active > td {
+ background-color: rgba(0, 0, 0, 0.075);
}
-.list-inline {
- padding-left: 0;
- list-style: none;
+.table-hover .table-active:hover {
+ background-color: rgba(0, 0, 0, 0.075);
}
-.list-inline-item {
- display: inline-block;
+.table-hover .table-active:hover > td,
+.table-hover .table-active:hover > th {
+ background-color: rgba(0, 0, 0, 0.075);
}
-.list-inline-item:not(:last-child) {
- margin-right: 5px;
+.table-success,
+.table-success > th,
+.table-success > td {
+ background-color: #dff0d8;
}
-.initialism {
- font-size: 90%;
- text-transform: uppercase;
+.table-hover .table-success:hover {
+ background-color: #d0e9c6;
}
-.blockquote {
- padding: 0.5rem 1rem;
- margin-bottom: 1rem;
- font-size: 1.25rem;
- border-left: 0.25rem solid #eceeef;
+.table-hover .table-success:hover > td,
+.table-hover .table-success:hover > th {
+ background-color: #d0e9c6;
}
-.blockquote-footer {
- display: block;
- font-size: 80%;
- color: #636c72;
+.table-info,
+.table-info > th,
+.table-info > td {
+ background-color: #d9edf7;
}
-.blockquote-footer::before {
- content: "\2014 \00A0";
+.table-hover .table-info:hover {
+ background-color: #c4e3f3;
}
-.blockquote-reverse {
- padding-right: 1rem;
- padding-left: 0;
- text-align: right;
- border-right: 0.25rem solid #eceeef;
- border-left: 0;
+.table-hover .table-info:hover > td,
+.table-hover .table-info:hover > th {
+ background-color: #c4e3f3;
}
-.blockquote-reverse .blockquote-footer::before {
- content: "";
+.table-warning,
+.table-warning > th,
+.table-warning > td {
+ background-color: #fcf8e3;
}
-.blockquote-reverse .blockquote-footer::after {
- content: "\00A0 \2014";
+.table-hover .table-warning:hover {
+ background-color: #faf2cc;
}
-.img-fluid {
- max-width: 100%;
- height: auto;
+.table-hover .table-warning:hover > td,
+.table-hover .table-warning:hover > th {
+ background-color: #faf2cc;
}
-.img-thumbnail {
- padding: 0.25rem;
- background-color: #fff;
- border: 1px solid #ddd;
- border-radius: 0.25rem;
- -webkit-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- max-width: 100%;
- height: auto;
+.table-danger,
+.table-danger > th,
+.table-danger > td {
+ background-color: #f2dede;
}
-.figure {
- display: inline-block;
+.table-hover .table-danger:hover {
+ background-color: #ebcccc;
}
-.figure-img {
- margin-bottom: 0.5rem;
- line-height: 1;
+.table-hover .table-danger:hover > td,
+.table-hover .table-danger:hover > th {
+ background-color: #ebcccc;
}
-.figure-caption {
- font-size: 90%;
- color: #636c72;
+.thead-inverse th {
+ color: #fff;
+ background-color: #292b2c;
}
-code,
-kbd,
-pre,
-samp {
- font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+.thead-default th {
+ color: #464a4c;
+ background-color: #eceeef;
}
-code {
- padding: 0.2rem 0.4rem;
- font-size: 90%;
- color: #bd4147;
- background-color: #f7f7f9;
- border-radius: 0.25rem;
+.table-inverse {
+ color: #fff;
+ background-color: #292b2c;
}
-a > code {
- padding: 0;
- color: inherit;
- background-color: inherit;
+.table-inverse th,
+.table-inverse td,
+.table-inverse thead th {
+ border-color: #fff;
}
-kbd {
- padding: 0.2rem 0.4rem;
- font-size: 90%;
- color: #fff;
- background-color: #292b2c;
- border-radius: 0.2rem;
+.table-inverse.table-bordered {
+ border: 0;
}
-kbd kbd {
- padding: 0;
- font-size: 100%;
- font-weight: bold;
+.table-responsive {
+ display: block;
+ width: 100%;
+ overflow-x: auto;
+ -ms-overflow-style: -ms-autohiding-scrollbar;
}
-pre {
+.table-responsive.table-bordered {
+ border: 0;
+}
+
+.form-control {
display: block;
- margin-top: 0;
- margin-bottom: 1rem;
- font-size: 90%;
- color: #292b2c;
+ width: 100%;
+ padding: 0.5rem 0.75rem;
+ font-size: 1rem;
+ line-height: 1.25;
+ color: #464a4c;
+ background-color: #fff;
+ background-image: none;
+ -webkit-background-clip: padding-box;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 0.25rem;
+ -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
+ transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
+ -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+ transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+ transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
-pre code {
- padding: 0;
- font-size: inherit;
- color: inherit;
+.form-control::-ms-expand {
background-color: transparent;
- border-radius: 0;
+ border: 0;
}
-.pre-scrollable {
- max-height: 340px;
- overflow-y: scroll;
+.form-control:focus {
+ color: #464a4c;
+ background-color: #fff;
+ border-color: #5cb3fd;
+ outline: none;
}
-.container {
- position: relative;
- margin-left: auto;
- margin-right: auto;
- padding-right: 15px;
- padding-left: 15px;
+.form-control::-webkit-input-placeholder {
+ color: #636c72;
+ opacity: 1;
}
-@media (min-width: 576px) {
- .container {
- padding-right: 15px;
- padding-left: 15px;
- }
+.form-control::-moz-placeholder {
+ color: #636c72;
+ opacity: 1;
}
-@media (min-width: 768px) {
- .container {
- padding-right: 15px;
- padding-left: 15px;
- }
+.form-control:-ms-input-placeholder {
+ color: #636c72;
+ opacity: 1;
}
-@media (min-width: 992px) {
- .container {
- padding-right: 15px;
- padding-left: 15px;
- }
+.form-control::placeholder {
+ color: #636c72;
+ opacity: 1;
}
-@media (min-width: 1200px) {
- .container {
- padding-right: 15px;
- padding-left: 15px;
- }
+.form-control:disabled, .form-control[readonly] {
+ background-color: #eceeef;
+ opacity: 1;
}
-@media (min-width: 576px) {
- .container {
- width: 540px;
- max-width: 100%;
- }
+.form-control:disabled {
+ cursor: not-allowed;
}
-@media (min-width: 768px) {
- .container {
- width: 720px;
- max-width: 100%;
- }
+select.form-control:not([size]):not([multiple]) {
+ height: calc(2.25rem + 2px);
}
-@media (min-width: 992px) {
- .container {
- width: 960px;
- max-width: 100%;
- }
+select.form-control:focus::-ms-value {
+ color: #464a4c;
+ background-color: #fff;
}
-@media (min-width: 1200px) {
- .container {
- width: 1140px;
- max-width: 100%;
- }
+.form-control-file,
+.form-control-range {
+ display: block;
}
-.container-fluid {
- position: relative;
- margin-left: auto;
- margin-right: auto;
- padding-right: 15px;
- padding-left: 15px;
+.col-form-label {
+ padding-top: calc(0.5rem - 1px * 2);
+ padding-bottom: calc(0.5rem - 1px * 2);
+ margin-bottom: 0;
}
-@media (min-width: 576px) {
- .container-fluid {
- padding-right: 15px;
- padding-left: 15px;
- }
+.col-form-label-lg {
+ padding-top: calc(0.75rem - 1px * 2);
+ padding-bottom: calc(0.75rem - 1px * 2);
+ font-size: 1.25rem;
}
-@media (min-width: 768px) {
- .container-fluid {
- padding-right: 15px;
- padding-left: 15px;
- }
+.col-form-label-sm {
+ padding-top: calc(0.25rem - 1px * 2);
+ padding-bottom: calc(0.25rem - 1px * 2);
+ font-size: 0.875rem;
}
-@media (min-width: 992px) {
- .container-fluid {
- padding-right: 15px;
- padding-left: 15px;
- }
+.col-form-legend {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ margin-bottom: 0;
+ font-size: 1rem;
}
-@media (min-width: 1200px) {
- .container-fluid {
- padding-right: 15px;
- padding-left: 15px;
- }
+.form-control-static {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ margin-bottom: 0;
+ line-height: 1.25;
+ border: solid transparent;
+ border-width: 1px 0;
}
-.row {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -15px;
- margin-left: -15px;
+.form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control,
+.input-group-sm > .form-control-static.input-group-addon,
+.input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control,
+.input-group-lg > .form-control-static.input-group-addon,
+.input-group-lg > .input-group-btn > .form-control-static.btn {
+ padding-right: 0;
+ padding-left: 0;
}
-@media (min-width: 576px) {
- .row {
- margin-right: -15px;
- margin-left: -15px;
- }
+.form-control-sm, .input-group-sm > .form-control,
+.input-group-sm > .input-group-addon,
+.input-group-sm > .input-group-btn > .btn {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
}
-@media (min-width: 768px) {
- .row {
- margin-right: -15px;
- margin-left: -15px;
- }
+select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
+.input-group-sm > select.input-group-addon:not([size]):not([multiple]),
+.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) {
+ height: 1.8125rem;
}
-@media (min-width: 992px) {
- .row {
- margin-right: -15px;
- margin-left: -15px;
- }
+.form-control-lg, .input-group-lg > .form-control,
+.input-group-lg > .input-group-addon,
+.input-group-lg > .input-group-btn > .btn {
+ padding: 0.75rem 1.5rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
}
-@media (min-width: 1200px) {
- .row {
- margin-right: -15px;
- margin-left: -15px;
- }
+select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
+.input-group-lg > select.input-group-addon:not([size]):not([multiple]),
+.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {
+ height: 3.166667rem;
}
-.no-gutters {
- margin-right: 0;
- margin-left: 0;
+.form-group {
+ margin-bottom: 1rem;
}
-.no-gutters > .col,
-.no-gutters > [class*="col-"] {
- padding-right: 0;
- padding-left: 0;
+.form-text {
+ display: block;
+ margin-top: 0.25rem;
}
-.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
+.form-check {
position: relative;
- width: 100%;
- min-height: 1px;
- padding-right: 15px;
- padding-left: 15px;
+ display: block;
+ margin-bottom: 0.5rem;
}
-@media (min-width: 576px) {
- .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
- padding-right: 15px;
- padding-left: 15px;
- }
+.form-check.disabled .form-check-label {
+ color: #636c72;
+ cursor: not-allowed;
}
-@media (min-width: 768px) {
- .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
- padding-right: 15px;
- padding-left: 15px;
- }
+.form-check-label {
+ padding-left: 1.25rem;
+ margin-bottom: 0;
+ cursor: pointer;
}
-@media (min-width: 992px) {
- .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
- padding-right: 15px;
- padding-left: 15px;
- }
+.form-check-input {
+ position: absolute;
+ margin-top: 0.25rem;
+ margin-left: -1.25rem;
}
-@media (min-width: 1200px) {
- .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
- padding-right: 15px;
- padding-left: 15px;
- }
+.form-check-input:only-child {
+ position: static;
}
-.col {
- -webkit-flex-basis: 0;
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -webkit-box-flex: 1;
- -webkit-flex-grow: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
- max-width: 100%;
+.form-check-inline {
+ display: inline-block;
}
-.col-auto {
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- width: auto;
+.form-check-inline .form-check-label {
+ vertical-align: middle;
}
-.col-1 {
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 8.333333%;
- -ms-flex: 0 0 8.333333%;
- flex: 0 0 8.333333%;
- max-width: 8.333333%;
+.form-check-inline + .form-check-inline {
+ margin-left: 0.75rem;
}
-.col-2 {
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 16.666667%;
- -ms-flex: 0 0 16.666667%;
- flex: 0 0 16.666667%;
- max-width: 16.666667%;
+.form-control-feedback {
+ margin-top: 0.25rem;
}
-.col-3 {
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 25%;
- -ms-flex: 0 0 25%;
- flex: 0 0 25%;
- max-width: 25%;
+.form-control-success,
+.form-control-warning,
+.form-control-danger {
+ padding-right: 2.25rem;
+ background-repeat: no-repeat;
+ background-position: center right 0.5625rem;
+ -webkit-background-size: 1.125rem 1.125rem;
+ background-size: 1.125rem 1.125rem;
}
-.col-4 {
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 33.333333%;
- -ms-flex: 0 0 33.333333%;
- flex: 0 0 33.333333%;
- max-width: 33.333333%;
+.has-success .form-control-feedback,
+.has-success .form-control-label,
+.has-success .col-form-label,
+.has-success .form-check-label,
+.has-success .custom-control {
+ color: #5cb85c;
}
-.col-5 {
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 41.666667%;
- -ms-flex: 0 0 41.666667%;
- flex: 0 0 41.666667%;
- max-width: 41.666667%;
-}
-
-.col-6 {
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 50%;
- -ms-flex: 0 0 50%;
- flex: 0 0 50%;
- max-width: 50%;
+.has-success .form-control {
+ border-color: #5cb85c;
}
-.col-7 {
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 58.333333%;
- -ms-flex: 0 0 58.333333%;
- flex: 0 0 58.333333%;
- max-width: 58.333333%;
+.has-success .input-group-addon {
+ color: #5cb85c;
+ border-color: #5cb85c;
+ background-color: #eaf6ea;
}
-.col-8 {
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 66.666667%;
- -ms-flex: 0 0 66.666667%;
- flex: 0 0 66.666667%;
- max-width: 66.666667%;
+.has-success .form-control-success {
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
}
-.col-9 {
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 75%;
- -ms-flex: 0 0 75%;
- flex: 0 0 75%;
- max-width: 75%;
+.has-warning .form-control-feedback,
+.has-warning .form-control-label,
+.has-warning .col-form-label,
+.has-warning .form-check-label,
+.has-warning .custom-control {
+ color: #f0ad4e;
}
-.col-10 {
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 83.333333%;
- -ms-flex: 0 0 83.333333%;
- flex: 0 0 83.333333%;
- max-width: 83.333333%;
+.has-warning .form-control {
+ border-color: #f0ad4e;
}
-.col-11 {
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 91.666667%;
- -ms-flex: 0 0 91.666667%;
- flex: 0 0 91.666667%;
- max-width: 91.666667%;
+.has-warning .input-group-addon {
+ color: #f0ad4e;
+ border-color: #f0ad4e;
+ background-color: white;
}
-.col-12 {
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 100%;
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
- max-width: 100%;
+.has-warning .form-control-warning {
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E");
}
-.pull-0 {
- right: auto;
+.has-danger .form-control-feedback,
+.has-danger .form-control-label,
+.has-danger .col-form-label,
+.has-danger .form-check-label,
+.has-danger .custom-control {
+ color: #d9534f;
}
-.pull-1 {
- right: 8.333333%;
+.has-danger .form-control {
+ border-color: #d9534f;
}
-.pull-2 {
- right: 16.666667%;
+.has-danger .input-group-addon {
+ color: #d9534f;
+ border-color: #d9534f;
+ background-color: #fdf7f7;
}
-.pull-3 {
- right: 25%;
+.has-danger .form-control-danger {
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
}
-.pull-4 {
- right: 33.333333%;
+.form-inline {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
}
-.pull-5 {
- right: 41.666667%;
+.form-inline .form-check {
+ width: 100%;
}
-.pull-6 {
- right: 50%;
[... 11298 lines stripped ...]