| /* **************************************** |
| * Imports |
| * ****************************************/ |
| @import '~ag-grid-community/dist/styles/ag-grid.css'; |
| @import '~ag-grid-community/dist/styles/ag-theme-balham.css'; |
| @import '~bootstrap/dist/css/bootstrap.min.css'; |
| //Global Angular Material Component overwirte |
| // ag-grid-angular { |
| // border-top: 1px solid $color-grey-verylight; |
| // } |
| |
| /* |
| ****************************************************************************** |
| * Copyright © 2018 PTA GmbH. |
| * All rights reserved. This program and the accompanying materials |
| * are made available under the terms of the Eclipse Public License v1.0 |
| * which accompanies this distribution, and is available at |
| * |
| * http://www.eclipse.org/legal/epl-v10.html |
| * |
| ****************************************************************************** |
| */ |
| |
| /* You can add global styles to this file, and also import other style files */ |
| |
| @import url('assets/source-sans-pro/source-sans-pro.css'); |
| @import url('assets/css/main.css'); |
| @import url('assets/css/custom.css'); |
| /* General styling */ |
| /* |
| * Orson http://en.orson.io , autreplanete http://www.autreplanete.com/ |
| * |
| **/ /*! |
| * Bootstrap v4.0.0-beta (https://getbootstrap.com) |
| * Copyright 2011-2017 The Bootstrap Authors |
| * Copyright 2011-2017 Twitter, Inc. |
| * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) |
| */ |
| @media print { |
| *, |
| *::before, |
| *::after { |
| text-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; |
| } |
| } |
| html { |
| box-sizing: border-box; |
| font-family: sans-serif; |
| line-height: 1.15; |
| -webkit-text-size-adjust: 100%; |
| -ms-text-size-adjust: 100%; |
| -ms-overflow-style: scrollbar; |
| -webkit-tap-highlight-color: transparent; |
| } |
| *, |
| *::before, |
| *::after { |
| box-sizing: inherit; |
| } |
| @-ms-viewport { |
| width: device-width; |
| } |
| article, |
| aside, |
| dialog, |
| figcaption, |
| figure, |
| footer, |
| header, |
| hgroup, |
| main, |
| nav, |
| section { |
| display: block; |
| } |
| body { |
| margin: 0; |
| font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; |
| font-size: 1rem; |
| font-weight: normal; |
| line-height: 1.5; |
| color: #212529; |
| background-color: #f8fafd; |
| } |
| [tabindex='-1']:focus { |
| outline: none !important; |
| } |
| hr { |
| box-sizing: content-box; |
| height: 0; |
| overflow: visible; |
| } |
| h1, |
| h2, |
| h3, |
| h4, |
| h5, |
| h6 { |
| margin-top: 0; |
| margin-bottom: 0.5rem; |
| } |
| p { |
| margin-top: 0; |
| margin-bottom: 1rem; |
| } |
| abbr[title], |
| abbr[data-original-title] { |
| text-decoration: underline; |
| text-decoration: underline dotted; |
| cursor: help; |
| border-bottom: 0; |
| } |
| 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: 0.5rem; |
| margin-left: 0; |
| } |
| blockquote { |
| margin: 0 0 1rem; |
| } |
| dfn { |
| font-style: italic; |
| } |
| b, |
| strong { |
| font-weight: bolder; |
| } |
| small { |
| font-size: 80%; |
| } |
| sub, |
| sup { |
| position: relative; |
| font-size: 75%; |
| line-height: 0; |
| vertical-align: baseline; |
| } |
| sub { |
| bottom: -0.25em; |
| } |
| sup { |
| top: -0.5em; |
| } |
| a { |
| color: #003a5f; |
| text-decoration: none; |
| background-color: transparent; |
| -webkit-text-decoration-skip: objects; |
| } |
| a:hover { |
| color: #000b13; |
| 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, |
| code, |
| kbd, |
| samp { |
| font-family: monospace, monospace; |
| font-size: 1em; |
| } |
| pre { |
| margin-top: 0; |
| margin-bottom: 1rem; |
| overflow: auto; |
| } |
| figure { |
| margin: 0 0 1rem; |
| } |
| img { |
| vertical-align: middle; |
| border-style: none; |
| } |
| svg:not(:root) { |
| overflow: hidden; |
| } |
| a, |
| area, |
| button, |
| [role='button'], |
| input, |
| label, |
| select, |
| summary, |
| textarea { |
| touch-action: manipulation; |
| } |
| table { |
| border-collapse: collapse; |
| } |
| caption { |
| padding-top: 0.75rem; |
| padding-bottom: 0.75rem; |
| color: #567d96; |
| text-align: left; |
| caption-side: bottom; |
| } |
| th { |
| text-align: left; |
| } |
| label { |
| display: inline-block; |
| margin-bottom: 0.5rem; |
| } |
| button:focus { |
| outline: 1px dotted; |
| outline: 5px auto -webkit-focus-ring-color; |
| } |
| input, |
| button, |
| select, |
| optgroup, |
| textarea { |
| margin: 0; |
| font-family: inherit; |
| font-size: inherit; |
| line-height: inherit; |
| } |
| button, |
| input { |
| overflow: visible; |
| } |
| button, |
| select { |
| text-transform: none; |
| } |
| button, |
| html [type='button'], |
| [type='reset'], |
| [type='submit'] { |
| -webkit-appearance: button; |
| } |
| button::-moz-focus-inner, |
| [type='button']::-moz-focus-inner, |
| [type='reset']::-moz-focus-inner, |
| [type='submit']::-moz-focus-inner { |
| padding: 0; |
| border-style: none; |
| } |
| input[type='radio'], |
| input[type='checkbox'] { |
| box-sizing: border-box; |
| padding: 0; |
| } |
| input[type='date'], |
| input[type='time'], |
| input[type='datetime-local'], |
| input[type='month'] { |
| -webkit-appearance: listbox; |
| } |
| textarea { |
| overflow: auto; |
| resize: vertical; |
| } |
| fieldset { |
| min-width: 0; |
| padding: 0; |
| margin: 0; |
| border: 0; |
| } |
| legend { |
| display: block; |
| width: 100%; |
| max-width: 100%; |
| padding: 0; |
| margin-bottom: 0.5rem; |
| font-size: 1.5rem; |
| line-height: inherit; |
| color: inherit; |
| white-space: normal; |
| } |
| progress { |
| vertical-align: baseline; |
| } |
| [type='number']::-webkit-inner-spin-button, |
| [type='number']::-webkit-outer-spin-button { |
| height: auto; |
| } |
| [type='search'] { |
| outline-offset: -2px; |
| -webkit-appearance: none; |
| } |
| [type='search']::-webkit-search-cancel-button, |
| [type='search']::-webkit-search-decoration { |
| -webkit-appearance: none; |
| } |
| ::-webkit-file-upload-button { |
| font: inherit; |
| -webkit-appearance: button; |
| } |
| output { |
| display: inline-block; |
| } |
| summary { |
| display: list-item; |
| } |
| template { |
| display: none; |
| } |
| [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; |
| } |
| h3, |
| .h3 { |
| font-size: 1.75rem; |
| } |
| h4, |
| .h4 { |
| font-size: 1.5rem; |
| } |
| h5, |
| .h5 { |
| font-size: 1.25rem; |
| } |
| h6, |
| .h6 { |
| font-size: 1rem; |
| } |
| .lead { |
| font-size: 1.25rem; |
| font-weight: 300; |
| } |
| .display-1 { |
| font-size: 6rem; |
| font-weight: 300; |
| line-height: 1.1; |
| } |
| .display-2 { |
| font-size: 5.5rem; |
| font-weight: 300; |
| line-height: 1.1; |
| } |
| .display-3 { |
| font-size: 4.5rem; |
| font-weight: 300; |
| line-height: 1.1; |
| } |
| .display-4 { |
| font-size: 3.5rem; |
| font-weight: 300; |
| line-height: 1.1; |
| } |
| hr { |
| margin-top: 1rem; |
| margin-bottom: 1rem; |
| border: 0; |
| border-top: 1px solid rgba(0, 0, 0, 0.1); |
| } |
| small, |
| .small { |
| font-size: 80%; |
| font-weight: normal; |
| } |
| mark, |
| .mark { |
| padding: 0.2em; |
| background-color: #fcf8e3; |
| } |
| .list-unstyled { |
| padding-left: 0; |
| list-style: none; |
| } |
| .list-inline { |
| padding-left: 0; |
| list-style: none; |
| } |
| .list-inline-item { |
| display: inline-block; |
| } |
| .list-inline-item:not(:last-child) { |
| margin-right: 5px; |
| } |
| .initialism { |
| font-size: 90%; |
| text-transform: uppercase; |
| } |
| .blockquote { |
| margin-bottom: 1rem; |
| font-size: 1.25rem; |
| } |
| .blockquote-footer { |
| display: block; |
| font-size: 80%; |
| color: #567d96; |
| } |
| .blockquote-footer::before { |
| content: '\2014 \00A0'; |
| } |
| .img-fluid { |
| max-width: 100%; |
| height: auto; |
| } |
| .img-thumbnail { |
| padding: 0.25rem; |
| background-color: #fff; |
| border: 1px solid #ddd; |
| border-radius: 0.25rem; |
| transition: all 0.2s ease-in-out; |
| max-width: 100%; |
| height: auto; |
| } |
| .figure { |
| display: inline-block; |
| } |
| .figure-img { |
| margin-bottom: 0.5rem; |
| line-height: 1; |
| } |
| .figure-caption { |
| font-size: 90%; |
| color: #567d96; |
| } |
| code, |
| kbd, |
| pre, |
| samp { |
| font-family: 'Source Sans Pro', sans-serif; |
| } |
| code { |
| padding: 0.2rem 0.4rem; |
| font-size: 90%; |
| color: #bd4147; |
| background-color: #f8f9fa; |
| border-radius: 0.25rem; |
| } |
| a > code { |
| padding: 0; |
| color: inherit; |
| background-color: inherit; |
| } |
| kbd { |
| padding: 0.2rem 0.4rem; |
| font-size: 90%; |
| color: #fff; |
| background-color: #212529; |
| border-radius: 0.2rem; |
| } |
| kbd kbd { |
| padding: 0; |
| font-size: 100%; |
| font-weight: bold; |
| } |
| pre { |
| display: block; |
| margin-top: 0; |
| margin-bottom: 1rem; |
| font-size: 90%; |
| color: #212529; |
| } |
| pre code { |
| padding: 0; |
| font-size: inherit; |
| color: inherit; |
| background-color: transparent; |
| border-radius: 0; |
| } |
| .pre-scrollable { |
| max-height: 340px; |
| overflow-y: scroll; |
| } |
| .container { |
| margin-right: auto; |
| margin-left: auto; |
| padding-right: 15px; |
| padding-left: 15px; |
| width: 100%; |
| } |
| @media (min-width: 576px) { |
| .container { |
| max-width: 540px; |
| } |
| } |
| @media (min-width: 768px) { |
| .container { |
| max-width: 720px; |
| } |
| } |
| @media (min-width: 992px) { |
| .container { |
| max-width: 960px; |
| } |
| } |
| @media (min-width: 1200px) { |
| .container { |
| max-width: 1140px; |
| } |
| } |
| .container-fluid { |
| margin-right: auto; |
| margin-left: auto; |
| padding-right: 15px; |
| padding-left: 15px; |
| width: 100%; |
| } |
| .row { |
| display: flex; |
| flex-wrap: wrap; |
| margin-right: -15px; |
| margin-left: -15px; |
| } |
| .no-gutters { |
| margin-right: 0; |
| margin-left: 0; |
| } |
| .no-gutters > .col, |
| .no-gutters > [class*='col-'] { |
| padding-right: 0; |
| padding-left: 0; |
| } |
| .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-auto, |
| .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-sm-auto, |
| .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-md-auto, |
| .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-lg-auto, |
| .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, |
| .col-xl-auto { |
| position: relative; |
| width: 100%; |
| min-height: 1px; |
| padding-right: 15px; |
| padding-left: 15px; |
| } |
| .col { |
| flex-basis: 0; |
| flex-grow: 1; |
| max-width: 100%; |
| } |
| .col-auto { |
| flex: 0 0 auto; |
| width: auto; |
| max-width: none; |
| } |
| .col-1 { |
| flex: 0 0 8.33333%; |
| max-width: 8.33333%; |
| } |
| .col-2 { |
| flex: 0 0 16.66667%; |
| max-width: 16.66667%; |
| } |
| .col-3 { |
| flex: 0 0 25%; |
| max-width: 25%; |
| } |
| .col-4 { |
| flex: 0 0 33.33333%; |
| max-width: 33.33333%; |
| } |
| .col-5 { |
| flex: 0 0 41.66667%; |
| max-width: 41.66667%; |
| } |
| .col-6 { |
| flex: 0 0 50%; |
| max-width: 50%; |
| } |
| .col-7 { |
| flex: 0 0 58.33333%; |
| max-width: 58.33333%; |
| } |
| .col-8 { |
| flex: 0 0 66.66667%; |
| max-width: 66.66667%; |
| } |
| .col-9 { |
| flex: 0 0 75%; |
| max-width: 75%; |
| } |
| .col-10 { |
| flex: 0 0 83.33333%; |
| max-width: 83.33333%; |
| } |
| .col-11 { |
| flex: 0 0 91.66667%; |
| max-width: 91.66667%; |
| } |
| .col-12 { |
| flex: 0 0 100%; |
| max-width: 100%; |
| } |
| .order-1 { |
| order: 1; |
| } |
| .order-2 { |
| order: 2; |
| } |
| .order-3 { |
| order: 3; |
| } |
| .order-4 { |
| order: 4; |
| } |
| .order-5 { |
| order: 5; |
| } |
| .order-6 { |
| order: 6; |
| } |
| .order-7 { |
| order: 7; |
| } |
| .order-8 { |
| order: 8; |
| } |
| .order-9 { |
| order: 9; |
| } |
| .order-10 { |
| order: 10; |
| } |
| .order-11 { |
| order: 11; |
| } |
| .order-12 { |
| order: 12; |
| } |
| @media (min-width: 576px) { |
| .col-sm { |
| flex-basis: 0; |
| flex-grow: 1; |
| max-width: 100%; |
| } |
| .col-sm-auto { |
| flex: 0 0 auto; |
| width: auto; |
| max-width: none; |
| } |
| .col-sm-1 { |
| flex: 0 0 8.33333%; |
| max-width: 8.33333%; |
| } |
| .col-sm-2 { |
| flex: 0 0 16.66667%; |
| max-width: 16.66667%; |
| } |
| .col-sm-3 { |
| flex: 0 0 25%; |
| max-width: 25%; |
| } |
| .col-sm-4 { |
| flex: 0 0 33.33333%; |
| max-width: 33.33333%; |
| } |
| .col-sm-5 { |
| flex: 0 0 41.66667%; |
| max-width: 41.66667%; |
| } |
| .col-sm-6 { |
| flex: 0 0 50%; |
| max-width: 50%; |
| } |
| .col-sm-7 { |
| flex: 0 0 58.33333%; |
| max-width: 58.33333%; |
| } |
| .col-sm-8 { |
| flex: 0 0 66.66667%; |
| max-width: 66.66667%; |
| } |
| .col-sm-9 { |
| flex: 0 0 75%; |
| max-width: 75%; |
| } |
| .col-sm-10 { |
| flex: 0 0 83.33333%; |
| max-width: 83.33333%; |
| } |
| .col-sm-11 { |
| flex: 0 0 91.66667%; |
| max-width: 91.66667%; |
| } |
| .col-sm-12 { |
| flex: 0 0 100%; |
| max-width: 100%; |
| } |
| .order-sm-1 { |
| order: 1; |
| } |
| .order-sm-2 { |
| order: 2; |
| } |
| .order-sm-3 { |
| order: 3; |
| } |
| .order-sm-4 { |
| order: 4; |
| } |
| .order-sm-5 { |
| order: 5; |
| } |
| .order-sm-6 { |
| order: 6; |
| } |
| .order-sm-7 { |
| order: 7; |
| } |
| .order-sm-8 { |
| order: 8; |
| } |
| .order-sm-9 { |
| order: 9; |
| } |
| .order-sm-10 { |
| order: 10; |
| } |
| .order-sm-11 { |
| order: 11; |
| } |
| .order-sm-12 { |
| order: 12; |
| } |
| } |
| @media (min-width: 768px) { |
| .col-md { |
| flex-basis: 0; |
| flex-grow: 1; |
| max-width: 100%; |
| } |
| .col-md-auto { |
| flex: 0 0 auto; |
| width: auto; |
| max-width: none; |
| } |
| .col-md-1 { |
| flex: 0 0 8.33333%; |
| max-width: 8.33333%; |
| } |
| .col-md-2 { |
| flex: 0 0 16.66667%; |
| max-width: 16.66667%; |
| } |
| .col-md-3 { |
| flex: 0 0 25%; |
| max-width: 25%; |
| } |
| .col-md-4 { |
| flex: 0 0 33.33333%; |
| max-width: 33.33333%; |
| } |
| .col-md-5 { |
| flex: 0 0 41.66667%; |
| max-width: 41.66667%; |
| } |
| .col-md-6 { |
| flex: 0 0 50%; |
| max-width: 50%; |
| } |
| .col-md-7 { |
| flex: 0 0 58.33333%; |
| max-width: 58.33333%; |
| } |
| .col-md-8 { |
| flex: 0 0 66.66667%; |
| max-width: 66.66667%; |
| } |
| .col-md-9 { |
| flex: 0 0 75%; |
| max-width: 75%; |
| } |
| .col-md-10 { |
| flex: 0 0 83.33333%; |
| max-width: 83.33333%; |
| } |
| .col-md-11 { |
| flex: 0 0 91.66667%; |
| max-width: 91.66667%; |
| } |
| .col-md-12 { |
| flex: 0 0 100%; |
| max-width: 100%; |
| } |
| .order-md-1 { |
| order: 1; |
| } |
| .order-md-2 { |
| order: 2; |
| } |
| .order-md-3 { |
| order: 3; |
| } |
| .order-md-4 { |
| order: 4; |
| } |
| .order-md-5 { |
| order: 5; |
| } |
| .order-md-6 { |
| order: 6; |
| } |
| .order-md-7 { |
| order: 7; |
| } |
| .order-md-8 { |
| order: 8; |
| } |
| .order-md-9 { |
| order: 9; |
| } |
| .order-md-10 { |
| order: 10; |
| } |
| .order-md-11 { |
| order: 11; |
| } |
| .order-md-12 { |
| order: 12; |
| } |
| } |
| @media (min-width: 992px) { |
| .col-lg { |
| flex-basis: 0; |
| flex-grow: 1; |
| max-width: 100%; |
| } |
| .col-lg-auto { |
| flex: 0 0 auto; |
| width: auto; |
| max-width: none; |
| } |
| .col-lg-1 { |
| flex: 0 0 8.33333%; |
| max-width: 8.33333%; |
| } |
| .col-lg-2 { |
| flex: 0 0 16.66667%; |
| max-width: 16.66667%; |
| } |
| .col-lg-3 { |
| flex: 0 0 25%; |
| max-width: 25%; |
| } |
| .col-lg-4 { |
| flex: 0 0 33.33333%; |
| max-width: 33.33333%; |
| } |
| .col-lg-5 { |
| flex: 0 0 41.66667%; |
| max-width: 41.66667%; |
| } |
| .col-lg-6 { |
| flex: 0 0 50%; |
| max-width: 50%; |
| } |
| .col-lg-7 { |
| flex: 0 0 58.33333%; |
| max-width: 58.33333%; |
| } |
| .col-lg-8 { |
| flex: 0 0 66.66667%; |
| max-width: 66.66667%; |
| } |
| .col-lg-9 { |
| flex: 0 0 75%; |
| max-width: 75%; |
| } |
| .col-lg-10 { |
| flex: 0 0 83.33333%; |
| max-width: 83.33333%; |
| } |
| .col-lg-11 { |
| flex: 0 0 91.66667%; |
| max-width: 91.66667%; |
| } |
| .col-lg-12 { |
| flex: 0 0 100%; |
| max-width: 100%; |
| } |
| .order-lg-1 { |
| order: 1; |
| } |
| .order-lg-2 { |
| order: 2; |
| } |
| .order-lg-3 { |
| order: 3; |
| } |
| .order-lg-4 { |
| order: 4; |
| } |
| .order-lg-5 { |
| order: 5; |
| } |
| .order-lg-6 { |
| order: 6; |
| } |
| .order-lg-7 { |
| order: 7; |
| } |
| .order-lg-8 { |
| order: 8; |
| } |
| .order-lg-9 { |
| order: 9; |
| } |
| .order-lg-10 { |
| order: 10; |
| } |
| .order-lg-11 { |
| order: 11; |
| } |
| .order-lg-12 { |
| order: 12; |
| } |
| } |
| @media (min-width: 1200px) { |
| .col-xl { |
| flex-basis: 0; |
| flex-grow: 1; |
| max-width: 100%; |
| } |
| .col-xl-auto { |
| flex: 0 0 auto; |
| width: auto; |
| max-width: none; |
| } |
| .col-xl-1 { |
| flex: 0 0 8.33333%; |
| max-width: 8.33333%; |
| } |
| .col-xl-2 { |
| flex: 0 0 16.66667%; |
| max-width: 16.66667%; |
| } |
| .col-xl-3 { |
| flex: 0 0 25%; |
| max-width: 25%; |
| } |
| .col-xl-4 { |
| flex: 0 0 33.33333%; |
| max-width: 33.33333%; |
| } |
| .col-xl-5 { |
| flex: 0 0 41.66667%; |
| max-width: 41.66667%; |
| } |
| .col-xl-6 { |
| flex: 0 0 50%; |
| max-width: 50%; |
| } |
| .col-xl-7 { |
| flex: 0 0 58.33333%; |
| max-width: 58.33333%; |
| } |
| .col-xl-8 { |
| flex: 0 0 66.66667%; |
| max-width: 66.66667%; |
| } |
| .col-xl-9 { |
| flex: 0 0 75%; |
| max-width: 75%; |
| } |
| .col-xl-10 { |
| flex: 0 0 83.33333%; |
| max-width: 83.33333%; |
| } |
| .col-xl-11 { |
| flex: 0 0 91.66667%; |
| max-width: 91.66667%; |
| } |
| .col-xl-12 { |
| flex: 0 0 100%; |
| max-width: 100%; |
| } |
| .order-xl-1 { |
| order: 1; |
| } |
| .order-xl-2 { |
| order: 2; |
| } |
| .order-xl-3 { |
| order: 3; |
| } |
| .order-xl-4 { |
| order: 4; |
| } |
| .order-xl-5 { |
| order: 5; |
| } |
| .order-xl-6 { |
| order: 6; |
| } |
| .order-xl-7 { |
| order: 7; |
| } |
| .order-xl-8 { |
| order: 8; |
| } |
| .order-xl-9 { |
| order: 9; |
| } |
| .order-xl-10 { |
| order: 10; |
| } |
| .order-xl-11 { |
| order: 11; |
| } |
| .order-xl-12 { |
| order: 12; |
| } |
| } |
| .table { |
| width: 100%; |
| max-width: 100%; |
| margin-bottom: 1rem; |
| background-color: transparent; |
| } |
| .table th, |
| .table td { |
| padding: 0.75rem; |
| vertical-align: top; |
| border-top: 1px solid #e9ecef; |
| } |
| .table thead th { |
| vertical-align: bottom; |
| border-bottom: 2px solid #e9ecef; |
| } |
| .table tbody + tbody { |
| border-top: 2px solid #e9ecef; |
| } |
| .table .table { |
| background-color: #fff; |
| } |
| .table-sm th, |
| .table-sm td { |
| padding: 0.3rem; |
| } |
| .table-bordered { |
| border: 1px solid #e9ecef; |
| } |
| .table-bordered th, |
| .table-bordered td { |
| border: 1px solid #e9ecef; |
| } |
| .table-bordered thead th, |
| .table-bordered thead td { |
| border-bottom-width: 2px; |
| } |
| .table-striped tbody tr:nth-of-type(odd) { |
| background-color: rgba(0, 0, 0, 0.05); |
| } |
| .table-hover tbody tr:hover { |
| background-color: rgba(0, 0, 0, 0.075); |
| } |
| .table-primary, |
| .table-primary > th, |
| .table-primary > td { |
| background-color: #b8c8d2; |
| } |
| .table-hover .table-primary:hover { |
| background-color: #a8bcc8; |
| } |
| .table-hover .table-primary:hover > td, |
| .table-hover .table-primary:hover > th { |
| background-color: #a8bcc8; |
| } |
| .table-secondary, |
| .table-secondary > th, |
| .table-secondary > td { |
| background-color: #d0dbe2; |
| } |
| .table-hover .table-secondary:hover { |
| background-color: #c0cfd8; |
| } |
| .table-hover .table-secondary:hover > td, |
| .table-hover .table-secondary:hover > th { |
| background-color: #c0cfd8; |
| } |
| .table-success, |
| .table-success > th, |
| .table-success > td { |
| background-color: #dbeab8; |
| } |
| .table-hover .table-success:hover { |
| background-color: #d1e4a4; |
| } |
| .table-hover .table-success:hover > td, |
| .table-hover .table-success:hover > th { |
| background-color: #d1e4a4; |
| } |
| .table-info, |
| .table-info > th, |
| .table-info > td { |
| background-color: #b8dbed; |
| } |
| .table-hover .table-info:hover { |
| background-color: #a4d1e8; |
| } |
| .table-hover .table-info:hover > td, |
| .table-hover .table-info:hover > th { |
| background-color: #a4d1e8; |
| } |
| .table-warning, |
| .table-warning > th, |
| .table-warning > td { |
| background-color: #ffe9b8; |
| } |
| .table-hover .table-warning:hover { |
| background-color: #ffe19f; |
| } |
| .table-hover .table-warning:hover > td, |
| .table-hover .table-warning:hover > th { |
| background-color: #ffe19f; |
| } |
| .table-danger, |
| .table-danger > th, |
| .table-danger > td { |
| background-color: #e2b8b8; |
| } |
| .table-hover .table-danger:hover { |
| background-color: #dba6a6; |
| } |
| .table-hover .table-danger:hover > td, |
| .table-hover .table-danger:hover > th { |
| background-color: #dba6a6; |
| } |
| .table-light, |
| .table-light > th, |
| .table-light > td { |
| background-color: #fdfdfe; |
| } |
| .table-hover .table-light:hover { |
| background-color: #ececf6; |
| } |
| .table-hover .table-light:hover > td, |
| .table-hover .table-light:hover > th { |
| background-color: #ececf6; |
| } |
| .table-dark, |
| .table-dark > th, |
| .table-dark > td { |
| background-color: #c6c8ca; |
| } |
| .table-hover .table-dark:hover { |
| background-color: #b9bbbe; |
| } |
| .table-hover .table-dark:hover > td, |
| .table-hover .table-dark:hover > th { |
| background-color: #b9bbbe; |
| } |
| .table-active, |
| .table-active > th, |
| .table-active > td { |
| background-color: rgba(0, 0, 0, 0.075); |
| } |
| .table-hover .table-active:hover { |
| background-color: rgba(0, 0, 0, 0.075); |
| } |
| .table-hover .table-active:hover > td, |
| .table-hover .table-active:hover > th { |
| background-color: rgba(0, 0, 0, 0.075); |
| } |
| .thead-inverse th { |
| color: #fff; |
| background-color: #212529; |
| } |
| .thead-default th { |
| color: #495057; |
| background-color: #e9ecef; |
| } |
| .table-inverse { |
| color: #fff; |
| background-color: #212529; |
| } |
| .table-inverse th, |
| .table-inverse td, |
| .table-inverse thead th { |
| border-color: #32383e; |
| } |
| .table-inverse.table-bordered { |
| border: 0; |
| } |
| .table-inverse.table-striped tbody tr:nth-of-type(odd) { |
| background-color: rgba(255, 255, 255, 0.05); |
| } |
| .table-inverse.table-hover tbody tr:hover { |
| background-color: rgba(255, 255, 255, 0.075); |
| } |
| @media (max-width: 991px) { |
| .table-responsive { |
| display: block; |
| width: 100%; |
| overflow-x: auto; |
| -ms-overflow-style: -ms-autohiding-scrollbar; |
| } |
| .table-responsive.table-bordered { |
| border: 0; |
| } |
| } |
| .form-control { |
| display: block; |
| width: 100%; |
| padding: 6px 12px; |
| font-size: 14px; |
| line-height: 1.25; |
| color: #495057; |
| background-color: #fff; |
| background-image: none; |
| background-clip: padding-box; |
| border: 1px solid rgba(0, 0, 0, 0.15); |
| border-radius: 0.25rem; |
| transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; |
| } |
| .form-control::-ms-expand { |
| background-color: transparent; |
| border: 0; |
| } |
| .form-control:focus { |
| color: #495057; |
| background-color: #fff; |
| border-color: #0088df; |
| outline: none; |
| } |
| .form-control::placeholder { |
| color: #567d96; |
| opacity: 1; |
| } |
| .form-control:disabled, |
| .form-control[readonly] { |
| background-color: #e9ecef; |
| opacity: 1; |
| } |
| select.form-control:not([size]):not([multiple]) { |
| height: calc(2.25rem + 2px); |
| } |
| select.form-control:focus::-ms-value { |
| color: #495057; |
| background-color: #fff; |
| } |
| .form-control-file, |
| .form-control-range { |
| display: block; |
| } |
| .col-form-label { |
| padding-top: calc(0.5rem - 1px * 2); |
| padding-bottom: calc(0.5rem - 1px * 2); |
| margin-bottom: 0; |
| } |
| .col-form-label-lg { |
| padding-top: calc(0.5rem - 1px * 2); |
| padding-bottom: calc(0.5rem - 1px * 2); |
| font-size: 1.25rem; |
| } |
| .col-form-label-sm { |
| padding-top: calc(0.25rem - 1px * 2); |
| padding-bottom: calc(0.25rem - 1px * 2); |
| font-size: 0.875rem; |
| } |
| .col-form-legend { |
| padding-top: 0.5rem; |
| padding-bottom: 0.5rem; |
| margin-bottom: 0; |
| font-size: 1rem; |
| } |
| .form-control-plaintext { |
| padding-top: 0.5rem; |
| padding-bottom: 0.5rem; |
| margin-bottom: 0; |
| line-height: 1.25; |
| border: solid transparent; |
| border-width: 1px 0; |
| } |
| .form-control-plaintext.form-control-sm, |
| .input-group-sm > .form-control-plaintext.form-control, |
| .input-group-sm > .form-control-plaintext.input-group-addon, |
| .input-group-sm > .input-group-btn > .form-control-plaintext.btn, |
| .form-control-plaintext.form-control-lg, |
| .input-group-lg > .form-control-plaintext.form-control, |
| .input-group-lg > .form-control-plaintext.input-group-addon, |
| .input-group-lg > .input-group-btn > .form-control-plaintext.btn { |
| padding-right: 0; |
| padding-left: 0; |
| } |
| .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; |
| line-height: 1.5; |
| border-radius: 0.2rem; |
| } |
| 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: calc(1.8125rem + 2px); |
| } |
| .form-control-lg, |
| .input-group-lg > .form-control, |
| .input-group-lg > .input-group-addon, |
| .input-group-lg > .input-group-btn > .btn { |
| padding: 0.5rem 1rem; |
| font-size: 1.25rem; |
| line-height: 1.5; |
| border-radius: 0.3rem; |
| } |
| 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: calc(2.3125rem + 2px); |
| } |
| .form-group { |
| margin-bottom: 1rem; |
| } |
| .form-text { |
| display: block; |
| margin-top: 0.25rem; |
| } |
| .form-row { |
| display: flex; |
| flex-wrap: wrap; |
| margin-right: -5px; |
| margin-left: -5px; |
| } |
| .form-row > .col, |
| .form-row > [class*='col-'] { |
| padding-right: 5px; |
| padding-left: 5px; |
| } |
| .form-check { |
| position: relative; |
| display: block; |
| margin-bottom: 0.5rem; |
| } |
| .form-check.disabled .form-check-label { |
| color: #567d96; |
| } |
| .form-check-label { |
| padding-left: 1.25rem; |
| margin-bottom: 0; |
| } |
| .form-check-input { |
| position: absolute; |
| margin-top: 0.25rem; |
| margin-left: -1.25rem; |
| } |
| .form-check-input:only-child { |
| position: static; |
| } |
| .form-check-inline { |
| display: inline-block; |
| } |
| .form-check-inline .form-check-label { |
| vertical-align: middle; |
| } |
| .form-check-inline + .form-check-inline { |
| margin-left: 0.75rem; |
| } |
| .invalid-feedback { |
| display: none; |
| margin-top: 0.25rem; |
| font-size: 0.875rem; |
| color: #990000; |
| } |
| .invalid-tooltip { |
| position: absolute; |
| top: 100%; |
| z-index: 5; |
| display: none; |
| width: 250px; |
| padding: 0.5rem; |
| margin-top: 0.1rem; |
| font-size: 0.875rem; |
| line-height: 1; |
| color: #fff; |
| background-color: rgba(153, 0, 0, 0.8); |
| border-radius: 0.2rem; |
| } |
| .was-validated .form-control:valid, |
| .form-control.is-valid, |
| .was-validated.custom-select:valid, |
| .custom-select.is-valid { |
| border-color: #80b300; |
| } |
| .was-validated .form-control:valid:focus, |
| .form-control.is-valid:focus, |
| .was-validated.custom-select:valid:focus, |
| .custom-select.is-valid:focus { |
| box-shadow: 0 0 0 0.2rem rgba(128, 179, 0, 0.25); |
| } |
| .was-validated .form-control:valid ~ .invalid-feedback, |
| .was-validated .form-control:valid ~ .invalid-tooltip, |
| .form-control.is-valid ~ .invalid-feedback, |
| .form-control.is-valid ~ .invalid-tooltip, |
| .was-validated.custom-select:valid ~ .invalid-feedback, |
| .was-validated.custom-select:valid ~ .invalid-tooltip, |
| .custom-select.is-valid ~ .invalid-feedback, |
| .custom-select.is-valid ~ .invalid-tooltip { |
| display: block; |
| } |
| .was-validated .form-check-input:valid + .form-check-label, |
| .form-check-input.is-valid + .form-check-label { |
| color: #80b300; |
| } |
| .was-validated .custom-control-input:valid ~ .custom-control-indicator, |
| .custom-control-input.is-valid ~ .custom-control-indicator { |
| background-color: rgba(128, 179, 0, 0.25); |
| } |
| .was-validated .custom-control-input:valid ~ .custom-control-description, |
| .custom-control-input.is-valid ~ .custom-control-description { |
| color: #80b300; |
| } |
| .was-validated .custom-file-input:valid ~ .custom-file-control, |
| .custom-file-input.is-valid ~ .custom-file-control { |
| border-color: #80b300; |
| } |
| .was-validated .custom-file-input:valid ~ .custom-file-control::before, |
| .custom-file-input.is-valid ~ .custom-file-control::before { |
| border-color: inherit; |
| } |
| .was-validated .custom-file-input:valid:focus, |
| .custom-file-input.is-valid:focus { |
| box-shadow: 0 0 0 0.2rem rgba(128, 179, 0, 0.25); |
| } |
| .was-validated .form-control:invalid, |
| .form-control.is-invalid, |
| .was-validated.custom-select:invalid, |
| .custom-select.is-invalid { |
| border-color: #990000; |
| } |
| .was-validated .form-control:invalid:focus, |
| .form-control.is-invalid:focus, |
| .was-validated.custom-select:invalid:focus, |
| .custom-select.is-invalid:focus { |
| box-shadow: 0 0 0 0.2rem rgba(153, 0, 0, 0.25); |
| } |
| .was-validated .form-control:invalid ~ .invalid-feedback, |
| .was-validated .form-control:invalid ~ .invalid-tooltip, |
| .form-control.is-invalid ~ .invalid-feedback, |
| .form-control.is-invalid ~ .invalid-tooltip, |
| .was-validated.custom-select:invalid ~ .invalid-feedback, |
| .was-validated.custom-select:invalid ~ .invalid-tooltip, |
| .custom-select.is-invalid ~ .invalid-feedback, |
| .custom-select.is-invalid ~ .invalid-tooltip { |
| display: block; |
| } |
| .was-validated .form-check-input:invalid + .form-check-label, |
| .form-check-input.is-invalid + .form-check-label { |
| color: #990000; |
| } |
| .was-validated .custom-control-input:invalid ~ .custom-control-indicator, |
| .custom-control-input.is-invalid ~ .custom-control-indicator { |
| background-color: rgba(153, 0, 0, 0.25); |
| } |
| .was-validated .custom-control-input:invalid ~ .custom-control-description, |
| .custom-control-input.is-invalid ~ .custom-control-description { |
| color: #990000; |
| } |
| .was-validated .custom-file-input:invalid ~ .custom-file-control, |
| .custom-file-input.is-invalid ~ .custom-file-control { |
| border-color: #990000; |
| } |
| .was-validated .custom-file-input:invalid ~ .custom-file-control::before, |
| .custom-file-input.is-invalid ~ .custom-file-control::before { |
| border-color: inherit; |
| } |
| .was-validated .custom-file-input:invalid:focus, |
| .custom-file-input.is-invalid:focus { |
| box-shadow: 0 0 0 0.2rem rgba(153, 0, 0, 0.25); |
| } |
| .form-inline { |
| display: flex; |
| flex-flow: row wrap; |
| align-items: center; |
| } |
| .form-inline .form-check { |
| width: 100%; |
| } |
| @media (min-width: 576px) { |
| .form-inline label { |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| margin-bottom: 0; |
| } |
| .form-inline .form-group { |
| display: flex; |
| flex: 0 0 auto; |
| flex-flow: row wrap; |
| align-items: center; |
| margin-bottom: 0; |
| } |
| .form-inline .form-control { |
| display: inline-block; |
| width: auto; |
| vertical-align: middle; |
| } |
| .form-inline .form-control-plaintext { |
| display: inline-block; |
| } |
| .form-inline .input-group { |
| width: auto; |
| } |
| .form-inline .form-control-label { |
| margin-bottom: 0; |
| vertical-align: middle; |
| } |
| .form-inline .form-check { |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| width: auto; |
| margin-top: 0; |
| margin-bottom: 0; |
| } |
| .form-inline .form-check-label { |
| padding-left: 0; |
| } |
| .form-inline .form-check-input { |
| position: relative; |
| margin-top: 0; |
| margin-right: 0.25rem; |
| margin-left: 0; |
| } |
| .form-inline .custom-control { |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| padding-left: 0; |
| } |
| .form-inline .custom-control-indicator { |
| position: static; |
| display: inline-block; |
| margin-right: 0.25rem; |
| vertical-align: text-bottom; |
| } |
| .form-inline .has-feedback .form-control-feedback { |
| top: 0; |
| } |
| } |
| .btn { |
| display: inline-block; |
| font-weight: normal; |
| text-align: center; |
| white-space: nowrap; |
| vertical-align: middle; |
| user-select: none; |
| border: 1px solid transparent; |
| padding: 0.5rem 0.75rem; |
| font-size: 1rem; |
| line-height: 1.25; |
| border-radius: 0.25rem; |
| transition: all 0.15s ease-in-out; |
| } |
| .btn:focus, |
| .btn:hover { |
| text-decoration: none; |
| } |
| .btn:focus, |
| .btn.focus { |
| outline: 0; |
| box-shadow: 0 0 0 3px rgba(0, 58, 95, 0.25); |
| } |
| .btn.disabled, |
| .btn:disabled { |
| opacity: 0.65; |
| } |
| .btn:active, |
| .btn.active { |
| background-image: none; |
| } |
| a.btn.disabled, |
| fieldset[disabled] a.btn { |
| pointer-events: none; |
| } |
| .btn-primary { |
| color: #fff; |
| background-color: #003a5f; |
| border-color: #003a5f; |
| } |
| .btn-primary:hover { |
| color: #fff; |
| background-color: #002339; |
| border-color: #001b2c; |
| } |
| .btn-primary:focus, |
| .btn-primary.focus { |
| box-shadow: 0 0 0 3px rgba(0, 58, 95, 0.5); |
| } |
| .btn-primary.disabled, |
| .btn-primary:disabled { |
| background-color: #003a5f; |
| border-color: #003a5f; |
| } |
| .btn-primary:active, |
| .btn-primary.active, |
| .show > .btn-primary.dropdown-toggle { |
| background-color: #002339; |
| background-image: none; |
| border-color: #001b2c; |
| } |
| .btn-secondary { |
| color: #fff; |
| background-color: #567d96; |
| border-color: #567d96; |
| } |
| .btn-secondary:hover { |
| color: #fff; |
| background-color: #48697e; |
| border-color: #436276; |
| } |
| .btn-secondary:focus, |
| .btn-secondary.focus { |
| box-shadow: 0 0 0 3px rgba(86, 125, 150, 0.5); |
| } |
| .btn-secondary.disabled, |
| .btn-secondary:disabled { |
| background-color: #567d96; |
| border-color: #567d96; |
| } |
| .btn-secondary:active, |
| .btn-secondary.active, |
| .show > .btn-secondary.dropdown-toggle { |
| background-color: #48697e; |
| background-image: none; |
| border-color: #436276; |
| } |
| .btn-success { |
| color: #fff; |
| background-color: #80b300; |
| border-color: #80b300; |
| } |
| .btn-success:hover { |
| color: #fff; |
| background-color: #658d00; |
| border-color: #5c8000; |
| } |
| .btn-success:focus, |
| .btn-success.focus { |
| box-shadow: 0 0 0 3px rgba(128, 179, 0, 0.5); |
| } |
| .btn-success.disabled, |
| .btn-success:disabled { |
| background-color: #80b300; |
| border-color: #80b300; |
| } |
| .btn-success:active, |
| .btn-success.active, |
| .show > .btn-success.dropdown-toggle { |
| background-color: #658d00; |
| background-image: none; |
| border-color: #5c8000; |
| } |
| .btn-info { |
| color: #fff; |
| background-color: #0080c0; |
| border-color: #0080c0; |
| } |
| .btn-info:hover { |
| color: #fff; |
| background-color: #00679a; |
| border-color: #005e8d; |
| } |
| .btn-info:focus, |
| .btn-info.focus { |
| box-shadow: 0 0 0 3px rgba(0, 128, 192, 0.5); |
| } |
| .btn-info.disabled, |
| .btn-info:disabled { |
| background-color: #0080c0; |
| border-color: #0080c0; |
| } |
| .btn-info:active, |
| .btn-info.active, |
| .show > .btn-info.dropdown-toggle { |
| background-color: #00679a; |
| background-image: none; |
| border-color: #005e8d; |
| } |
| .btn-warning { |
| color: #111; |
| background-color: #ffb200; |
| border-color: #ffb200; |
| } |
| .btn-warning:hover { |
| color: #111; |
| background-color: #d99700; |
| border-color: #cc8e00; |
| } |
| .btn-warning:focus, |
| .btn-warning.focus { |
| box-shadow: 0 0 0 3px rgba(255, 178, 0, 0.5); |
| } |
| .btn-warning.disabled, |
| .btn-warning:disabled { |
| background-color: #ffb200; |
| border-color: #ffb200; |
| } |
| .btn-warning:active, |
| .btn-warning.active, |
| .show > .btn-warning.dropdown-toggle { |
| background-color: #d99700; |
| background-image: none; |
| border-color: #cc8e00; |
| } |
| .btn-danger { |
| color: #fff; |
| background-color: #990000; |
| border-color: #990000; |
| } |
| .btn-danger:hover { |
| color: #fff; |
| background-color: #730000; |
| border-color: #660000; |
| } |
| .btn-danger:focus, |
| .btn-danger.focus { |
| box-shadow: 0 0 0 3px rgba(153, 0, 0, 0.5); |
| } |
| .btn-danger.disabled, |
| .btn-danger:disabled { |
| background-color: #990000; |
| border-color: #990000; |
| } |
| .btn-danger:active, |
| .btn-danger.active, |
| .show > .btn-danger.dropdown-toggle { |
| background-color: #730000; |
| background-image: none; |
| border-color: #660000; |
| } |
| .btn-light { |
| color: #111; |
| background-color: #f8f9fa; |
| border-color: #f8f9fa; |
| } |
| .btn-light:hover { |
| color: #111; |
| background-color: #e2e6ea; |
| border-color: #dae0e5; |
| } |
| .btn-light:focus, |
| .btn-light.focus { |
| box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5); |
| } |
| .btn-light.disabled, |
| .btn-light:disabled { |
| background-color: #f8f9fa; |
| border-color: #f8f9fa; |
| } |
| .btn-light:active, |
| .btn-light.active, |
| .show > .btn-light.dropdown-toggle { |
| background-color: #e2e6ea; |
| background-image: none; |
| border-color: #dae0e5; |
| } |
| .btn-dark { |
| color: #fff; |
| background-color: #343a40; |
| border-color: #343a40; |
| } |
| .btn-dark:hover { |
| color: #fff; |
| background-color: #23272b; |
| border-color: #1d2124; |
| } |
| .btn-dark:focus, |
| .btn-dark.focus { |
| box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5); |
| } |
| .btn-dark.disabled, |
| .btn-dark:disabled { |
| background-color: #343a40; |
| border-color: #343a40; |
| } |
| .btn-dark:active, |
| .btn-dark.active, |
| .show > .btn-dark.dropdown-toggle { |
| background-color: #23272b; |
| background-image: none; |
| border-color: #1d2124; |
| } |
| .btn-outline-primary { |
| color: #003a5f; |
| background-color: transparent; |
| background-image: none; |
| border-color: #003a5f; |
| } |
| .btn-outline-primary:hover { |
| color: #fff; |
| background-color: #003a5f; |
| border-color: #003a5f; |
| } |
| .btn-outline-primary:focus, |
| .btn-outline-primary.focus { |
| box-shadow: 0 0 0 3px rgba(0, 58, 95, 0.5); |
| } |
| .btn-outline-primary.disabled, |
| .btn-outline-primary:disabled { |
| color: #003a5f; |
| background-color: transparent; |
| } |
| .btn-outline-primary:active, |
| .btn-outline-primary.active, |
| .show > .btn-outline-primary.dropdown-toggle { |
| color: #fff; |
| background-color: #003a5f; |
| border-color: #003a5f; |
| } |
| .btn-outline-secondary { |
| color: #567d96; |
| background-color: transparent; |
| background-image: none; |
| border-color: #567d96; |
| } |
| .btn-outline-secondary:hover { |
| color: #fff; |
| background-color: #567d96; |
| border-color: #567d96; |
| } |
| .btn-outline-secondary:focus, |
| .btn-outline-secondary.focus { |
| box-shadow: 0 0 0 3px rgba(86, 125, 150, 0.5); |
| } |
| .btn-outline-secondary.disabled, |
| .btn-outline-secondary:disabled { |
| color: #567d96; |
| background-color: transparent; |
| } |
| .btn-outline-secondary:active, |
| .btn-outline-secondary.active, |
| .show > .btn-outline-secondary.dropdown-toggle { |
| color: #fff; |
| background-color: #567d96; |
| border-color: #567d96; |
| } |
| .btn-outline-success { |
| color: #80b300; |
| background-color: transparent; |
| background-image: none; |
| border-color: #80b300; |
| } |
| .btn-outline-success:hover { |
| color: #fff; |
| background-color: #80b300; |
| border-color: #80b300; |
| } |
| .btn-outline-success:focus, |
| .btn-outline-success.focus { |
| box-shadow: 0 0 0 3px rgba(128, 179, 0, 0.5); |
| } |
| .btn-outline-success.disabled, |
| .btn-outline-success:disabled { |
| color: #80b300; |
| background-color: transparent; |
| } |
| .btn-outline-success:active, |
| .btn-outline-success.active, |
| .show > .btn-outline-success.dropdown-toggle { |
| color: #fff; |
| background-color: #80b300; |
| border-color: #80b300; |
| } |
| .btn-outline-info { |
| color: #0080c0; |
| background-color: transparent; |
| background-image: none; |
| border-color: #0080c0; |
| } |
| .btn-outline-info:hover { |
| color: #fff; |
| background-color: #0080c0; |
| border-color: #0080c0; |
| } |
| .btn-outline-info:focus, |
| .btn-outline-info.focus { |
| box-shadow: 0 0 0 3px rgba(0, 128, 192, 0.5); |
| } |
| .btn-outline-info.disabled, |
| .btn-outline-info:disabled { |
| color: #0080c0; |
| background-color: transparent; |
| } |
| .btn-outline-info:active, |
| .btn-outline-info.active, |
| .show > .btn-outline-info.dropdown-toggle { |
| color: #fff; |
| background-color: #0080c0; |
| border-color: #0080c0; |
| } |
| .btn-outline-warning { |
| color: #ffb200; |
| background-color: transparent; |
| background-image: none; |
| border-color: #ffb200; |
| } |
| .btn-outline-warning:hover { |
| color: #fff; |
| background-color: #ffb200; |
| border-color: #ffb200; |
| } |
| .btn-outline-warning:focus, |
| .btn-outline-warning.focus { |
| box-shadow: 0 0 0 3px rgba(255, 178, 0, 0.5); |
| } |
| .btn-outline-warning.disabled, |
| .btn-outline-warning:disabled { |
| color: #ffb200; |
| background-color: transparent; |
| } |
| .btn-outline-warning:active, |
| .btn-outline-warning.active, |
| .show > .btn-outline-warning.dropdown-toggle { |
| color: #fff; |
| background-color: #ffb200; |
| border-color: #ffb200; |
| } |
| .btn-outline-danger { |
| color: #990000; |
| background-color: transparent; |
| background-image: none; |
| border-color: #990000; |
| } |
| .btn-outline-danger:hover { |
| color: #fff; |
| background-color: #990000; |
| border-color: #990000; |
| } |
| .btn-outline-danger:focus, |
| .btn-outline-danger.focus { |
| box-shadow: 0 0 0 3px rgba(153, 0, 0, 0.5); |
| } |
| .btn-outline-danger.disabled, |
| .btn-outline-danger:disabled { |
| color: #990000; |
| background-color: transparent; |
| } |
| .btn-outline-danger:active, |
| .btn-outline-danger.active, |
| .show > .btn-outline-danger.dropdown-toggle { |
| color: #fff; |
| background-color: #990000; |
| border-color: #990000; |
| } |
| .btn-outline-light { |
| color: #f8f9fa; |
| background-color: transparent; |
| background-image: none; |
| border-color: #f8f9fa; |
| } |
| .btn-outline-light:hover { |
| color: #fff; |
| background-color: #f8f9fa; |
| border-color: #f8f9fa; |
| } |
| .btn-outline-light:focus, |
| .btn-outline-light.focus { |
| box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5); |
| } |
| .btn-outline-light.disabled, |
| .btn-outline-light:disabled { |
| color: #f8f9fa; |
| background-color: transparent; |
| } |
| .btn-outline-light:active, |
| .btn-outline-light.active, |
| .show > .btn-outline-light.dropdown-toggle { |
| color: #fff; |
| background-color: #f8f9fa; |
| border-color: #f8f9fa; |
| } |
| .btn-outline-dark { |
| color: #343a40; |
| background-color: transparent; |
| background-image: none; |
| border-color: #343a40; |
| } |
| .btn-outline-dark:hover { |
| color: #fff; |
| background-color: #343a40; |
| border-color: #343a40; |
| } |
| .btn-outline-dark:focus, |
| .btn-outline-dark.focus { |
| box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5); |
| } |
| .btn-outline-dark.disabled, |
| .btn-outline-dark:disabled { |
| color: #343a40; |
| background-color: transparent; |
| } |
| .btn-outline-dark:active, |
| .btn-outline-dark.active, |
| .show > .btn-outline-dark.dropdown-toggle { |
| color: #fff; |
| background-color: #343a40; |
| border-color: #343a40; |
| } |
| .btn-link { |
| font-weight: normal; |
| color: #003a5f; |
| border-radius: 0; |
| } |
| .btn-link, |
| .btn-link:active, |
| .btn-link.active, |
| .btn-link:disabled { |
| background-color: transparent; |
| } |
| .btn-link, |
| .btn-link:focus, |
| .btn-link:active { |
| border-color: transparent; |
| box-shadow: none; |
| } |
| .btn-link:hover { |
| border-color: transparent; |
| } |
| .btn-link:focus, |
| .btn-link:hover { |
| color: #000b13; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| .btn-link:disabled { |
| color: #567d96; |
| } |
| .btn-link:disabled:focus, |
| .btn-link:disabled:hover { |
| text-decoration: none; |
| } |
| .btn-lg, |
| .btn-group-lg > .btn { |
| padding: 0.5rem 1rem; |
| font-size: 1.25rem; |
| line-height: 1.5; |
| border-radius: 0.3rem; |
| } |
| .btn-sm, |
| .btn-group-sm > .btn { |
| padding: 0.25rem 0.5rem; |
| font-size: 0.875rem; |
| line-height: 1.5; |
| border-radius: 0.2rem; |
| } |
| .btn-block { |
| display: block; |
| width: 100%; |
| } |
| .btn-block + .btn-block { |
| margin-top: 0.5rem; |
| } |
| input[type='submit'].btn-block, |
| input[type='reset'].btn-block, |
| input[type='button'].btn-block { |
| width: 100%; |
| } |
| .fade { |
| opacity: 0; |
| transition: opacity 0.15s linear; |
| } |
| .fade.show { |
| opacity: 1; |
| } |
| .collapse { |
| display: none; |
| } |
| .collapse.show { |
| display: block; |
| } |
| tr.collapse.show { |
| display: table-row; |
| } |
| tbody.collapse.show { |
| display: table-row-group; |
| } |
| .collapsing { |
| position: relative; |
| height: 0; |
| overflow: hidden; |
| transition: height 0.35s ease; |
| } |
| .dropup, |
| .dropdown { |
| position: relative; |
| } |
| .dropdown-toggle::after { |
| display: inline-block; |
| width: 0; |
| height: 0; |
| margin-left: 0.255em; |
| vertical-align: 0.255em; |
| content: ''; |
| border-top: 0.3em solid; |
| border-right: 0.3em solid transparent; |
| border-left: 0.3em solid transparent; |
| } |
| .dropdown-toggle:empty::after { |
| margin-left: 0; |
| } |
| .dropup .dropdown-menu { |
| margin-top: 0; |
| margin-bottom: 0.125rem; |
| } |
| .dropup .dropdown-toggle::after { |
| border-top: 0; |
| border-bottom: 0.3em solid; |
| } |
| .dropdown-menu { |
| position: absolute; |
| top: 100%; |
| left: 0; |
| z-index: 1000; |
| display: none; |
| float: left; |
| min-width: 10rem; |
| |
| font-size: 1rem; |
| color: #212529; |
| text-align: left; |
| list-style: none; |
| background-color: #fff; |
| background-clip: padding-box; |
| border: 1px solid rgba(0, 0, 0, 0.15); |
| border-radius: 0.25rem; |
| } |
| .dropdown-divider { |
| height: 0; |
| margin: 0.5rem 0; |
| overflow: hidden; |
| border-top: 1px solid #e9ecef; |
| } |
| .dropdown-item { |
| display: block; |
| width: 100%; |
| padding: 0.25rem 1.5rem; |
| clear: both; |
| font-weight: normal; |
| color: #212529; |
| text-align: inherit; |
| white-space: nowrap; |
| background: none; |
| border: 0; |
| } |
| .dropdown-item:focus, |
| .dropdown-item:hover { |
| color: #16181b; |
| text-decoration: none; |
| background-color: #f8f9fa; |
| } |
| .dropdown-item.active, |
| .dropdown-item:active { |
| color: #fff; |
| text-decoration: none; |
| background-color: #003a5f; |
| } |
| .dropdown-item.disabled, |
| .dropdown-item:disabled { |
| color: #567d96; |
| background-color: transparent; |
| } |
| .show > a { |
| outline: 0; |
| } |
| .dropdown-menu.show { |
| display: block; |
| } |
| .dropdown-header { |
| display: block; |
| padding: 0.5rem 1.5rem; |
| margin-bottom: 0; |
| font-size: 0.875rem; |
| color: #567d96; |
| white-space: nowrap; |
| } |
| .btn-group, |
| .btn-group-vertical { |
| position: relative; |
| display: inline-flex; |
| vertical-align: middle; |
| } |
| .btn-group > .btn, |
| .btn-group-vertical > .btn { |
| position: relative; |
| flex: 0 1 auto; |
| margin-bottom: 0; |
| } |
| .btn-group > .btn:hover, |
| .btn-group-vertical > .btn:hover { |
| z-index: 2; |
| } |
| .btn-group > .btn:focus, |
| .btn-group > .btn:active, |
| .btn-group > .btn.active, |
| .btn-group-vertical > .btn:focus, |
| .btn-group-vertical > .btn:active, |
| .btn-group-vertical > .btn.active { |
| z-index: 2; |
| } |
| .btn-group .btn + .btn, |
| .btn-group .btn + .btn-group, |
| .btn-group .btn-group + .btn, |
| .btn-group .btn-group + .btn-group, |
| .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-left: -1px; |
| } |
| .btn-toolbar { |
| display: flex; |
| flex-wrap: wrap; |
| justify-content: flex-start; |
| } |
| .btn-toolbar .input-group { |
| width: auto; |
| } |
| .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { |
| border-radius: 0; |
| } |
| .btn-group > .btn:first-child { |
| margin-left: 0; |
| } |
| .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { |
| border-top-right-radius: 0; |
| border-bottom-right-radius: 0; |
| } |
| .btn-group > .btn:last-child:not(:first-child), |
| .btn-group > .dropdown-toggle:not(:first-child) { |
| border-top-left-radius: 0; |
| border-bottom-left-radius: 0; |
| } |
| .btn-group > .btn-group { |
| float: left; |
| } |
| .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { |
| border-radius: 0; |
| } |
| .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, |
| .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { |
| border-top-right-radius: 0; |
| border-bottom-right-radius: 0; |
| } |
| .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { |
| border-top-left-radius: 0; |
| border-bottom-left-radius: 0; |
| } |
| .btn + .dropdown-toggle-split { |
| padding-right: 0.5625rem; |
| padding-left: 0.5625rem; |
| } |
| .btn + .dropdown-toggle-split::after { |
| margin-left: 0; |
| } |
| .btn-sm + .dropdown-toggle-split, |
| .btn-group-sm > .btn + .dropdown-toggle-split { |
| padding-right: 0.375rem; |
| padding-left: 0.375rem; |
| } |
| .btn-lg + .dropdown-toggle-split, |
| .btn-group-lg > .btn + .dropdown-toggle-split { |
| padding-right: 0.75rem; |
| padding-left: 0.75rem; |
| } |
| .btn-group-vertical { |
| display: inline-flex; |
| flex-direction: column; |
| align-items: flex-start; |
| justify-content: center; |
| } |
| .btn-group-vertical .btn, |
| .btn-group-vertical .btn-group { |
| width: 100%; |
| } |
| .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:not(:first-child):not(:last-child) { |
| border-radius: 0; |
| } |
| .btn-group-vertical > .btn:first-child:not(:last-child) { |
| border-bottom-right-radius: 0; |
| border-bottom-left-radius: 0; |
| } |
| .btn-group-vertical > .btn:last-child:not(:first-child) { |
| border-top-left-radius: 0; |
| border-top-right-radius: 0; |
| } |
| .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { |
| border-radius: 0; |
| } |
| .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; |
| } |
| .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { |
| border-top-left-radius: 0; |
| border-top-right-radius: 0; |
| } |
| [data-toggle='buttons'] > .btn input[type='radio'], |
| [data-toggle='buttons'] > .btn input[type='checkbox'], |
| [data-toggle='buttons'] > .btn-group > .btn input[type='radio'], |
| [data-toggle='buttons'] > .btn-group > .btn input[type='checkbox'] { |
| position: absolute; |
| clip: rect(0, 0, 0, 0); |
| pointer-events: none; |
| } |
| .input-group { |
| position: relative; |
| display: flex; |
| width: 100%; |
| } |
| .input-group .form-control { |
| position: relative; |
| z-index: 2; |
| flex: 1 1 auto; |
| width: 1%; |
| margin-bottom: 0; |
| } |
| .input-group .form-control:focus, |
| .input-group .form-control:active, |
| .input-group .form-control:hover { |
| z-index: 3; |
| } |
| .input-group-addon, |
| .input-group-btn, |
| .input-group .form-control { |
| display: flex; |
| align-items: center; |
| } |
| .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 { |
| white-space: nowrap; |
| vertical-align: middle; |
| } |
| .input-group-addon { |
| padding: 0.5rem 0.75rem; |
| margin-bottom: 0; |
| font-size: 1rem; |
| font-weight: normal; |
| line-height: 1.25; |
| color: #495057; |
| text-align: center; |
| background-color: #e9ecef; |
| border: 1px solid rgba(0, 0, 0, 0.15); |
| border-radius: 0.25rem; |
| } |
| .input-group-addon.form-control-sm, |
| .input-group-sm > .input-group-addon, |
| .input-group-sm > .input-group-btn > .input-group-addon.btn { |
| padding: 0.25rem 0.5rem; |
| font-size: 0.875rem; |
| border-radius: 0.2rem; |
| } |
| .input-group-addon.form-control-lg, |
| .input-group-lg > .input-group-addon, |
| .input-group-lg > .input-group-btn > .input-group-addon.btn { |
| padding: 0.5rem 1rem; |
| font-size: 1.25rem; |
| border-radius: 0.3rem; |
| } |
| .input-group-addon input[type='radio'], |
| .input-group-addon input[type='checkbox'] { |
| margin-top: 0; |
| } |
| .input-group .form-control:not(:last-child), |
| .input-group-addon:not(:last-child), |
| .input-group-btn:not(:last-child) > .btn, |
| .input-group-btn:not(:last-child) > .btn-group > .btn, |
| .input-group-btn:not(:last-child) > .dropdown-toggle, |
| .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), |
| .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn { |
| border-top-right-radius: 0; |
| border-bottom-right-radius: 0; |
| } |
| .input-group-addon:not(:last-child) { |
| border-right: 0; |
| } |
| .input-group .form-control:not(:first-child), |
| .input-group-addon:not(:first-child), |
| .input-group-btn:not(:first-child) > .btn, |
| .input-group-btn:not(:first-child) > .btn-group > .btn, |
| .input-group-btn:not(:first-child) > .dropdown-toggle, |
| .input-group-btn:not(:last-child) > .btn:not(:first-child), |
| .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn { |
| border-top-left-radius: 0; |
| border-bottom-left-radius: 0; |
| } |
| .form-control + .input-group-addon:not(:first-child) { |
| 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:focus, |
| .input-group-btn > .btn:active, |
| .input-group-btn > .btn:hover { |
| z-index: 3; |
| } |
| .input-group-btn:not(:last-child) > .btn, |
| .input-group-btn:not(:last-child) > .btn-group { |
| margin-right: -1px; |
| } |
| .input-group-btn:not(:first-child) > .btn, |
| .input-group-btn:not(:first-child) > .btn-group { |
| z-index: 2; |
| margin-left: -1px; |
| } |
| .input-group-btn:not(:first-child) > .btn:focus, |
| .input-group-btn:not(:first-child) > .btn:active, |
| .input-group-btn:not(:first-child) > .btn:hover, |
| .input-group-btn:not(:first-child) > .btn-group:focus, |
| .input-group-btn:not(:first-child) > .btn-group:active, |
| .input-group-btn:not(:first-child) > .btn-group:hover { |
| z-index: 3; |
| } |
| .custom-control { |
| position: relative; |
| display: inline-flex; |
| min-height: 1.5rem; |
| padding-left: 1.5rem; |
| margin-right: 1rem; |
| } |
| .custom-control-input { |
| position: absolute; |
| z-index: -1; |
| opacity: 0; |
| } |
| .custom-control-input:checked ~ .custom-control-indicator { |
| color: #fff; |
| background-color: #003a5f; |
| } |
| .custom-control-input:focus ~ .custom-control-indicator { |
| box-shadow: 0 0 0 1px #fff, 0 0 0 3px #003a5f; |
| } |
| .custom-control-input:active ~ .custom-control-indicator { |
| color: #fff; |
| background-color: #13a3ff; |
| } |
| .custom-control-input:disabled ~ .custom-control-indicator { |
| background-color: #e9ecef; |
| } |
| .custom-control-input:disabled ~ .custom-control-description { |
| color: #567d96; |
| } |
| .custom-control-indicator { |
| position: absolute; |
| top: 0.25rem; |
| left: 0; |
| display: block; |
| width: 1rem; |
| height: 1rem; |
| pointer-events: none; |
| user-select: none; |
| background-color: #ddd; |
| background-repeat: no-repeat; |
| background-position: center center; |
| background-size: 50% 50%; |
| } |
| .custom-checkbox .custom-control-indicator { |
| border-radius: 0.25rem; |
| } |
| .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator { |
| 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='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); |
| } |
| .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator { |
| background-color: #003a5f; |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); |
| } |
| .custom-radio .custom-control-indicator { |
| border-radius: 50%; |
| } |
| .custom-radio .custom-control-input:checked ~ .custom-control-indicator { |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); |
| } |
| .custom-controls-stacked { |
| display: flex; |
| flex-direction: column; |
| } |
| .custom-controls-stacked .custom-control { |
| margin-bottom: 0.25rem; |
| } |
| .custom-controls-stacked .custom-control + .custom-control { |
| margin-left: 0; |
| } |
| .custom-select { |
| display: inline-block; |
| max-width: 100%; |
| height: calc(2.25rem + 2px); |
| padding: 0.375rem 1.75rem 0.375rem 0.75rem; |
| line-height: 1.25; |
| color: #495057; |
| vertical-align: middle; |
| background: #fff |
| url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") |
| no-repeat right 0.75rem center; |
| background-size: 8px 10px; |
| border: 1px solid rgba(0, 0, 0, 0.15); |
| border-radius: 0.25rem; |
| appearance: none; |
| } |
| .custom-select:focus { |
| border-color: #0088df; |
| outline: none; |
| } |
| .custom-select:focus::-ms-value { |
| color: #495057; |
| background-color: #fff; |
| } |
| .custom-select:disabled { |
| color: #567d96; |
| background-color: #e9ecef; |
| } |
| .custom-select::-ms-expand { |
| opacity: 0; |
| } |
| .custom-select-sm { |
| height: calc(1.8125rem + 2px); |
| padding-top: 0.375rem; |
| padding-bottom: 0.375rem; |
| font-size: 75%; |
| } |
| .custom-file { |
| position: relative; |
| display: inline-block; |
| max-width: 100%; |
| height: 2.5rem; |
| margin-bottom: 0; |
| } |
| .custom-file-input { |
| min-width: 14rem; |
| max-width: 100%; |
| height: 2.5rem; |
| margin: 0; |
| opacity: 0; |
| } |
| .custom-file-control { |
| position: absolute; |
| top: 0; |
| right: 0; |
| left: 0; |
| z-index: 5; |
| height: 2.5rem; |
| padding: 0.5rem 1rem; |
| line-height: 1.5; |
| color: #495057; |
| pointer-events: none; |
| user-select: none; |
| background-color: #fff; |
| border: 1px solid rgba(0, 0, 0, 0.15); |
| border-radius: 0.25rem; |
| } |
| .custom-file-control:lang(en):empty::after { |
| content: 'Choose file...'; |
| } |
| .custom-file-control::before { |
| position: absolute; |
| top: -1px; |
| right: -1px; |
| bottom: -1px; |
| z-index: 6; |
| display: block; |
| height: 2.5rem; |
| padding: 0.5rem 1rem; |
| line-height: 1.5; |
| color: #495057; |
| background-color: #e9ecef; |
| border: 1px solid rgba(0, 0, 0, 0.15); |
| border-radius: 0 0.25rem 0.25rem 0; |
| } |
| .custom-file-control:lang(en)::before { |
| content: 'Browse'; |
| } |
| .nav { |
| display: flex; |
| flex-wrap: wrap; |
| padding-left: 0; |
| margin-bottom: 0; |
| list-style: none; |
| } |
| .nav-link { |
| display: block; |
| padding: 0.5rem 1rem; |
| } |
| .nav-link:focus, |
| .nav-link:hover { |
| text-decoration: none; |
| } |
| .nav-link.disabled { |
| color: #567d96; |
| } |
| .nav-tabs { |
| border-bottom: 1px solid #ddd; |
| } |
| .nav-tabs .nav-item { |
| margin-bottom: -1px; |
| } |
| .nav-tabs .nav-link { |
| border: 1px solid transparent; |
| border-top-left-radius: 0.25rem; |
| border-top-right-radius: 0.25rem; |
| } |
| .nav-tabs .nav-link:focus, |
| .nav-tabs .nav-link:hover { |
| border-color: #e9ecef #e9ecef #ddd; |
| } |
| .nav-tabs .nav-link.disabled { |
| color: #567d96; |
| background-color: transparent; |
| border-color: transparent; |
| } |
| .nav-tabs .nav-link.active, |
| .nav-tabs .nav-item.show .nav-link { |
| color: #495057; |
| background-color: #fff; |
| border-color: #ddd #ddd #fff; |
| } |
| .nav-tabs .dropdown-menu { |
| margin-top: -1px; |
| border-top-left-radius: 0; |
| border-top-right-radius: 0; |
| } |
| .nav-pills .nav-link { |
| border-radius: 0.25rem; |
| } |
| .nav-pills .nav-link.active, |
| .show > .nav-pills .nav-link { |
| color: #fff; |
| background-color: #003a5f; |
| } |
| .nav-fill .nav-item { |
| flex: 1 1 auto; |
| text-align: center; |
| } |
| .nav-justified .nav-item { |
| flex-basis: 0; |
| flex-grow: 1; |
| text-align: center; |
| } |
| .tab-content > .tab-pane { |
| display: none; |
| } |
| .tab-content > .active { |
| display: block; |
| } |
| .navbar { |
| position: relative; |
| display: flex; |
| flex-wrap: wrap; |
| align-items: center; |
| justify-content: space-between; |
| } |
| .navbar > .container, |
| .navbar > .container-fluid { |
| display: flex; |
| flex-wrap: wrap; |
| align-items: center; |
| justify-content: space-between; |
| } |
| .navbar-brand { |
| display: inline-block; |
| margin-right: 1rem; |
| font-size: 1.25rem; |
| line-height: inherit; |
| white-space: nowrap; |
| } |
| .navbar-brand:focus, |
| .navbar-brand:hover { |
| text-decoration: none; |
| } |
|
