|
|
| (23 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| − | {{CAU_China}} | + | <html><style> /*! |
| | + | * Bootstrap v4.1.0 (https://getbootstrap.com/) |
| | + | * Copyright 2011-2018 The Bootstrap Authors |
| | + | * Copyright 2011-2018 Twitter, Inc. |
| | + | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) |
| | + | */ |
| | + | :root { |
| | + | --blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace} |
| | + | |
| | + | *,::after,::before { |
| | + | box-sizing: border-box |
| | + | } |
| | + | html { |
| | + | 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 |
| | + | } |
| | + | @-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,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; |
| | + | font-size: 1rem; |
| | + | font-weight: 400; |
| | + | line-height: 1.5; |
| | + | color: #212529; |
| | + | text-align: left; |
| | + | background-color: #fff |
| | + | } |
| | + | |
| | + | [tabindex="-1"]:focus { |
| | + | outline: 0!important |
| | + | } |
| | + | |
| | + | hr { |
| | + | box-sizing: content-box; |
| | + | height: 0; |
| | + | overflow: visible |
| | + | } |
| | + | |
| | + | h1,h2,h3,h4,h5,h6 { |
| | + | margin-top: 0; |
| | + | margin-bottom: .5rem |
| | + | } |
| | + | |
| | + | p { |
| | + | margin-top: 0; |
| | + | margin-bottom: 1rem |
| | + | } |
| | + | |
| | + | abbr[data-original-title],abbr[title] { |
| | + | text-decoration: underline; |
| | + | -webkit-text-decoration: underline dotted; |
| | + | text-decoration: underline dotted; |
| | + | cursor: help; |
| | + | border-bottom: 0 |
| | + | } |
| | + | |
| | + | address { |
| | + | margin-bottom: 1rem; |
| | + | font-style: normal; |
| | + | line-height: inherit |
| | + | } |
| | + | |
| | + | dl,ol,ul { |
| | + | margin-top: 0; |
| | + | margin-bottom: 1rem |
| | + | } |
| | + | |
| | + | ol ol,ol ul,ul ol,ul ul { |
| | + | margin-bottom: 0 |
| | + | } |
| | + | |
| | + | dt { |
| | + | font-weight: 700 |
| | + | } |
| | + | |
| | + | dd { |
| | + | margin-bottom: .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: -.25em |
| | + | } |
| | + | |
| | + | sup { |
| | + | top: -.5em |
| | + | } |
| | + | |
| | + | a { |
| | + | color: #007bff; |
| | + | text-decoration: none; |
| | + | background-color: transparent; |
| | + | -webkit-text-decoration-skip: objects |
| | + | } |
| | + | |
| | + | a:hover { |
| | + | color: #0056b3; |
| | + | 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 |
| | + | } |
| | + | |
| | + | code,kbd,pre,samp { |
| | + | font-family: monospace,monospace; |
| | + | font-size: 1em |
| | + | } |
| | + | |
| | + | pre { |
| | + | margin-top: 0; |
| | + | margin-bottom: 1rem; |
| | + | overflow: auto; |
| | + | -ms-overflow-style: scrollbar |
| | + | } |
| | + | |
| | + | figure { |
| | + | margin: 0 0 1rem |
| | + | } |
| | + | |
| | + | img { |
| | + | vertical-align: middle; |
| | + | border-style: none |
| | + | } |
| | + | |
| | + | svg:not(:root) { |
| | + | overflow: hidden |
| | + | } |
| | + | |
| | + | table { |
| | + | border-collapse: collapse |
| | + | } |
| | + | |
| | + | caption { |
| | + | padding-top: .75rem; |
| | + | padding-bottom: .75rem; |
| | + | color: #6c757d; |
| | + | text-align: left; |
| | + | caption-side: bottom |
| | + | } |
| | + | |
| | + | th { |
| | + | text-align: inherit |
| | + | } |
| | + | |
| | + | label { |
| | + | display: inline-block; |
| | + | margin-bottom: .5rem |
| | + | } |
| | + | |
| | + | button { |
| | + | border-radius: 0 |
| | + | } |
| | + | |
| | + | button:focus { |
| | + | outline: 1px dotted; |
| | + | outline: 5px auto -webkit-focus-ring-color |
| | + | } |
| | + | |
| | + | button,input,optgroup,select,textarea { |
| | + | margin: 0; |
| | + | font-family: inherit; |
| | + | font-size: inherit; |
| | + | line-height: inherit |
| | + | } |
| | + | |
| | + | button,input { |
| | + | overflow: visible |
| | + | } |
| | + | |
| | + | button,select { |
| | + | text-transform: none |
| | + | } |
| | + | |
| | + | [type=reset],[type=submit],button,html [type=button] { |
| | + | -webkit-appearance: button |
| | + | } |
| | + | |
| | + | [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { |
| | + | padding: 0; |
| | + | border-style: none |
| | + | } |
| | + | |
| | + | input[type=checkbox],input[type=radio] { |
| | + | box-sizing: border-box; |
| | + | padding: 0 |
| | + | } |
| | + | |
| | + | input[type=date],input[type=datetime-local],input[type=month],input[type=time] { |
| | + | -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: .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; |
| | + | cursor: pointer |
| | + | } |
| | + | |
| | + | template { |
| | + | display: none |
| | + | } |
| | + | |
| | + | [hidden] { |
| | + | display: none!important |
| | + | } |
| | + | |
| | + | .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { |
| | + | margin-bottom: .5rem; |
| | + | font-family: inherit; |
| | + | font-weight: 500; |
| | + | line-height: 1.2; |
| | + | color: inherit |
| | + | } |
| | + | |
| | + | .h1,h1 { |
| | + | font-size: 2.5rem |
| | + | } |
| | + | |
| | + | .h2,h2 { |
| | + | font-size: 2.5rem |
| | + | } |
| | + | |
| | + | .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.2 |
| | + | } |
| | + | |
| | + | .display-2 { |
| | + | font-size: 5.5rem; |
| | + | font-weight: 300; |
| | + | line-height: 1.2 |
| | + | } |
| | + | |
| | + | .display-3 { |
| | + | font-size: 4.5rem; |
| | + | font-weight: 300; |
| | + | line-height: 1.2 |
| | + | } |
| | + | |
| | + | .display-4 { |
| | + | font-size: 3.5rem; |
| | + | font-weight: 300; |
| | + | line-height: 1.2 |
| | + | } |
| | + | |
| | + | hr { |
| | + | margin-top: 1rem; |
| | + | margin-bottom: 1rem; |
| | + | border: 0; |
| | + | border-top: 1px solid rgba(0,0,0,.1) |
| | + | } |
| | + | |
| | + | .small,small { |
| | + | font-size: 80%; |
| | + | font-weight: 400 |
| | + | } |
| | + | |
| | + | .mark,mark { |
| | + | padding: .2em; |
| | + | background-color: #fcf8e3 |
| | + | } |
| | + | |
| | + | |
| | + | .img-fluid { |
| | + | max-width: 100%; |
| | + | height: auto |
| | + | } |
| | + | |
| | + | .img-thumbnail { |
| | + | padding: .25rem; |
| | + | background-color: #fff; |
| | + | border: 1px solid #dee2e6; |
| | + | border-radius: .25rem; |
| | + | max-width: 100%; |
| | + | height: auto |
| | + | } |
| | + | |
| | + | .figure { |
| | + | display: inline-block |
| | + | } |
| | + | |
| | + | .figure-img { |
| | + | margin-bottom: .5rem; |
| | + | line-height: 1 |
| | + | } |
| | + | |
| | + | .figure-caption { |
| | + | font-size: 90%; |
| | + | color: #6c757d |
| | + | } |
| | + | |
| | + | code,kbd,pre,samp { |
| | + | font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace |
| | + | } |
| | + | |
| | + | code { |
| | + | font-size: 87.5%; |
| | + | color: #e83e8c; |
| | + | word-break: break-word |
| | + | } |
| | + | |
| | + | a>code { |
| | + | color: inherit |
| | + | } |
| | + | |
| | + | kbd { |
| | + | padding: .2rem .4rem; |
| | + | font-size: 87.5%; |
| | + | color: #fff; |
| | + | background-color: #212529; |
| | + | border-radius: .2rem |
| | + | } |
| | + | |
| | + | kbd kbd { |
| | + | padding: 0; |
| | + | font-size: 100%; |
| | + | font-weight: 700 |
| | + | } |
| | + | |
| | + | pre { |
| | + | display: block; |
| | + | font-size: 87.5%; |
| | + | color: #212529 |
| | + | } |
| | + | |
| | + | pre code { |
| | + | font-size: inherit; |
| | + | color: inherit; |
| | + | word-break: normal |
| | + | } |
| | + | |
| | + | .pre-scrollable { |
| | + | max-height: 340px; |
| | + | overflow-y: scroll |
| | + | } |
| | + | |
| | + | .container { |
| | + | width: 100%; |
| | + | padding-right: 15px; |
| | + | padding-left: 15px; |
| | + | margin-right: auto; |
| | + | margin-left: auto |
| | + | } |
| | + | |
| | + | @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 { |
| | + | width: 100%; |
| | + | padding-right: 15px; |
| | + | padding-left: 15px; |
| | + | margin-right: auto; |
| | + | margin-left: auto |
| | + | } |
| | + | |
| | + | .row { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-wrap: wrap; |
| | + | 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,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.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-auto { |
| | + | position: relative; |
| | + | width: 100%; |
| | + | min-height: 1px; |
| | + | padding-right: 15px; |
| | + | padding-left: 15px |
| | + | } |
| | + | |
| | + | .col { |
| | + | -ms-flex-preferred-size: 0; |
| | + | flex-basis: 0; |
| | + | -ms-flex-positive: 1; |
| | + | flex-grow: 1; |
| | + | max-width: 100% |
| | + | } |
| | + | |
| | + | .col-auto { |
| | + | -ms-flex: 0 0 auto; |
| | + | flex: 0 0 auto; |
| | + | width: auto; |
| | + | max-width: none |
| | + | } |
| | + | |
| | + | .col-1 { |
| | + | -ms-flex: 0 0 8.333333%; |
| | + | flex: 0 0 8.333333%; |
| | + | max-width: 8.333333% |
| | + | } |
| | + | |
| | + | .col-2 { |
| | + | -ms-flex: 0 0 16.666667%; |
| | + | flex: 0 0 16.666667%; |
| | + | max-width: 16.666667% |
| | + | } |
| | + | |
| | + | .col-3 { |
| | + | -ms-flex: 0 0 25%; |
| | + | flex: 0 0 25%; |
| | + | max-width: 25% |
| | + | } |
| | + | |
| | + | .col-4 { |
| | + | -ms-flex: 0 0 33.333333%; |
| | + | flex: 0 0 33.333333%; |
| | + | max-width: 33.333333% |
| | + | } |
| | + | |
| | + | .col-5 { |
| | + | -ms-flex: 0 0 41.666667%; |
| | + | flex: 0 0 41.666667%; |
| | + | max-width: 41.666667% |
| | + | } |
| | + | |
| | + | .col-6 { |
| | + | -ms-flex: 0 0 50%; |
| | + | flex: 0 0 50%; |
| | + | max-width: 50% |
| | + | } |
| | + | |
| | + | .col-7 { |
| | + | -ms-flex: 0 0 58.333333%; |
| | + | flex: 0 0 58.333333%; |
| | + | max-width: 58.333333% |
| | + | } |
| | + | |
| | + | .col-8 { |
| | + | -ms-flex: 0 0 66.666667%; |
| | + | flex: 0 0 66.666667%; |
| | + | max-width: 66.666667% |
| | + | } |
| | + | |
| | + | .col-9 { |
| | + | -ms-flex: 0 0 75%; |
| | + | flex: 0 0 75%; |
| | + | max-width: 75% |
| | + | } |
| | + | |
| | + | .col-10 { |
| | + | -ms-flex: 0 0 83.333333%; |
| | + | flex: 0 0 83.333333%; |
| | + | max-width: 83.333333% |
| | + | } |
| | + | |
| | + | .col-11 { |
| | + | -ms-flex: 0 0 91.666667%; |
| | + | flex: 0 0 91.666667%; |
| | + | max-width: 91.666667% |
| | + | } |
| | + | |
| | + | .col-12 { |
| | + | -ms-flex: 0 0 100%; |
| | + | flex: 0 0 100%; |
| | + | max-width: 100% |
| | + | } |
| | + | |
| | + | .order-first { |
| | + | -ms-flex-order: -1; |
| | + | order: -1 |
| | + | } |
| | + | |
| | + | .order-last { |
| | + | -ms-flex-order: 13; |
| | + | order: 13 |
| | + | } |
| | + | |
| | + | .order-0 { |
| | + | -ms-flex-order: 0; |
| | + | order: 0 |
| | + | } |
| | + | |
| | + | .order-1 { |
| | + | -ms-flex-order: 1; |
| | + | order: 1 |
| | + | } |
| | + | |
| | + | .order-2 { |
| | + | -ms-flex-order: 2; |
| | + | order: 2 |
| | + | } |
| | + | |
| | + | .order-3 { |
| | + | -ms-flex-order: 3; |
| | + | order: 3 |
| | + | } |
| | + | |
| | + | .order-4 { |
| | + | -ms-flex-order: 4; |
| | + | order: 4 |
| | + | } |
| | + | |
| | + | .order-5 { |
| | + | -ms-flex-order: 5; |
| | + | order: 5 |
| | + | } |
| | + | |
| | + | .order-6 { |
| | + | -ms-flex-order: 6; |
| | + | order: 6 |
| | + | } |
| | + | |
| | + | .order-7 { |
| | + | -ms-flex-order: 7; |
| | + | order: 7 |
| | + | } |
| | + | |
| | + | .order-8 { |
| | + | -ms-flex-order: 8; |
| | + | order: 8 |
| | + | } |
| | + | |
| | + | .order-9 { |
| | + | -ms-flex-order: 9; |
| | + | order: 9 |
| | + | } |
| | + | |
| | + | .order-10 { |
| | + | -ms-flex-order: 10; |
| | + | order: 10 |
| | + | } |
| | + | |
| | + | .order-11 { |
| | + | -ms-flex-order: 11; |
| | + | order: 11 |
| | + | } |
| | + | |
| | + | .order-12 { |
| | + | -ms-flex-order: 12; |
| | + | order: 12 |
| | + | } |
| | + | |
| | + | .offset-1 { |
| | + | margin-left: 8.333333% |
| | + | } |
| | + | |
| | + | .offset-2 { |
| | + | margin-left: 16.666667% |
| | + | } |
| | + | |
| | + | .offset-3 { |
| | + | margin-left: 25% |
| | + | } |
| | + | |
| | + | .offset-4 { |
| | + | margin-left: 33.333333% |
| | + | } |
| | + | |
| | + | .offset-5 { |
| | + | margin-left: 41.666667% |
| | + | } |
| | + | |
| | + | .offset-6 { |
| | + | margin-left: 50% |
| | + | } |
| | + | |
| | + | .offset-7 { |
| | + | margin-left: 58.333333% |
| | + | } |
| | + | |
| | + | .offset-8 { |
| | + | margin-left: 66.666667% |
| | + | } |
| | + | |
| | + | .offset-9 { |
| | + | margin-left: 75% |
| | + | } |
| | + | |
| | + | .offset-10 { |
| | + | margin-left: 83.333333% |
| | + | } |
| | + | |
| | + | .offset-11 { |
| | + | margin-left: 91.666667% |
| | + | } |
| | + | |
| | + | @media (min-width: 576px) { |
| | + | .col-sm { |
| | + | -ms-flex-preferred-size:0; |
| | + | flex-basis: 0; |
| | + | -ms-flex-positive: 1; |
| | + | flex-grow: 1; |
| | + | max-width: 100% |
| | + | } |
| | + | |
| | + | .col-sm-auto { |
| | + | -ms-flex: 0 0 auto; |
| | + | flex: 0 0 auto; |
| | + | width: auto; |
| | + | max-width: none |
| | + | } |
| | + | |
| | + | .col-sm-1 { |
| | + | -ms-flex: 0 0 8.333333%; |
| | + | flex: 0 0 8.333333%; |
| | + | max-width: 8.333333% |
| | + | } |
| | + | |
| | + | .col-sm-2 { |
| | + | -ms-flex: 0 0 16.666667%; |
| | + | flex: 0 0 16.666667%; |
| | + | max-width: 16.666667% |
| | + | } |
| | + | |
| | + | .col-sm-3 { |
| | + | -ms-flex: 0 0 25%; |
| | + | flex: 0 0 25%; |
| | + | max-width: 25% |
| | + | } |
| | + | |
| | + | .col-sm-4 { |
| | + | -ms-flex: 0 0 33.333333%; |
| | + | flex: 0 0 33.333333%; |
| | + | max-width: 33.333333% |
| | + | } |
| | + | |
| | + | .col-sm-5 { |
| | + | -ms-flex: 0 0 41.666667%; |
| | + | flex: 0 0 41.666667%; |
| | + | max-width: 41.666667% |
| | + | } |
| | + | |
| | + | .col-sm-6 { |
| | + | -ms-flex: 0 0 50%; |
| | + | flex: 0 0 50%; |
| | + | max-width: 50% |
| | + | } |
| | + | |
| | + | .col-sm-7 { |
| | + | -ms-flex: 0 0 58.333333%; |
| | + | flex: 0 0 58.333333%; |
| | + | max-width: 58.333333% |
| | + | } |
| | + | |
| | + | .col-sm-8 { |
| | + | -ms-flex: 0 0 66.666667%; |
| | + | flex: 0 0 66.666667%; |
| | + | max-width: 66.666667% |
| | + | } |
| | + | |
| | + | .col-sm-9 { |
| | + | -ms-flex: 0 0 75%; |
| | + | flex: 0 0 75%; |
| | + | max-width: 75% |
| | + | } |
| | + | |
| | + | .col-sm-10 { |
| | + | -ms-flex: 0 0 83.333333%; |
| | + | flex: 0 0 83.333333%; |
| | + | max-width: 83.333333% |
| | + | } |
| | + | |
| | + | .col-sm-11 { |
| | + | -ms-flex: 0 0 91.666667%; |
| | + | flex: 0 0 91.666667%; |
| | + | max-width: 91.666667% |
| | + | } |
| | + | |
| | + | .col-sm-12 { |
| | + | -ms-flex: 0 0 100%; |
| | + | flex: 0 0 100%; |
| | + | max-width: 100% |
| | + | } |
| | + | |
| | + | .order-sm-first { |
| | + | -ms-flex-order: -1; |
| | + | order: -1 |
| | + | } |
| | + | |
| | + | .order-sm-last { |
| | + | -ms-flex-order: 13; |
| | + | order: 13 |
| | + | } |
| | + | |
| | + | .order-sm-0 { |
| | + | -ms-flex-order: 0; |
| | + | order: 0 |
| | + | } |
| | + | |
| | + | .order-sm-1 { |
| | + | -ms-flex-order: 1; |
| | + | order: 1 |
| | + | } |
| | + | |
| | + | .order-sm-2 { |
| | + | -ms-flex-order: 2; |
| | + | order: 2 |
| | + | } |
| | + | |
| | + | .order-sm-3 { |
| | + | -ms-flex-order: 3; |
| | + | order: 3 |
| | + | } |
| | + | |
| | + | .order-sm-4 { |
| | + | -ms-flex-order: 4; |
| | + | order: 4 |
| | + | } |
| | + | |
| | + | .order-sm-5 { |
| | + | -ms-flex-order: 5; |
| | + | order: 5 |
| | + | } |
| | + | |
| | + | .order-sm-6 { |
| | + | -ms-flex-order: 6; |
| | + | order: 6 |
| | + | } |
| | + | |
| | + | .order-sm-7 { |
| | + | -ms-flex-order: 7; |
| | + | order: 7 |
| | + | } |
| | + | |
| | + | .order-sm-8 { |
| | + | -ms-flex-order: 8; |
| | + | order: 8 |
| | + | } |
| | + | |
| | + | .order-sm-9 { |
| | + | -ms-flex-order: 9; |
| | + | order: 9 |
| | + | } |
| | + | |
| | + | .order-sm-10 { |
| | + | -ms-flex-order: 10; |
| | + | order: 10 |
| | + | } |
| | + | |
| | + | .order-sm-11 { |
| | + | -ms-flex-order: 11; |
| | + | order: 11 |
| | + | } |
| | + | |
| | + | .order-sm-12 { |
| | + | -ms-flex-order: 12; |
| | + | order: 12 |
| | + | } |
| | + | |
| | + | .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% |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 768px) { |
| | + | .col-md { |
| | + | -ms-flex-preferred-size:0; |
| | + | flex-basis: 0; |
| | + | -ms-flex-positive: 1; |
| | + | flex-grow: 1; |
| | + | max-width: 100% |
| | + | } |
| | + | |
| | + | .col-md-auto { |
| | + | -ms-flex: 0 0 auto; |
| | + | flex: 0 0 auto; |
| | + | width: auto; |
| | + | max-width: none |
| | + | } |
| | + | |
| | + | .col-md-1 { |
| | + | -ms-flex: 0 0 8.333333%; |
| | + | flex: 0 0 8.333333%; |
| | + | max-width: 8.333333% |
| | + | } |
| | + | |
| | + | .col-md-2 { |
| | + | -ms-flex: 0 0 16.666667%; |
| | + | flex: 0 0 16.666667%; |
| | + | max-width: 16.666667% |
| | + | } |
| | + | |
| | + | .col-md-3 { |
| | + | -ms-flex: 0 0 25%; |
| | + | flex: 0 0 25%; |
| | + | max-width: 25% |
| | + | } |
| | + | |
| | + | .col-md-4 { |
| | + | -ms-flex: 0 0 33.333333%; |
| | + | flex: 0 0 33.333333%; |
| | + | max-width: 33.333333% |
| | + | } |
| | + | |
| | + | .col-md-5 { |
| | + | -ms-flex: 0 0 41.666667%; |
| | + | flex: 0 0 41.666667%; |
| | + | max-width: 41.666667% |
| | + | } |
| | + | |
| | + | .col-md-6 { |
| | + | -ms-flex: 0 0 50%; |
| | + | flex: 0 0 50%; |
| | + | max-width: 50% |
| | + | } |
| | + | |
| | + | .col-md-7 { |
| | + | -ms-flex: 0 0 58.333333%; |
| | + | flex: 0 0 58.333333%; |
| | + | max-width: 58.333333% |
| | + | } |
| | + | |
| | + | .col-md-8 { |
| | + | -ms-flex: 0 0 66.666667%; |
| | + | flex: 0 0 66.666667%; |
| | + | max-width: 66.666667% |
| | + | } |
| | + | |
| | + | .col-md-9 { |
| | + | -ms-flex: 0 0 75%; |
| | + | flex: 0 0 75%; |
| | + | max-width: 75% |
| | + | } |
| | + | |
| | + | .col-md-10 { |
| | + | -ms-flex: 0 0 83.333333%; |
| | + | flex: 0 0 83.333333%; |
| | + | max-width: 83.333333% |
| | + | } |
| | + | |
| | + | .col-md-11 { |
| | + | -ms-flex: 0 0 91.666667%; |
| | + | flex: 0 0 91.666667%; |
| | + | max-width: 91.666667% |
| | + | } |
| | + | |
| | + | .col-md-12 { |
| | + | -ms-flex: 0 0 100%; |
| | + | flex: 0 0 100%; |
| | + | max-width: 100% |
| | + | } |
| | + | |
| | + | .order-md-first { |
| | + | -ms-flex-order: -1; |
| | + | order: -1 |
| | + | } |
| | + | |
| | + | .order-md-last { |
| | + | -ms-flex-order: 13; |
| | + | order: 13 |
| | + | } |
| | + | |
| | + | .order-md-0 { |
| | + | -ms-flex-order: 0; |
| | + | order: 0 |
| | + | } |
| | + | |
| | + | .order-md-1 { |
| | + | -ms-flex-order: 1; |
| | + | order: 1 |
| | + | } |
| | + | |
| | + | .order-md-2 { |
| | + | -ms-flex-order: 2; |
| | + | order: 2 |
| | + | } |
| | + | |
| | + | .order-md-3 { |
| | + | -ms-flex-order: 3; |
| | + | order: 3 |
| | + | } |
| | + | |
| | + | .order-md-4 { |
| | + | -ms-flex-order: 4; |
| | + | order: 4 |
| | + | } |
| | + | |
| | + | .order-md-5 { |
| | + | -ms-flex-order: 5; |
| | + | order: 5 |
| | + | } |
| | + | |
| | + | .order-md-6 { |
| | + | -ms-flex-order: 6; |
| | + | order: 6 |
| | + | } |
| | + | |
| | + | .order-md-7 { |
| | + | -ms-flex-order: 7; |
| | + | order: 7 |
| | + | } |
| | + | |
| | + | .order-md-8 { |
| | + | -ms-flex-order: 8; |
| | + | order: 8 |
| | + | } |
| | + | |
| | + | .order-md-9 { |
| | + | -ms-flex-order: 9; |
| | + | order: 9 |
| | + | } |
| | + | |
| | + | .order-md-10 { |
| | + | -ms-flex-order: 10; |
| | + | order: 10 |
| | + | } |
| | + | |
| | + | .order-md-11 { |
| | + | -ms-flex-order: 11; |
| | + | order: 11 |
| | + | } |
| | + | |
| | + | .order-md-12 { |
| | + | -ms-flex-order: 12; |
| | + | order: 12 |
| | + | } |
| | + | |
| | + | .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% |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 992px) { |
| | + | .col-lg { |
| | + | -ms-flex-preferred-size:0; |
| | + | flex-basis: 0; |
| | + | -ms-flex-positive: 1; |
| | + | flex-grow: 1; |
| | + | max-width: 100% |
| | + | } |
| | + | |
| | + | .col-lg-auto { |
| | + | -ms-flex: 0 0 auto; |
| | + | flex: 0 0 auto; |
| | + | width: auto; |
| | + | max-width: none |
| | + | } |
| | + | |
| | + | .col-lg-1 { |
| | + | -ms-flex: 0 0 8.333333%; |
| | + | flex: 0 0 8.333333%; |
| | + | max-width: 8.333333% |
| | + | } |
| | + | |
| | + | .col-lg-2 { |
| | + | -ms-flex: 0 0 16.666667%; |
| | + | flex: 0 0 16.666667%; |
| | + | max-width: 16.666667% |
| | + | } |
| | + | |
| | + | .col-lg-3 { |
| | + | -ms-flex: 0 0 25%; |
| | + | flex: 0 0 25%; |
| | + | max-width: 25% |
| | + | } |
| | + | |
| | + | .col-lg-4 { |
| | + | -ms-flex: 0 0 33.333333%; |
| | + | flex: 0 0 33.333333%; |
| | + | max-width: 33.333333% |
| | + | } |
| | + | |
| | + | .col-lg-5 { |
| | + | -ms-flex: 0 0 41.666667%; |
| | + | flex: 0 0 41.666667%; |
| | + | max-width: 41.666667% |
| | + | } |
| | + | |
| | + | .col-lg-6 { |
| | + | -ms-flex: 0 0 50%; |
| | + | flex: 0 0 50%; |
| | + | max-width: 50% |
| | + | } |
| | + | |
| | + | .col-lg-7 { |
| | + | -ms-flex: 0 0 58.333333%; |
| | + | flex: 0 0 58.333333%; |
| | + | max-width: 58.333333% |
| | + | } |
| | + | |
| | + | .col-lg-8 { |
| | + | -ms-flex: 0 0 66.666667%; |
| | + | flex: 0 0 66.666667%; |
| | + | max-width: 66.666667% |
| | + | } |
| | + | |
| | + | .col-lg-9 { |
| | + | -ms-flex: 0 0 75%; |
| | + | flex: 0 0 75%; |
| | + | max-width: 75% |
| | + | } |
| | + | |
| | + | .col-lg-10 { |
| | + | -ms-flex: 0 0 83.333333%; |
| | + | flex: 0 0 83.333333%; |
| | + | max-width: 83.333333% |
| | + | } |
| | + | |
| | + | .col-lg-11 { |
| | + | -ms-flex: 0 0 91.666667%; |
| | + | flex: 0 0 91.666667%; |
| | + | max-width: 91.666667% |
| | + | } |
| | + | |
| | + | .col-lg-12 { |
| | + | -ms-flex: 0 0 100%; |
| | + | flex: 0 0 100%; |
| | + | max-width: 100% |
| | + | } |
| | + | |
| | + | .order-lg-first { |
| | + | -ms-flex-order: -1; |
| | + | order: -1 |
| | + | } |
| | + | |
| | + | .order-lg-last { |
| | + | -ms-flex-order: 13; |
| | + | order: 13 |
| | + | } |
| | + | |
| | + | .order-lg-0 { |
| | + | -ms-flex-order: 0; |
| | + | order: 0 |
| | + | } |
| | + | |
| | + | .order-lg-1 { |
| | + | -ms-flex-order: 1; |
| | + | order: 1 |
| | + | } |
| | + | |
| | + | .order-lg-2 { |
| | + | -ms-flex-order: 2; |
| | + | order: 2 |
| | + | } |
| | + | |
| | + | .order-lg-3 { |
| | + | -ms-flex-order: 3; |
| | + | order: 3 |
| | + | } |
| | + | |
| | + | .order-lg-4 { |
| | + | -ms-flex-order: 4; |
| | + | order: 4 |
| | + | } |
| | + | |
| | + | .order-lg-5 { |
| | + | -ms-flex-order: 5; |
| | + | order: 5 |
| | + | } |
| | + | |
| | + | .order-lg-6 { |
| | + | -ms-flex-order: 6; |
| | + | order: 6 |
| | + | } |
| | + | |
| | + | .order-lg-7 { |
| | + | -ms-flex-order: 7; |
| | + | order: 7 |
| | + | } |
| | + | |
| | + | .order-lg-8 { |
| | + | -ms-flex-order: 8; |
| | + | order: 8 |
| | + | } |
| | + | |
| | + | .order-lg-9 { |
| | + | -ms-flex-order: 9; |
| | + | order: 9 |
| | + | } |
| | + | |
| | + | .order-lg-10 { |
| | + | -ms-flex-order: 10; |
| | + | order: 10 |
| | + | } |
| | + | |
| | + | .order-lg-11 { |
| | + | -ms-flex-order: 11; |
| | + | order: 11 |
| | + | } |
| | + | |
| | + | .order-lg-12 { |
| | + | -ms-flex-order: 12; |
| | + | order: 12 |
| | + | } |
| | + | |
| | + | .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% |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 1200px) { |
| | + | .col-xl { |
| | + | -ms-flex-preferred-size:0; |
| | + | flex-basis: 0; |
| | + | -ms-flex-positive: 1; |
| | + | flex-grow: 1; |
| | + | max-width: 100% |
| | + | } |
| | + | |
| | + | .col-xl-auto { |
| | + | -ms-flex: 0 0 auto; |
| | + | flex: 0 0 auto; |
| | + | width: auto; |
| | + | max-width: none |
| | + | } |
| | + | |
| | + | .col-xl-1 { |
| | + | -ms-flex: 0 0 8.333333%; |
| | + | flex: 0 0 8.333333%; |
| | + | max-width: 8.333333% |
| | + | } |
| | + | |
| | + | .col-xl-2 { |
| | + | -ms-flex: 0 0 16.666667%; |
| | + | flex: 0 0 16.666667%; |
| | + | max-width: 16.666667% |
| | + | } |
| | + | |
| | + | .col-xl-3 { |
| | + | -ms-flex: 0 0 25%; |
| | + | flex: 0 0 25%; |
| | + | max-width: 25% |
| | + | } |
| | + | |
| | + | .col-xl-4 { |
| | + | -ms-flex: 0 0 33.333333%; |
| | + | flex: 0 0 33.333333%; |
| | + | max-width: 33.333333% |
| | + | } |
| | + | |
| | + | .col-xl-5 { |
| | + | -ms-flex: 0 0 41.666667%; |
| | + | flex: 0 0 41.666667%; |
| | + | max-width: 41.666667% |
| | + | } |
| | + | |
| | + | .col-xl-6 { |
| | + | -ms-flex: 0 0 50%; |
| | + | flex: 0 0 50%; |
| | + | max-width: 50% |
| | + | } |
| | + | |
| | + | .col-xl-7 { |
| | + | -ms-flex: 0 0 58.333333%; |
| | + | flex: 0 0 58.333333%; |
| | + | max-width: 58.333333% |
| | + | } |
| | + | |
| | + | .col-xl-8 { |
| | + | -ms-flex: 0 0 66.666667%; |
| | + | flex: 0 0 66.666667%; |
| | + | max-width: 66.666667% |
| | + | } |
| | + | |
| | + | .col-xl-9 { |
| | + | -ms-flex: 0 0 75%; |
| | + | flex: 0 0 75%; |
| | + | max-width: 75% |
| | + | } |
| | + | |
| | + | .col-xl-10 { |
| | + | -ms-flex: 0 0 83.333333%; |
| | + | flex: 0 0 83.333333%; |
| | + | max-width: 83.333333% |
| | + | } |
| | + | |
| | + | .col-xl-11 { |
| | + | -ms-flex: 0 0 91.666667%; |
| | + | flex: 0 0 91.666667%; |
| | + | max-width: 91.666667% |
| | + | } |
| | + | |
| | + | .col-xl-12 { |
| | + | -ms-flex: 0 0 100%; |
| | + | flex: 0 0 100%; |
| | + | max-width: 100% |
| | + | } |
| | + | |
| | + | .order-xl-first { |
| | + | -ms-flex-order: -1; |
| | + | order: -1 |
| | + | } |
| | + | |
| | + | .order-xl-last { |
| | + | -ms-flex-order: 13; |
| | + | order: 13 |
| | + | } |
| | + | |
| | + | .order-xl-0 { |
| | + | -ms-flex-order: 0; |
| | + | order: 0 |
| | + | } |
| | + | |
| | + | .order-xl-1 { |
| | + | -ms-flex-order: 1; |
| | + | order: 1 |
| | + | } |
| | + | |
| | + | .order-xl-2 { |
| | + | -ms-flex-order: 2; |
| | + | order: 2 |
| | + | } |
| | + | |
| | + | .order-xl-3 { |
| | + | -ms-flex-order: 3; |
| | + | order: 3 |
| | + | } |
| | + | |
| | + | .order-xl-4 { |
| | + | -ms-flex-order: 4; |
| | + | order: 4 |
| | + | } |
| | + | |
| | + | .order-xl-5 { |
| | + | -ms-flex-order: 5; |
| | + | order: 5 |
| | + | } |
| | + | |
| | + | .order-xl-6 { |
| | + | -ms-flex-order: 6; |
| | + | order: 6 |
| | + | } |
| | + | |
| | + | .order-xl-7 { |
| | + | -ms-flex-order: 7; |
| | + | order: 7 |
| | + | } |
| | + | |
| | + | .order-xl-8 { |
| | + | -ms-flex-order: 8; |
| | + | order: 8 |
| | + | } |
| | + | |
| | + | .order-xl-9 { |
| | + | -ms-flex-order: 9; |
| | + | order: 9 |
| | + | } |
| | + | |
| | + | .order-xl-10 { |
| | + | -ms-flex-order: 10; |
| | + | order: 10 |
| | + | } |
| | + | |
| | + | .order-xl-11 { |
| | + | -ms-flex-order: 11; |
| | + | order: 11 |
| | + | } |
| | + | |
| | + | .order-xl-12 { |
| | + | -ms-flex-order: 12; |
| | + | order: 12 |
| | + | } |
| | + | |
| | + | .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% |
| | + | } |
| | + | } |
| | + | |
| | + | .table { |
| | + | width: 100%; |
| | + | max-width: 100%; |
| | + | margin-bottom: 1rem; |
| | + | background-color: transparent |
| | + | } |
| | + | |
| | + | .table td,.table th { |
| | + | padding: .75rem; |
| | + | vertical-align: top; |
| | + | border-top: 1px solid #dee2e6 |
| | + | } |
| | + | |
| | + | .table thead th { |
| | + | vertical-align: bottom; |
| | + | border-bottom: 2px solid #dee2e6 |
| | + | } |
| | + | |
| | + | .table tbody+tbody { |
| | + | border-top: 2px solid #dee2e6 |
| | + | } |
| | + | |
| | + | .table .table { |
| | + | background-color: #fff |
| | + | } |
| | + | |
| | + | .table-sm td,.table-sm th { |
| | + | padding: .3rem |
| | + | } |
| | + | |
| | + | .table-bordered { |
| | + | border: 1px solid #dee2e6 |
| | + | } |
| | + | |
| | + | .table-bordered td,.table-bordered th { |
| | + | border: 1px solid #dee2e6 |
| | + | } |
| | + | |
| | + | .table-bordered thead td,.table-bordered thead th { |
| | + | border-bottom-width: 2px |
| | + | } |
| | + | |
| | + | .table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th { |
| | + | border: 0 |
| | + | } |
| | + | |
| | + | .table-striped tbody tr:nth-of-type(odd) { |
| | + | background-color: rgba(0,0,0,.05) |
| | + | } |
| | + | |
| | + | .table-hover tbody tr:hover { |
| | + | background-color: rgba(0,0,0,.075) |
| | + | } |
| | + | |
| | + | .table-primary,.table-primary>td,.table-primary>th { |
| | + | background-color: #b8daff |
| | + | } |
| | + | |
| | + | .table-hover .table-primary:hover { |
| | + | background-color: #9fcdff |
| | + | } |
| | + | |
| | + | .table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th { |
| | + | background-color: #9fcdff |
| | + | } |
| | + | |
| | + | .table-secondary,.table-secondary>td,.table-secondary>th { |
| | + | background-color: #d6d8db |
| | + | } |
| | + | |
| | + | .table-hover .table-secondary:hover { |
| | + | background-color: #c8cbcf |
| | + | } |
| | + | |
| | + | .table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th { |
| | + | background-color: #c8cbcf |
| | + | } |
| | + | |
| | + | .table-success,.table-success>td,.table-success>th { |
| | + | background-color: #c3e6cb |
| | + | } |
| | + | |
| | + | .table-hover .table-success:hover { |
| | + | background-color: #b1dfbb |
| | + | } |
| | + | |
| | + | .table-hover .table-success:hover>td,.table-hover .table-success:hover>th { |
| | + | background-color: #b1dfbb |
| | + | } |
| | + | |
| | + | .table-info,.table-info>td,.table-info>th { |
| | + | background-color: #bee5eb |
| | + | } |
| | + | |
| | + | .table-hover .table-info:hover { |
| | + | background-color: #abdde5 |
| | + | } |
| | + | |
| | + | .table-hover .table-info:hover>td,.table-hover .table-info:hover>th { |
| | + | background-color: #abdde5 |
| | + | } |
| | + | |
| | + | .table-warning,.table-warning>td,.table-warning>th { |
| | + | background-color: #ffeeba |
| | + | } |
| | + | |
| | + | .table-hover .table-warning:hover { |
| | + | background-color: #ffe8a1 |
| | + | } |
| | + | |
| | + | .table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th { |
| | + | background-color: #ffe8a1 |
| | + | } |
| | + | |
| | + | .table-danger,.table-danger>td,.table-danger>th { |
| | + | background-color: #f5c6cb |
| | + | } |
| | + | |
| | + | .table-hover .table-danger:hover { |
| | + | background-color: #f1b0b7 |
| | + | } |
| | + | |
| | + | .table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th { |
| | + | background-color: #f1b0b7 |
| | + | } |
| | + | |
| | + | .table-light,.table-light>td,.table-light>th { |
| | + | 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>td,.table-dark>th { |
| | + | 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>td,.table-active>th { |
| | + | background-color: rgba(0,0,0,.075) |
| | + | } |
| | + | |
| | + | .table-hover .table-active:hover { |
| | + | background-color: rgba(0,0,0,.075) |
| | + | } |
| | + | |
| | + | .table-hover .table-active:hover>td,.table-hover .table-active:hover>th { |
| | + | background-color: rgba(0,0,0,.075) |
| | + | } |
| | + | |
| | + | .table .thead-dark th { |
| | + | color: #fff; |
| | + | background-color: #212529; |
| | + | border-color: #32383e |
| | + | } |
| | + | |
| | + | .table .thead-light th { |
| | + | color: #495057; |
| | + | background-color: #e9ecef; |
| | + | border-color: #dee2e6 |
| | + | } |
| | + | |
| | + | .table-dark { |
| | + | color: #fff; |
| | + | background-color: #212529 |
| | + | } |
| | + | |
| | + | .table-dark td,.table-dark th,.table-dark thead th { |
| | + | border-color: #32383e |
| | + | } |
| | + | |
| | + | .table-dark.table-bordered { |
| | + | border: 0 |
| | + | } |
| | + | |
| | + | .table-dark.table-striped tbody tr:nth-of-type(odd) { |
| | + | background-color: rgba(255,255,255,.05) |
| | + | } |
| | + | |
| | + | .table-dark.table-hover tbody tr:hover { |
| | + | background-color: rgba(255,255,255,.075) |
| | + | } |
| | + | |
| | + | @media (max-width: 575.98px) { |
| | + | .table-responsive-sm { |
| | + | display:block; |
| | + | width: 100%; |
| | + | overflow-x: auto; |
| | + | -webkit-overflow-scrolling: touch; |
| | + | -ms-overflow-style: -ms-autohiding-scrollbar |
| | + | } |
| | + | |
| | + | .table-responsive-sm>.table-bordered { |
| | + | border: 0 |
| | + | } |
| | + | } |
| | + | |
| | + | @media (max-width: 767.98px) { |
| | + | .table-responsive-md { |
| | + | display:block; |
| | + | width: 100%; |
| | + | overflow-x: auto; |
| | + | -webkit-overflow-scrolling: touch; |
| | + | -ms-overflow-style: -ms-autohiding-scrollbar |
| | + | } |
| | + | |
| | + | .table-responsive-md>.table-bordered { |
| | + | border: 0 |
| | + | } |
| | + | } |
| | + | |
| | + | @media (max-width: 991.98px) { |
| | + | .table-responsive-lg { |
| | + | display:block; |
| | + | width: 100%; |
| | + | overflow-x: auto; |
| | + | -webkit-overflow-scrolling: touch; |
| | + | -ms-overflow-style: -ms-autohiding-scrollbar |
| | + | } |
| | + | |
| | + | .table-responsive-lg>.table-bordered { |
| | + | border: 0 |
| | + | } |
| | + | } |
| | + | |
| | + | @media (max-width: 1199.98px) { |
| | + | .table-responsive-xl { |
| | + | display:block; |
| | + | width: 100%; |
| | + | overflow-x: auto; |
| | + | -webkit-overflow-scrolling: touch; |
| | + | -ms-overflow-style: -ms-autohiding-scrollbar |
| | + | } |
| | + | |
| | + | .table-responsive-xl>.table-bordered { |
| | + | border: 0 |
| | + | } |
| | + | } |
| | + | |
| | + | .table-responsive { |
| | + | display: block; |
| | + | width: 100%; |
| | + | overflow-x: auto; |
| | + | -webkit-overflow-scrolling: touch; |
| | + | -ms-overflow-style: -ms-autohiding-scrollbar |
| | + | } |
| | + | |
| | + | .table-responsive>.table-bordered { |
| | + | border: 0 |
| | + | } |
| | + | |
| | + | .form-control { |
| | + | display: block; |
| | + | width: 100%; |
| | + | padding: .375rem .75rem; |
| | + | font-size: 1rem; |
| | + | line-height: 1.5; |
| | + | color: #495057; |
| | + | background-color: #fff; |
| | + | background-clip: padding-box; |
| | + | border: 1px solid #ced4da; |
| | + | border-radius: .25rem; |
| | + | transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out |
| | + | } |
| | + | |
| | + | @media screen and (prefers-reduced-motion:reduce) { |
| | + | .form-control { |
| | + | transition: none |
| | + | } |
| | + | } |
| | + | |
| | + | .form-control::-ms-expand { |
| | + | background-color: transparent; |
| | + | border: 0 |
| | + | } |
| | + | |
| | + | .form-control:focus { |
| | + | color: #495057; |
| | + | background-color: #fff; |
| | + | border-color: #80bdff; |
| | + | outline: 0; |
| | + | box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) |
| | + | } |
| | + | |
| | + | .form-control::-webkit-input-placeholder { |
| | + | color: #6c757d; |
| | + | opacity: 1 |
| | + | } |
| | + | |
| | + | .form-control::-moz-placeholder { |
| | + | color: #6c757d; |
| | + | opacity: 1 |
| | + | } |
| | + | |
| | + | .form-control:-ms-input-placeholder { |
| | + | color: #6c757d; |
| | + | opacity: 1 |
| | + | } |
| | + | |
| | + | .form-control::-ms-input-placeholder { |
| | + | color: #6c757d; |
| | + | opacity: 1 |
| | + | } |
| | + | |
| | + | .form-control::placeholder { |
| | + | color: #6c757d; |
| | + | 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; |
| | + | width: 100% |
| | + | } |
| | + | |
| | + | .col-form-label { |
| | + | padding-top: calc(.375rem + 1px); |
| | + | padding-bottom: calc(.375rem + 1px); |
| | + | margin-bottom: 0; |
| | + | font-size: inherit; |
| | + | line-height: 1.5 |
| | + | } |
| | + | |
| | + | .col-form-label-lg { |
| | + | padding-top: calc(.5rem + 1px); |
| | + | padding-bottom: calc(.5rem + 1px); |
| | + | font-size: 1.25rem; |
| | + | line-height: 1.5 |
| | + | } |
| | + | |
| | + | .col-form-label-sm { |
| | + | padding-top: calc(.25rem + 1px); |
| | + | padding-bottom: calc(.25rem + 1px); |
| | + | font-size: .875rem; |
| | + | line-height: 1.5 |
| | + | } |
| | + | |
| | + | .form-control-plaintext { |
| | + | display: block; |
| | + | width: 100%; |
| | + | padding-top: .375rem; |
| | + | padding-bottom: .375rem; |
| | + | margin-bottom: 0; |
| | + | line-height: 1.5; |
| | + | color: #212529; |
| | + | background-color: transparent; |
| | + | border: solid transparent; |
| | + | border-width: 1px 0 |
| | + | } |
| | + | |
| | + | .form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm,.input-group-lg>.form-control-plaintext.form-control,.input-group-lg>.input-group-append>.form-control-plaintext.btn,.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,.input-group-lg>.input-group-prepend>.form-control-plaintext.btn,.input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,.input-group-sm>.form-control-plaintext.form-control,.input-group-sm>.input-group-append>.form-control-plaintext.btn,.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,.input-group-sm>.input-group-prepend>.form-control-plaintext.btn,.input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text { |
| | + | padding-right: 0; |
| | + | padding-left: 0 |
| | + | } |
| | + | |
| | + | .form-control-sm,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text { |
| | + | padding: .25rem .5rem; |
| | + | font-size: .875rem; |
| | + | line-height: 1.5; |
| | + | border-radius: .2rem |
| | + | } |
| | + | |
| | + | .input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-sm>select.form-control:not([size]):not([multiple]),select.form-control-sm:not([size]):not([multiple]) { |
| | + | height: calc(1.8125rem + 2px) |
| | + | } |
| | + | |
| | + | .form-control-lg,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text { |
| | + | padding: .5rem 1rem; |
| | + | font-size: 1.25rem; |
| | + | line-height: 1.5; |
| | + | border-radius: .3rem |
| | + | } |
| | + | |
| | + | .input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-lg>select.form-control:not([size]):not([multiple]),select.form-control-lg:not([size]):not([multiple]) { |
| | + | height: calc(2.875rem + 2px) |
| | + | } |
| | + | |
| | + | .form-group { |
| | + | margin-bottom: 1rem |
| | + | } |
| | + | |
| | + | .form-text { |
| | + | display: block; |
| | + | margin-top: .25rem |
| | + | } |
| | + | |
| | + | .form-row { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-wrap: wrap; |
| | + | 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; |
| | + | padding-left: 1.25rem |
| | + | } |
| | + | |
| | + | .form-check-input { |
| | + | position: absolute; |
| | + | margin-top: .3rem; |
| | + | margin-left: -1.25rem |
| | + | } |
| | + | |
| | + | .form-check-input:disabled~.form-check-label { |
| | + | color: #6c757d |
| | + | } |
| | + | |
| | + | .form-check-label { |
| | + | margin-bottom: 0 |
| | + | } |
| | + | |
| | + | .form-check-inline { |
| | + | display: -ms-inline-flexbox; |
| | + | display: inline-flex; |
| | + | -ms-flex-align: center; |
| | + | align-items: center; |
| | + | padding-left: 0; |
| | + | margin-right: .75rem |
| | + | } |
| | + | |
| | + | .form-check-inline .form-check-input { |
| | + | position: static; |
| | + | margin-top: 0; |
| | + | margin-right: .3125rem; |
| | + | margin-left: 0 |
| | + | } |
| | + | |
| | + | .valid-feedback { |
| | + | display: none; |
| | + | width: 100%; |
| | + | margin-top: .25rem; |
| | + | font-size: 80%; |
| | + | color: #28a745 |
| | + | } |
| | + | |
| | + | .valid-tooltip { |
| | + | position: absolute; |
| | + | top: 100%; |
| | + | z-index: 5; |
| | + | display: none; |
| | + | max-width: 100%; |
| | + | padding: .5rem; |
| | + | margin-top: .1rem; |
| | + | font-size: .875rem; |
| | + | line-height: 1; |
| | + | color: #fff; |
| | + | background-color: rgba(40,167,69,.8); |
| | + | border-radius: .2rem |
| | + | } |
| | + | |
| | + | .custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid { |
| | + | border-color: #28a745 |
| | + | } |
| | + | |
| | + | .custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus { |
| | + | border-color: #28a745; |
| | + | box-shadow: 0 0 0 .2rem rgba(40,167,69,.25) |
| | + | } |
| | + | |
| | + | .custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip { |
| | + | display: block |
| | + | } |
| | + | |
| | + | .form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label { |
| | + | color: #28a745 |
| | + | } |
| | + | |
| | + | .form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip { |
| | + | display: block |
| | + | } |
| | + | |
| | + | .custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label { |
| | + | color: #28a745 |
| | + | } |
| | + | |
| | + | .custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before { |
| | + | background-color: #71dd8a |
| | + | } |
| | + | |
| | + | .custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip { |
| | + | display: block |
| | + | } |
| | + | |
| | + | .custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before { |
| | + | background-color: #34ce57 |
| | + | } |
| | + | |
| | + | .custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before { |
| | + | box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25) |
| | + | } |
| | + | |
| | + | .custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label { |
| | + | border-color: #28a745 |
| | + | } |
| | + | |
| | + | .custom-file-input.is-valid~.custom-file-label::before,.was-validated .custom-file-input:valid~.custom-file-label::before { |
| | + | border-color: inherit |
| | + | } |
| | + | |
| | + | .custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip { |
| | + | display: block |
| | + | } |
| | + | |
| | + | .custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label { |
| | + | box-shadow: 0 0 0 .2rem rgba(40,167,69,.25) |
| | + | } |
| | + | |
| | + | .invalid-feedback { |
| | + | display: none; |
| | + | width: 100%; |
| | + | margin-top: .25rem; |
| | + | font-size: 80%; |
| | + | color: #dc3545 |
| | + | } |
| | + | |
| | + | .invalid-tooltip { |
| | + | position: absolute; |
| | + | top: 100%; |
| | + | z-index: 5; |
| | + | display: none; |
| | + | max-width: 100%; |
| | + | padding: .5rem; |
| | + | margin-top: .1rem; |
| | + | font-size: .875rem; |
| | + | line-height: 1; |
| | + | color: #fff; |
| | + | background-color: rgba(220,53,69,.8); |
| | + | border-radius: .2rem |
| | + | } |
| | + | |
| | + | .custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid { |
| | + | border-color: #dc3545 |
| | + | } |
| | + | |
| | + | .custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus { |
| | + | border-color: #dc3545; |
| | + | box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) |
| | + | } |
| | + | |
| | + | .custom-select.is-invalid~.invalid-feedback,.custom-select.is-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,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip { |
| | + | display: block |
| | + | } |
| | + | |
| | + | .form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label { |
| | + | color: #dc3545 |
| | + | } |
| | + | |
| | + | .form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip { |
| | + | display: block |
| | + | } |
| | + | |
| | + | .custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label { |
| | + | color: #dc3545 |
| | + | } |
| | + | |
| | + | .custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before { |
| | + | background-color: #efa2a9 |
| | + | } |
| | + | |
| | + | .custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip { |
| | + | display: block |
| | + | } |
| | + | |
| | + | .custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before { |
| | + | background-color: #e4606d |
| | + | } |
| | + | |
| | + | .custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before { |
| | + | box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25) |
| | + | } |
| | + | |
| | + | .custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label { |
| | + | border-color: #dc3545 |
| | + | } |
| | + | |
| | + | .custom-file-input.is-invalid~.custom-file-label::before,.was-validated .custom-file-input:invalid~.custom-file-label::before { |
| | + | border-color: inherit |
| | + | } |
| | + | |
| | + | .custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip { |
| | + | display: block |
| | + | } |
| | + | |
| | + | .custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label { |
| | + | box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) |
| | + | } |
| | + | |
| | + | .form-inline { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-flow: row wrap; |
| | + | flex-flow: row wrap; |
| | + | -ms-flex-align: center; |
| | + | align-items: center |
| | + | } |
| | + | |
| | + | .form-inline .form-check { |
| | + | width: 100% |
| | + | } |
| | + | |
| | + | @media (min-width: 576px) { |
| | + | .form-inline label { |
| | + | display:-ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-align: center; |
| | + | align-items: center; |
| | + | -ms-flex-pack: center; |
| | + | justify-content: center; |
| | + | margin-bottom: 0 |
| | + | } |
| | + | |
| | + | .form-inline .form-group { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex: 0 0 auto; |
| | + | flex: 0 0 auto; |
| | + | -ms-flex-flow: row wrap; |
| | + | flex-flow: row wrap; |
| | + | -ms-flex-align: center; |
| | + | 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 .custom-select,.form-inline .input-group { |
| | + | width: auto |
| | + | } |
| | + | |
| | + | .form-inline .form-check { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-align: center; |
| | + | align-items: center; |
| | + | -ms-flex-pack: center; |
| | + | justify-content: center; |
| | + | width: auto; |
| | + | padding-left: 0 |
| | + | } |
| | + | |
| | + | .form-inline .form-check-input { |
| | + | position: relative; |
| | + | margin-top: 0; |
| | + | margin-right: .25rem; |
| | + | margin-left: 0 |
| | + | } |
| | + | |
| | + | .form-inline .custom-control { |
| | + | -ms-flex-align: center; |
| | + | align-items: center; |
| | + | -ms-flex-pack: center; |
| | + | justify-content: center |
| | + | } |
| | + | |
| | + | .form-inline .custom-control-label { |
| | + | margin-bottom: 0 |
| | + | } |
| | + | } |
| | + | |
| | + | .btn { |
| | + | display: inline-block; |
| | + | font-weight: 400; |
| | + | text-align: center; |
| | + | white-space: nowrap; |
| | + | vertical-align: middle; |
| | + | -webkit-user-select: none; |
| | + | -moz-user-select: none; |
| | + | -ms-user-select: none; |
| | + | user-select: none; |
| | + | border: 1px solid transparent; |
| | + | padding: .375rem .75rem; |
| | + | font-size: 1rem; |
| | + | line-height: 1.5; |
| | + | border-radius: .25rem; |
| | + | transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out |
| | + | } |
| | + | |
| | + | @media screen and (prefers-reduced-motion:reduce) { |
| | + | .btn { |
| | + | transition: none |
| | + | } |
| | + | } |
| | + | |
| | + | .btn:focus,.btn:hover { |
| | + | text-decoration: none |
| | + | } |
| | + | |
| | + | .btn.focus,.btn:focus { |
| | + | outline: 0; |
| | + | box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) |
| | + | } |
| | + | |
| | + | .btn.disabled,.btn:disabled { |
| | + | opacity: .65 |
| | + | } |
| | + | |
| | + | .btn:not(:disabled):not(.disabled) { |
| | + | cursor: pointer |
| | + | } |
| | + | |
| | + | .btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active { |
| | + | background-image: none |
| | + | } |
| | + | |
| | + | a.btn.disabled,fieldset:disabled a.btn { |
| | + | pointer-events: none |
| | + | } |
| | + | |
| | + | .btn-primary { |
| | + | color: #fff; |
| | + | background-color: #007bff; |
| | + | border-color: #007bff |
| | + | } |
| | + | |
| | + | .btn-primary:hover { |
| | + | color: #fff; |
| | + | background-color: #0069d9; |
| | + | border-color: #0062cc |
| | + | } |
| | + | |
| | + | .btn-primary.focus,.btn-primary:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) |
| | + | } |
| | + | |
| | + | .btn-primary.disabled,.btn-primary:disabled { |
| | + | color: #fff; |
| | + | background-color: #007bff; |
| | + | border-color: #007bff |
| | + | } |
| | + | |
| | + | .btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle { |
| | + | color: #fff; |
| | + | background-color: #0062cc; |
| | + | border-color: #005cbf |
| | + | } |
| | + | |
| | + | .btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) |
| | + | } |
| | + | |
| | + | .btn-secondary { |
| | + | color: #fff; |
| | + | background-color: #6c757d; |
| | + | border-color: #6c757d |
| | + | } |
| | + | |
| | + | .btn-secondary:hover { |
| | + | color: #fff; |
| | + | background-color: #5a6268; |
| | + | border-color: #545b62 |
| | + | } |
| | + | |
| | + | .btn-secondary.focus,.btn-secondary:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(108,117,125,.5) |
| | + | } |
| | + | |
| | + | .btn-secondary.disabled,.btn-secondary:disabled { |
| | + | color: #fff; |
| | + | background-color: #6c757d; |
| | + | border-color: #6c757d |
| | + | } |
| | + | |
| | + | .btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle { |
| | + | color: #fff; |
| | + | background-color: #545b62; |
| | + | border-color: #4e555b |
| | + | } |
| | + | |
| | + | .btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(108,117,125,.5) |
| | + | } |
| | + | |
| | + | .btn-success { |
| | + | color: #fff; |
| | + | background-color: #28a745; |
| | + | border-color: #28a745 |
| | + | } |
| | + | |
| | + | .btn-success:hover { |
| | + | color: #fff; |
| | + | background-color: #218838; |
| | + | border-color: #1e7e34 |
| | + | } |
| | + | |
| | + | .btn-success.focus,.btn-success:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(40,167,69,.5) |
| | + | } |
| | + | |
| | + | .btn-success.disabled,.btn-success:disabled { |
| | + | color: #fff; |
| | + | background-color: #28a745; |
| | + | border-color: #28a745 |
| | + | } |
| | + | |
| | + | .btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle { |
| | + | color: #fff; |
| | + | background-color: #1e7e34; |
| | + | border-color: #1c7430 |
| | + | } |
| | + | |
| | + | .btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(40,167,69,.5) |
| | + | } |
| | + | |
| | + | .btn-info { |
| | + | color: #fff; |
| | + | background-color: #17a2b8; |
| | + | border-color: #17a2b8 |
| | + | } |
| | + | |
| | + | .btn-info:hover { |
| | + | color: #fff; |
| | + | background-color: #138496; |
| | + | border-color: #117a8b |
| | + | } |
| | + | |
| | + | .btn-info.focus,.btn-info:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(23,162,184,.5) |
| | + | } |
| | + | |
| | + | .btn-info.disabled,.btn-info:disabled { |
| | + | color: #fff; |
| | + | background-color: #17a2b8; |
| | + | border-color: #17a2b8 |
| | + | } |
| | + | |
| | + | .btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle { |
| | + | color: #fff; |
| | + | background-color: #117a8b; |
| | + | border-color: #10707f |
| | + | } |
| | + | |
| | + | .btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(23,162,184,.5) |
| | + | } |
| | + | |
| | + | .btn-warning { |
| | + | color: #212529; |
| | + | background-color: #ffc107; |
| | + | border-color: #ffc107 |
| | + | } |
| | + | |
| | + | .btn-warning:hover { |
| | + | color: #212529; |
| | + | background-color: #e0a800; |
| | + | border-color: #d39e00 |
| | + | } |
| | + | |
| | + | .btn-warning.focus,.btn-warning:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(255,193,7,.5) |
| | + | } |
| | + | |
| | + | .btn-warning.disabled,.btn-warning:disabled { |
| | + | color: #212529; |
| | + | background-color: #ffc107; |
| | + | border-color: #ffc107 |
| | + | } |
| | + | |
| | + | .btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle { |
| | + | color: #212529; |
| | + | background-color: #d39e00; |
| | + | border-color: #c69500 |
| | + | } |
| | + | |
| | + | .btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(255,193,7,.5) |
| | + | } |
| | + | |
| | + | .btn-danger { |
| | + | color: #fff; |
| | + | background-color: #dc3545; |
| | + | border-color: #dc3545 |
| | + | } |
| | + | |
| | + | .btn-danger:hover { |
| | + | color: #fff; |
| | + | background-color: #c82333; |
| | + | border-color: #bd2130 |
| | + | } |
| | + | |
| | + | .btn-danger.focus,.btn-danger:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) |
| | + | } |
| | + | |
| | + | .btn-danger.disabled,.btn-danger:disabled { |
| | + | color: #fff; |
| | + | background-color: #dc3545; |
| | + | border-color: #dc3545 |
| | + | } |
| | + | |
| | + | .btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle { |
| | + | color: #fff; |
| | + | background-color: #bd2130; |
| | + | border-color: #b21f2d |
| | + | } |
| | + | |
| | + | .btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) |
| | + | } |
| | + | |
| | + | .btn-light { |
| | + | color: #212529; |
| | + | background-color: #f8f9fa; |
| | + | border-color: #f8f9fa |
| | + | } |
| | + | |
| | + | .btn-light:hover { |
| | + | color: #212529; |
| | + | background-color: #e2e6ea; |
| | + | border-color: #dae0e5 |
| | + | } |
| | + | |
| | + | .btn-light.focus,.btn-light:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(248,249,250,.5) |
| | + | } |
| | + | |
| | + | .btn-light.disabled,.btn-light:disabled { |
| | + | color: #212529; |
| | + | background-color: #f8f9fa; |
| | + | border-color: #f8f9fa |
| | + | } |
| | + | |
| | + | .btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle { |
| | + | color: #212529; |
| | + | background-color: #dae0e5; |
| | + | border-color: #d3d9df |
| | + | } |
| | + | |
| | + | .btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(248,249,250,.5) |
| | + | } |
| | + | |
| | + | .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 .2rem rgba(52,58,64,.5) |
| | + | } |
| | + | |
| | + | .btn-dark.disabled,.btn-dark:disabled { |
| | + | color: #fff; |
| | + | background-color: #343a40; |
| | + | border-color: #343a40 |
| | + | } |
| | + | |
| | + | .btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle { |
| | + | color: #fff; |
| | + | background-color: #1d2124; |
| | + | border-color: #171a1d |
| | + | } |
| | + | |
| | + | .btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(52,58,64,.5) |
| | + | } |
| | + | |
| | + | .btn-outline-primary { |
| | + | color: #007bff; |
| | + | background-color: transparent; |
| | + | background-image: none; |
| | + | border-color: #007bff |
| | + | } |
| | + | |
| | + | .btn-outline-primary:hover { |
| | + | color: #fff; |
| | + | background-color: #007bff; |
| | + | border-color: #007bff |
| | + | } |
| | + | |
| | + | .btn-outline-primary.focus,.btn-outline-primary:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) |
| | + | } |
| | + | |
| | + | .btn-outline-primary.disabled,.btn-outline-primary:disabled { |
| | + | color: #007bff; |
| | + | background-color: transparent |
| | + | } |
| | + | |
| | + | .btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle { |
| | + | color: #fff; |
| | + | background-color: #007bff; |
| | + | border-color: #007bff |
| | + | } |
| | + | |
| | + | .btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) |
| | + | } |
| | + | |
| | + | .btn-outline-secondary { |
| | + | color: #6c757d; |
| | + | background-color: transparent; |
| | + | background-image: none; |
| | + | border-color: #6c757d |
| | + | } |
| | + | |
| | + | .btn-outline-secondary:hover { |
| | + | color: #fff; |
| | + | background-color: #6c757d; |
| | + | border-color: #6c757d |
| | + | } |
| | + | |
| | + | .btn-outline-secondary.focus,.btn-outline-secondary:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(108,117,125,.5) |
| | + | } |
| | + | |
| | + | .btn-outline-secondary.disabled,.btn-outline-secondary:disabled { |
| | + | color: #6c757d; |
| | + | background-color: transparent |
| | + | } |
| | + | |
| | + | .btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle { |
| | + | color: #fff; |
| | + | background-color: #6c757d; |
| | + | border-color: #6c757d |
| | + | } |
| | + | |
| | + | .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(108,117,125,.5) |
| | + | } |
| | + | |
| | + | .btn-outline-success { |
| | + | color: #28a745; |
| | + | background-color: transparent; |
| | + | background-image: none; |
| | + | border-color: #28a745 |
| | + | } |
| | + | |
| | + | .btn-outline-success:hover { |
| | + | color: #fff; |
| | + | background-color: #28a745; |
| | + | border-color: #28a745 |
| | + | } |
| | + | |
| | + | .btn-outline-success.focus,.btn-outline-success:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(40,167,69,.5) |
| | + | } |
| | + | |
| | + | .btn-outline-success.disabled,.btn-outline-success:disabled { |
| | + | color: #28a745; |
| | + | background-color: transparent |
| | + | } |
| | + | |
| | + | .btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle { |
| | + | color: #fff; |
| | + | background-color: #28a745; |
| | + | border-color: #28a745 |
| | + | } |
| | + | |
| | + | .btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(40,167,69,.5) |
| | + | } |
| | + | |
| | + | .btn-outline-info { |
| | + | color: #17a2b8; |
| | + | background-color: transparent; |
| | + | background-image: none; |
| | + | border-color: #17a2b8 |
| | + | } |
| | + | |
| | + | .btn-outline-info:hover { |
| | + | color: #fff; |
| | + | background-color: #17a2b8; |
| | + | border-color: #17a2b8 |
| | + | } |
| | + | |
| | + | .btn-outline-info.focus,.btn-outline-info:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(23,162,184,.5) |
| | + | } |
| | + | |
| | + | .btn-outline-info.disabled,.btn-outline-info:disabled { |
| | + | color: #17a2b8; |
| | + | background-color: transparent |
| | + | } |
| | + | |
| | + | .btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle { |
| | + | color: #fff; |
| | + | background-color: #17a2b8; |
| | + | border-color: #17a2b8 |
| | + | } |
| | + | |
| | + | .btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(23,162,184,.5) |
| | + | } |
| | + | |
| | + | .btn-outline-warning { |
| | + | color: #ffc107; |
| | + | background-color: transparent; |
| | + | background-image: none; |
| | + | border-color: #ffc107 |
| | + | } |
| | + | |
| | + | .btn-outline-warning:hover { |
| | + | color: #212529; |
| | + | background-color: #ffc107; |
| | + | border-color: #ffc107 |
| | + | } |
| | + | |
| | + | .btn-outline-warning.focus,.btn-outline-warning:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(255,193,7,.5) |
| | + | } |
| | + | |
| | + | .btn-outline-warning.disabled,.btn-outline-warning:disabled { |
| | + | color: #ffc107; |
| | + | background-color: transparent |
| | + | } |
| | + | |
| | + | .btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle { |
| | + | color: #212529; |
| | + | background-color: #ffc107; |
| | + | border-color: #ffc107 |
| | + | } |
| | + | |
| | + | .btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(255,193,7,.5) |
| | + | } |
| | + | |
| | + | .btn-outline-danger { |
| | + | color: #dc3545; |
| | + | background-color: transparent; |
| | + | background-image: none; |
| | + | border-color: #dc3545 |
| | + | } |
| | + | |
| | + | .btn-outline-danger:hover { |
| | + | color: #fff; |
| | + | background-color: #dc3545; |
| | + | border-color: #dc3545 |
| | + | } |
| | + | |
| | + | .btn-outline-danger.focus,.btn-outline-danger:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) |
| | + | } |
| | + | |
| | + | .btn-outline-danger.disabled,.btn-outline-danger:disabled { |
| | + | color: #dc3545; |
| | + | background-color: transparent |
| | + | } |
| | + | |
| | + | .btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle { |
| | + | color: #fff; |
| | + | background-color: #dc3545; |
| | + | border-color: #dc3545 |
| | + | } |
| | + | |
| | + | .btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) |
| | + | } |
| | + | |
| | + | .btn-outline-light { |
| | + | color: #f8f9fa; |
| | + | background-color: transparent; |
| | + | background-image: none; |
| | + | border-color: #f8f9fa |
| | + | } |
| | + | |
| | + | .btn-outline-light:hover { |
| | + | color: #212529; |
| | + | background-color: #f8f9fa; |
| | + | border-color: #f8f9fa |
| | + | } |
| | + | |
| | + | .btn-outline-light.focus,.btn-outline-light:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(248,249,250,.5) |
| | + | } |
| | + | |
| | + | .btn-outline-light.disabled,.btn-outline-light:disabled { |
| | + | color: #f8f9fa; |
| | + | background-color: transparent |
| | + | } |
| | + | |
| | + | .btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle { |
| | + | color: #212529; |
| | + | background-color: #f8f9fa; |
| | + | border-color: #f8f9fa |
| | + | } |
| | + | |
| | + | .btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(248,249,250,.5) |
| | + | } |
| | + | |
| | + | .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 .2rem rgba(52,58,64,.5) |
| | + | } |
| | + | |
| | + | .btn-outline-dark.disabled,.btn-outline-dark:disabled { |
| | + | color: #343a40; |
| | + | background-color: transparent |
| | + | } |
| | + | |
| | + | .btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle { |
| | + | color: #fff; |
| | + | background-color: #343a40; |
| | + | border-color: #343a40 |
| | + | } |
| | + | |
| | + | .btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus { |
| | + | box-shadow: 0 0 0 .2rem rgba(52,58,64,.5) |
| | + | } |
| | + | |
| | + | .btn-link { |
| | + | font-weight: 400; |
| | + | color: #007bff; |
| | + | background-color: transparent |
| | + | } |
| | + | |
| | + | .btn-link:hover { |
| | + | color: #0056b3; |
| | + | text-decoration: underline; |
| | + | background-color: transparent; |
| | + | border-color: transparent |
| | + | } |
| | + | |
| | + | .btn-link.focus,.btn-link:focus { |
| | + | text-decoration: underline; |
| | + | border-color: transparent; |
| | + | box-shadow: none |
| | + | } |
| | + | |
| | + | .btn-link.disabled,.btn-link:disabled { |
| | + | color: #6c757d; |
| | + | pointer-events: none |
| | + | } |
| | + | |
| | + | .btn-group-lg>.btn,.btn-lg { |
| | + | padding: .5rem 1rem; |
| | + | font-size: 1.25rem; |
| | + | line-height: 1.5; |
| | + | border-radius: .3rem |
| | + | } |
| | + | |
| | + | .btn-group-sm>.btn,.btn-sm { |
| | + | padding: .25rem .5rem; |
| | + | font-size: .875rem; |
| | + | line-height: 1.5; |
| | + | border-radius: .2rem |
| | + | } |
| | + | |
| | + | .btn-block { |
| | + | display: block; |
| | + | width: 100% |
| | + | } |
| | + | |
| | + | .btn-block+.btn-block { |
| | + | margin-top: .5rem |
| | + | } |
| | + | |
| | + | input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block { |
| | + | width: 100% |
| | + | } |
| | + | |
| | + | .fade { |
| | + | transition: opacity .15s linear |
| | + | } |
| | + | |
| | + | @media screen and (prefers-reduced-motion:reduce) { |
| | + | .fade { |
| | + | transition: none |
| | + | } |
| | + | } |
| | + | |
| | + | .fade:not(.show) { |
| | + | opacity: 0 |
| | + | } |
| | + | |
| | + | .collapse:not(.show) { |
| | + | display: none |
| | + | } |
| | + | |
| | + | .collapsing { |
| | + | position: relative; |
| | + | height: 0; |
| | + | overflow: hidden; |
| | + | transition: height .35s ease |
| | + | } |
| | + | |
| | + | @media screen and (prefers-reduced-motion:reduce) { |
| | + | .collapsing { |
| | + | transition: none |
| | + | } |
| | + | } |
| | + | |
| | + | .dropdown,.dropleft,.dropright,.dropup { |
| | + | position: relative |
| | + | } |
| | + | |
| | + | .dropdown-toggle::after { |
| | + | display: inline-block; |
| | + | width: 0; |
| | + | height: 0; |
| | + | margin-left: .255em; |
| | + | vertical-align: .255em; |
| | + | content: ""; |
| | + | border-top: .3em solid; |
| | + | border-right: .3em solid transparent; |
| | + | border-bottom: 0; |
| | + | border-left: .3em solid transparent |
| | + | } |
| | + | |
| | + | .dropdown-toggle:empty::after { |
| | + | margin-left: 0 |
| | + | } |
| | + | |
| | + | .dropdown-menu { |
| | + | position: absolute; |
| | + | top: 100%; |
| | + | left: 0; |
| | + | z-index: 1000; |
| | + | display: none; |
| | + | float: left; |
| | + | min-width: 10rem; |
| | + | padding: 0rem 1.5rem; |
| | + | padding-bottom:1rem; |
| | + | margin: .125rem 0 0; |
| | + | 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,.15); |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .dropdown-menu-right { |
| | + | right: 0; |
| | + | left: auto |
| | + | } |
| | + | |
| | + | .dropup .dropdown-menu { |
| | + | top: auto; |
| | + | bottom: 100%; |
| | + | margin-top: 0; |
| | + | margin-bottom: .125rem |
| | + | } |
| | + | |
| | + | .dropup .dropdown-toggle::after { |
| | + | display: inline-block; |
| | + | width: 0; |
| | + | height: 0; |
| | + | margin-left: .255em; |
| | + | vertical-align: .255em; |
| | + | content: ""; |
| | + | border-top: 0; |
| | + | border-right: .3em solid transparent; |
| | + | border-bottom: .3em solid; |
| | + | border-left: .3em solid transparent |
| | + | } |
| | + | |
| | + | .dropup .dropdown-toggle:empty::after { |
| | + | margin-left: 0 |
| | + | } |
| | + | |
| | + | .dropright .dropdown-menu { |
| | + | top: 0; |
| | + | right: auto; |
| | + | left: 100%; |
| | + | margin-top: 0; |
| | + | margin-left: .125rem |
| | + | } |
| | + | |
| | + | .dropright .dropdown-toggle::after { |
| | + | display: inline-block; |
| | + | width: 0; |
| | + | height: 0; |
| | + | margin-left: .255em; |
| | + | vertical-align: .255em; |
| | + | content: ""; |
| | + | border-top: .3em solid transparent; |
| | + | border-right: 0; |
| | + | border-bottom: .3em solid transparent; |
| | + | border-left: .3em solid |
| | + | } |
| | + | |
| | + | .dropright .dropdown-toggle:empty::after { |
| | + | margin-left: 0 |
| | + | } |
| | + | |
| | + | .dropright .dropdown-toggle::after { |
| | + | vertical-align: 0 |
| | + | } |
| | + | |
| | + | .dropleft .dropdown-menu { |
| | + | top: 0; |
| | + | right: 100%; |
| | + | left: auto; |
| | + | margin-top: 0; |
| | + | margin-right: .125rem |
| | + | } |
| | + | |
| | + | .dropleft .dropdown-toggle::after { |
| | + | display: inline-block; |
| | + | width: 0; |
| | + | height: 0; |
| | + | margin-left: .255em; |
| | + | vertical-align: .255em; |
| | + | content: "" |
| | + | } |
| | + | |
| | + | .dropleft .dropdown-toggle::after { |
| | + | display: none |
| | + | } |
| | + | |
| | + | .dropleft .dropdown-toggle::before { |
| | + | display: inline-block; |
| | + | width: 0; |
| | + | height: 0; |
| | + | margin-right: .255em; |
| | + | vertical-align: .255em; |
| | + | content: ""; |
| | + | border-top: .3em solid transparent; |
| | + | border-right: .3em solid; |
| | + | border-bottom: .3em solid transparent |
| | + | } |
| | + | |
| | + | .dropleft .dropdown-toggle:empty::after { |
| | + | margin-left: 0 |
| | + | } |
| | + | |
| | + | .dropleft .dropdown-toggle::before { |
| | + | vertical-align: 0 |
| | + | } |
| | + | |
| | + | .dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top] { |
| | + | right: auto; |
| | + | bottom: auto |
| | + | } |
| | + | |
| | + | .dropdown-divider { |
| | + | height: 0; |
| | + | margin: .5rem 0; |
| | + | overflow: hidden; |
| | + | border-top: 1px solid #e9ecef |
| | + | } |
| | + | |
| | + | .dropdown-item { |
| | + | display: block; |
| | + | width: 100%; |
| | + | padding: .25rem 1.5rem; |
| | + | clear: both; |
| | + | font-weight: 400; |
| | + | color: #212529; |
| | + | text-align: inherit; |
| | + | white-space: nowrap; |
| | + | background-color: transparent; |
| | + | 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: #007bff |
| | + | } |
| | + | |
| | + | .dropdown-item.disabled,.dropdown-item:disabled { |
| | + | color: #6c757d; |
| | + | background-color: transparent |
| | + | } |
| | + | |
| | + | .dropdown-menu.show { |
| | + | display: block |
| | + | } |
| | + | |
| | + | .dropdown-header { |
| | + | display: block; |
| | + | padding: .5rem 1.5rem; |
| | + | margin-bottom: 0; |
| | + | font-size: .875rem; |
| | + | color: #6c757d; |
| | + | white-space: nowrap |
| | + | } |
| | + | |
| | + | .dropdown-item-text { |
| | + | display: block; |
| | + | padding: .25rem 1.5rem; |
| | + | color: #212529 |
| | + | } |
| | + | |
| | + | .btn-group,.btn-group-vertical { |
| | + | position: relative; |
| | + | display: -ms-inline-flexbox; |
| | + | display: inline-flex; |
| | + | vertical-align: middle |
| | + | } |
| | + | |
| | + | .btn-group-vertical>.btn,.btn-group>.btn { |
| | + | position: relative; |
| | + | -ms-flex: 0 1 auto; |
| | + | flex: 0 1 auto |
| | + | } |
| | + | |
| | + | .btn-group-vertical>.btn:hover,.btn-group>.btn:hover { |
| | + | z-index: 1 |
| | + | } |
| | + | |
| | + | .btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus { |
| | + | z-index: 1 |
| | + | } |
| | + | |
| | + | .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: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-wrap: wrap; |
| | + | flex-wrap: wrap; |
| | + | -ms-flex-pack: start; |
| | + | justify-content: flex-start |
| | + | } |
| | + | |
| | + | .btn-toolbar .input-group { |
| | + | width: auto |
| | + | } |
| | + | |
| | + | .btn-group>.btn:first-child { |
| | + | margin-left: 0 |
| | + | } |
| | + | |
| | + | .btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle) { |
| | + | border-top-right-radius: 0; |
| | + | border-bottom-right-radius: 0 |
| | + | } |
| | + | |
| | + | .btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child) { |
| | + | border-top-left-radius: 0; |
| | + | border-bottom-left-radius: 0 |
| | + | } |
| | + | |
| | + | .dropdown-toggle-split { |
| | + | padding-right: .5625rem; |
| | + | padding-left: .5625rem |
| | + | } |
| | + | |
| | + | .dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after { |
| | + | margin-left: 0 |
| | + | } |
| | + | |
| | + | .dropleft .dropdown-toggle-split::before { |
| | + | margin-right: 0 |
| | + | } |
| | + | |
| | + | .btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split { |
| | + | padding-right: .375rem; |
| | + | padding-left: .375rem |
| | + | } |
| | + | |
| | + | .btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split { |
| | + | padding-right: .75rem; |
| | + | padding-left: .75rem |
| | + | } |
| | + | |
| | + | .btn-group-vertical { |
| | + | -ms-flex-direction: column; |
| | + | flex-direction: column; |
| | + | -ms-flex-align: start; |
| | + | align-items: flex-start; |
| | + | -ms-flex-pack: center; |
| | + | 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-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) { |
| | + | border-bottom-right-radius: 0; |
| | + | border-bottom-left-radius: 0 |
| | + | } |
| | + | |
| | + | .btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child) { |
| | + | border-top-left-radius: 0; |
| | + | border-top-right-radius: 0 |
| | + | } |
| | + | |
| | + | .btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn { |
| | + | margin-bottom: 0 |
| | + | } |
| | + | |
| | + | .btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio] { |
| | + | position: absolute; |
| | + | clip: rect(0,0,0,0); |
| | + | pointer-events: none |
| | + | } |
| | + | |
| | + | .input-group { |
| | + | position: relative; |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-wrap: wrap; |
| | + | flex-wrap: wrap; |
| | + | -ms-flex-align: stretch; |
| | + | align-items: stretch; |
| | + | width: 100% |
| | + | } |
| | + | |
| | + | .input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control { |
| | + | position: relative; |
| | + | -ms-flex: 1 1 auto; |
| | + | flex: 1 1 auto; |
| | + | width: 1%; |
| | + | margin-bottom: 0 |
| | + | } |
| | + | |
| | + | .input-group>.custom-file:focus,.input-group>.custom-select:focus,.input-group>.form-control:focus { |
| | + | z-index: 3 |
| | + | } |
| | + | |
| | + | .input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control { |
| | + | margin-left: -1px |
| | + | } |
| | + | |
| | + | .input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child) { |
| | + | border-top-right-radius: 0; |
| | + | border-bottom-right-radius: 0 |
| | + | } |
| | + | |
| | + | .input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child) { |
| | + | border-top-left-radius: 0; |
| | + | border-bottom-left-radius: 0 |
| | + | } |
| | + | |
| | + | .input-group>.custom-file { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-align: center; |
| | + | align-items: center |
| | + | } |
| | + | |
| | + | .input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after { |
| | + | border-top-right-radius: 0; |
| | + | border-bottom-right-radius: 0 |
| | + | } |
| | + | |
| | + | .input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-file:not(:first-child) .custom-file-label::after { |
| | + | border-top-left-radius: 0; |
| | + | border-bottom-left-radius: 0 |
| | + | } |
| | + | |
| | + | .input-group-append,.input-group-prepend { |
| | + | display: -ms-flexbox; |
| | + | display: flex |
| | + | } |
| | + | |
| | + | .input-group-append .btn,.input-group-prepend .btn { |
| | + | position: relative; |
| | + | z-index: 2 |
| | + | } |
| | + | |
| | + | .input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text { |
| | + | margin-left: -1px |
| | + | } |
| | + | |
| | + | .input-group-prepend { |
| | + | margin-right: -1px |
| | + | } |
| | + | |
| | + | .input-group-append { |
| | + | margin-left: -1px |
| | + | } |
| | + | |
| | + | .input-group-text { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-align: center; |
| | + | align-items: center; |
| | + | padding: .375rem .75rem; |
| | + | margin-bottom: 0; |
| | + | font-size: 1rem; |
| | + | font-weight: 400; |
| | + | line-height: 1.5; |
| | + | color: #495057; |
| | + | text-align: center; |
| | + | white-space: nowrap; |
| | + | background-color: #e9ecef; |
| | + | border: 1px solid #ced4da; |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .input-group-text input[type=checkbox],.input-group-text input[type=radio] { |
| | + | margin-top: 0 |
| | + | } |
| | + | |
| | + | .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text { |
| | + | border-top-right-radius: 0; |
| | + | border-bottom-right-radius: 0 |
| | + | } |
| | + | |
| | + | .input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text { |
| | + | border-top-left-radius: 0; |
| | + | border-bottom-left-radius: 0 |
| | + | } |
| | + | |
| | + | .custom-control { |
| | + | position: relative; |
| | + | display: block; |
| | + | min-height: 1.5rem; |
| | + | padding-left: 1.5rem |
| | + | } |
| | + | |
| | + | .custom-control-inline { |
| | + | display: -ms-inline-flexbox; |
| | + | display: inline-flex; |
| | + | margin-right: 1rem |
| | + | } |
| | + | |
| | + | .custom-control-input { |
| | + | position: absolute; |
| | + | z-index: -1; |
| | + | opacity: 0 |
| | + | } |
| | + | |
| | + | .custom-control-input:checked~.custom-control-label::before { |
| | + | color: #fff; |
| | + | background-color: #007bff |
| | + | } |
| | + | |
| | + | .custom-control-input:focus~.custom-control-label::before { |
| | + | box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) |
| | + | } |
| | + | |
| | + | .custom-control-input:active~.custom-control-label::before { |
| | + | color: #fff; |
| | + | background-color: #b3d7ff |
| | + | } |
| | + | |
| | + | .custom-control-input:disabled~.custom-control-label { |
| | + | color: #6c757d |
| | + | } |
| | + | |
| | + | .custom-control-input:disabled~.custom-control-label::before { |
| | + | background-color: #e9ecef |
| | + | } |
| | + | |
| | + | .custom-control-label { |
| | + | margin-bottom: 0 |
| | + | } |
| | + | |
| | + | .custom-control-label::before { |
| | + | position: absolute; |
| | + | top: .25rem; |
| | + | left: 0; |
| | + | display: block; |
| | + | width: 1rem; |
| | + | height: 1rem; |
| | + | pointer-events: none; |
| | + | content: ""; |
| | + | -webkit-user-select: none; |
| | + | -moz-user-select: none; |
| | + | -ms-user-select: none; |
| | + | user-select: none; |
| | + | background-color: #dee2e6 |
| | + | } |
| | + | |
| | + | .custom-control-label::after { |
| | + | position: absolute; |
| | + | top: .25rem; |
| | + | left: 0; |
| | + | display: block; |
| | + | width: 1rem; |
| | + | height: 1rem; |
| | + | content: ""; |
| | + | background-repeat: no-repeat; |
| | + | background-position: center center; |
| | + | background-size: 70% 50% |
| | + | } |
| | + | |
| | + | .custom-checkbox .custom-control-label::before { |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .custom-checkbox .custom-control-input:checked~.custom-control-label::before { |
| | + | background-color: #007bff |
| | + | } |
| | + | |
| | + | .custom-checkbox .custom-control-input:checked~.custom-control-label::after { |
| | + | 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-label::before { |
| | + | background-color: #007bff |
| | + | } |
| | + | |
| | + | .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after { |
| | + | 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-checkbox .custom-control-input:disabled:checked~.custom-control-label::before { |
| | + | background-color: rgba(0,123,255,.5) |
| | + | } |
| | + | |
| | + | .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before { |
| | + | background-color: rgba(0,123,255,.5) |
| | + | } |
| | + | |
| | + | .custom-radio .custom-control-label::before { |
| | + | border-radius: 50% |
| | + | } |
| | + | |
| | + | .custom-radio .custom-control-input:checked~.custom-control-label::before { |
| | + | background-color: #007bff |
| | + | } |
| | + | |
| | + | .custom-radio .custom-control-input:checked~.custom-control-label::after { |
| | + | 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-radio .custom-control-input:disabled:checked~.custom-control-label::before { |
| | + | background-color: rgba(0,123,255,.5) |
| | + | } |
| | + | |
| | + | .custom-select { |
| | + | display: inline-block; |
| | + | width: 100%; |
| | + | height: calc(2.25rem + 2px); |
| | + | padding: .375rem 1.75rem .375rem .75rem; |
| | + | line-height: 1.5; |
| | + | 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='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center; |
| | + | background-size: 8px 10px; |
| | + | border: 1px solid #ced4da; |
| | + | border-radius: .25rem; |
| | + | -webkit-appearance: none; |
| | + | -moz-appearance: none; |
| | + | appearance: none |
| | + | } |
| | + | |
| | + | .custom-select:focus { |
| | + | border-color: #80bdff; |
| | + | outline: 0; |
| | + | box-shadow: inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(128,189,255,.5) |
| | + | } |
| | + | |
| | + | .custom-select:focus::-ms-value { |
| | + | color: #495057; |
| | + | background-color: #fff |
| | + | } |
| | + | |
| | + | .custom-select[multiple],.custom-select[size]:not([size="1"]) { |
| | + | height: auto; |
| | + | padding-right: .75rem; |
| | + | background-image: none |
| | + | } |
| | + | |
| | + | .custom-select:disabled { |
| | + | color: #6c757d; |
| | + | background-color: #e9ecef |
| | + | } |
| | + | |
| | + | .custom-select::-ms-expand { |
| | + | opacity: 0 |
| | + | } |
| | + | |
| | + | .custom-select-sm { |
| | + | height: calc(1.8125rem + 2px); |
| | + | padding-top: .375rem; |
| | + | padding-bottom: .375rem; |
| | + | font-size: 75% |
| | + | } |
| | + | |
| | + | .custom-select-lg { |
| | + | height: calc(2.875rem + 2px); |
| | + | padding-top: .375rem; |
| | + | padding-bottom: .375rem; |
| | + | font-size: 125% |
| | + | } |
| | + | |
| | + | .custom-file { |
| | + | position: relative; |
| | + | display: inline-block; |
| | + | width: 100%; |
| | + | height: calc(2.25rem + 2px); |
| | + | margin-bottom: 0 |
| | + | } |
| | + | |
| | + | .custom-file-input { |
| | + | position: relative; |
| | + | z-index: 2; |
| | + | width: 100%; |
| | + | height: calc(2.25rem + 2px); |
| | + | margin: 0; |
| | + | opacity: 0 |
| | + | } |
| | + | |
| | + | .custom-file-input:focus~.custom-file-label { |
| | + | border-color: #80bdff; |
| | + | box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) |
| | + | } |
| | + | |
| | + | .custom-file-input:focus~.custom-file-label::after { |
| | + | border-color: #80bdff |
| | + | } |
| | + | |
| | + | .custom-file-input:lang(en)~.custom-file-label::after { |
| | + | content: "Browse" |
| | + | } |
| | + | |
| | + | .custom-file-label { |
| | + | position: absolute; |
| | + | top: 0; |
| | + | right: 0; |
| | + | left: 0; |
| | + | z-index: 1; |
| | + | height: calc(2.25rem + 2px); |
| | + | padding: .375rem .75rem; |
| | + | line-height: 1.5; |
| | + | color: #495057; |
| | + | background-color: #fff; |
| | + | border: 1px solid #ced4da; |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .custom-file-label::after { |
| | + | position: absolute; |
| | + | top: 0; |
| | + | right: 0; |
| | + | bottom: 0; |
| | + | z-index: 3; |
| | + | display: block; |
| | + | height: calc(calc(2.25rem + 2px) - 1px * 2); |
| | + | padding: .375rem .75rem; |
| | + | line-height: 1.5; |
| | + | color: #495057; |
| | + | content: "Browse"; |
| | + | background-color: #e9ecef; |
| | + | border-left: 1px solid #ced4da; |
| | + | border-radius: 0 .25rem .25rem 0 |
| | + | } |
| | + | |
| | + | .custom-range { |
| | + | width: 100%; |
| | + | padding-left: 0; |
| | + | background-color: transparent; |
| | + | -webkit-appearance: none; |
| | + | -moz-appearance: none; |
| | + | appearance: none |
| | + | } |
| | + | |
| | + | .custom-range:focus { |
| | + | outline: 0 |
| | + | } |
| | + | |
| | + | .custom-range::-moz-focus-outer { |
| | + | border: 0 |
| | + | } |
| | + | |
| | + | .custom-range::-webkit-slider-thumb { |
| | + | width: 1rem; |
| | + | height: 1rem; |
| | + | margin-top: -.25rem; |
| | + | background-color: #007bff; |
| | + | border: 0; |
| | + | border-radius: 1rem; |
| | + | -webkit-appearance: none; |
| | + | appearance: none |
| | + | } |
| | + | |
| | + | .custom-range::-webkit-slider-thumb:focus { |
| | + | outline: 0; |
| | + | box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) |
| | + | } |
| | + | |
| | + | .custom-range::-webkit-slider-thumb:active { |
| | + | background-color: #b3d7ff |
| | + | } |
| | + | |
| | + | .custom-range::-webkit-slider-runnable-track { |
| | + | width: 100%; |
| | + | height: .5rem; |
| | + | color: transparent; |
| | + | cursor: pointer; |
| | + | background-color: #dee2e6; |
| | + | border-color: transparent; |
| | + | border-radius: 1rem |
| | + | } |
| | + | |
| | + | .custom-range::-moz-range-thumb { |
| | + | width: 1rem; |
| | + | height: 1rem; |
| | + | background-color: #007bff; |
| | + | border: 0; |
| | + | border-radius: 1rem; |
| | + | -moz-appearance: none; |
| | + | appearance: none |
| | + | } |
| | + | |
| | + | .custom-range::-moz-range-thumb:focus { |
| | + | outline: 0; |
| | + | box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) |
| | + | } |
| | + | |
| | + | .custom-range::-moz-range-thumb:active { |
| | + | background-color: #b3d7ff |
| | + | } |
| | + | |
| | + | .custom-range::-moz-range-track { |
| | + | width: 100%; |
| | + | height: .5rem; |
| | + | color: transparent; |
| | + | cursor: pointer; |
| | + | background-color: #dee2e6; |
| | + | border-color: transparent; |
| | + | border-radius: 1rem |
| | + | } |
| | + | |
| | + | .custom-range::-ms-thumb { |
| | + | width: 1rem; |
| | + | height: 1rem; |
| | + | background-color: #007bff; |
| | + | border: 0; |
| | + | border-radius: 1rem; |
| | + | appearance: none |
| | + | } |
| | + | |
| | + | .custom-range::-ms-thumb:focus { |
| | + | outline: 0; |
| | + | box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) |
| | + | } |
| | + | |
| | + | .custom-range::-ms-thumb:active { |
| | + | background-color: #b3d7ff |
| | + | } |
| | + | |
| | + | .custom-range::-ms-track { |
| | + | width: 100%; |
| | + | height: .5rem; |
| | + | color: transparent; |
| | + | cursor: pointer; |
| | + | background-color: transparent; |
| | + | border-color: transparent; |
| | + | border-width: .5rem |
| | + | } |
| | + | |
| | + | .custom-range::-ms-fill-lower { |
| | + | background-color: #dee2e6; |
| | + | border-radius: 1rem |
| | + | } |
| | + | |
| | + | .custom-range::-ms-fill-upper { |
| | + | margin-right: 15px; |
| | + | background-color: #dee2e6; |
| | + | border-radius: 1rem |
| | + | } |
| | + | |
| | + | .nav { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-wrap: wrap; |
| | + | flex-wrap: wrap; |
| | + | padding-left: 0; |
| | + | margin-bottom: 0; |
| | + | list-style: none |
| | + | } |
| | + | |
| | + | .nav-link { |
| | + | display: block; |
| | + | padding: .5rem 1rem |
| | + | } |
| | + | |
| | + | .nav-link:focus,.nav-link:hover { |
| | + | text-decoration: none |
| | + | } |
| | + | |
| | + | .nav-link.disabled { |
| | + | color: #6c757d |
| | + | } |
| | + | |
| | + | .nav-tabs { |
| | + | border-bottom: 1px solid #dee2e6 |
| | + | } |
| | + | |
| | + | .nav-tabs .nav-item { |
| | + | margin-bottom: -1px |
| | + | } |
| | + | |
| | + | .nav-tabs .nav-link { |
| | + | border: 1px solid transparent; |
| | + | border-top-left-radius: .25rem; |
| | + | border-top-right-radius: .25rem |
| | + | } |
| | + | |
| | + | .nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover { |
| | + | border-color: #e9ecef #e9ecef #dee2e6 |
| | + | } |
| | + | |
| | + | .nav-tabs .nav-link.disabled { |
| | + | color: #6c757d; |
| | + | background-color: transparent; |
| | + | border-color: transparent |
| | + | } |
| | + | |
| | + | .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active { |
| | + | color: #495057; |
| | + | background-color: #fff; |
| | + | border-color: #dee2e6 #dee2e6 #fff |
| | + | } |
| | + | |
| | + | .nav-tabs .dropdown-menu { |
| | + | margin-top: -1px; |
| | + | border-top-left-radius: 0; |
| | + | border-top-right-radius: 0 |
| | + | } |
| | + | |
| | + | .nav-pills .nav-link { |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .nav-pills .nav-link.active,.nav-pills .show>.nav-link { |
| | + | color: #fff; |
| | + | background-color: #007bff |
| | + | } |
| | + | |
| | + | .nav-fill .nav-item { |
| | + | -ms-flex: 1 1 auto; |
| | + | flex: 1 1 auto; |
| | + | text-align: center |
| | + | } |
| | + | |
| | + | .nav-justified .nav-item { |
| | + | -ms-flex-preferred-size: 0; |
| | + | flex-basis: 0; |
| | + | -ms-flex-positive: 1; |
| | + | flex-grow: 1; |
| | + | text-align: center |
| | + | } |
| | + | |
| | + | .tab-content>.tab-pane { |
| | + | display: none |
| | + | } |
| | + | |
| | + | .tab-content>.active { |
| | + | display: block |
| | + | } |
| | + | |
| | + | .navbar { |
| | + | position: relative; |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-wrap: wrap; |
| | + | flex-wrap: wrap; |
| | + | -ms-flex-align: center; |
| | + | align-items: center; |
| | + | -ms-flex-pack: justify; |
| | + | justify-content: space-between; |
| | + | padding: .5rem 1rem |
| | + | } |
| | + | |
| | + | .navbar>.container,.navbar>.container-fluid { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-wrap: wrap; |
| | + | flex-wrap: wrap; |
| | + | -ms-flex-align: center; |
| | + | align-items: center; |
| | + | -ms-flex-pack: justify; |
| | + | justify-content: space-between |
| | + | } |
| | + | |
| | + | .navbar-brand { |
| | + | display: inline-block; |
| | + | padding-top: .3125rem; |
| | + | padding-bottom: .3125rem; |
| | + | margin-right: 1rem; |
| | + | font-size: 1.25rem; |
| | + | line-height: inherit; |
| | + | white-space: nowrap |
| | + | } |
| | + | |
| | + | .navbar-brand:focus,.navbar-brand:hover { |
| | + | text-decoration: none |
| | + | } |
| | + | |
| | + | .navbar-nav { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-direction: column; |
| | + | flex-direction: column; |
| | + | padding-left: 0; |
| | + | margin-bottom: 0; |
| | + | list-style: none |
| | + | } |
| | + | |
| | + | .navbar-nav .nav-link { |
| | + | padding-right: 0; |
| | + | padding-left: 0 |
| | + | } |
| | + | |
| | + | .navbar-nav .dropdown-menu { |
| | + | position: static; |
| | + | float: none |
| | + | } |
| | + | |
| | + | .navbar-text { |
| | + | display: inline-block; |
| | + | padding-top: .5rem; |
| | + | padding-bottom: .5rem |
| | + | } |
| | + | |
| | + | .navbar-collapse { |
| | + | -ms-flex-preferred-size: 100%; |
| | + | flex-basis: 100%; |
| | + | -ms-flex-positive: 1; |
| | + | flex-grow: 1; |
| | + | -ms-flex-align: center; |
| | + | align-items: center |
| | + | } |
| | + | |
| | + | .navbar-toggler { |
| | + | padding: .25rem .75rem; |
| | + | font-size: 1.25rem; |
| | + | line-height: 1; |
| | + | background-color: transparent; |
| | + | border: 1px solid transparent; |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .navbar-toggler:focus,.navbar-toggler:hover { |
| | + | text-decoration: none |
| | + | } |
| | + | |
| | + | .navbar-toggler:not(:disabled):not(.disabled) { |
| | + | cursor: pointer |
| | + | } |
| | + | |
| | + | .navbar-toggler-icon { |
| | + | display: inline-block; |
| | + | width: 1.5em; |
| | + | height: 1.5em; |
| | + | vertical-align: middle; |
| | + | content: ""; |
| | + | background: no-repeat center center; |
| | + | background-size: 100% 100% |
| | + | } |
| | + | |
| | + | @media (max-width: 575.98px) { |
| | + | .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid { |
| | + | padding-right:0; |
| | + | padding-left: 0 |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 576px) { |
| | + | .navbar-expand-sm { |
| | + | -ms-flex-flow:row nowrap; |
| | + | flex-flow: row nowrap; |
| | + | -ms-flex-pack: start; |
| | + | justify-content: flex-start |
| | + | } |
| | + | |
| | + | .navbar-expand-sm .navbar-nav { |
| | + | -ms-flex-direction: row; |
| | + | flex-direction: row |
| | + | } |
| | + | |
| | + | .navbar-expand-sm .navbar-nav .dropdown-menu { |
| | + | position: absolute |
| | + | } |
| | + | |
| | + | .navbar-expand-sm .navbar-nav .nav-link { |
| | + | padding-right: .5rem; |
| | + | padding-left: .5rem |
| | + | } |
| | + | |
| | + | .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid { |
| | + | -ms-flex-wrap: nowrap; |
| | + | flex-wrap: nowrap |
| | + | } |
| | + | |
| | + | .navbar-expand-sm .navbar-collapse { |
| | + | display: -ms-flexbox!important; |
| | + | display: flex!important; |
| | + | -ms-flex-preferred-size: auto; |
| | + | flex-basis: auto |
| | + | } |
| | + | |
| | + | .navbar-expand-sm .navbar-toggler { |
| | + | display: none |
| | + | } |
| | + | } |
| | + | |
| | + | @media (max-width: 767.98px) { |
| | + | .navbar-expand-md>.container,.navbar-expand-md>.container-fluid { |
| | + | padding-right:0; |
| | + | padding-left: 0 |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 768px) { |
| | + | .navbar-expand-md { |
| | + | -ms-flex-flow:row nowrap; |
| | + | flex-flow: row nowrap; |
| | + | -ms-flex-pack: start; |
| | + | justify-content: flex-start |
| | + | } |
| | + | |
| | + | .navbar-expand-md .navbar-nav { |
| | + | -ms-flex-direction: row; |
| | + | flex-direction: row |
| | + | } |
| | + | |
| | + | .navbar-expand-md .navbar-nav .dropdown-menu { |
| | + | position: absolute |
| | + | } |
| | + | |
| | + | .navbar-expand-md .navbar-nav .nav-link { |
| | + | padding-right: .5rem; |
| | + | padding-left: .5rem |
| | + | } |
| | + | |
| | + | .navbar-expand-md>.container,.navbar-expand-md>.container-fluid { |
| | + | -ms-flex-wrap: nowrap; |
| | + | flex-wrap: nowrap |
| | + | } |
| | + | |
| | + | .navbar-expand-md .navbar-collapse { |
| | + | display: -ms-flexbox!important; |
| | + | display: flex!important; |
| | + | -ms-flex-preferred-size: auto; |
| | + | flex-basis: auto |
| | + | } |
| | + | |
| | + | .navbar-expand-md .navbar-toggler { |
| | + | display: none |
| | + | } |
| | + | } |
| | + | |
| | + | @media (max-width: 991.98px) { |
| | + | .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid { |
| | + | padding-right:0; |
| | + | padding-left: 0 |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 992px) { |
| | + | .navbar-expand-lg { |
| | + | -ms-flex-flow:row nowrap; |
| | + | flex-flow: row nowrap; |
| | + | -ms-flex-pack: start; |
| | + | justify-content: flex-start |
| | + | } |
| | + | |
| | + | .navbar-expand-lg .navbar-nav { |
| | + | -ms-flex-direction: row; |
| | + | flex-direction: row |
| | + | } |
| | + | |
| | + | .navbar-expand-lg .navbar-nav .dropdown-menu { |
| | + | position: absolute |
| | + | } |
| | + | |
| | + | .navbar-expand-lg .navbar-nav .nav-link { |
| | + | padding-right: .5rem; |
| | + | padding-left: .5rem |
| | + | } |
| | + | |
| | + | .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid { |
| | + | -ms-flex-wrap: nowrap; |
| | + | flex-wrap: nowrap |
| | + | } |
| | + | |
| | + | .navbar-expand-lg .navbar-collapse { |
| | + | display: -ms-flexbox!important; |
| | + | display: flex!important; |
| | + | -ms-flex-preferred-size: auto; |
| | + | flex-basis: auto |
| | + | } |
| | + | |
| | + | .navbar-expand-lg .navbar-toggler { |
| | + | display: none |
| | + | } |
| | + | } |
| | + | |
| | + | @media (max-width: 1199.98px) { |
| | + | .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid { |
| | + | padding-right:0; |
| | + | padding-left: 0 |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 1200px) { |
| | + | .navbar-expand-xl { |
| | + | -ms-flex-flow:row nowrap; |
| | + | flex-flow: row nowrap; |
| | + | -ms-flex-pack: start; |
| | + | justify-content: flex-start |
| | + | } |
| | + | |
| | + | .navbar-expand-xl .navbar-nav { |
| | + | -ms-flex-direction: row; |
| | + | flex-direction: row |
| | + | } |
| | + | |
| | + | .navbar-expand-xl .navbar-nav .dropdown-menu { |
| | + | position: absolute |
| | + | } |
| | + | |
| | + | .navbar-expand-xl .navbar-nav .nav-link { |
| | + | padding-right: .5rem; |
| | + | padding-left: .5rem |
| | + | } |
| | + | |
| | + | .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid { |
| | + | -ms-flex-wrap: nowrap; |
| | + | flex-wrap: nowrap |
| | + | } |
| | + | |
| | + | .navbar-expand-xl .navbar-collapse { |
| | + | display: -ms-flexbox!important; |
| | + | display: flex!important; |
| | + | -ms-flex-preferred-size: auto; |
| | + | flex-basis: auto |
| | + | } |
| | + | |
| | + | .navbar-expand-xl .navbar-toggler { |
| | + | display: none |
| | + | } |
| | + | } |
| | + | |
| | + | .navbar-expand { |
| | + | -ms-flex-flow: row nowrap; |
| | + | flex-flow: row nowrap; |
| | + | -ms-flex-pack: start; |
| | + | justify-content: flex-start |
| | + | } |
| | + | |
| | + | .navbar-expand>.container,.navbar-expand>.container-fluid { |
| | + | padding-right: 0; |
| | + | padding-left: 0 |
| | + | } |
| | + | |
| | + | .navbar-expand .navbar-nav { |
| | + | -ms-flex-direction: row; |
| | + | flex-direction: row |
| | + | } |
| | + | |
| | + | .navbar-expand .navbar-nav .dropdown-menu { |
| | + | position: absolute |
| | + | } |
| | + | |
| | + | .navbar-expand .navbar-nav .nav-link { |
| | + | padding-right: .5rem; |
| | + | padding-left: .5rem |
| | + | } |
| | + | |
| | + | .navbar-expand>.container,.navbar-expand>.container-fluid { |
| | + | -ms-flex-wrap: nowrap; |
| | + | flex-wrap: nowrap |
| | + | } |
| | + | |
| | + | .navbar-expand .navbar-collapse { |
| | + | display: -ms-flexbox!important; |
| | + | display: flex!important; |
| | + | -ms-flex-preferred-size: auto; |
| | + | flex-basis: auto |
| | + | } |
| | + | |
| | + | .navbar-expand .navbar-toggler { |
| | + | display: none |
| | + | } |
| | + | |
| | + | .navbar-light .navbar-brand { |
| | + | color: rgba(0,0,0,.9) |
| | + | } |
| | + | |
| | + | .navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover { |
| | + | color: rgba(0,0,0,.9) |
| | + | } |
| | + | |
| | + | .navbar-light .navbar-nav .nav-link { |
| | + | color: rgba(0,0,0,.5) |
| | + | } |
| | + | |
| | + | .navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover { |
| | + | color: rgba(0,0,0,.7) |
| | + | } |
| | + | |
| | + | .navbar-light .navbar-nav .nav-link.disabled { |
| | + | color: rgba(0,0,0,.3) |
| | + | } |
| | + | |
| | + | .navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link { |
| | + | color: rgba(0,0,0,.9) |
| | + | } |
| | + | |
| | + | .navbar-light .navbar-toggler { |
| | + | color: rgba(0,0,0,.5); |
| | + | border-color: rgba(0,0,0,.1) |
| | + | } |
| | + | |
| | + | .navbar-light .navbar-toggler-icon { |
| | + | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='square' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") |
| | + | } |
| | + | |
| | + | .navbar-light .navbar-text { |
| | + | color: rgba(0,0,0,.5) |
| | + | } |
| | + | |
| | + | .navbar-light .navbar-text a { |
| | + | color: rgba(0,0,0,.9) |
| | + | } |
| | + | |
| | + | .navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover { |
| | + | color: rgba(0,0,0,.9) |
| | + | } |
| | + | |
| | + | .navbar-dark .navbar-brand { |
| | + | color: #fff |
| | + | } |
| | + | |
| | + | .navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover { |
| | + | color: #fff |
| | + | } |
| | + | |
| | + | .navbar-dark .navbar-nav .nav-link { |
| | + | color: rgba(255,255,255,.5) |
| | + | } |
| | + | |
| | + | .navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover { |
| | + | color: rgba(255,255,255,.75) |
| | + | } |
| | + | |
| | + | .navbar-dark .navbar-nav .nav-link.disabled { |
| | + | color: rgba(255,255,255,.25) |
| | + | } |
| | + | |
| | + | .navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link { |
| | + | color: #fff |
| | + | } |
| | + | |
| | + | .navbar-dark .navbar-toggler { |
| | + | color: rgba(255,255,255,.5); |
| | + | border-color: rgba(255,255,255,.1) |
| | + | } |
| | + | |
| | + | .navbar-dark .navbar-toggler-icon { |
| | + | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap=round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") |
| | + | } |
| | + | |
| | + | .navbar-dark .navbar-text { |
| | + | color: rgba(255,255,255,.5) |
| | + | } |
| | + | |
| | + | .navbar-dark .navbar-text a { |
| | + | color: #fff |
| | + | } |
| | + | |
| | + | .navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover { |
| | + | color: #fff |
| | + | } |
| | + | |
| | + | .card { |
| | + | position: relative; |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-direction: column; |
| | + | flex-direction: column; |
| | + | min-width: 0; |
| | + | word-wrap: break-word; |
| | + | background-color: #fff; |
| | + | background-clip: border-box; |
| | + | border: 1px solid rgba(0,0,0,.125); |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .card>hr { |
| | + | margin-right: 0; |
| | + | margin-left: 0 |
| | + | } |
| | + | |
| | + | .card>.list-group:first-child .list-group-item:first-child { |
| | + | border-top-left-radius: .25rem; |
| | + | border-top-right-radius: .25rem |
| | + | } |
| | + | |
| | + | .card>.list-group:last-child .list-group-item:last-child { |
| | + | border-bottom-right-radius: .25rem; |
| | + | border-bottom-left-radius: .25rem |
| | + | } |
| | + | |
| | + | .card-body { |
| | + | -ms-flex: 1 1 auto; |
| | + | flex: 1 1 auto; |
| | + | padding: 1.25rem |
| | + | } |
| | + | |
| | + | .card-title { |
| | + | margin-bottom: .75rem |
| | + | } |
| | + | |
| | + | .card-subtitle { |
| | + | margin-top: -.375rem; |
| | + | margin-bottom: 0 |
| | + | } |
| | + | |
| | + | .card-text:last-child { |
| | + | margin-bottom: 0 |
| | + | } |
| | + | |
| | + | .card-link:hover { |
| | + | text-decoration: none |
| | + | } |
| | + | |
| | + | .card-link+.card-link { |
| | + | margin-left: 1.25rem |
| | + | } |
| | + | |
| | + | .card-header { |
| | + | padding: .75rem 1.25rem; |
| | + | margin-bottom: 0; |
| | + | background-color: rgba(0,0,0,.03); |
| | + | border-bottom: 1px solid rgba(0,0,0,.125) |
| | + | } |
| | + | |
| | + | .card-header:first-child { |
| | + | border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0 |
| | + | } |
| | + | |
| | + | .card-header+.list-group .list-group-item:first-child { |
| | + | border-top: 0 |
| | + | } |
| | + | |
| | + | .card-footer { |
| | + | padding: .75rem 1.25rem; |
| | + | background-color: rgba(0,0,0,.03); |
| | + | border-top: 1px solid rgba(0,0,0,.125) |
| | + | } |
| | + | |
| | + | .card-footer:last-child { |
| | + | border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px) |
| | + | } |
| | + | |
| | + | .card-header-tabs { |
| | + | margin-right: -.625rem; |
| | + | margin-bottom: -.75rem; |
| | + | margin-left: -.625rem; |
| | + | border-bottom: 0 |
| | + | } |
| | + | |
| | + | .card-header-pills { |
| | + | margin-right: -.625rem; |
| | + | margin-left: -.625rem |
| | + | } |
| | + | |
| | + | .card-img-overlay { |
| | + | position: absolute; |
| | + | top: 0; |
| | + | right: 0; |
| | + | bottom: 0; |
| | + | left: 0; |
| | + | padding: 1.25rem |
| | + | } |
| | + | |
| | + | .card-img { |
| | + | width: 100%; |
| | + | border-radius: calc(.25rem - 1px) |
| | + | } |
| | + | |
| | + | .card-img-top { |
| | + | width: 100%; |
| | + | border-top-left-radius: calc(.25rem - 1px); |
| | + | border-top-right-radius: calc(.25rem - 1px) |
| | + | } |
| | + | |
| | + | .card-img-bottom { |
| | + | width: 100%; |
| | + | border-bottom-right-radius: calc(.25rem - 1px); |
| | + | border-bottom-left-radius: calc(.25rem - 1px) |
| | + | } |
| | + | |
| | + | .card-deck { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-direction: column; |
| | + | flex-direction: column |
| | + | } |
| | + | |
| | + | .card-deck .card { |
| | + | margin-bottom: 15px |
| | + | } |
| | + | |
| | + | @media (min-width: 576px) { |
| | + | .card-deck { |
| | + | -ms-flex-flow:row wrap; |
| | + | flex-flow: row wrap; |
| | + | margin-right: -15px; |
| | + | margin-left: -15px |
| | + | } |
| | + | |
| | + | .card-deck .card { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex: 1 0 0%; |
| | + | flex: 1 0 0%; |
| | + | -ms-flex-direction: column; |
| | + | flex-direction: column; |
| | + | margin-right: 15px; |
| | + | margin-bottom: 0; |
| | + | margin-left: 15px |
| | + | } |
| | + | } |
| | + | |
| | + | .card-group { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-direction: column; |
| | + | flex-direction: column |
| | + | } |
| | + | |
| | + | .card-group>.card { |
| | + | margin-bottom: 15px |
| | + | } |
| | + | |
| | + | @media (min-width: 576px) { |
| | + | .card-group { |
| | + | -ms-flex-flow:row wrap; |
| | + | flex-flow: row wrap |
| | + | } |
| | + | |
| | + | .card-group>.card { |
| | + | -ms-flex: 1 0 0%; |
| | + | flex: 1 0 0%; |
| | + | margin-bottom: 0 |
| | + | } |
| | + | |
| | + | .card-group>.card+.card { |
| | + | margin-left: 0; |
| | + | border-left: 0 |
| | + | } |
| | + | |
| | + | .card-group>.card:first-child { |
| | + | border-top-right-radius: 0; |
| | + | border-bottom-right-radius: 0 |
| | + | } |
| | + | |
| | + | .card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top { |
| | + | border-top-right-radius: 0 |
| | + | } |
| | + | |
| | + | .card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom { |
| | + | border-bottom-right-radius: 0 |
| | + | } |
| | + | |
| | + | .card-group>.card:last-child { |
| | + | border-top-left-radius: 0; |
| | + | border-bottom-left-radius: 0 |
| | + | } |
| | + | |
| | + | .card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top { |
| | + | border-top-left-radius: 0 |
| | + | } |
| | + | |
| | + | .card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom { |
| | + | border-bottom-left-radius: 0 |
| | + | } |
| | + | |
| | + | .card-group>.card:only-child { |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top { |
| | + | border-top-left-radius: .25rem; |
| | + | border-top-right-radius: .25rem |
| | + | } |
| | + | |
| | + | .card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom { |
| | + | border-bottom-right-radius: .25rem; |
| | + | border-bottom-left-radius: .25rem |
| | + | } |
| | + | |
| | + | .card-group>.card:not(:first-child):not(:last-child):not(:only-child) { |
| | + | border-radius: 0 |
| | + | } |
| | + | |
| | + | .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top { |
| | + | border-radius: 0 |
| | + | } |
| | + | } |
| | + | |
| | + | .card-columns .card { |
| | + | margin-bottom: .75rem |
| | + | } |
| | + | |
| | + | @media (min-width: 576px) { |
| | + | .card-columns { |
| | + | -webkit-column-count:3; |
| | + | -moz-column-count: 3; |
| | + | column-count: 3; |
| | + | -webkit-column-gap: 1.25rem; |
| | + | -moz-column-gap: 1.25rem; |
| | + | column-gap: 1.25rem; |
| | + | orphans: 1; |
| | + | widows: 1 |
| | + | } |
| | + | |
| | + | .card-columns .card { |
| | + | display: inline-block; |
| | + | width: 100% |
| | + | } |
| | + | } |
| | + | |
| | + | .accordion .card:not(:first-of-type):not(:last-of-type) { |
| | + | border-bottom: 0; |
| | + | border-radius: 0 |
| | + | } |
| | + | |
| | + | .accordion .card:not(:first-of-type) .card-header:first-child { |
| | + | border-radius: 0 |
| | + | } |
| | + | |
| | + | .accordion .card:first-of-type { |
| | + | border-bottom: 0; |
| | + | border-bottom-right-radius: 0; |
| | + | border-bottom-left-radius: 0 |
| | + | } |
| | + | |
| | + | .accordion .card:last-of-type { |
| | + | border-top-left-radius: 0; |
| | + | border-top-right-radius: 0 |
| | + | } |
| | + | |
| | + | .breadcrumb { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-wrap: wrap; |
| | + | flex-wrap: wrap; |
| | + | padding: .75rem 1rem; |
| | + | margin-bottom: 1rem; |
| | + | list-style: none; |
| | + | background-color: #e9ecef; |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .breadcrumb-item+.breadcrumb-item { |
| | + | padding-left: .5rem |
| | + | } |
| | + | |
| | + | .breadcrumb-item+.breadcrumb-item::before { |
| | + | display: inline-block; |
| | + | padding-right: .5rem; |
| | + | color: #6c757d; |
| | + | content: "/" |
| | + | } |
| | + | |
| | + | .breadcrumb-item+.breadcrumb-item:hover::before { |
| | + | text-decoration: underline |
| | + | } |
| | + | |
| | + | .breadcrumb-item+.breadcrumb-item:hover::before { |
| | + | text-decoration: none |
| | + | } |
| | + | |
| | + | .breadcrumb-item.active { |
| | + | color: #6c757d |
| | + | } |
| | + | |
| | + | .pagination { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | padding-left: 0; |
| | + | list-style: none; |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .page-link { |
| | + | position: relative; |
| | + | display: block; |
| | + | padding: .5rem .75rem; |
| | + | margin-left: -1px; |
| | + | line-height: 1.25; |
| | + | color: #007bff; |
| | + | background-color: #fff; |
| | + | border: 1px solid #dee2e6 |
| | + | } |
| | + | |
| | + | .page-link:hover { |
| | + | z-index: 2; |
| | + | color: #0056b3; |
| | + | text-decoration: none; |
| | + | background-color: #e9ecef; |
| | + | border-color: #dee2e6 |
| | + | } |
| | + | |
| | + | .page-link:focus { |
| | + | z-index: 2; |
| | + | outline: 0; |
| | + | box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) |
| | + | } |
| | + | |
| | + | .page-link:not(:disabled):not(.disabled) { |
| | + | cursor: pointer |
| | + | } |
| | + | |
| | + | .page-item:first-child .page-link { |
| | + | margin-left: 0; |
| | + | border-top-left-radius: .25rem; |
| | + | border-bottom-left-radius: .25rem |
| | + | } |
| | + | |
| | + | .page-item:last-child .page-link { |
| | + | border-top-right-radius: .25rem; |
| | + | border-bottom-right-radius: .25rem |
| | + | } |
| | + | |
| | + | .page-item.active .page-link { |
| | + | z-index: 1; |
| | + | color: #fff; |
| | + | background-color: #007bff; |
| | + | border-color: #007bff |
| | + | } |
| | + | |
| | + | .page-item.disabled .page-link { |
| | + | color: #6c757d; |
| | + | pointer-events: none; |
| | + | cursor: auto; |
| | + | background-color: #fff; |
| | + | border-color: #dee2e6 |
| | + | } |
| | + | |
| | + | .pagination-lg .page-link { |
| | + | padding: .75rem 1.5rem; |
| | + | font-size: 1.25rem; |
| | + | line-height: 1.5 |
| | + | } |
| | + | |
| | + | .pagination-lg .page-item:first-child .page-link { |
| | + | border-top-left-radius: .3rem; |
| | + | border-bottom-left-radius: .3rem |
| | + | } |
| | + | |
| | + | .pagination-lg .page-item:last-child .page-link { |
| | + | border-top-right-radius: .3rem; |
| | + | border-bottom-right-radius: .3rem |
| | + | } |
| | + | |
| | + | .pagination-sm .page-link { |
| | + | padding: .25rem .5rem; |
| | + | font-size: .875rem; |
| | + | line-height: 1.5 |
| | + | } |
| | + | |
| | + | .pagination-sm .page-item:first-child .page-link { |
| | + | border-top-left-radius: .2rem; |
| | + | border-bottom-left-radius: .2rem |
| | + | } |
| | + | |
| | + | .pagination-sm .page-item:last-child .page-link { |
| | + | border-top-right-radius: .2rem; |
| | + | border-bottom-right-radius: .2rem |
| | + | } |
| | + | |
| | + | .badge { |
| | + | display: inline-block; |
| | + | padding: .25em .4em; |
| | + | font-size: 75%; |
| | + | font-weight: 700; |
| | + | line-height: 1; |
| | + | text-align: center; |
| | + | white-space: nowrap; |
| | + | vertical-align: baseline; |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .badge:empty { |
| | + | display: none |
| | + | } |
| | + | |
| | + | .btn .badge { |
| | + | position: relative; |
| | + | top: -1px |
| | + | } |
| | + | |
| | + | .badge-pill { |
| | + | padding-right: .6em; |
| | + | padding-left: .6em; |
| | + | border-radius: 10rem |
| | + | } |
| | + | |
| | + | .badge-primary { |
| | + | color: #fff; |
| | + | background-color: #007bff |
| | + | } |
| | + | |
| | + | .badge-primary[href]:focus,.badge-primary[href]:hover { |
| | + | color: #fff; |
| | + | text-decoration: none; |
| | + | background-color: #0062cc |
| | + | } |
| | + | |
| | + | .badge-secondary { |
| | + | color: #fff; |
| | + | background-color: #6c757d |
| | + | } |
| | + | |
| | + | .badge-secondary[href]:focus,.badge-secondary[href]:hover { |
| | + | color: #fff; |
| | + | text-decoration: none; |
| | + | background-color: #545b62 |
| | + | } |
| | + | |
| | + | .badge-success { |
| | + | color: #fff; |
| | + | background-color: #28a745 |
| | + | } |
| | + | |
| | + | .badge-success[href]:focus,.badge-success[href]:hover { |
| | + | color: #fff; |
| | + | text-decoration: none; |
| | + | background-color: #1e7e34 |
| | + | } |
| | + | |
| | + | .badge-info { |
| | + | color: #fff; |
| | + | background-color: #17a2b8 |
| | + | } |
| | + | |
| | + | .badge-info[href]:focus,.badge-info[href]:hover { |
| | + | color: #fff; |
| | + | text-decoration: none; |
| | + | background-color: #117a8b |
| | + | } |
| | + | |
| | + | .badge-warning { |
| | + | color: #212529; |
| | + | background-color: #ffc107 |
| | + | } |
| | + | |
| | + | .badge-warning[href]:focus,.badge-warning[href]:hover { |
| | + | color: #212529; |
| | + | text-decoration: none; |
| | + | background-color: #d39e00 |
| | + | } |
| | + | |
| | + | .badge-danger { |
| | + | color: #fff; |
| | + | background-color: #dc3545 |
| | + | } |
| | + | |
| | + | .badge-danger[href]:focus,.badge-danger[href]:hover { |
| | + | color: #fff; |
| | + | text-decoration: none; |
| | + | background-color: #bd2130 |
| | + | } |
| | + | |
| | + | .badge-light { |
| | + | color: #212529; |
| | + | background-color: #f8f9fa |
| | + | } |
| | + | |
| | + | .badge-light[href]:focus,.badge-light[href]:hover { |
| | + | color: #212529; |
| | + | text-decoration: none; |
| | + | background-color: #dae0e5 |
| | + | } |
| | + | |
| | + | .badge-dark { |
| | + | color: #fff; |
| | + | background-color: #343a40 |
| | + | } |
| | + | |
| | + | .badge-dark[href]:focus,.badge-dark[href]:hover { |
| | + | color: #fff; |
| | + | text-decoration: none; |
| | + | background-color: #1d2124 |
| | + | } |
| | + | |
| | + | .jumbotron { |
| | + | padding: 2rem 1rem; |
| | + | margin-bottom: 2rem; |
| | + | background-color: #e9ecef; |
| | + | border-radius: .3rem |
| | + | } |
| | + | |
| | + | @media (min-width: 576px) { |
| | + | .jumbotron { |
| | + | padding:4rem 2rem |
| | + | } |
| | + | } |
| | + | |
| | + | .jumbotron-fluid { |
| | + | padding-right: 0; |
| | + | padding-left: 0; |
| | + | border-radius: 0 |
| | + | } |
| | + | |
| | + | .alert { |
| | + | position: relative; |
| | + | padding: .75rem 1.25rem; |
| | + | margin-bottom: 1rem; |
| | + | border: 1px solid transparent; |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .alert-heading { |
| | + | color: inherit |
| | + | } |
| | + | |
| | + | .alert-link { |
| | + | font-weight: 700 |
| | + | } |
| | + | |
| | + | .alert-dismissible { |
| | + | padding-right: 4rem |
| | + | } |
| | + | |
| | + | .alert-dismissible .close { |
| | + | position: absolute; |
| | + | top: 0; |
| | + | right: 0; |
| | + | padding: .75rem 1.25rem; |
| | + | color: inherit |
| | + | } |
| | + | |
| | + | .alert-primary { |
| | + | color: #004085; |
| | + | background-color: #cce5ff; |
| | + | border-color: #b8daff |
| | + | } |
| | + | |
| | + | .alert-primary hr { |
| | + | border-top-color: #9fcdff |
| | + | } |
| | + | |
| | + | .alert-primary .alert-link { |
| | + | color: #002752 |
| | + | } |
| | + | |
| | + | .alert-secondary { |
| | + | color: #383d41; |
| | + | background-color: #e2e3e5; |
| | + | border-color: #d6d8db |
| | + | } |
| | + | |
| | + | .alert-secondary hr { |
| | + | border-top-color: #c8cbcf |
| | + | } |
| | + | |
| | + | .alert-secondary .alert-link { |
| | + | color: #202326 |
| | + | } |
| | + | |
| | + | .alert-success { |
| | + | color: #155724; |
| | + | background-color: #d4edda; |
| | + | border-color: #c3e6cb |
| | + | } |
| | + | |
| | + | .alert-success hr { |
| | + | border-top-color: #b1dfbb |
| | + | } |
| | + | |
| | + | .alert-success .alert-link { |
| | + | color: #0b2e13 |
| | + | } |
| | + | |
| | + | .alert-info { |
| | + | color: #0c5460; |
| | + | background-color: #d1ecf1; |
| | + | border-color: #bee5eb |
| | + | } |
| | + | |
| | + | .alert-info hr { |
| | + | border-top-color: #abdde5 |
| | + | } |
| | + | |
| | + | .alert-info .alert-link { |
| | + | color: #062c33 |
| | + | } |
| | + | |
| | + | .alert-warning { |
| | + | color: #856404; |
| | + | background-color: #fff3cd; |
| | + | border-color: #ffeeba |
| | + | } |
| | + | |
| | + | .alert-warning hr { |
| | + | border-top-color: #ffe8a1 |
| | + | } |
| | + | |
| | + | .alert-warning .alert-link { |
| | + | color: #533f03 |
| | + | } |
| | + | |
| | + | .alert-danger { |
| | + | color: #721c24; |
| | + | background-color: #f8d7da; |
| | + | border-color: #f5c6cb |
| | + | } |
| | + | |
| | + | .alert-danger hr { |
| | + | border-top-color: #f1b0b7 |
| | + | } |
| | + | |
| | + | .alert-danger .alert-link { |
| | + | color: #491217 |
| | + | } |
| | + | |
| | + | .alert-light { |
| | + | color: #818182; |
| | + | background-color: #fefefe; |
| | + | border-color: #fdfdfe |
| | + | } |
| | + | |
| | + | .alert-light hr { |
| | + | border-top-color: #ececf6 |
| | + | } |
| | + | |
| | + | .alert-light .alert-link { |
| | + | color: #686868 |
| | + | } |
| | + | |
| | + | .alert-dark { |
| | + | color: #1b1e21; |
| | + | background-color: #d6d8d9; |
| | + | border-color: #c6c8ca |
| | + | } |
| | + | |
| | + | .alert-dark hr { |
| | + | border-top-color: #b9bbbe |
| | + | } |
| | + | |
| | + | .alert-dark .alert-link { |
| | + | color: #040505 |
| | + | } |
| | + | |
| | + | @-webkit-keyframes progress-bar-stripes { |
| | + | from { |
| | + | background-position: 1rem 0 |
| | + | } |
| | + | |
| | + | to { |
| | + | background-position: 0 0 |
| | + | } |
| | + | } |
| | + | |
| | + | @keyframes progress-bar-stripes { |
| | + | from { |
| | + | background-position: 1rem 0 |
| | + | } |
| | + | |
| | + | to { |
| | + | background-position: 0 0 |
| | + | } |
| | + | } |
| | + | |
| | + | .progress { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | height: 1rem; |
| | + | overflow: hidden; |
| | + | font-size: .75rem; |
| | + | background-color: #e9ecef; |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .progress-bar { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-direction: column; |
| | + | flex-direction: column; |
| | + | -ms-flex-pack: center; |
| | + | justify-content: center; |
| | + | color: #fff; |
| | + | text-align: center; |
| | + | white-space: nowrap; |
| | + | background-color: #007bff; |
| | + | transition: width .6s ease |
| | + | } |
| | + | |
| | + | @media screen and (prefers-reduced-motion:reduce) { |
| | + | .progress-bar { |
| | + | transition: none |
| | + | } |
| | + | } |
| | + | |
| | + | .progress-bar-striped { |
| | + | background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); |
| | + | background-size: 1rem 1rem |
| | + | } |
| | + | |
| | + | .progress-bar-animated { |
| | + | -webkit-animation: progress-bar-stripes 1s linear infinite; |
| | + | animation: progress-bar-stripes 1s linear infinite |
| | + | } |
| | + | |
| | + | .media { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-align: start; |
| | + | align-items: flex-start |
| | + | } |
| | + | |
| | + | .media-body { |
| | + | -ms-flex: 1; |
| | + | flex: 1 |
| | + | } |
| | + | |
| | + | .list-group { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-direction: column; |
| | + | flex-direction: column; |
| | + | padding-left: 0; |
| | + | margin-bottom: 0 |
| | + | } |
| | + | |
| | + | .list-group-item-action { |
| | + | width: 100%; |
| | + | color: #495057; |
| | + | text-align: inherit |
| | + | } |
| | + | |
| | + | .list-group-item-action:focus,.list-group-item-action:hover { |
| | + | color: #495057; |
| | + | text-decoration: none; |
| | + | background-color: #f8f9fa |
| | + | } |
| | + | |
| | + | .list-group-item-action:active { |
| | + | color: #212529; |
| | + | background-color: #e9ecef |
| | + | } |
| | + | |
| | + | .list-group-item { |
| | + | position: relative; |
| | + | display: block; |
| | + | padding: .75rem 1.25rem; |
| | + | margin-bottom: -1px; |
| | + | background-color: #fff; |
| | + | border: 1px solid rgba(0,0,0,.125) |
| | + | } |
| | + | |
| | + | .list-group-item:first-child { |
| | + | border-top-left-radius: .25rem; |
| | + | border-top-right-radius: .25rem |
| | + | } |
| | + | |
| | + | .list-group-item:last-child { |
| | + | margin-bottom: 0; |
| | + | border-bottom-right-radius: .25rem; |
| | + | border-bottom-left-radius: .25rem |
| | + | } |
| | + | |
| | + | .list-group-item:focus,.list-group-item:hover { |
| | + | z-index: 1; |
| | + | text-decoration: none |
| | + | } |
| | + | |
| | + | .list-group-item.disabled,.list-group-item:disabled { |
| | + | color: #6c757d; |
| | + | background-color: #fff |
| | + | } |
| | + | |
| | + | .list-group-item.active { |
| | + | z-index: 2; |
| | + | color: #fff; |
| | + | background-color: #007bff; |
| | + | border-color: #007bff |
| | + | } |
| | + | |
| | + | .list-group-flush .list-group-item { |
| | + | border-right: 0; |
| | + | border-left: 0; |
| | + | border-radius: 0 |
| | + | } |
| | + | |
| | + | .list-group-flush:first-child .list-group-item:first-child { |
| | + | border-top: 0 |
| | + | } |
| | + | |
| | + | .list-group-flush:last-child .list-group-item:last-child { |
| | + | border-bottom: 0 |
| | + | } |
| | + | |
| | + | .list-group-item-primary { |
| | + | color: #004085; |
| | + | background-color: #b8daff |
| | + | } |
| | + | |
| | + | .list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover { |
| | + | color: #004085; |
| | + | background-color: #9fcdff |
| | + | } |
| | + | |
| | + | .list-group-item-primary.list-group-item-action.active { |
| | + | color: #fff; |
| | + | background-color: #004085; |
| | + | border-color: #004085 |
| | + | } |
| | + | |
| | + | .list-group-item-secondary { |
| | + | color: #383d41; |
| | + | background-color: #d6d8db |
| | + | } |
| | + | |
| | + | .list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover { |
| | + | color: #383d41; |
| | + | background-color: #c8cbcf |
| | + | } |
| | + | |
| | + | .list-group-item-secondary.list-group-item-action.active { |
| | + | color: #fff; |
| | + | background-color: #383d41; |
| | + | border-color: #383d41 |
| | + | } |
| | + | |
| | + | .list-group-item-success { |
| | + | color: #155724; |
| | + | background-color: #c3e6cb |
| | + | } |
| | + | |
| | + | .list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover { |
| | + | color: #155724; |
| | + | background-color: #b1dfbb |
| | + | } |
| | + | |
| | + | .list-group-item-success.list-group-item-action.active { |
| | + | color: #fff; |
| | + | background-color: #155724; |
| | + | border-color: #155724 |
| | + | } |
| | + | |
| | + | .list-group-item-info { |
| | + | color: #0c5460; |
| | + | background-color: #bee5eb |
| | + | } |
| | + | |
| | + | .list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover { |
| | + | color: #0c5460; |
| | + | background-color: #abdde5 |
| | + | } |
| | + | |
| | + | .list-group-item-info.list-group-item-action.active { |
| | + | color: #fff; |
| | + | background-color: #0c5460; |
| | + | border-color: #0c5460 |
| | + | } |
| | + | |
| | + | .list-group-item-warning { |
| | + | color: #856404; |
| | + | background-color: #ffeeba |
| | + | } |
| | + | |
| | + | .list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover { |
| | + | color: #856404; |
| | + | background-color: #ffe8a1 |
| | + | } |
| | + | |
| | + | .list-group-item-warning.list-group-item-action.active { |
| | + | color: #fff; |
| | + | background-color: #856404; |
| | + | border-color: #856404 |
| | + | } |
| | + | |
| | + | .list-group-item-danger { |
| | + | color: #721c24; |
| | + | background-color: #f5c6cb |
| | + | } |
| | + | |
| | + | .list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover { |
| | + | color: #721c24; |
| | + | background-color: #f1b0b7 |
| | + | } |
| | + | |
| | + | .list-group-item-danger.list-group-item-action.active { |
| | + | color: #fff; |
| | + | background-color: #721c24; |
| | + | border-color: #721c24 |
| | + | } |
| | + | |
| | + | .list-group-item-light { |
| | + | color: #818182; |
| | + | background-color: #fdfdfe |
| | + | } |
| | + | |
| | + | .list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover { |
| | + | color: #818182; |
| | + | background-color: #ececf6 |
| | + | } |
| | + | |
| | + | .list-group-item-light.list-group-item-action.active { |
| | + | color: #fff; |
| | + | background-color: #818182; |
| | + | border-color: #818182 |
| | + | } |
| | + | |
| | + | .list-group-item-dark { |
| | + | color: #1b1e21; |
| | + | background-color: #c6c8ca |
| | + | } |
| | + | |
| | + | .list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover { |
| | + | color: #1b1e21; |
| | + | background-color: #b9bbbe |
| | + | } |
| | + | |
| | + | .list-group-item-dark.list-group-item-action.active { |
| | + | color: #fff; |
| | + | background-color: #1b1e21; |
| | + | border-color: #1b1e21 |
| | + | } |
| | + | |
| | + | .close { |
| | + | float: right; |
| | + | font-size: 1.5rem; |
| | + | font-weight: 700; |
| | + | line-height: 1; |
| | + | color: #000; |
| | + | text-shadow: 0 1px 0 #fff; |
| | + | opacity: .5 |
| | + | } |
| | + | |
| | + | .close:focus,.close:hover { |
| | + | color: #000; |
| | + | text-decoration: none; |
| | + | opacity: .75 |
| | + | } |
| | + | |
| | + | .close:not(:disabled):not(.disabled) { |
| | + | cursor: pointer |
| | + | } |
| | + | |
| | + | button.close { |
| | + | padding: 0; |
| | + | background-color: transparent; |
| | + | border: 0; |
| | + | -webkit-appearance: none |
| | + | } |
| | + | |
| | + | .modal-open { |
| | + | overflow: hidden |
| | + | } |
| | + | |
| | + | .modal { |
| | + | position: fixed; |
| | + | top: 0; |
| | + | right: 0; |
| | + | bottom: 0; |
| | + | left: 0; |
| | + | z-index: 1050; |
| | + | display: none; |
| | + | overflow: hidden; |
| | + | outline: 0 |
| | + | } |
| | + | |
| | + | .modal-open .modal { |
| | + | overflow-x: hidden; |
| | + | overflow-y: auto |
| | + | } |
| | + | |
| | + | .modal-dialog { |
| | + | position: relative; |
| | + | width: auto; |
| | + | margin: .5rem; |
| | + | pointer-events: none |
| | + | } |
| | + | |
| | + | .modal.fade .modal-dialog { |
| | + | transition: -webkit-transform .3s ease-out; |
| | + | transition: transform .3s ease-out; |
| | + | transition: transform .3s ease-out,-webkit-transform .3s ease-out; |
| | + | -webkit-transform: translate(0,-25%); |
| | + | transform: translate(0,-25%) |
| | + | } |
| | + | |
| | + | @media screen and (prefers-reduced-motion:reduce) { |
| | + | .modal.fade .modal-dialog { |
| | + | transition: none |
| | + | } |
| | + | } |
| | + | |
| | + | .modal.show .modal-dialog { |
| | + | -webkit-transform: translate(0,0); |
| | + | transform: translate(0,0) |
| | + | } |
| | + | |
| | + | .modal-dialog-centered { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-align: center; |
| | + | align-items: center; |
| | + | min-height: calc(100% - (.5rem * 2)) |
| | + | } |
| | + | |
| | + | .modal-content { |
| | + | position: relative; |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-direction: column; |
| | + | flex-direction: column; |
| | + | width: 100%; |
| | + | pointer-events: auto; |
| | + | background-color: #fff; |
| | + | background-clip: padding-box; |
| | + | border: 1px solid rgba(0,0,0,.2); |
| | + | border-radius: .3rem; |
| | + | outline: 0 |
| | + | } |
| | + | |
| | + | .modal-backdrop { |
| | + | position: fixed; |
| | + | top: 0; |
| | + | right: 0; |
| | + | bottom: 0; |
| | + | left: 0; |
| | + | z-index: 1040; |
| | + | background-color: #000 |
| | + | } |
| | + | |
| | + | .modal-backdrop.fade { |
| | + | opacity: 0 |
| | + | } |
| | + | |
| | + | .modal-backdrop.show { |
| | + | opacity: .5 |
| | + | } |
| | + | |
| | + | .modal-header { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-align: start; |
| | + | align-items: flex-start; |
| | + | -ms-flex-pack: justify; |
| | + | justify-content: space-between; |
| | + | padding: 1rem; |
| | + | border-bottom: 1px solid #e9ecef; |
| | + | border-top-left-radius: .3rem; |
| | + | border-top-right-radius: .3rem |
| | + | } |
| | + | |
| | + | .modal-header .close { |
| | + | padding: 1rem; |
| | + | margin: -1rem -1rem -1rem auto |
| | + | } |
| | + | |
| | + | .modal-title { |
| | + | margin-bottom: 0; |
| | + | line-height: 1.5 |
| | + | } |
| | + | |
| | + | .modal-body { |
| | + | position: relative; |
| | + | -ms-flex: 1 1 auto; |
| | + | flex: 1 1 auto; |
| | + | padding: 1rem |
| | + | } |
| | + | |
| | + | .modal-footer { |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-align: center; |
| | + | align-items: center; |
| | + | -ms-flex-pack: end; |
| | + | justify-content: flex-end; |
| | + | padding: 1rem; |
| | + | border-top: 1px solid #e9ecef |
| | + | } |
| | + | |
| | + | .modal-footer>:not(:first-child) { |
| | + | margin-left: .25rem |
| | + | } |
| | + | |
| | + | .modal-footer>:not(:last-child) { |
| | + | margin-right: .25rem |
| | + | } |
| | + | |
| | + | .modal-scrollbar-measure { |
| | + | position: absolute; |
| | + | top: -9999px; |
| | + | width: 50px; |
| | + | height: 50px; |
| | + | overflow: scroll |
| | + | } |
| | + | |
| | + | @media (min-width: 576px) { |
| | + | .modal-dialog { |
| | + | max-width:500px; |
| | + | margin: 1.75rem auto |
| | + | } |
| | + | |
| | + | .modal-dialog-centered { |
| | + | min-height: calc(100% - (1.75rem * 2)) |
| | + | } |
| | + | |
| | + | .modal-sm { |
| | + | max-width: 300px |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 992px) { |
| | + | .modal-lg { |
| | + | max-width:800px |
| | + | } |
| | + | } |
| | + | |
| | + | .tooltip { |
| | + | position: absolute; |
| | + | z-index: 1070; |
| | + | display: block; |
| | + | margin: 0; |
| | + | font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; |
| | + | font-style: normal; |
| | + | font-weight: 400; |
| | + | line-height: 1.5; |
| | + | text-align: left; |
| | + | text-align: start; |
| | + | text-decoration: none; |
| | + | text-shadow: none; |
| | + | text-transform: none; |
| | + | letter-spacing: normal; |
| | + | word-break: normal; |
| | + | word-spacing: normal; |
| | + | white-space: normal; |
| | + | line-break: auto; |
| | + | font-size: .875rem; |
| | + | word-wrap: break-word; |
| | + | opacity: 0 |
| | + | } |
| | + | |
| | + | .tooltip.show { |
| | + | opacity: .9 |
| | + | } |
| | + | |
| | + | .tooltip .arrow { |
| | + | position: absolute; |
| | + | display: block; |
| | + | width: .8rem; |
| | + | height: .4rem |
| | + | } |
| | + | |
| | + | .tooltip .arrow::before { |
| | + | position: absolute; |
| | + | content: ""; |
| | + | border-color: transparent; |
| | + | border-style: solid |
| | + | } |
| | + | |
| | + | .bs-tooltip-auto[x-placement^=top],.bs-tooltip-top { |
| | + | padding: .4rem 0 |
| | + | } |
| | + | |
| | + | .bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow { |
| | + | bottom: 0 |
| | + | } |
| | + | |
| | + | .bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before { |
| | + | top: 0; |
| | + | border-width: .4rem .4rem 0; |
| | + | border-top-color: #000 |
| | + | } |
| | + | |
| | + | .bs-tooltip-auto[x-placement^=right],.bs-tooltip-right { |
| | + | padding: 0 .4rem |
| | + | } |
| | + | |
| | + | .bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow { |
| | + | left: 0; |
| | + | width: .4rem; |
| | + | height: .8rem |
| | + | } |
| | + | |
| | + | .bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before { |
| | + | right: 0; |
| | + | border-width: .4rem .4rem .4rem 0; |
| | + | border-right-color: #000 |
| | + | } |
| | + | |
| | + | .bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom { |
| | + | padding: .4rem 0 |
| | + | } |
| | + | |
| | + | .bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow { |
| | + | top: 0 |
| | + | } |
| | + | |
| | + | .bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before { |
| | + | bottom: 0; |
| | + | border-width: 0 .4rem .4rem; |
| | + | border-bottom-color: #000 |
| | + | } |
| | + | |
| | + | .bs-tooltip-auto[x-placement^=left],.bs-tooltip-left { |
| | + | padding: 0 .4rem |
| | + | } |
| | + | |
| | + | .bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow { |
| | + | right: 0; |
| | + | width: .4rem; |
| | + | height: .8rem |
| | + | } |
| | + | |
| | + | .bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before { |
| | + | left: 0; |
| | + | border-width: .4rem 0 .4rem .4rem; |
| | + | border-left-color: #000 |
| | + | } |
| | + | |
| | + | .tooltip-inner { |
| | + | max-width: 200px; |
| | + | padding: .25rem .5rem; |
| | + | color: #fff; |
| | + | text-align: center; |
| | + | background-color: #000; |
| | + | border-radius: .25rem |
| | + | } |
| | + | |
| | + | .popover { |
| | + | position: absolute; |
| | + | top: 0; |
| | + | left: 0; |
| | + | z-index: 1060; |
| | + | display: block; |
| | + | max-width: 276px; |
| | + | font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; |
| | + | font-style: normal; |
| | + | font-weight: 400; |
| | + | line-height: 1.5; |
| | + | text-align: left; |
| | + | text-align: start; |
| | + | text-decoration: none; |
| | + | text-shadow: none; |
| | + | text-transform: none; |
| | + | letter-spacing: normal; |
| | + | word-break: normal; |
| | + | word-spacing: normal; |
| | + | white-space: normal; |
| | + | line-break: auto; |
| | + | font-size: .875rem; |
| | + | word-wrap: break-word; |
| | + | background-color: #fff; |
| | + | background-clip: padding-box; |
| | + | border: 1px solid rgba(0,0,0,.2); |
| | + | border-radius: .3rem |
| | + | } |
| | + | |
| | + | .popover .arrow { |
| | + | position: absolute; |
| | + | display: block; |
| | + | width: 1rem; |
| | + | height: .5rem; |
| | + | margin: 0 .3rem |
| | + | } |
| | + | |
| | + | .popover .arrow::after,.popover .arrow::before { |
| | + | position: absolute; |
| | + | display: block; |
| | + | content: ""; |
| | + | border-color: transparent; |
| | + | border-style: solid |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=top],.bs-popover-top { |
| | + | margin-bottom: .5rem |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow { |
| | + | bottom: calc((.5rem + 1px) * -1) |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before { |
| | + | border-width: .5rem .5rem 0 |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before { |
| | + | bottom: 0; |
| | + | border-top-color: rgba(0,0,0,.25) |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-top .arrow::after { |
| | + | bottom: 1px; |
| | + | border-top-color: #fff |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=right],.bs-popover-right { |
| | + | margin-left: .5rem |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow { |
| | + | left: calc((.5rem + 1px) * -1); |
| | + | width: .5rem; |
| | + | height: 1rem; |
| | + | margin: .3rem 0 |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before { |
| | + | border-width: .5rem .5rem .5rem 0 |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before { |
| | + | left: 0; |
| | + | border-right-color: rgba(0,0,0,.25) |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after { |
| | + | left: 1px; |
| | + | border-right-color: #fff |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=bottom],.bs-popover-bottom { |
| | + | margin-top: .5rem |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow { |
| | + | top: calc((.5rem + 1px) * -1) |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before { |
| | + | border-width: 0 .5rem .5rem .5rem |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before { |
| | + | top: 0; |
| | + | border-bottom-color: rgba(0,0,0,.25) |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after { |
| | + | top: 1px; |
| | + | border-bottom-color: #fff |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before { |
| | + | position: absolute; |
| | + | top: 0; |
| | + | left: 50%; |
| | + | display: block; |
| | + | width: 1rem; |
| | + | margin-left: -.5rem; |
| | + | content: ""; |
| | + | border-bottom: 1px solid #f7f7f7 |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=left],.bs-popover-left { |
| | + | margin-right: .5rem |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow { |
| | + | right: calc((.5rem + 1px) * -1); |
| | + | width: .5rem; |
| | + | height: 1rem; |
| | + | margin: .3rem 0 |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before { |
| | + | border-width: .5rem 0 .5rem .5rem |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before { |
| | + | right: 0; |
| | + | border-left-color: rgba(0,0,0,.25) |
| | + | } |
| | + | |
| | + | .bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after { |
| | + | right: 1px; |
| | + | border-left-color: #fff |
| | + | } |
| | + | |
| | + | .popover-header { |
| | + | padding: .5rem .75rem; |
| | + | margin-bottom: 0; |
| | + | font-size: 1rem; |
| | + | color: inherit; |
| | + | background-color: #f7f7f7; |
| | + | border-bottom: 1px solid #ebebeb; |
| | + | border-top-left-radius: calc(.3rem - 1px); |
| | + | border-top-right-radius: calc(.3rem - 1px) |
| | + | } |
| | + | |
| | + | .popover-header:empty { |
| | + | display: none |
| | + | } |
| | + | |
| | + | .popover-body { |
| | + | padding: .5rem .75rem; |
| | + | color: #212529 |
| | + | } |
| | + | |
| | + | .carousel { |
| | + | position: relative |
| | + | } |
| | + | |
| | + | .carousel-inner { |
| | + | position: relative; |
| | + | width: 100%; |
| | + | overflow: hidden |
| | + | } |
| | + | |
| | + | .carousel-item { |
| | + | position: relative; |
| | + | display: none; |
| | + | -ms-flex-align: center; |
| | + | align-items: center; |
| | + | width: 100%; |
| | + | transition: -webkit-transform .6s ease; |
| | + | transition: transform .6s ease; |
| | + | transition: transform .6s ease,-webkit-transform .6s ease; |
| | + | -webkit-backface-visibility: hidden; |
| | + | backface-visibility: hidden; |
| | + | -webkit-perspective: 1000px; |
| | + | perspective: 1000px |
| | + | } |
| | + | |
| | + | @media screen and (prefers-reduced-motion:reduce) { |
| | + | .carousel-item { |
| | + | transition: none |
| | + | } |
| | + | } |
| | + | |
| | + | .carousel-item-next,.carousel-item-prev,.carousel-item.active { |
| | + | display: block |
| | + | } |
| | + | |
| | + | .carousel-item-next,.carousel-item-prev { |
| | + | position: absolute; |
| | + | top: 0 |
| | + | } |
| | + | |
| | + | .carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right { |
| | + | -webkit-transform: translateX(0); |
| | + | transform: translateX(0) |
| | + | } |
| | + | |
| | + | @supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) { |
| | + | .carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right { |
| | + | -webkit-transform:translate3d(0,0,0); |
| | + | transform: translate3d(0,0,0) |
| | + | } |
| | + | } |
| | + | |
| | + | .active.carousel-item-right,.carousel-item-next { |
| | + | -webkit-transform: translateX(100%); |
| | + | transform: translateX(100%) |
| | + | } |
| | + | |
| | + | @supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) { |
| | + | .active.carousel-item-right,.carousel-item-next { |
| | + | -webkit-transform:translate3d(100%,0,0); |
| | + | transform: translate3d(100%,0,0) |
| | + | } |
| | + | } |
| | + | |
| | + | .active.carousel-item-left,.carousel-item-prev { |
| | + | -webkit-transform: translateX(-100%); |
| | + | transform: translateX(-100%) |
| | + | } |
| | + | |
| | + | @supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) { |
| | + | .active.carousel-item-left,.carousel-item-prev { |
| | + | -webkit-transform:translate3d(-100%,0,0); |
| | + | transform: translate3d(-100%,0,0) |
| | + | } |
| | + | } |
| | + | |
| | + | .carousel-fade .carousel-item { |
| | + | opacity: 0; |
| | + | transition-duration: .6s; |
| | + | transition-property: opacity |
| | + | } |
| | + | |
| | + | .carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active { |
| | + | opacity: 1 |
| | + | } |
| | + | |
| | + | .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right { |
| | + | opacity: 0 |
| | + | } |
| | + | |
| | + | .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active { |
| | + | -webkit-transform: translateX(0); |
| | + | transform: translateX(0) |
| | + | } |
| | + | |
| | + | @supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) { |
| | + | .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active { |
| | + | -webkit-transform:translate3d(0,0,0); |
| | + | transform: translate3d(0,0,0) |
| | + | } |
| | + | } |
| | + | |
| | + | .carousel-control-next,.carousel-control-prev { |
| | + | position: absolute; |
| | + | top: 0; |
| | + | bottom: 0; |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-align: center; |
| | + | align-items: center; |
| | + | -ms-flex-pack: center; |
| | + | justify-content: center; |
| | + | width: 1%; |
| | + | color: #ff9ea6; |
| | + | text-align: center; |
| | + | opacity: .5 |
| | + | } |
| | + | |
| | + | .carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover { |
| | + | color: #fff; |
| | + | text-decoration: none; |
| | + | outline: 0; |
| | + | opacity: .9 |
| | + | } |
| | + | |
| | + | .carousel-control-prev { |
| | + | left: 0 |
| | + | } |
| | + | |
| | + | .carousel-control-next { |
| | + | right: 0 |
| | + | } |
| | + | |
| | + | .carousel-control-next-icon,.carousel-control-prev-icon { |
| | + | display: inline-block; |
| | + | width: 20px; |
| | + | height: 20px; |
| | + | background: transparent no-repeat center center; |
| | + | background-size: 100% 100% |
| | + | } |
| | + | |
| | + | .carousel-control-prev-icon { |
| | + | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") |
| | + | } |
| | + | |
| | + | .carousel-control-next-icon { |
| | + | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") |
| | + | } |
| | + | |
| | + | .carousel-indicators { |
| | + | position: absolute; |
| | + | right: 0; |
| | + | bottom: 10px; |
| | + | left: 0; |
| | + | z-index: 15; |
| | + | display: -ms-flexbox; |
| | + | display: flex; |
| | + | -ms-flex-pack: center; |
| | + | justify-content: center; |
| | + | padding-left: 0; |
| | + | margin-right: 15%; |
| | + | margin-left: 15%; |
| | + | list-style: none |
| | + | } |
| | + | |
| | + | .carousel-indicators li { |
| | + | position: relative; |
| | + | -ms-flex: 0 1 auto; |
| | + | flex: 0 1 auto; |
| | + | width: 30px; |
| | + | height: 3px; |
| | + | margin-right: 3px; |
| | + | margin-left: 3px; |
| | + | text-indent: -999px; |
| | + | background-color: rgba(255,255,255,.5) |
| | + | } |
| | + | |
| | + | .carousel-indicators li::before { |
| | + | position: absolute; |
| | + | top: -10px; |
| | + | left: 0; |
| | + | display: inline-block; |
| | + | width: 100%; |
| | + | height: 10px; |
| | + | content: "" |
| | + | } |
| | + | |
| | + | .carousel-indicators li::after { |
| | + | position: absolute; |
| | + | bottom: -10px; |
| | + | left: 0; |
| | + | display: inline-block; |
| | + | width: 100%; |
| | + | height: 10px; |
| | + | content: "" |
| | + | } |
| | + | |
| | + | .carousel-indicators .active { |
| | + | background-color: #fff |
| | + | } |
| | + | |
| | + | .carousel-caption { |
| | + | position: absolute; |
| | + | right: 15%; |
| | + | bottom: 20px; |
| | + | left: 15%; |
| | + | z-index: 10; |
| | + | padding-top: 20px; |
| | + | padding-bottom: 20px; |
| | + | color: #fff; |
| | + | text-align: center |
| | + | } |
| | + | |
| | + | .align-baseline { |
| | + | vertical-align: baseline!important |
| | + | } |
| | + | |
| | + | .align-top { |
| | + | vertical-align: top!important |
| | + | } |
| | + | |
| | + | .align-middle { |
| | + | vertical-align: middle!important |
| | + | } |
| | + | |
| | + | .align-bottom { |
| | + | vertical-align: bottom!important |
| | + | } |
| | + | |
| | + | .align-text-bottom { |
| | + | vertical-align: text-bottom!important |
| | + | } |
| | + | |
| | + | .align-text-top { |
| | + | vertical-align: text-top!important |
| | + | } |
| | + | |
| | + | .bg-primary { |
| | + | background-color: #007bff!important |
| | + | } |
| | + | |
| | + | a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover { |
| | + | background-color: #0062cc!important |
| | + | } |
| | + | |
| | + | .bg-secondary { |
| | + | background-color: #6c757d!important |
| | + | } |
| | + | |
| | + | a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover { |
| | + | background-color: #545b62!important |
| | + | } |
| | + | |
| | + | .bg-success { |
| | + | background-color: #28a745!important |
| | + | } |
| | + | |
| | + | a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover { |
| | + | background-color: #1e7e34!important |
| | + | } |
| | + | |
| | + | .bg-info { |
| | + | background-color: #17a2b8!important |
| | + | } |
| | + | |
| | + | a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover { |
| | + | background-color: #117a8b!important |
| | + | } |
| | + | |
| | + | .bg-warning { |
| | + | background-color: #ffc107!important |
| | + | } |
| | + | |
| | + | a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover { |
| | + | background-color: #d39e00!important |
| | + | } |
| | + | |
| | + | .bg-danger { |
| | + | background-color: #dc3545!important |
| | + | } |
| | + | |
| | + | a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover { |
| | + | background-color: #bd2130!important |
| | + | } |
| | + | |
| | + | .bg-light { |
| | + | background-color: #f8f9fa!important |
| | + | } |
| | + | |
| | + | a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover { |
| | + | background-color: #dae0e5!important |
| | + | } |
| | + | |
| | + | .bg-dark { |
| | + | background-color: #343a40!important |
| | + | } |
| | + | |
| | + | a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { |
| | + | background-color: #1d2124!important |
| | + | } |
| | + | |
| | + | .bg-white { |
| | + | background-color: #fff!important |
| | + | } |
| | + | |
| | + | .bg-transparent { |
| | + | background-color: transparent!important |
| | + | } |
| | + | |
| | + | .border { |
| | + | border: 1px solid #dee2e6!important |
| | + | } |
| | + | |
| | + | .border-top { |
| | + | border-top: 1px solid #dee2e6!important |
| | + | } |
| | + | |
| | + | .border-right { |
| | + | border-right: 1px solid #dee2e6!important |
| | + | } |
| | + | |
| | + | .border-bottom { |
| | + | border-bottom: 1px solid #dee2e6!important |
| | + | } |
| | + | |
| | + | .border-left { |
| | + | border-left: 1px solid #dee2e6!important |
| | + | } |
| | + | |
| | + | .border-0 { |
| | + | border: 0!important |
| | + | } |
| | + | |
| | + | .border-top-0 { |
| | + | border-top: 0!important |
| | + | } |
| | + | |
| | + | .border-right-0 { |
| | + | border-right: 0!important |
| | + | } |
| | + | |
| | + | .border-bottom-0 { |
| | + | border-bottom: 0!important |
| | + | } |
| | + | |
| | + | .border-left-0 { |
| | + | border-left: 0!important |
| | + | } |
| | + | |
| | + | .border-primary { |
| | + | border-color: #007bff!important |
| | + | } |
| | + | |
| | + | .border-secondary { |
| | + | border-color: #6c757d!important |
| | + | } |
| | + | |
| | + | .border-success { |
| | + | border-color: #28a745!important |
| | + | } |
| | + | |
| | + | .border-info { |
| | + | border-color: #17a2b8!important |
| | + | } |
| | + | |
| | + | .border-warning { |
| | + | border-color: #ffc107!important |
| | + | } |
| | + | |
| | + | .border-danger { |
| | + | border-color: #dc3545!important |
| | + | } |
| | + | |
| | + | .border-light { |
| | + | border-color: #f8f9fa!important |
| | + | } |
| | + | |
| | + | .border-dark { |
| | + | border-color: #343a40!important |
| | + | } |
| | + | |
| | + | .border-white { |
| | + | border-color: #fff!important |
| | + | } |
| | + | |
| | + | .rounded { |
| | + | border-radius: .25rem!important |
| | + | } |
| | + | |
| | + | .rounded-top { |
| | + | border-top-left-radius: .25rem!important; |
| | + | border-top-right-radius: .25rem!important |
| | + | } |
| | + | |
| | + | .rounded-right { |
| | + | border-top-right-radius: .25rem!important; |
| | + | border-bottom-right-radius: .25rem!important |
| | + | } |
| | + | |
| | + | .rounded-bottom { |
| | + | border-bottom-right-radius: .25rem!important; |
| | + | border-bottom-left-radius: .25rem!important |
| | + | } |
| | + | |
| | + | .rounded-left { |
| | + | border-top-left-radius: .25rem!important; |
| | + | border-bottom-left-radius: .25rem!important |
| | + | } |
| | + | |
| | + | .rounded-circle { |
| | + | border-radius: 50%!important |
| | + | } |
| | + | |
| | + | .rounded-0 { |
| | + | border-radius: 0!important |
| | + | } |
| | + | |
| | + | .clearfix::after { |
| | + | display: block; |
| | + | clear: both; |
| | + | content: "" |
| | + | } |
| | + | |
| | + | .d-none { |
| | + | display: none!important |
| | + | } |
| | + | |
| | + | .d-inline { |
| | + | display: inline!important; |
| | + | font-size:1.75rem |
| | + | } |
| | + | |
| | + | .d-inline-block { |
| | + | display: inline-block!important |
| | + | } |
| | + | |
| | + | .d-block { |
| | + | display: block!important |
| | + | } |
| | + | |
| | + | .d-table { |
| | + | display: table!important |
| | + | } |
| | + | |
| | + | .d-table-row { |
| | + | display: table-row!important |
| | + | } |
| | + | |
| | + | .d-table-cell { |
| | + | display: table-cell!important |
| | + | } |
| | + | |
| | + | .d-flex { |
| | + | display: -ms-flexbox!important; |
| | + | display: flex!important |
| | + | } |
| | + | |
| | + | .d-inline-flex { |
| | + | display: -ms-inline-flexbox!important; |
| | + | display: inline-flex!important |
| | + | } |
| | + | |
| | + | @media (min-width: 576px) { |
| | + | .d-sm-none { |
| | + | display:none!important |
| | + | } |
| | + | |
| | + | .d-sm-inline { |
| | + | display: inline!important |
| | + | } |
| | + | |
| | + | .d-sm-inline-block { |
| | + | display: inline-block!important |
| | + | } |
| | + | |
| | + | .d-sm-block { |
| | + | display: block!important |
| | + | } |
| | + | |
| | + | .d-sm-table { |
| | + | display: table!important |
| | + | } |
| | + | |
| | + | .d-sm-table-row { |
| | + | display: table-row!important |
| | + | } |
| | + | |
| | + | .d-sm-table-cell { |
| | + | display: table-cell!important |
| | + | } |
| | + | |
| | + | .d-sm-flex { |
| | + | display: -ms-flexbox!important; |
| | + | display: flex!important |
| | + | } |
| | + | |
| | + | .d-sm-inline-flex { |
| | + | display: -ms-inline-flexbox!important; |
| | + | display: inline-flex!important |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 768px) { |
| | + | .d-md-none { |
| | + | display:none!important |
| | + | } |
| | + | |
| | + | .d-md-inline { |
| | + | display: inline!important |
| | + | } |
| | + | |
| | + | .d-md-inline-block { |
| | + | display: inline-block!important |
| | + | } |
| | + | |
| | + | .d-md-block { |
| | + | display: block!important |
| | + | } |
| | + | |
| | + | .d-md-table { |
| | + | display: table!important |
| | + | } |
| | + | |
| | + | .d-md-table-row { |
| | + | display: table-row!important |
| | + | } |
| | + | |
| | + | .d-md-table-cell { |
| | + | display: table-cell!important |
| | + | } |
| | + | |
| | + | .d-md-flex { |
| | + | display: -ms-flexbox!important; |
| | + | display: flex!important |
| | + | } |
| | + | |
| | + | .d-md-inline-flex { |
| | + | display: -ms-inline-flexbox!important; |
| | + | display: inline-flex!important |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 992px) { |
| | + | .d-lg-none { |
| | + | display:none!important |
| | + | } |
| | + | |
| | + | .d-lg-inline { |
| | + | display: inline!important |
| | + | } |
| | + | |
| | + | .d-lg-inline-block { |
| | + | display: inline-block!important |
| | + | } |
| | + | |
| | + | .d-lg-block { |
| | + | display: block!important |
| | + | } |
| | + | |
| | + | .d-lg-table { |
| | + | display: table!important |
| | + | } |
| | + | |
| | + | .d-lg-table-row { |
| | + | display: table-row!important |
| | + | } |
| | + | |
| | + | .d-lg-table-cell { |
| | + | display: table-cell!important |
| | + | } |
| | + | |
| | + | .d-lg-flex { |
| | + | display: -ms-flexbox!important; |
| | + | display: flex!important |
| | + | } |
| | + | |
| | + | .d-lg-inline-flex { |
| | + | display: -ms-inline-flexbox!important; |
| | + | display: inline-flex!important |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 1200px) { |
| | + | .d-xl-none { |
| | + | display:none!important |
| | + | } |
| | + | |
| | + | .d-xl-inline { |
| | + | display: inline!important |
| | + | } |
| | + | |
| | + | .d-xl-inline-block { |
| | + | display: inline-block!important |
| | + | } |
| | + | |
| | + | .d-xl-block { |
| | + | display: block!important |
| | + | } |
| | + | |
| | + | .d-xl-table { |
| | + | display: table!important |
| | + | } |
| | + | |
| | + | .d-xl-table-row { |
| | + | display: table-row!important |
| | + | } |
| | + | |
| | + | .d-xl-table-cell { |
| | + | display: table-cell!important |
| | + | } |
| | + | |
| | + | .d-xl-flex { |
| | + | display: -ms-flexbox!important; |
| | + | display: flex!important |
| | + | } |
| | + | |
| | + | .d-xl-inline-flex { |
| | + | display: -ms-inline-flexbox!important; |
| | + | display: inline-flex!important |
| | + | } |
| | + | } |
| | + | |
| | + | @media print { |
| | + | .d-print-none { |
| | + | display: none!important |
| | + | } |
| | + | |
| | + | .d-print-inline { |
| | + | display: inline!important |
| | + | } |
| | + | |
| | + | .d-print-inline-block { |
| | + | display: inline-block!important |
| | + | } |
| | + | |
| | + | .d-print-block { |
| | + | display: block!important |
| | + | } |
| | + | |
| | + | .d-print-table { |
| | + | display: table!important |
| | + | } |
| | + | |
| | + | .d-print-table-row { |
| | + | display: table-row!important |
| | + | } |
| | + | |
| | + | .d-print-table-cell { |
| | + | display: table-cell!important |
| | + | } |
| | + | |
| | + | .d-print-flex { |
| | + | display: -ms-flexbox!important; |
| | + | display: flex!important |
| | + | } |
| | + | |
| | + | .d-print-inline-flex { |
| | + | display: -ms-inline-flexbox!important; |
| | + | display: inline-flex!important |
| | + | } |
| | + | } |
| | + | |
| | + | .embed-responsive { |
| | + | position: relative; |
| | + | display: block; |
| | + | width: 100%; |
| | + | padding: 0; |
| | + | overflow: hidden |
| | + | } |
| | + | |
| | + | .embed-responsive::before { |
| | + | display: block; |
| | + | content: "" |
| | + | } |
| | + | |
| | + | .embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video { |
| | + | position: absolute; |
| | + | top: 0; |
| | + | bottom: 0; |
| | + | left: 0; |
| | + | width: 100%; |
| | + | height: 100%; |
| | + | border: 0 |
| | + | } |
| | + | |
| | + | .embed-responsive-21by9::before { |
| | + | padding-top: 42.857143% |
| | + | } |
| | + | |
| | + | .embed-responsive-16by9::before { |
| | + | padding-top: 56.25% |
| | + | } |
| | + | |
| | + | .embed-responsive-4by3::before { |
| | + | padding-top: 75% |
| | + | } |
| | + | |
| | + | .embed-responsive-1by1::before { |
| | + | padding-top: 100% |
| | + | } |
| | + | |
| | + | .flex-row { |
| | + | -ms-flex-direction: row!important; |
| | + | flex-direction: row!important |
| | + | } |
| | + | |
| | + | .flex-column { |
| | + | -ms-flex-direction: column!important; |
| | + | flex-direction: column!important |
| | + | } |
| | + | |
| | + | .flex-row-reverse { |
| | + | -ms-flex-direction: row-reverse!important; |
| | + | flex-direction: row-reverse!important |
| | + | } |
| | + | |
| | + | .flex-column-reverse { |
| | + | -ms-flex-direction: column-reverse!important; |
| | + | flex-direction: column-reverse!important |
| | + | } |
| | + | |
| | + | .flex-wrap { |
| | + | -ms-flex-wrap: wrap!important; |
| | + | flex-wrap: wrap!important |
| | + | } |
| | + | |
| | + | .flex-nowrap { |
| | + | -ms-flex-wrap: nowrap!important; |
| | + | flex-wrap: nowrap!important |
| | + | } |
| | + | |
| | + | .flex-wrap-reverse { |
| | + | -ms-flex-wrap: wrap-reverse!important; |
| | + | flex-wrap: wrap-reverse!important |
| | + | } |
| | + | |
| | + | .flex-fill { |
| | + | -ms-flex: 1 1 auto!important; |
| | + | flex: 1 1 auto!important |
| | + | } |
| | + | |
| | + | .flex-grow-0 { |
| | + | -ms-flex-positive: 0!important; |
| | + | flex-grow: 0!important |
| | + | } |
| | + | |
| | + | .flex-grow-1 { |
| | + | -ms-flex-positive: 1!important; |
| | + | flex-grow: 1!important |
| | + | } |
| | + | |
| | + | .flex-shrink-0 { |
| | + | -ms-flex-negative: 0!important; |
| | + | flex-shrink: 0!important |
| | + | } |
| | + | |
| | + | .flex-shrink-1 { |
| | + | -ms-flex-negative: 1!important; |
| | + | flex-shrink: 1!important |
| | + | } |
| | + | |
| | + | .justify-content-start { |
| | + | -ms-flex-pack: start!important; |
| | + | justify-content: flex-start!important |
| | + | } |
| | + | |
| | + | .justify-content-end { |
| | + | -ms-flex-pack: end!important; |
| | + | justify-content: flex-end!important |
| | + | } |
| | + | |
| | + | .justify-content-center { |
| | + | -ms-flex-pack: center!important; |
| | + | justify-content: center!important |
| | + | } |
| | + | |
| | + | .justify-content-between { |
| | + | -ms-flex-pack: justify!important; |
| | + | justify-content: space-between!important |
| | + | } |
| | + | |
| | + | .justify-content-around { |
| | + | -ms-flex-pack: distribute!important; |
| | + | justify-content: space-around!important |
| | + | } |
| | + | |
| | + | .align-items-start { |
| | + | -ms-flex-align: start!important; |
| | + | align-items: flex-start!important |
| | + | } |
| | + | |
| | + | .align-items-end { |
| | + | -ms-flex-align: end!important; |
| | + | align-items: flex-end!important |
| | + | } |
| | + | |
| | + | .align-items-center { |
| | + | -ms-flex-align: center!important; |
| | + | align-items: center!important |
| | + | } |
| | + | |
| | + | .align-items-baseline { |
| | + | -ms-flex-align: baseline!important; |
| | + | align-items: baseline!important |
| | + | } |
| | + | |
| | + | .align-items-stretch { |
| | + | -ms-flex-align: stretch!important; |
| | + | align-items: stretch!important |
| | + | } |
| | + | |
| | + | .align-content-start { |
| | + | -ms-flex-line-pack: start!important; |
| | + | align-content: flex-start!important |
| | + | } |
| | + | |
| | + | .align-content-end { |
| | + | -ms-flex-line-pack: end!important; |
| | + | align-content: flex-end!important |
| | + | } |
| | + | |
| | + | .align-content-center { |
| | + | -ms-flex-line-pack: center!important; |
| | + | align-content: center!important |
| | + | } |
| | + | |
| | + | .align-content-between { |
| | + | -ms-flex-line-pack: justify!important; |
| | + | align-content: space-between!important |
| | + | } |
| | + | |
| | + | .align-content-around { |
| | + | -ms-flex-line-pack: distribute!important; |
| | + | align-content: space-around!important |
| | + | } |
| | + | |
| | + | .align-content-stretch { |
| | + | -ms-flex-line-pack: stretch!important; |
| | + | align-content: stretch!important |
| | + | } |
| | + | |
| | + | .align-self-auto { |
| | + | -ms-flex-item-align: auto!important; |
| | + | align-self: auto!important |
| | + | } |
| | + | |
| | + | .align-self-start { |
| | + | -ms-flex-item-align: start!important; |
| | + | align-self: flex-start!important |
| | + | } |
| | + | |
| | + | .align-self-end { |
| | + | -ms-flex-item-align: end!important; |
| | + | align-self: flex-end!important |
| | + | } |
| | + | |
| | + | .align-self-center { |
| | + | -ms-flex-item-align: center!important; |
| | + | align-self: center!important |
| | + | } |
| | + | |
| | + | .align-self-baseline { |
| | + | -ms-flex-item-align: baseline!important; |
| | + | align-self: baseline!important |
| | + | } |
| | + | |
| | + | .align-self-stretch { |
| | + | -ms-flex-item-align: stretch!important; |
| | + | align-self: stretch!important |
| | + | } |
| | + | |
| | + | @media (min-width: 576px) { |
| | + | .flex-sm-row { |
| | + | -ms-flex-direction:row!important; |
| | + | flex-direction: row!important |
| | + | } |
| | + | |
| | + | .flex-sm-column { |
| | + | -ms-flex-direction: column!important; |
| | + | flex-direction: column!important |
| | + | } |
| | + | |
| | + | .flex-sm-row-reverse { |
| | + | -ms-flex-direction: row-reverse!important; |
| | + | flex-direction: row-reverse!important |
| | + | } |
| | + | |
| | + | .flex-sm-column-reverse { |
| | + | -ms-flex-direction: column-reverse!important; |
| | + | flex-direction: column-reverse!important |
| | + | } |
| | + | |
| | + | .flex-sm-wrap { |
| | + | -ms-flex-wrap: wrap!important; |
| | + | flex-wrap: wrap!important |
| | + | } |
| | + | |
| | + | .flex-sm-nowrap { |
| | + | -ms-flex-wrap: nowrap!important; |
| | + | flex-wrap: nowrap!important |
| | + | } |
| | + | |
| | + | .flex-sm-wrap-reverse { |
| | + | -ms-flex-wrap: wrap-reverse!important; |
| | + | flex-wrap: wrap-reverse!important |
| | + | } |
| | + | |
| | + | .flex-sm-fill { |
| | + | -ms-flex: 1 1 auto!important; |
| | + | flex: 1 1 auto!important |
| | + | } |
| | + | |
| | + | .flex-sm-grow-0 { |
| | + | -ms-flex-positive: 0!important; |
| | + | flex-grow: 0!important |
| | + | } |
| | + | |
| | + | .flex-sm-grow-1 { |
| | + | -ms-flex-positive: 1!important; |
| | + | flex-grow: 1!important |
| | + | } |
| | + | |
| | + | .flex-sm-shrink-0 { |
| | + | -ms-flex-negative: 0!important; |
| | + | flex-shrink: 0!important |
| | + | } |
| | + | |
| | + | .flex-sm-shrink-1 { |
| | + | -ms-flex-negative: 1!important; |
| | + | flex-shrink: 1!important |
| | + | } |
| | + | |
| | + | .justify-content-sm-start { |
| | + | -ms-flex-pack: start!important; |
| | + | justify-content: flex-start!important |
| | + | } |
| | + | |
| | + | .justify-content-sm-end { |
| | + | -ms-flex-pack: end!important; |
| | + | justify-content: flex-end!important |
| | + | } |
| | + | |
| | + | .justify-content-sm-center { |
| | + | -ms-flex-pack: center!important; |
| | + | justify-content: center!important |
| | + | } |
| | + | |
| | + | .justify-content-sm-between { |
| | + | -ms-flex-pack: justify!important; |
| | + | justify-content: space-between!important |
| | + | } |
| | + | |
| | + | .justify-content-sm-around { |
| | + | -ms-flex-pack: distribute!important; |
| | + | justify-content: space-around!important |
| | + | } |
| | + | |
| | + | .align-items-sm-start { |
| | + | -ms-flex-align: start!important; |
| | + | align-items: flex-start!important |
| | + | } |
| | + | |
| | + | .align-items-sm-end { |
| | + | -ms-flex-align: end!important; |
| | + | align-items: flex-end!important |
| | + | } |
| | + | |
| | + | .align-items-sm-center { |
| | + | -ms-flex-align: center!important; |
| | + | align-items: center!important |
| | + | } |
| | + | |
| | + | .align-items-sm-baseline { |
| | + | -ms-flex-align: baseline!important; |
| | + | align-items: baseline!important |
| | + | } |
| | + | |
| | + | .align-items-sm-stretch { |
| | + | -ms-flex-align: stretch!important; |
| | + | align-items: stretch!important |
| | + | } |
| | + | |
| | + | .align-content-sm-start { |
| | + | -ms-flex-line-pack: start!important; |
| | + | align-content: flex-start!important |
| | + | } |
| | + | |
| | + | .align-content-sm-end { |
| | + | -ms-flex-line-pack: end!important; |
| | + | align-content: flex-end!important |
| | + | } |
| | + | |
| | + | .align-content-sm-center { |
| | + | -ms-flex-line-pack: center!important; |
| | + | align-content: center!important |
| | + | } |
| | + | |
| | + | .align-content-sm-between { |
| | + | -ms-flex-line-pack: justify!important; |
| | + | align-content: space-between!important |
| | + | } |
| | + | |
| | + | .align-content-sm-around { |
| | + | -ms-flex-line-pack: distribute!important; |
| | + | align-content: space-around!important |
| | + | } |
| | + | |
| | + | .align-content-sm-stretch { |
| | + | -ms-flex-line-pack: stretch!important; |
| | + | align-content: stretch!important |
| | + | } |
| | + | |
| | + | .align-self-sm-auto { |
| | + | -ms-flex-item-align: auto!important; |
| | + | align-self: auto!important |
| | + | } |
| | + | |
| | + | .align-self-sm-start { |
| | + | -ms-flex-item-align: start!important; |
| | + | align-self: flex-start!important |
| | + | } |
| | + | |
| | + | .align-self-sm-end { |
| | + | -ms-flex-item-align: end!important; |
| | + | align-self: flex-end!important |
| | + | } |
| | + | |
| | + | .align-self-sm-center { |
| | + | -ms-flex-item-align: center!important; |
| | + | align-self: center!important |
| | + | } |
| | + | |
| | + | .align-self-sm-baseline { |
| | + | -ms-flex-item-align: baseline!important; |
| | + | align-self: baseline!important |
| | + | } |
| | + | |
| | + | .align-self-sm-stretch { |
| | + | -ms-flex-item-align: stretch!important; |
| | + | align-self: stretch!important |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 768px) { |
| | + | .flex-md-row { |
| | + | -ms-flex-direction:row!important; |
| | + | flex-direction: row!important |
| | + | } |
| | + | |
| | + | .flex-md-column { |
| | + | -ms-flex-direction: column!important; |
| | + | flex-direction: column!important |
| | + | } |
| | + | |
| | + | .flex-md-row-reverse { |
| | + | -ms-flex-direction: row-reverse!important; |
| | + | flex-direction: row-reverse!important |
| | + | } |
| | + | |
| | + | .flex-md-column-reverse { |
| | + | -ms-flex-direction: column-reverse!important; |
| | + | flex-direction: column-reverse!important |
| | + | } |
| | + | |
| | + | .flex-md-wrap { |
| | + | -ms-flex-wrap: wrap!important; |
| | + | flex-wrap: wrap!important |
| | + | } |
| | + | |
| | + | .flex-md-nowrap { |
| | + | -ms-flex-wrap: nowrap!important; |
| | + | flex-wrap: nowrap!important |
| | + | } |
| | + | |
| | + | .flex-md-wrap-reverse { |
| | + | -ms-flex-wrap: wrap-reverse!important; |
| | + | flex-wrap: wrap-reverse!important |
| | + | } |
| | + | |
| | + | .flex-md-fill { |
| | + | -ms-flex: 1 1 auto!important; |
| | + | flex: 1 1 auto!important |
| | + | } |
| | + | |
| | + | .flex-md-grow-0 { |
| | + | -ms-flex-positive: 0!important; |
| | + | flex-grow: 0!important |
| | + | } |
| | + | |
| | + | .flex-md-grow-1 { |
| | + | -ms-flex-positive: 1!important; |
| | + | flex-grow: 1!important |
| | + | } |
| | + | |
| | + | .flex-md-shrink-0 { |
| | + | -ms-flex-negative: 0!important; |
| | + | flex-shrink: 0!important |
| | + | } |
| | + | |
| | + | .flex-md-shrink-1 { |
| | + | -ms-flex-negative: 1!important; |
| | + | flex-shrink: 1!important |
| | + | } |
| | + | |
| | + | .justify-content-md-start { |
| | + | -ms-flex-pack: start!important; |
| | + | justify-content: flex-start!important |
| | + | } |
| | + | |
| | + | .justify-content-md-end { |
| | + | -ms-flex-pack: end!important; |
| | + | justify-content: flex-end!important |
| | + | } |
| | + | |
| | + | .justify-content-md-center { |
| | + | -ms-flex-pack: center!important; |
| | + | justify-content: center!important |
| | + | } |
| | + | |
| | + | .justify-content-md-between { |
| | + | -ms-flex-pack: justify!important; |
| | + | justify-content: space-between!important |
| | + | } |
| | + | |
| | + | .justify-content-md-around { |
| | + | -ms-flex-pack: distribute!important; |
| | + | justify-content: space-around!important |
| | + | } |
| | + | |
| | + | .align-items-md-start { |
| | + | -ms-flex-align: start!important; |
| | + | align-items: flex-start!important |
| | + | } |
| | + | |
| | + | .align-items-md-end { |
| | + | -ms-flex-align: end!important; |
| | + | align-items: flex-end!important |
| | + | } |
| | + | |
| | + | .align-items-md-center { |
| | + | -ms-flex-align: center!important; |
| | + | align-items: center!important |
| | + | } |
| | + | |
| | + | .align-items-md-baseline { |
| | + | -ms-flex-align: baseline!important; |
| | + | align-items: baseline!important |
| | + | } |
| | + | |
| | + | .align-items-md-stretch { |
| | + | -ms-flex-align: stretch!important; |
| | + | align-items: stretch!important |
| | + | } |
| | + | |
| | + | .align-content-md-start { |
| | + | -ms-flex-line-pack: start!important; |
| | + | align-content: flex-start!important |
| | + | } |
| | + | |
| | + | .align-content-md-end { |
| | + | -ms-flex-line-pack: end!important; |
| | + | align-content: flex-end!important |
| | + | } |
| | + | |
| | + | .align-content-md-center { |
| | + | -ms-flex-line-pack: center!important; |
| | + | align-content: center!important |
| | + | } |
| | + | |
| | + | .align-content-md-between { |
| | + | -ms-flex-line-pack: justify!important; |
| | + | align-content: space-between!important |
| | + | } |
| | + | |
| | + | .align-content-md-around { |
| | + | -ms-flex-line-pack: distribute!important; |
| | + | align-content: space-around!important |
| | + | } |
| | + | |
| | + | .align-content-md-stretch { |
| | + | -ms-flex-line-pack: stretch!important; |
| | + | align-content: stretch!important |
| | + | } |
| | + | |
| | + | .align-self-md-auto { |
| | + | -ms-flex-item-align: auto!important; |
| | + | align-self: auto!important |
| | + | } |
| | + | |
| | + | .align-self-md-start { |
| | + | -ms-flex-item-align: start!important; |
| | + | align-self: flex-start!important |
| | + | } |
| | + | |
| | + | .align-self-md-end { |
| | + | -ms-flex-item-align: end!important; |
| | + | align-self: flex-end!important |
| | + | } |
| | + | |
| | + | .align-self-md-center { |
| | + | -ms-flex-item-align: center!important; |
| | + | align-self: center!important |
| | + | } |
| | + | |
| | + | .align-self-md-baseline { |
| | + | -ms-flex-item-align: baseline!important; |
| | + | align-self: baseline!important |
| | + | } |
| | + | |
| | + | .align-self-md-stretch { |
| | + | -ms-flex-item-align: stretch!important; |
| | + | align-self: stretch!important |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 992px) { |
| | + | .flex-lg-row { |
| | + | -ms-flex-direction:row!important; |
| | + | flex-direction: row!important |
| | + | } |
| | + | |
| | + | .flex-lg-column { |
| | + | -ms-flex-direction: column!important; |
| | + | flex-direction: column!important |
| | + | } |
| | + | |
| | + | .flex-lg-row-reverse { |
| | + | -ms-flex-direction: row-reverse!important; |
| | + | flex-direction: row-reverse!important |
| | + | } |
| | + | |
| | + | .flex-lg-column-reverse { |
| | + | -ms-flex-direction: column-reverse!important; |
| | + | flex-direction: column-reverse!important |
| | + | } |
| | + | |
| | + | .flex-lg-wrap { |
| | + | -ms-flex-wrap: wrap!important; |
| | + | flex-wrap: wrap!important |
| | + | } |
| | + | |
| | + | .flex-lg-nowrap { |
| | + | -ms-flex-wrap: nowrap!important; |
| | + | flex-wrap: nowrap!important |
| | + | } |
| | + | |
| | + | .flex-lg-wrap-reverse { |
| | + | -ms-flex-wrap: wrap-reverse!important; |
| | + | flex-wrap: wrap-reverse!important |
| | + | } |
| | + | |
| | + | .flex-lg-fill { |
| | + | -ms-flex: 1 1 auto!important; |
| | + | flex: 1 1 auto!important |
| | + | } |
| | + | |
| | + | .flex-lg-grow-0 { |
| | + | -ms-flex-positive: 0!important; |
| | + | flex-grow: 0!important |
| | + | } |
| | + | |
| | + | .flex-lg-grow-1 { |
| | + | -ms-flex-positive: 1!important; |
| | + | flex-grow: 1!important |
| | + | } |
| | + | |
| | + | .flex-lg-shrink-0 { |
| | + | -ms-flex-negative: 0!important; |
| | + | flex-shrink: 0!important |
| | + | } |
| | + | |
| | + | .flex-lg-shrink-1 { |
| | + | -ms-flex-negative: 1!important; |
| | + | flex-shrink: 1!important |
| | + | } |
| | + | |
| | + | .justify-content-lg-start { |
| | + | -ms-flex-pack: start!important; |
| | + | justify-content: flex-start!important |
| | + | } |
| | + | |
| | + | .justify-content-lg-end { |
| | + | -ms-flex-pack: end!important; |
| | + | justify-content: flex-end!important |
| | + | } |
| | + | |
| | + | .justify-content-lg-center { |
| | + | -ms-flex-pack: center!important; |
| | + | justify-content: center!important |
| | + | } |
| | + | |
| | + | .justify-content-lg-between { |
| | + | -ms-flex-pack: justify!important; |
| | + | justify-content: space-between!important |
| | + | } |
| | + | |
| | + | .justify-content-lg-around { |
| | + | -ms-flex-pack: distribute!important; |
| | + | justify-content: space-around!important |
| | + | } |
| | + | |
| | + | .align-items-lg-start { |
| | + | -ms-flex-align: start!important; |
| | + | align-items: flex-start!important |
| | + | } |
| | + | |
| | + | .align-items-lg-end { |
| | + | -ms-flex-align: end!important; |
| | + | align-items: flex-end!important |
| | + | } |
| | + | |
| | + | .align-items-lg-center { |
| | + | -ms-flex-align: center!important; |
| | + | align-items: center!important |
| | + | } |
| | + | |
| | + | .align-items-lg-baseline { |
| | + | -ms-flex-align: baseline!important; |
| | + | align-items: baseline!important |
| | + | } |
| | + | |
| | + | .align-items-lg-stretch { |
| | + | -ms-flex-align: stretch!important; |
| | + | align-items: stretch!important |
| | + | } |
| | + | |
| | + | .align-content-lg-start { |
| | + | -ms-flex-line-pack: start!important; |
| | + | align-content: flex-start!important |
| | + | } |
| | + | |
| | + | .align-content-lg-end { |
| | + | -ms-flex-line-pack: end!important; |
| | + | align-content: flex-end!important |
| | + | } |
| | + | |
| | + | .align-content-lg-center { |
| | + | -ms-flex-line-pack: center!important; |
| | + | align-content: center!important |
| | + | } |
| | + | |
| | + | .align-content-lg-between { |
| | + | -ms-flex-line-pack: justify!important; |
| | + | align-content: space-between!important |
| | + | } |
| | + | |
| | + | .align-content-lg-around { |
| | + | -ms-flex-line-pack: distribute!important; |
| | + | align-content: space-around!important |
| | + | } |
| | + | |
| | + | .align-content-lg-stretch { |
| | + | -ms-flex-line-pack: stretch!important; |
| | + | align-content: stretch!important |
| | + | } |
| | + | |
| | + | .align-self-lg-auto { |
| | + | -ms-flex-item-align: auto!important; |
| | + | align-self: auto!important |
| | + | } |
| | + | |
| | + | .align-self-lg-start { |
| | + | -ms-flex-item-align: start!important; |
| | + | align-self: flex-start!important |
| | + | } |
| | + | |
| | + | .align-self-lg-end { |
| | + | -ms-flex-item-align: end!important; |
| | + | align-self: flex-end!important |
| | + | } |
| | + | |
| | + | .align-self-lg-center { |
| | + | -ms-flex-item-align: center!important; |
| | + | align-self: center!important |
| | + | } |
| | + | |
| | + | .align-self-lg-baseline { |
| | + | -ms-flex-item-align: baseline!important; |
| | + | align-self: baseline!important |
| | + | } |
| | + | |
| | + | .align-self-lg-stretch { |
| | + | -ms-flex-item-align: stretch!important; |
| | + | align-self: stretch!important |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 1200px) { |
| | + | .flex-xl-row { |
| | + | -ms-flex-direction:row!important; |
| | + | flex-direction: row!important |
| | + | } |
| | + | |
| | + | .flex-xl-column { |
| | + | -ms-flex-direction: column!important; |
| | + | flex-direction: column!important |
| | + | } |
| | + | |
| | + | .flex-xl-row-reverse { |
| | + | -ms-flex-direction: row-reverse!important; |
| | + | flex-direction: row-reverse!important |
| | + | } |
| | + | |
| | + | .flex-xl-column-reverse { |
| | + | -ms-flex-direction: column-reverse!important; |
| | + | flex-direction: column-reverse!important |
| | + | } |
| | + | |
| | + | .flex-xl-wrap { |
| | + | -ms-flex-wrap: wrap!important; |
| | + | flex-wrap: wrap!important |
| | + | } |
| | + | |
| | + | .flex-xl-nowrap { |
| | + | -ms-flex-wrap: nowrap!important; |
| | + | flex-wrap: nowrap!important |
| | + | } |
| | + | |
| | + | .flex-xl-wrap-reverse { |
| | + | -ms-flex-wrap: wrap-reverse!important; |
| | + | flex-wrap: wrap-reverse!important |
| | + | } |
| | + | |
| | + | .flex-xl-fill { |
| | + | -ms-flex: 1 1 auto!important; |
| | + | flex: 1 1 auto!important |
| | + | } |
| | + | |
| | + | .flex-xl-grow-0 { |
| | + | -ms-flex-positive: 0!important; |
| | + | flex-grow: 0!important |
| | + | } |
| | + | |
| | + | .flex-xl-grow-1 { |
| | + | -ms-flex-positive: 1!important; |
| | + | flex-grow: 1!important |
| | + | } |
| | + | |
| | + | .flex-xl-shrink-0 { |
| | + | -ms-flex-negative: 0!important; |
| | + | flex-shrink: 0!important |
| | + | } |
| | + | |
| | + | .flex-xl-shrink-1 { |
| | + | -ms-flex-negative: 1!important; |
| | + | flex-shrink: 1!important |
| | + | } |
| | + | |
| | + | .justify-content-xl-start { |
| | + | -ms-flex-pack: start!important; |
| | + | justify-content: flex-start!important |
| | + | } |
| | + | |
| | + | .justify-content-xl-end { |
| | + | -ms-flex-pack: end!important; |
| | + | justify-content: flex-end!important |
| | + | } |
| | + | |
| | + | .justify-content-xl-center { |
| | + | -ms-flex-pack: center!important; |
| | + | justify-content: center!important |
| | + | } |
| | + | |
| | + | .justify-content-xl-between { |
| | + | -ms-flex-pack: justify!important; |
| | + | justify-content: space-between!important |
| | + | } |
| | + | |
| | + | .justify-content-xl-around { |
| | + | -ms-flex-pack: distribute!important; |
| | + | justify-content: space-around!important |
| | + | } |
| | + | |
| | + | .align-items-xl-start { |
| | + | -ms-flex-align: start!important; |
| | + | align-items: flex-start!important |
| | + | } |
| | + | |
| | + | .align-items-xl-end { |
| | + | -ms-flex-align: end!important; |
| | + | align-items: flex-end!important |
| | + | } |
| | + | |
| | + | .align-items-xl-center { |
| | + | -ms-flex-align: center!important; |
| | + | align-items: center!important |
| | + | } |
| | + | |
| | + | .align-items-xl-baseline { |
| | + | -ms-flex-align: baseline!important; |
| | + | align-items: baseline!important |
| | + | } |
| | + | |
| | + | .align-items-xl-stretch { |
| | + | -ms-flex-align: stretch!important; |
| | + | align-items: stretch!important |
| | + | } |
| | + | |
| | + | .align-content-xl-start { |
| | + | -ms-flex-line-pack: start!important; |
| | + | align-content: flex-start!important |
| | + | } |
| | + | |
| | + | .align-content-xl-end { |
| | + | -ms-flex-line-pack: end!important; |
| | + | align-content: flex-end!important |
| | + | } |
| | + | |
| | + | .align-content-xl-center { |
| | + | -ms-flex-line-pack: center!important; |
| | + | align-content: center!important |
| | + | } |
| | + | |
| | + | .align-content-xl-between { |
| | + | -ms-flex-line-pack: justify!important; |
| | + | align-content: space-between!important |
| | + | } |
| | + | |
| | + | .align-content-xl-around { |
| | + | -ms-flex-line-pack: distribute!important; |
| | + | align-content: space-around!important |
| | + | } |
| | + | |
| | + | .align-content-xl-stretch { |
| | + | -ms-flex-line-pack: stretch!important; |
| | + | align-content: stretch!important |
| | + | } |
| | + | |
| | + | .align-self-xl-auto { |
| | + | -ms-flex-item-align: auto!important; |
| | + | align-self: auto!important |
| | + | } |
| | + | |
| | + | .align-self-xl-start { |
| | + | -ms-flex-item-align: start!important; |
| | + | align-self: flex-start!important |
| | + | } |
| | + | |
| | + | .align-self-xl-end { |
| | + | -ms-flex-item-align: end!important; |
| | + | align-self: flex-end!important |
| | + | } |
| | + | |
| | + | .align-self-xl-center { |
| | + | -ms-flex-item-align: center!important; |
| | + | align-self: center!important |
| | + | } |
| | + | |
| | + | .align-self-xl-baseline { |
| | + | -ms-flex-item-align: baseline!important; |
| | + | align-self: baseline!important |
| | + | } |
| | + | |
| | + | .align-self-xl-stretch { |
| | + | -ms-flex-item-align: stretch!important; |
| | + | align-self: stretch!important |
| | + | } |
| | + | } |
| | + | |
| | + | .float-left { |
| | + | float: left!important |
| | + | } |
| | + | |
| | + | .float-right { |
| | + | float: right!important |
| | + | } |
| | + | |
| | + | .float-none { |
| | + | float: none!important |
| | + | } |
| | + | |
| | + | @media (min-width: 576px) { |
| | + | .float-sm-left { |
| | + | float:left!important |
| | + | } |
| | + | |
| | + | .float-sm-right { |
| | + | float: right!important |
| | + | } |
| | + | |
| | + | .float-sm-none { |
| | + | float: none!important |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 768px) { |
| | + | .float-md-left { |
| | + | float:left!important |
| | + | } |
| | + | |
| | + | .float-md-right { |
| | + | float: right!important |
| | + | } |
| | + | |
| | + | .float-md-none { |
| | + | float: none!important |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 992px) { |
| | + | .float-lg-left { |
| | + | float:left!important |
| | + | } |
| | + | |
| | + | .float-lg-right { |
| | + | float: right!important |
| | + | } |
| | + | |
| | + | .float-lg-none { |
| | + | float: none!important |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 1200px) { |
| | + | .float-xl-left { |
| | + | float:left!important |
| | + | } |
| | + | |
| | + | .float-xl-right { |
| | + | float: right!important |
| | + | } |
| | + | |
| | + | .float-xl-none { |
| | + | float: none!important |
| | + | } |
| | + | } |
| | + | |
| | + | .position-static { |
| | + | position: static!important |
| | + | } |
| | + | |
| | + | .position-relative { |
| | + | position: relative!important |
| | + | } |
| | + | |
| | + | .position-absolute { |
| | + | position: absolute!important |
| | + | } |
| | + | |
| | + | .position-fixed { |
| | + | position: fixed!important |
| | + | } |
| | + | |
| | + | .position-sticky { |
| | + | position: -webkit-sticky!important; |
| | + | position: sticky!important |
| | + | } |
| | + | |
| | + | .fixed-top { |
| | + | position: fixed; |
| | + | top: 0; |
| | + | right: 0; |
| | + | left: 0; |
| | + | z-index: 1030 |
| | + | } |
| | + | |
| | + | .fixed-bottom { |
| | + | position: fixed; |
| | + | right: 0; |
| | + | bottom: 0; |
| | + | left: 0; |
| | + | z-index: 1030 |
| | + | } |
| | + | |
| | + | @supports ((position: -webkit-sticky) or (position:sticky)) { |
| | + | .sticky-top { |
| | + | position:-webkit-sticky; |
| | + | position: sticky; |
| | + | top: 0; |
| | + | z-index: 1020 |
| | + | } |
| | + | } |
| | + | |
| | + | .sr-only { |
| | + | position: absolute; |
| | + | width: 1px; |
| | + | height: 1px; |
| | + | padding: 0; |
| | + | overflow: hidden; |
| | + | clip: rect(0,0,0,0); |
| | + | white-space: nowrap; |
| | + | border: 0 |
| | + | } |
| | + | |
| | + | .sr-only-focusable:active,.sr-only-focusable:focus { |
| | + | position: static; |
| | + | width: auto; |
| | + | height: auto; |
| | + | overflow: visible; |
| | + | clip: auto; |
| | + | white-space: normal |
| | + | } |
| | + | |
| | + | .shadow-sm { |
| | + | box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important |
| | + | } |
| | + | |
| | + | .shadow { |
| | + | box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important |
| | + | } |
| | + | |
| | + | .shadow-lg { |
| | + | box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important |
| | + | } |
| | + | |
| | + | .shadow-none { |
| | + | box-shadow: none!important |
| | + | } |
| | + | |
| | + | .w-25 { |
| | + | width: 25%!important |
| | + | } |
| | + | |
| | + | .w-50 { |
| | + | width: 50%!important |
| | + | } |
| | + | |
| | + | .w-75 { |
| | + | width: 75%!important |
| | + | } |
| | + | |
| | + | .w-100 { |
| | + | width: 100%!important |
| | + | } |
| | + | |
| | + | .w-auto { |
| | + | width: auto!important |
| | + | } |
| | + | |
| | + | .h-25 { |
| | + | height: 25%!important |
| | + | } |
| | + | |
| | + | .h-50 { |
| | + | height: 50%!important |
| | + | } |
| | + | |
| | + | .h-75 { |
| | + | height: 75%!important |
| | + | } |
| | + | |
| | + | .h-100 { |
| | + | height: 100%!important |
| | + | } |
| | + | |
| | + | .h-auto { |
| | + | height: auto!important |
| | + | } |
| | + | |
| | + | .mw-100 { |
| | + | max-width: 100%!important |
| | + | } |
| | + | |
| | + | .mh-100 { |
| | + | max-height: 100%!important |
| | + | } |
| | + | |
| | + | .m-0 { |
| | + | margin: 0!important |
| | + | } |
| | + | |
| | + | .mt-0,.my-0 { |
| | + | margin-top: 0!important |
| | + | } |
| | + | |
| | + | .mr-0,.mx-0 { |
| | + | margin-right: 0!important |
| | + | } |
| | + | |
| | + | .mb-0,.my-0 { |
| | + | margin-bottom: 0!important |
| | + | } |
| | + | |
| | + | .ml-0,.mx-0 { |
| | + | margin-left: 0!important |
| | + | } |
| | + | |
| | + | .m-1 { |
| | + | margin: .25rem!important |
| | + | } |
| | + | |
| | + | .mt-1,.my-1 { |
| | + | margin-top: .25rem!important |
| | + | } |
| | + | |
| | + | .mr-1,.mx-1 { |
| | + | margin-right: .25rem!important |
| | + | } |
| | + | |
| | + | .mb-1,.my-1 { |
| | + | margin-bottom: .25rem!important |
| | + | } |
| | + | |
| | + | .ml-1,.mx-1 { |
| | + | margin-left: .25rem!important |
| | + | } |
| | + | |
| | + | .m-2 { |
| | + | margin: .5rem!important |
| | + | } |
| | + | |
| | + | .mt-2,.my-2 { |
| | + | margin-top: .5rem!important |
| | + | } |
| | + | |
| | + | .mr-2,.mx-2 { |
| | + | margin-right: .5rem!important |
| | + | } |
| | + | |
| | + | .mb-2,.my-2 { |
| | + | margin-bottom: .5rem!important |
| | + | } |
| | + | |
| | + | .ml-2,.mx-2 { |
| | + | margin-left: .5rem!important |
| | + | } |
| | + | |
| | + | .m-3 { |
| | + | margin: 1rem!important |
| | + | } |
| | + | |
| | + | .mt-3,.my-3 { |
| | + | margin-top: 1rem!important |
| | + | } |
| | + | |
| | + | .mr-3,.mx-3 { |
| | + | margin-right: 1rem!important |
| | + | } |
| | + | |
| | + | .mb-3,.my-3 { |
| | + | margin-bottom: 1rem!important |
| | + | } |
| | + | |
| | + | .ml-3,.mx-3 { |
| | + | margin-left: 1rem!important |
| | + | } |
| | + | |
| | + | .m-4 { |
| | + | margin: 1.5rem!important |
| | + | } |
| | + | |
| | + | .mt-4,.my-4 { |
| | + | margin-top: 1.5rem!important |
| | + | } |
| | + | |
| | + | .mr-4,.mx-4 { |
| | + | margin-right: 1.5rem!important |
| | + | } |
| | + | |
| | + | .mb-4,.my-4 { |
| | + | margin-bottom: 1.5rem!important |
| | + | } |
| | + | |
| | + | .ml-4,.mx-4 { |
| | + | margin-left: 1.5rem!important |
| | + | } |
| | + | |
| | + | .m-5 { |
| | + | margin: 3rem!important |
| | + | } |
| | + | |
| | + | .mt-5,.my-5 { |
| | + | margin-top: 3rem!important |
| | + | } |
| | + | |
| | + | .mr-5,.mx-5 { |
| | + | margin-right: 3rem!important |
| | + | } |
| | + | |
| | + | .mb-5,.my-5 { |
| | + | margin-bottom: 3rem!important |
| | + | } |
| | + | |
| | + | .ml-5,.mx-5 { |
| | + | margin-left: 3rem!important |
| | + | } |
| | + | |
| | + | .p-0 { |
| | + | padding: 0!important |
| | + | } |
| | + | |
| | + | .pt-0,.py-0 { |
| | + | padding-top: 0!important |
| | + | } |
| | + | |
| | + | .pr-0,.px-0 { |
| | + | padding-right: 0!important |
| | + | } |
| | + | |
| | + | .pb-0,.py-0 { |
| | + | padding-bottom: 0!important |
| | + | } |
| | + | |
| | + | .pl-0,.px-0 { |
| | + | padding-left: 0!important |
| | + | } |
| | + | |
| | + | .p-1 { |
| | + | padding: .25rem!important |
| | + | } |
| | + | |
| | + | .pt-1,.py-1 { |
| | + | padding-top: .25rem!important |
| | + | } |
| | + | |
| | + | .pr-1,.px-1 { |
| | + | padding-right: .25rem!important |
| | + | } |
| | + | |
| | + | .pb-1,.py-1 { |
| | + | padding-bottom: .25rem!important |
| | + | } |
| | + | |
| | + | .pl-1,.px-1 { |
| | + | padding-left: .25rem!important |
| | + | } |
| | + | |
| | + | .p-2 { |
| | + | padding: .5rem!important |
| | + | } |
| | + | |
| | + | .pt-2,.py-2 { |
| | + | padding-top: .5rem!important |
| | + | } |
| | + | |
| | + | .pr-2,.px-2 { |
| | + | padding-right: .5rem!important |
| | + | } |
| | + | |
| | + | .pb-2,.py-2 { |
| | + | padding-bottom: .5rem!important |
| | + | } |
| | + | |
| | + | .pl-2,.px-2 { |
| | + | padding-left: .5rem!important |
| | + | } |
| | + | |
| | + | .p-3 { |
| | + | padding: 1rem!important |
| | + | } |
| | + | |
| | + | .pt-3,.py-3 { |
| | + | padding-top: 1rem!important |
| | + | } |
| | + | |
| | + | .pr-3,.px-3 { |
| | + | padding-right: 1rem!important |
| | + | } |
| | + | |
| | + | .pb-3,.py-3 { |
| | + | padding-bottom: 1rem!important |
| | + | } |
| | + | |
| | + | .pl-3,.px-3 { |
| | + | padding-left: 1rem!important |
| | + | } |
| | + | |
| | + | .p-4 { |
| | + | padding: 1.5rem!important |
| | + | } |
| | + | |
| | + | .pt-4,.py-4 { |
| | + | padding-top: 1.5rem!important |
| | + | } |
| | + | |
| | + | .pr-4,.px-4 { |
| | + | padding-right: 1.5rem!important |
| | + | } |
| | + | |
| | + | .pb-4,.py-4 { |
| | + | padding-bottom: 1.5rem!important |
| | + | } |
| | + | |
| | + | .pl-4,.px-4 { |
| | + | padding-left: 1.5rem!important |
| | + | } |
| | + | |
| | + | .p-5 { |
| | + | padding: 3rem!important |
| | + | } |
| | + | |
| | + | .pt-5,.py-5 { |
| | + | padding-top: 3rem!important |
| | + | } |
| | + | |
| | + | .pr-5,.px-5 { |
| | + | padding-right: 3rem!important |
| | + | } |
| | + | |
| | + | .pb-5,.py-5 { |
| | + | padding-bottom: 3rem!important |
| | + | } |
| | + | |
| | + | .pl-5,.px-5 { |
| | + | padding-left: 3rem!important |
| | + | } |
| | + | |
| | + | .m-auto { |
| | + | margin: auto!important |
| | + | } |
| | + | |
| | + | .mt-auto,.my-auto { |
| | + | margin-top: auto!important |
| | + | } |
| | + | |
| | + | .mr-auto,.mx-auto { |
| | + | margin-right: auto!important |
| | + | } |
| | + | |
| | + | .mb-auto,.my-auto { |
| | + | margin-bottom: auto!important |
| | + | } |
| | + | |
| | + | .ml-auto,.mx-auto { |
| | + | margin-left: auto!important |
| | + | } |
| | + | |
| | + | @media (min-width: 576px) { |
| | + | .m-sm-0 { |
| | + | margin:0!important |
| | + | } |
| | + | |
| | + | .mt-sm-0,.my-sm-0 { |
| | + | margin-top: 0!important |
| | + | } |
| | + | |
| | + | .mr-sm-0,.mx-sm-0 { |
| | + | margin-right: 0!important |
| | + | } |
| | + | |
| | + | .mb-sm-0,.my-sm-0 { |
| | + | margin-bottom: 0!important |
| | + | } |
| | + | |
| | + | .ml-sm-0,.mx-sm-0 { |
| | + | margin-left: 0!important |
| | + | } |
| | + | |
| | + | .m-sm-1 { |
| | + | margin: .25rem!important |
| | + | } |
| | + | |
| | + | .mt-sm-1,.my-sm-1 { |
| | + | margin-top: .25rem!important |
| | + | } |
| | + | |
| | + | .mr-sm-1,.mx-sm-1 { |
| | + | margin-right: .25rem!important |
| | + | } |
| | + | |
| | + | .mb-sm-1,.my-sm-1 { |
| | + | margin-bottom: .25rem!important |
| | + | } |
| | + | |
| | + | .ml-sm-1,.mx-sm-1 { |
| | + | margin-left: .25rem!important |
| | + | } |
| | + | |
| | + | .m-sm-2 { |
| | + | margin: .5rem!important |
| | + | } |
| | + | |
| | + | .mt-sm-2,.my-sm-2 { |
| | + | margin-top: .5rem!important |
| | + | } |
| | + | |
| | + | .mr-sm-2,.mx-sm-2 { |
| | + | margin-right: .5rem!important |
| | + | } |
| | + | |
| | + | .mb-sm-2,.my-sm-2 { |
| | + | margin-bottom: .5rem!important |
| | + | } |
| | + | |
| | + | .ml-sm-2,.mx-sm-2 { |
| | + | margin-left: .5rem!important |
| | + | } |
| | + | |
| | + | .m-sm-3 { |
| | + | margin: 1rem!important |
| | + | } |
| | + | |
| | + | .mt-sm-3,.my-sm-3 { |
| | + | margin-top: 1rem!important |
| | + | } |
| | + | |
| | + | .mr-sm-3,.mx-sm-3 { |
| | + | margin-right: 1rem!important |
| | + | } |
| | + | |
| | + | .mb-sm-3,.my-sm-3 { |
| | + | margin-bottom: 1rem!important |
| | + | } |
| | + | |
| | + | .ml-sm-3,.mx-sm-3 { |
| | + | margin-left: 1rem!important |
| | + | } |
| | + | |
| | + | .m-sm-4 { |
| | + | margin: 1.5rem!important |
| | + | } |
| | + | |
| | + | .mt-sm-4,.my-sm-4 { |
| | + | margin-top: 1.5rem!important |
| | + | } |
| | + | |
| | + | .mr-sm-4,.mx-sm-4 { |
| | + | margin-right: 1.5rem!important |
| | + | } |
| | + | |
| | + | .mb-sm-4,.my-sm-4 { |
| | + | margin-bottom: 1.5rem!important |
| | + | } |
| | + | |
| | + | .ml-sm-4,.mx-sm-4 { |
| | + | margin-left: 1.5rem!important |
| | + | } |
| | + | |
| | + | .m-sm-5 { |
| | + | margin: 3rem!important |
| | + | } |
| | + | |
| | + | .mt-sm-5,.my-sm-5 { |
| | + | margin-top: 3rem!important |
| | + | } |
| | + | |
| | + | .mr-sm-5,.mx-sm-5 { |
| | + | margin-right: 3rem!important |
| | + | } |
| | + | |
| | + | .mb-sm-5,.my-sm-5 { |
| | + | margin-bottom: 3rem!important |
| | + | } |
| | + | |
| | + | .ml-sm-5,.mx-sm-5 { |
| | + | margin-left: 3rem!important |
| | + | } |
| | + | |
| | + | .p-sm-0 { |
| | + | padding: 0!important |
| | + | } |
| | + | |
| | + | .pt-sm-0,.py-sm-0 { |
| | + | padding-top: 0!important |
| | + | } |
| | + | |
| | + | .pr-sm-0,.px-sm-0 { |
| | + | padding-right: 0!important |
| | + | } |
| | + | |
| | + | .pb-sm-0,.py-sm-0 { |
| | + | padding-bottom: 0!important |
| | + | } |
| | + | |
| | + | .pl-sm-0,.px-sm-0 { |
| | + | padding-left: 0!important |
| | + | } |
| | + | |
| | + | .p-sm-1 { |
| | + | padding: .25rem!important |
| | + | } |
| | + | |
| | + | .pt-sm-1,.py-sm-1 { |
| | + | padding-top: .25rem!important |
| | + | } |
| | + | |
| | + | .pr-sm-1,.px-sm-1 { |
| | + | padding-right: .25rem!important |
| | + | } |
| | + | |
| | + | .pb-sm-1,.py-sm-1 { |
| | + | padding-bottom: .25rem!important |
| | + | } |
| | + | |
| | + | .pl-sm-1,.px-sm-1 { |
| | + | padding-left: .25rem!important |
| | + | } |
| | + | |
| | + | .p-sm-2 { |
| | + | padding: .5rem!important |
| | + | } |
| | + | |
| | + | .pt-sm-2,.py-sm-2 { |
| | + | padding-top: .5rem!important |
| | + | } |
| | + | |
| | + | .pr-sm-2,.px-sm-2 { |
| | + | padding-right: .5rem!important |
| | + | } |
| | + | |
| | + | .pb-sm-2,.py-sm-2 { |
| | + | padding-bottom: .5rem!important |
| | + | } |
| | + | |
| | + | .pl-sm-2,.px-sm-2 { |
| | + | padding-left: .5rem!important |
| | + | } |
| | + | |
| | + | .p-sm-3 { |
| | + | padding: 1rem!important |
| | + | } |
| | + | |
| | + | .pt-sm-3,.py-sm-3 { |
| | + | padding-top: 1rem!important |
| | + | } |
| | + | |
| | + | .pr-sm-3,.px-sm-3 { |
| | + | padding-right: 1rem!important |
| | + | } |
| | + | |
| | + | .pb-sm-3,.py-sm-3 { |
| | + | padding-bottom: 1rem!important |
| | + | } |
| | + | |
| | + | .pl-sm-3,.px-sm-3 { |
| | + | padding-left: 1rem!important |
| | + | } |
| | + | |
| | + | .p-sm-4 { |
| | + | padding: 1.5rem!important |
| | + | } |
| | + | |
| | + | .pt-sm-4,.py-sm-4 { |
| | + | padding-top: 1.5rem!important |
| | + | } |
| | + | |
| | + | .pr-sm-4,.px-sm-4 { |
| | + | padding-right: 1.5rem!important |
| | + | } |
| | + | |
| | + | .pb-sm-4,.py-sm-4 { |
| | + | padding-bottom: 1.5rem!important |
| | + | } |
| | + | |
| | + | .pl-sm-4,.px-sm-4 { |
| | + | padding-left: 1.5rem!important |
| | + | } |
| | + | |
| | + | .p-sm-5 { |
| | + | padding: 3rem!important |
| | + | } |
| | + | |
| | + | .pt-sm-5,.py-sm-5 { |
| | + | padding-top: 3rem!important |
| | + | } |
| | + | |
| | + | .pr-sm-5,.px-sm-5 { |
| | + | padding-right: 3rem!important |
| | + | } |
| | + | |
| | + | .pb-sm-5,.py-sm-5 { |
| | + | padding-bottom: 3rem!important |
| | + | } |
| | + | |
| | + | .pl-sm-5,.px-sm-5 { |
| | + | padding-left: 3rem!important |
| | + | } |
| | + | |
| | + | .m-sm-auto { |
| | + | margin: auto!important |
| | + | } |
| | + | |
| | + | .mt-sm-auto,.my-sm-auto { |
| | + | margin-top: auto!important |
| | + | } |
| | + | |
| | + | .mr-sm-auto,.mx-sm-auto { |
| | + | margin-right: auto!important |
| | + | } |
| | + | |
| | + | .mb-sm-auto,.my-sm-auto { |
| | + | margin-bottom: auto!important |
| | + | } |
| | + | |
| | + | .ml-sm-auto,.mx-sm-auto { |
| | + | margin-left: auto!important |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 768px) { |
| | + | .m-md-0 { |
| | + | margin:0!important |
| | + | } |
| | + | |
| | + | .mt-md-0,.my-md-0 { |
| | + | margin-top: 0!important |
| | + | } |
| | + | |
| | + | .mr-md-0,.mx-md-0 { |
| | + | margin-right: 0!important |
| | + | } |
| | + | |
| | + | .mb-md-0,.my-md-0 { |
| | + | margin-bottom: 0!important |
| | + | } |
| | + | |
| | + | .ml-md-0,.mx-md-0 { |
| | + | margin-left: 0!important |
| | + | } |
| | + | |
| | + | .m-md-1 { |
| | + | margin: .25rem!important |
| | + | } |
| | + | |
| | + | .mt-md-1,.my-md-1 { |
| | + | margin-top: .25rem!important |
| | + | } |
| | + | |
| | + | .mr-md-1,.mx-md-1 { |
| | + | margin-right: .25rem!important |
| | + | } |
| | + | |
| | + | .mb-md-1,.my-md-1 { |
| | + | margin-bottom: .25rem!important |
| | + | } |
| | + | |
| | + | .ml-md-1,.mx-md-1 { |
| | + | margin-left: .25rem!important |
| | + | } |
| | + | |
| | + | .m-md-2 { |
| | + | margin: .5rem!important |
| | + | } |
| | + | |
| | + | .mt-md-2,.my-md-2 { |
| | + | margin-top: .5rem!important |
| | + | } |
| | + | |
| | + | .mr-md-2,.mx-md-2 { |
| | + | margin-right: .5rem!important |
| | + | } |
| | + | |
| | + | .mb-md-2,.my-md-2 { |
| | + | margin-bottom: .5rem!important |
| | + | } |
| | + | |
| | + | .ml-md-2,.mx-md-2 { |
| | + | margin-left: .5rem!important |
| | + | } |
| | + | |
| | + | .m-md-3 { |
| | + | margin: 1rem!important |
| | + | } |
| | + | |
| | + | .mt-md-3,.my-md-3 { |
| | + | margin-top: 1rem!important |
| | + | } |
| | + | |
| | + | .mr-md-3,.mx-md-3 { |
| | + | margin-right: 1rem!important |
| | + | } |
| | + | |
| | + | .mb-md-3,.my-md-3 { |
| | + | margin-bottom: 1rem!important |
| | + | } |
| | + | |
| | + | .ml-md-3,.mx-md-3 { |
| | + | margin-left: 1rem!important |
| | + | } |
| | + | |
| | + | .m-md-4 { |
| | + | margin: 1.5rem!important |
| | + | } |
| | + | |
| | + | .mt-md-4,.my-md-4 { |
| | + | margin-top: 1.5rem!important |
| | + | } |
| | + | |
| | + | .mr-md-4,.mx-md-4 { |
| | + | margin-right: 1.5rem!important |
| | + | } |
| | + | |
| | + | .mb-md-4,.my-md-4 { |
| | + | margin-bottom: 1.5rem!important |
| | + | } |
| | + | |
| | + | .ml-md-4,.mx-md-4 { |
| | + | margin-left: 1.5rem!important |
| | + | } |
| | + | |
| | + | .m-md-5 { |
| | + | margin: 3rem!important |
| | + | } |
| | + | |
| | + | .mt-md-5,.my-md-5 { |
| | + | margin-top: 3rem!important |
| | + | } |
| | + | |
| | + | .mr-md-5,.mx-md-5 { |
| | + | margin-right: 3rem!important |
| | + | } |
| | + | |
| | + | .mb-md-5,.my-md-5 { |
| | + | margin-bottom: 3rem!important |
| | + | } |
| | + | |
| | + | .ml-md-5,.mx-md-5 { |
| | + | margin-left: 3rem!important |
| | + | } |
| | + | |
| | + | .p-md-0 { |
| | + | padding: 0!important |
| | + | } |
| | + | |
| | + | .pt-md-0,.py-md-0 { |
| | + | padding-top: 0!important |
| | + | } |
| | + | |
| | + | .pr-md-0,.px-md-0 { |
| | + | padding-right: 0!important |
| | + | } |
| | + | |
| | + | .pb-md-0,.py-md-0 { |
| | + | padding-bottom: 0!important |
| | + | } |
| | + | |
| | + | .pl-md-0,.px-md-0 { |
| | + | padding-left: 0!important |
| | + | } |
| | + | |
| | + | .p-md-1 { |
| | + | padding: .25rem!important |
| | + | } |
| | + | |
| | + | .pt-md-1,.py-md-1 { |
| | + | padding-top: .25rem!important |
| | + | } |
| | + | |
| | + | .pr-md-1,.px-md-1 { |
| | + | padding-right: .25rem!important |
| | + | } |
| | + | |
| | + | .pb-md-1,.py-md-1 { |
| | + | padding-bottom: .25rem!important |
| | + | } |
| | + | |
| | + | .pl-md-1,.px-md-1 { |
| | + | padding-left: .25rem!important |
| | + | } |
| | + | |
| | + | .p-md-2 { |
| | + | padding: .5rem!important |
| | + | } |
| | + | |
| | + | .pt-md-2,.py-md-2 { |
| | + | padding-top: .5rem!important |
| | + | } |
| | + | |
| | + | .pr-md-2,.px-md-2 { |
| | + | padding-right: .5rem!important |
| | + | } |
| | + | |
| | + | .pb-md-2,.py-md-2 { |
| | + | padding-bottom: .5rem!important |
| | + | } |
| | + | |
| | + | .pl-md-2,.px-md-2 { |
| | + | padding-left: .5rem!important |
| | + | } |
| | + | |
| | + | .p-md-3 { |
| | + | padding: 1rem!important |
| | + | } |
| | + | |
| | + | .pt-md-3,.py-md-3 { |
| | + | padding-top: 1rem!important |
| | + | } |
| | + | |
| | + | .pr-md-3,.px-md-3 { |
| | + | padding-right: 1rem!important |
| | + | } |
| | + | |
| | + | .pb-md-3,.py-md-3 { |
| | + | padding-bottom: 1rem!important |
| | + | } |
| | + | |
| | + | .pl-md-3,.px-md-3 { |
| | + | padding-left: 1rem!important |
| | + | } |
| | + | |
| | + | .p-md-4 { |
| | + | padding: 1.5rem!important |
| | + | } |
| | + | |
| | + | .pt-md-4,.py-md-4 { |
| | + | padding-top: 1.5rem!important |
| | + | } |
| | + | |
| | + | .pr-md-4,.px-md-4 { |
| | + | padding-right: 1.5rem!important |
| | + | } |
| | + | |
| | + | .pb-md-4,.py-md-4 { |
| | + | padding-bottom: 1.5rem!important |
| | + | } |
| | + | |
| | + | .pl-md-4,.px-md-4 { |
| | + | padding-left: 1.5rem!important |
| | + | } |
| | + | |
| | + | .p-md-5 { |
| | + | padding: 3rem!important |
| | + | } |
| | + | |
| | + | .pt-md-5,.py-md-5 { |
| | + | padding-top: 3rem!important |
| | + | } |
| | + | |
| | + | .pr-md-5,.px-md-5 { |
| | + | padding-right: 3rem!important |
| | + | } |
| | + | |
| | + | .pb-md-5,.py-md-5 { |
| | + | padding-bottom: 3rem!important |
| | + | } |
| | + | |
| | + | .pl-md-5,.px-md-5 { |
| | + | padding-left: 3rem!important |
| | + | } |
| | + | |
| | + | .m-md-auto { |
| | + | margin: auto!important |
| | + | } |
| | + | |
| | + | .mt-md-auto,.my-md-auto { |
| | + | margin-top: auto!important |
| | + | } |
| | + | |
| | + | .mr-md-auto,.mx-md-auto { |
| | + | margin-right: auto!important |
| | + | } |
| | + | |
| | + | .mb-md-auto,.my-md-auto { |
| | + | margin-bottom: auto!important |
| | + | } |
| | + | |
| | + | .ml-md-auto,.mx-md-auto { |
| | + | margin-left: auto!important |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 992px) { |
| | + | .m-lg-0 { |
| | + | margin:0!important |
| | + | } |
| | + | |
| | + | .mt-lg-0,.my-lg-0 { |
| | + | margin-top: 0!important |
| | + | } |
| | + | |
| | + | .mr-lg-0,.mx-lg-0 { |
| | + | margin-right: 0!important |
| | + | } |
| | + | |
| | + | .mb-lg-0,.my-lg-0 { |
| | + | margin-bottom: 0!important |
| | + | } |
| | + | |
| | + | .ml-lg-0,.mx-lg-0 { |
| | + | margin-left: 0!important |
| | + | } |
| | + | |
| | + | .m-lg-1 { |
| | + | margin: .25rem!important |
| | + | } |
| | + | |
| | + | .mt-lg-1,.my-lg-1 { |
| | + | margin-top: .25rem!important |
| | + | } |
| | + | |
| | + | .mr-lg-1,.mx-lg-1 { |
| | + | margin-right: .25rem!important |
| | + | } |
| | + | |
| | + | .mb-lg-1,.my-lg-1 { |
| | + | margin-bottom: .25rem!important |
| | + | } |
| | + | |
| | + | .ml-lg-1,.mx-lg-1 { |
| | + | margin-left: .25rem!important |
| | + | } |
| | + | |
| | + | .m-lg-2 { |
| | + | margin: .5rem!important |
| | + | } |
| | + | |
| | + | .mt-lg-2,.my-lg-2 { |
| | + | margin-top: .5rem!important |
| | + | } |
| | + | |
| | + | .mr-lg-2,.mx-lg-2 { |
| | + | margin-right: .5rem!important |
| | + | } |
| | + | |
| | + | .mb-lg-2,.my-lg-2 { |
| | + | margin-bottom: .5rem!important |
| | + | } |
| | + | |
| | + | .ml-lg-2,.mx-lg-2 { |
| | + | margin-left: .5rem!important |
| | + | } |
| | + | |
| | + | .m-lg-3 { |
| | + | margin: 1rem!important |
| | + | } |
| | + | |
| | + | .mt-lg-3,.my-lg-3 { |
| | + | margin-top: 1rem!important |
| | + | } |
| | + | |
| | + | .mr-lg-3,.mx-lg-3 { |
| | + | margin-right: 1rem!important |
| | + | } |
| | + | |
| | + | .mb-lg-3,.my-lg-3 { |
| | + | margin-bottom: 1rem!important |
| | + | } |
| | + | |
| | + | .ml-lg-3,.mx-lg-3 { |
| | + | margin-left: 1rem!important |
| | + | } |
| | + | |
| | + | .m-lg-4 { |
| | + | margin: 1.5rem!important |
| | + | } |
| | + | |
| | + | .mt-lg-4,.my-lg-4 { |
| | + | margin-top: 1.5rem!important |
| | + | } |
| | + | |
| | + | .mr-lg-4,.mx-lg-4 { |
| | + | margin-right: 1.5rem!important |
| | + | } |
| | + | |
| | + | .mb-lg-4,.my-lg-4 { |
| | + | margin-bottom: 1.5rem!important |
| | + | } |
| | + | |
| | + | .ml-lg-4,.mx-lg-4 { |
| | + | margin-left: 1.5rem!important |
| | + | } |
| | + | |
| | + | .m-lg-5 { |
| | + | margin: 3rem!important |
| | + | } |
| | + | |
| | + | .mt-lg-5,.my-lg-5 { |
| | + | margin-top: 3rem!important |
| | + | } |
| | + | |
| | + | .mr-lg-5,.mx-lg-5 { |
| | + | margin-right: 3rem!important |
| | + | } |
| | + | |
| | + | .mb-lg-5,.my-lg-5 { |
| | + | margin-bottom: 3rem!important |
| | + | } |
| | + | |
| | + | .ml-lg-5,.mx-lg-5 { |
| | + | margin-left: 3rem!important |
| | + | } |
| | + | |
| | + | .p-lg-0 { |
| | + | padding: 0!important |
| | + | } |
| | + | |
| | + | .pt-lg-0,.py-lg-0 { |
| | + | padding-top: 0!important |
| | + | } |
| | + | |
| | + | .pr-lg-0,.px-lg-0 { |
| | + | padding-right: 0!important |
| | + | } |
| | + | |
| | + | .pb-lg-0,.py-lg-0 { |
| | + | padding-bottom: 0!important |
| | + | } |
| | + | |
| | + | .pl-lg-0,.px-lg-0 { |
| | + | padding-left: 0!important |
| | + | } |
| | + | |
| | + | .p-lg-1 { |
| | + | padding: .25rem!important |
| | + | } |
| | + | |
| | + | .pt-lg-1,.py-lg-1 { |
| | + | padding-top: .25rem!important |
| | + | } |
| | + | |
| | + | .pr-lg-1,.px-lg-1 { |
| | + | padding-right: .25rem!important |
| | + | } |
| | + | |
| | + | .pb-lg-1,.py-lg-1 { |
| | + | padding-bottom: .25rem!important |
| | + | } |
| | + | |
| | + | .pl-lg-1,.px-lg-1 { |
| | + | padding-left: .25rem!important |
| | + | } |
| | + | |
| | + | .p-lg-2 { |
| | + | padding: .5rem!important |
| | + | } |
| | + | |
| | + | .pt-lg-2,.py-lg-2 { |
| | + | padding-top: .5rem!important |
| | + | } |
| | + | |
| | + | .pr-lg-2,.px-lg-2 { |
| | + | padding-right: .5rem!important |
| | + | } |
| | + | |
| | + | .pb-lg-2,.py-lg-2 { |
| | + | padding-bottom: .5rem!important |
| | + | } |
| | + | |
| | + | .pl-lg-2,.px-lg-2 { |
| | + | padding-left: .5rem!important |
| | + | } |
| | + | |
| | + | .p-lg-3 { |
| | + | padding: 1rem!important |
| | + | } |
| | + | |
| | + | .pt-lg-3,.py-lg-3 { |
| | + | padding-top: 1rem!important |
| | + | } |
| | + | |
| | + | .pr-lg-3,.px-lg-3 { |
| | + | padding-right: 1rem!important |
| | + | } |
| | + | |
| | + | .pb-lg-3,.py-lg-3 { |
| | + | padding-bottom: 1rem!important |
| | + | } |
| | + | |
| | + | .pl-lg-3,.px-lg-3 { |
| | + | padding-left: 1rem!important |
| | + | } |
| | + | |
| | + | .p-lg-4 { |
| | + | padding: 1.5rem!important |
| | + | } |
| | + | |
| | + | .pt-lg-4,.py-lg-4 { |
| | + | padding-top: 1.5rem!important |
| | + | } |
| | + | |
| | + | .pr-lg-4,.px-lg-4 { |
| | + | padding-right: 1.5rem!important |
| | + | } |
| | + | |
| | + | .pb-lg-4,.py-lg-4 { |
| | + | padding-bottom: 1.5rem!important |
| | + | } |
| | + | |
| | + | .pl-lg-4,.px-lg-4 { |
| | + | padding-left: 1.5rem!important |
| | + | } |
| | + | |
| | + | .p-lg-5 { |
| | + | padding: 3rem!important |
| | + | } |
| | + | |
| | + | .pt-lg-5,.py-lg-5 { |
| | + | padding-top: 3rem!important |
| | + | } |
| | + | |
| | + | .pr-lg-5,.px-lg-5 { |
| | + | padding-right: 3rem!important |
| | + | } |
| | + | |
| | + | .pb-lg-5,.py-lg-5 { |
| | + | padding-bottom: 3rem!important |
| | + | } |
| | + | |
| | + | .pl-lg-5,.px-lg-5 { |
| | + | padding-left: 3rem!important |
| | + | } |
| | + | |
| | + | .m-lg-auto { |
| | + | margin: auto!important |
| | + | } |
| | + | |
| | + | .mt-lg-auto,.my-lg-auto { |
| | + | margin-top: auto!important |
| | + | } |
| | + | |
| | + | .mr-lg-auto,.mx-lg-auto { |
| | + | margin-right: auto!important |
| | + | } |
| | + | |
| | + | .mb-lg-auto,.my-lg-auto { |
| | + | margin-bottom: auto!important |
| | + | } |
| | + | |
| | + | .ml-lg-auto,.mx-lg-auto { |
| | + | margin-left: auto!important |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 1200px) { |
| | + | .m-xl-0 { |
| | + | margin:0!important |
| | + | } |
| | + | |
| | + | .mt-xl-0,.my-xl-0 { |
| | + | margin-top: 0!important |
| | + | } |
| | + | |
| | + | .mr-xl-0,.mx-xl-0 { |
| | + | margin-right: 0!important |
| | + | } |
| | + | |
| | + | .mb-xl-0,.my-xl-0 { |
| | + | margin-bottom: 0!important |
| | + | } |
| | + | |
| | + | .ml-xl-0,.mx-xl-0 { |
| | + | margin-left: 0!important |
| | + | } |
| | + | |
| | + | .m-xl-1 { |
| | + | margin: .25rem!important |
| | + | } |
| | + | |
| | + | .mt-xl-1,.my-xl-1 { |
| | + | margin-top: .25rem!important |
| | + | } |
| | + | |
| | + | .mr-xl-1,.mx-xl-1 { |
| | + | margin-right: .25rem!important |
| | + | } |
| | + | |
| | + | .mb-xl-1,.my-xl-1 { |
| | + | margin-bottom: .25rem!important |
| | + | } |
| | + | |
| | + | .ml-xl-1,.mx-xl-1 { |
| | + | margin-left: .25rem!important |
| | + | } |
| | + | |
| | + | .m-xl-2 { |
| | + | margin: .5rem!important |
| | + | } |
| | + | |
| | + | .mt-xl-2,.my-xl-2 { |
| | + | margin-top: .5rem!important |
| | + | } |
| | + | |
| | + | .mr-xl-2,.mx-xl-2 { |
| | + | margin-right: .5rem!important |
| | + | } |
| | + | |
| | + | .mb-xl-2,.my-xl-2 { |
| | + | margin-bottom: .5rem!important |
| | + | } |
| | + | |
| | + | .ml-xl-2,.mx-xl-2 { |
| | + | margin-left: .5rem!important |
| | + | } |
| | + | |
| | + | .m-xl-3 { |
| | + | margin: 1rem!important |
| | + | } |
| | + | |
| | + | .mt-xl-3,.my-xl-3 { |
| | + | margin-top: 1rem!important |
| | + | } |
| | + | |
| | + | .mr-xl-3,.mx-xl-3 { |
| | + | margin-right: 1rem!important |
| | + | } |
| | + | |
| | + | .mb-xl-3,.my-xl-3 { |
| | + | margin-bottom: 1rem!important |
| | + | } |
| | + | |
| | + | .ml-xl-3,.mx-xl-3 { |
| | + | margin-left: 1rem!important |
| | + | } |
| | + | |
| | + | .m-xl-4 { |
| | + | margin: 1.5rem!important |
| | + | } |
| | + | |
| | + | .mt-xl-4,.my-xl-4 { |
| | + | margin-top: 1.5rem!important |
| | + | } |
| | + | |
| | + | .mr-xl-4,.mx-xl-4 { |
| | + | margin-right: 1.5rem!important |
| | + | } |
| | + | |
| | + | .mb-xl-4,.my-xl-4 { |
| | + | margin-bottom: 1.5rem!important |
| | + | } |
| | + | |
| | + | .ml-xl-4,.mx-xl-4 { |
| | + | margin-left: 1.5rem!important |
| | + | } |
| | + | |
| | + | .m-xl-5 { |
| | + | margin: 3rem!important |
| | + | } |
| | + | |
| | + | .mt-xl-5,.my-xl-5 { |
| | + | margin-top: 3rem!important |
| | + | } |
| | + | |
| | + | .mr-xl-5,.mx-xl-5 { |
| | + | margin-right: 3rem!important |
| | + | } |
| | + | |
| | + | .mb-xl-5,.my-xl-5 { |
| | + | margin-bottom: 3rem!important |
| | + | } |
| | + | |
| | + | .ml-xl-5,.mx-xl-5 { |
| | + | margin-left: 3rem!important |
| | + | } |
| | + | |
| | + | .p-xl-0 { |
| | + | padding: 0!important |
| | + | } |
| | + | |
| | + | .pt-xl-0,.py-xl-0 { |
| | + | padding-top: 0!important |
| | + | } |
| | + | |
| | + | .pr-xl-0,.px-xl-0 { |
| | + | padding-right: 0!important |
| | + | } |
| | + | |
| | + | .pb-xl-0,.py-xl-0 { |
| | + | padding-bottom: 0!important |
| | + | } |
| | + | |
| | + | .pl-xl-0,.px-xl-0 { |
| | + | padding-left: 0!important |
| | + | } |
| | + | |
| | + | .p-xl-1 { |
| | + | padding: .25rem!important |
| | + | } |
| | + | |
| | + | .pt-xl-1,.py-xl-1 { |
| | + | padding-top: .25rem!important |
| | + | } |
| | + | |
| | + | .pr-xl-1,.px-xl-1 { |
| | + | padding-right: .25rem!important |
| | + | } |
| | + | |
| | + | .pb-xl-1,.py-xl-1 { |
| | + | padding-bottom: .25rem!important |
| | + | } |
| | + | |
| | + | .pl-xl-1,.px-xl-1 { |
| | + | padding-left: .25rem!important |
| | + | } |
| | + | |
| | + | .p-xl-2 { |
| | + | padding: .5rem!important |
| | + | } |
| | + | |
| | + | .pt-xl-2,.py-xl-2 { |
| | + | padding-top: .5rem!important |
| | + | } |
| | + | |
| | + | .pr-xl-2,.px-xl-2 { |
| | + | padding-right: .5rem!important |
| | + | } |
| | + | |
| | + | .pb-xl-2,.py-xl-2 { |
| | + | padding-bottom: .5rem!important |
| | + | } |
| | + | |
| | + | .pl-xl-2,.px-xl-2 { |
| | + | padding-left: .5rem!important |
| | + | } |
| | + | |
| | + | .p-xl-3 { |
| | + | padding: 1rem!important |
| | + | } |
| | + | |
| | + | .pt-xl-3,.py-xl-3 { |
| | + | padding-top: 1rem!important |
| | + | } |
| | + | |
| | + | .pr-xl-3,.px-xl-3 { |
| | + | padding-right: 1rem!important |
| | + | } |
| | + | |
| | + | .pb-xl-3,.py-xl-3 { |
| | + | padding-bottom: 1rem!important |
| | + | } |
| | + | |
| | + | .pl-xl-3,.px-xl-3 { |
| | + | padding-left: 1rem!important |
| | + | } |
| | + | |
| | + | .p-xl-4 { |
| | + | padding: 1.5rem!important |
| | + | } |
| | + | |
| | + | .pt-xl-4,.py-xl-4 { |
| | + | padding-top: 1.5rem!important |
| | + | } |
| | + | |
| | + | .pr-xl-4,.px-xl-4 { |
| | + | padding-right: 1.5rem!important |
| | + | } |
| | + | |
| | + | .pb-xl-4,.py-xl-4 { |
| | + | padding-bottom: 1.5rem!important |
| | + | } |
| | + | |
| | + | .pl-xl-4,.px-xl-4 { |
| | + | padding-left: 1.5rem!important |
| | + | } |
| | + | |
| | + | .p-xl-5 { |
| | + | padding: 3rem!important |
| | + | } |
| | + | |
| | + | .pt-xl-5,.py-xl-5 { |
| | + | padding-top: 3rem!important |
| | + | } |
| | + | |
| | + | .pr-xl-5,.px-xl-5 { |
| | + | padding-right: 3rem!important |
| | + | } |
| | + | |
| | + | .pb-xl-5,.py-xl-5 { |
| | + | padding-bottom: 3rem!important |
| | + | } |
| | + | |
| | + | .pl-xl-5,.px-xl-5 { |
| | + | padding-left: 3rem!important |
| | + | } |
| | + | |
| | + | .m-xl-auto { |
| | + | margin: auto!important |
| | + | } |
| | + | |
| | + | .mt-xl-auto,.my-xl-auto { |
| | + | margin-top: auto!important |
| | + | } |
| | + | |
| | + | .mr-xl-auto,.mx-xl-auto { |
| | + | margin-right: auto!important |
| | + | } |
| | + | |
| | + | .mb-xl-auto,.my-xl-auto { |
| | + | margin-bottom: auto!important |
| | + | } |
| | + | |
| | + | .ml-xl-auto,.mx-xl-auto { |
| | + | margin-left: auto!important |
| | + | } |
| | + | } |
| | + | |
| | + | .text-monospace { |
| | + | font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace |
| | + | } |
| | + | |
| | + | .text-justify { |
| | + | text-align: justify!important |
| | + | } |
| | + | |
| | + | .text-nowrap { |
| | + | white-space: nowrap!important |
| | + | } |
| | + | |
| | + | .text-truncate { |
| | + | overflow: hidden; |
| | + | text-overflow: ellipsis; |
| | + | white-space: nowrap |
| | + | } |
| | + | |
| | + | .text-left { |
| | + | text-align: left!important |
| | + | } |
| | + | |
| | + | .text-right { |
| | + | text-align: right!important |
| | + | } |
| | + | |
| | + | .text-center { |
| | + | text-align: center!important |
| | + | } |
| | + | |
| | + | @media (min-width: 576px) { |
| | + | .text-sm-left { |
| | + | text-align:left!important |
| | + | } |
| | + | |
| | + | .text-sm-right { |
| | + | text-align: right!important |
| | + | } |
| | + | |
| | + | .text-sm-center { |
| | + | text-align: center!important |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 768px) { |
| | + | .text-md-left { |
| | + | text-align:left!important |
| | + | } |
| | + | |
| | + | .text-md-right { |
| | + | text-align: right!important |
| | + | } |
| | + | |
| | + | .text-md-center { |
| | + | text-align: center!important |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 992px) { |
| | + | .text-lg-left { |
| | + | text-align:left!important |
| | + | } |
| | + | |
| | + | .text-lg-right { |
| | + | text-align: right!important |
| | + | } |
| | + | |
| | + | .text-lg-center { |
| | + | text-align: center!important |
| | + | } |
| | + | } |
| | + | |
| | + | @media (min-width: 1200px) { |
| | + | .text-xl-left { |
| | + | text-align:left!important |
| | + | } |
| | + | |
| | + | .text-xl-right { |
| | + | text-align: right!important |
| | + | } |
| | + | |
| | + | .text-xl-center { |
| | + | text-align: center!important |
| | + | } |
| | + | } |
| | + | |
| | + | .text-lowercase { |
| | + | text-transform: lowercase!important |
| | + | } |
| | + | |
| | + | .text-uppercase { |
| | + | text-transform: uppercase!important |
| | + | } |
| | + | |
| | + | .text-capitalize { |
| | + | text-transform: capitalize!important |
| | + | } |
| | + | |
| | + | .font-weight-light { |
| | + | font-weight: 300!important |
| | + | } |
| | + | |
| | + | .font-weight-normal { |
| | + | font-weight: 400!important |
| | + | } |
| | + | |
| | + | .font-weight-bold { |
| | + | font-weight: 700!important |
| | + | } |
| | + | |
| | + | .font-italic { |
| | + | font-style: italic!important |
| | + | } |
| | + | |
| | + | .text-white { |
| | + | color: #fff!important |
| | + | } |
| | + | |
| | + | .text-primary { |
| | + | color: #007bff!important |
| | + | } |
| | + | |
| | + | a.text-primary:focus,a.text-primary:hover { |
| | + | color: #0062cc!important |
| | + | } |
| | + | |
| | + | .text-secondary { |
| | + | color: #6c757d!important |
| | + | } |
| | + | |
| | + | a.text-secondary:focus,a.text-secondary:hover { |
| | + | color: #545b62!important |
| | + | } |
| | + | |
| | + | .text-success { |
| | + | color: #28a745!important |
| | + | } |
| | + | |
| | + | a.text-success:focus,a.text-success:hover { |
| | + | color: #1e7e34!important |
| | + | } |
| | + | |
| | + | .text-info { |
| | + | color: #17a2b8!important |
| | + | } |
| | + | |
| | + | a.text-info:focus,a.text-info:hover { |
| | + | color: #117a8b!important |
| | + | } |
| | + | |
| | + | .text-warning { |
| | + | color: #ffc107!important |
| | + | } |
| | + | |
| | + | a.text-warning:focus,a.text-warning:hover { |
| | + | color: #d39e00!important |
| | + | } |
| | + | |
| | + | .text-danger { |
| | + | color: #dc3545!important |
| | + | } |
| | + | |
| | + | a.text-danger:focus,a.text-danger:hover { |
| | + | color: #bd2130!important |
| | + | } |
| | + | |
| | + | .text-light { |
| | + | color: #f8f9fa!important |
| | + | } |
| | + | |
| | + | a.text-light:focus,a.text-light:hover { |
| | + | color: #dae0e5!important |
| | + | } |
| | + | |
| | + | .text-dark { |
| | + | color: #343a40!important |
| | + | } |
| | + | |
| | + | a.text-dark:focus,a.text-dark:hover { |
| | + | color: #1d2124!important |
| | + | } |
| | + | |
| | + | .text-body { |
| | + | color: #212529!important |
| | + | } |
| | + | |
| | + | .text-muted { |
| | + | color: #6c757d!important |
| | + | } |
| | + | |
| | + | .text-black-50 { |
| | + | color: rgba(0,0,0,.5)!important |
| | + | } |
| | + | |
| | + | .text-white-50 { |
| | + | color: rgba(255,255,255,.5)!important |
| | + | } |
| | + | |
| | + | .text-hide { |
| | + | font: 0/0 a; |
| | + | color: transparent; |
| | + | text-shadow: none; |
| | + | background-color: transparent; |
| | + | border: 0 |
| | + | } |
| | + | |
| | + | .visible { |
| | + | visibility: visible!important |
| | + | } |
| | + | |
| | + | .invisible { |
| | + | visibility: hidden!important |
| | + | } |
| | + | |
| | + | @media print { |
| | + | *,::after,::before { |
| | + | text-shadow: none!important; |
| | + | box-shadow: none!important |
| | + | } |
| | + | |
| | + | a:not(.btn) { |
| | + | text-decoration: underline |
| | + | } |
| | + | |
| | + | abbr[title]::after { |
| | + | content: " (" attr(title) ")" |
| | + | } |
| | + | |
| | + | pre { |
| | + | white-space: pre-wrap!important |
| | + | } |
| | + | |
| | + | blockquote,pre { |
| | + | border: 1px solid #adb5bd; |
| | + | page-break-inside: avoid |
| | + | } |
| | + | |
| | + | thead { |
| | + | display: table-header-group |
| | + | } |
| | + | |
| | + | img,tr { |
| | + | page-break-inside: avoid |
| | + | } |
| | + | |
| | + | h2,h3,p { |
| | + | orphans: 3; |
| | + | widows: 3 |
| | + | } |
| | + | |
| | + | h2,h3 { |
| | + | page-break-after: avoid |
| | + | } |
| | + | |
| | + | @page { |
| | + | size: a3 |
| | + | } |
| | + | |
| | + | body { |
| | + | min-width: 992px!important |
| | + | } |
| | + | |
| | + | .container { |
| | + | min-width: 992px!important |
| | + | } |
| | + | |
| | + | .navbar { |
| | + | display: none |
| | + | } |
| | + | |
| | + | .badge { |
| | + | border: 1px solid #000 |
| | + | } |
| | + | |
| | + | .table { |
| | + | border-collapse: collapse!important |
| | + | } |
| | + | |
| | + | .table td,.table th { |
| | + | background-color: #fff!important |
| | + | } |
| | + | |
| | + | .table-bordered td,.table-bordered th { |
| | + | border: 1px solid #dee2e6!important |
| | + | } |
| | + | } |
| | + | |
| | + | /*# sourceMappingURL=bootstrap.min.css.map */ |
| | + | </style> </html><!---{{CAU_China/CSS/CAUBootstrapCSS}} ---><html> |
| | + | <style> |
| | + | /* DEFAULT WIKI SETTINGS */ |
| | + | /**************************************************************************************************************************************************************************************************/ |
| | + | |
| | + | |
| | + | #home_logo, #sideMenu { display:none; } |
| | + | #sideMenu, #top_title, .patrollink {display:none;} |
| | + | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;line-height:1;} |
| | + | body {background-color:white; } |
| | + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } |
| | + | |
| | + | /* OWN Global Settings */ |
| | + | /**************************************************************************************************************************************************************************************************/ |
| | + | #top_menu_under{ |
| | + | height: 7px; |
| | + | } |
| | + | |
| | + | #globalWrapper{ |
| | + | font-size:100%; |
| | + | } |
| | + | |
| | + | .fixed-top{ |
| | + | top:16px; |
| | + | } |
| | + | |
| | + | #HQ_page h1, h2, h3, h4, h5{ |
| | + | font-family: inherit; |
| | + | } |
| | + | |
| | + | /* table reboot from wiki */ |
| | + | #HQ_page th { |
| | + | background-color:rgba(0, 158, 198,0.3); |
| | + | color: inherit; |
| | + | } |
| | + | #HQ_page table .highlightBox { |
| | + | background-color:rgba(0, 158, 198,1); |
| | + | } |
| | + | #HQ_page table { |
| | + | margin-right: 0; |
| | + | margin-left: 0; |
| | + | } |
| | + | |
| | + | table{ |
| | + | text-align: left; |
| | + | } |
| | + | |
| | + | .display-1{ |
| | + | font-weight:300 !important; |
| | + | } |
| | + | |
| | + | #HQ_page p{ |
| | + | font-family: inherit; |
| | + | font-size: 100%; |
| | + | } |
| | + | #bodyContent a[href ^="https://"], .link-https { |
| | + | padding-right: 0px; |
| | + | } |
| | + | /* important for layout not overflow */ |
| | + | .row{ |
| | + | margin: 0; |
| | + | } |
| | + | /* color codes */ |
| | + | .bg-phactory1{ |
| | + | background-color: rgba(0,203,177,1); |
| | + | color: white; |
| | + | } |
| | + | .bg-phactory1dark{ |
| | + | background-color: rgba(1,101,224,1); |
| | + | color: white; |
| | + | } |
| | + | .text-phactory1{ |
| | + | color: #009ec6; |
| | + | } |
| | + | .text-phactory1dark{ |
| | + | color: rgba(1,101,224,1); |
| | + | } |
| | + | .text-phactoryTran { |
| | + | background: -webkit-linear-gradient(rgba(1,101,224,1), rgba(0,203,177,1)); |
| | + | -webkit-background-clip: text; |
| | + | -webkit-text-fill-color: transparent; |
| | + | } |
| | + | .bg-phactory2{ |
| | + | background-color: rgba(213,59,72,1); |
| | + | color: white; |
| | + | } |
| | + | .bg-phactory2dark{ |
| | + | background-color: rgba(247,148,77,1); |
| | + | color: white; |
| | + | } |
| | + | .text-phactory2{ |
| | + | color: rgba(213,59,72,1); |
| | + | } |
| | + | .text-phactory2dark{ |
| | + | color: rgba(247,148,77,1); |
| | + | } |
| | + | .bg-phactory3{ |
| | + | background-color: rgba(153, 0, 204,1); |
| | + | color: black; |
| | + | } |
| | + | .bg-phactory3dark{ |
| | + | background-color: rgba(153, 51, 102,1); |
| | + | color: black; |
| | + | } |
| | + | /* title area */ |
| | + | .pictureTitle{ |
| | + | height: 250px; |
| | + | padding-top: 90px; |
| | + | } |
| | + | |
| | + | /* social media */ |
| | + | .fa { |
| | + | font-size: 20px; |
| | + | text-align: center; |
| | + | text-decoration: none; |
| | + | color: #ff9ea6 !important; |
| | + | opacity: 0.7; |
| | + | } |
| | + | |
| | + | .fa:hover { |
| | + | text-decoration: none; |
| | + | color: black; |
| | + | opacity: 1; |
| | + | } |
| | + | |
| | + | |
| | + | /* sponsor foooter */ |
| | + | .sponsorLogo img{ |
| | + | padding: 1px; |
| | + | } |
| | + | .sponsorLogo img { |
| | + | -webkit-filter: grayscale(100%); /* 修改到合适Safari 6.0 - 9.0 */ |
| | + | filter: grayscale(100%); |
| | + | max-height: 80px; |
| | + | } |
| | + | .sponsorLogo img:hover{ |
| | + | -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ |
| | + | filter: grayscale(0%); |
| | + | } |
| | + | |
| | + | /*++++++++++++++++++++++++++++++++ |
| | + | Nav CSS ++++++++++++++++++++++++++++++*/ |
| | + | .dropdown-menu{ |
| | + | background-color: rgba(100,100,100,1); |
| | + | } |
| | + | .dropdown-item, .dropdown-item:visited{ |
| | + | color: white; |
| | + | } |
| | + | |
| | + | .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active{ |
| | + | color: white; |
| | + | background-color: rgba(0, 158, 198,1); |
| | + | } |
| | + | /*++++++++++++++++++++++++++++++++ |
| | + | contents CSS ++++++++++++++++++++++++++++++*/ |
| | + | * { |
| | + | box-sizing: border-box; |
| | + | } |
| | + | |
| | + | |
| | + | .phaContainer { |
| | + | display: flex; |
| | + | width: 100%; |
| | + | margin: 0; |
| | + | padding: 1em auto 0; |
| | + | } |
| | + | |
| | + | .phaContainer > * { |
| | + | padding: 20px 25px; |
| | + | } |
| | + | /* Both Needed */ |
| | + | #phaContentsOuter{ |
| | + | position: relative; |
| | + | flex-basis: 15vw; |
| | + | width: 15vw; |
| | + | |
| | + | } |
| | + | /* Both Needed */ |
| | + | .table-of-contents { |
| | + | position: relative; |
| | + | flex-basis: 15vw; |
| | + | width: 15vw; |
| | + | |
| | + | } |
| | + | .stickyContents { |
| | + | position: fixed; |
| | + | top: 120px; |
| | + | } |
| | + | .table-of-contents p { |
| | + | text-transform: uppercase; |
| | + | letter-spacing: 0.125em; |
| | + | color: #555; |
| | + | } |
| | + | |
| | + | .table-of-contents ul { |
| | + | position: fixed; |
| | + | /* Chrome (asshole) */ |
| | + | position: sticky; |
| | + | /* Firefox */ |
| | + | margin-top: 2em; |
| | + | top: 4em; |
| | + | } |
| | + | |
| | + | h1:first-child { |
| | + | margin-top: 0; |
| | + | } |
| | + | |
| | + | .post-content { |
| | + | flex-basis: 70vw; |
| | + | max-width: 100%; |
| | + | margin-left: 5vw; |
| | + | } |
| | + | .post-content h1{ |
| | + | padding-top: 30px; |
| | + | color:rgba(64,224,208,1); |
| | + | } |
| | + | |
| | + | .post-content h2{ |
| | + | padding-top: 150px; |
| | + | color:rgba(64,224,208,1); |
| | + | } |
| | + | |
| | + | /* link color */ |
| | + | .post-content a{ |
| | + | color:#40E0D0; |
| | + | } |
| | + | |
| | + | .post-content p1{ |
| | + | color:#000000; |
| | + | font-size: 1.5rem; |
| | + | } |
| | + | |
| | + | .post-content li{ |
| | + | color:#000000; |
| | + | font-size: 1.5rem; |
| | + | } |
| | + | |
| | + | #phareferences a{ |
| | + | color: #2f4a98; |
| | + | } |
| | + | |
| | + | |
| | + | /* TOC part */ |
| | + | |
| | + | .table-of-contents svg { |
| | + | position: absolute; |
| | + | left: 0; |
| | + | top: 50%; |
| | + | bottom: auto; |
| | + | display: none; |
| | + | stroke: #40E0D0; |
| | + | transform: translateY(-50%); |
| | + | } |
| | + | |
| | + | .toc-reading svg { |
| | + | display: block; |
| | + | } |
| | + | |
| | + | .table-of-contents ul { |
| | + | width: 200px; |
| | + | counter-reset: articles; |
| | + | padding: 0; |
| | + | margin-left: 0; |
| | + | } |
| | + | |
| | + | .table-of-contents li { |
| | + | display: block; |
| | + | counter-increment: articles; |
| | + | } |
| | + | |
| | + | .table-of-contents li + li { |
| | + | margin-top: 2em; |
| | + | } |
| | + | |
| | + | .table-of-contents a { |
| | + | display: block; |
| | + | padding: 0 1.1em 0 3.2em; |
| | + | position: relative; |
| | + | text-decoration: none; |
| | + | color: #333; |
| | + | font-weight: bold; |
| | + | } |
| | + | |
| | + | a.toc-reading, |
| | + | a.toc-already-read.toc-reading { |
| | + | color: #40E0D0; |
| | + | opacity: 1; |
| | + | } |
| | + | |
| | + | a.toc-already-read { |
| | + | opacity: 0.4; |
| | + | } |
| | + | |
| | + | .table-of-contents a:before { |
| | + | content: counter(articles, decimal); |
| | + | position: absolute; |
| | + | bottom: auto; |
| | + | left: 0; |
| | + | top: 50%; |
| | + | width: 36px; |
| | + | height: 36px; |
| | + | line-height: 34px; |
| | + | text-align: center; |
| | + | transform: translateY(-50%); |
| | + | transition: background-color 0.3s ease 0s, color 0.3s ease 0s; |
| | + | border-radius: 80%; |
| | + | box-shadow: 0 0 0 1px #000000 inset; |
| | + | color: #4d4d4d; |
| | + | } |
| | + | |
| | + | .post-content .row{ |
| | + | text-align: justify; |
| | + | } |
| | + | /*++++++++++++++++++++++++++++++++ |
| | + | contents End ++++++++++++++++++++++++++++++*/ |
| | + | |
| | + | |
| | + | /*++++++++++++++++++++++++++++++++ |
| | + | slide in Start ++++++++++++++++++++++++++++++*/ |
| | + | |
| | + | .slide-left.slide-in { |
| | + | transform: translateX(-3%); |
| | + | } |
| | + | |
| | + | .slide-right.slide-in { |
| | + | transform: translateX(3%); |
| | + | } |
| | + | .slide-bottom.slide-in { |
| | + | transform: translateY(3%); |
| | + | } |
| | + | |
| | + | .slide-top.slide-in { |
| | + | transform: translateY(-3%); |
| | + | } |
| | + | .slide-there.slide-in { |
| | + | transform: scale(0.95); |
| | + | } |
| | + | .slide-in { |
| | + | opacity: 0; |
| | + | transition: all 0.8s; |
| | + | } |
| | + | .slide-in.active { |
| | + | opacity: 1; |
| | + | transform: translateX(0%) scale(1); |
| | + | } |
| | + | |
| | + | |
| | + | /*++++++++++++++++++++++++++++++++ |
| | + | slide in End ++++++++++++++++++++++++++++++*/ |
| | + | |
| | + | |
| | + | /*++++++++++++++++++++++++++++++++ |
| | + | quotes Start ++++++++++++++++++++++++++++++*/ |
| | + | .quote-card { |
| | + | background: #fff; |
| | + | color: #222; |
| | + | padding: 20px; |
| | + | padding-left: 50px; |
| | + | box-sizing: border-box; |
| | + | box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12); |
| | + | position: relative; |
| | + | overflow: hidden; |
| | + | min-height: 120px; |
| | + | } |
| | + | .quote-card p { |
| | + | font-size: 22px !important; |
| | + | line-height: 1.5; |
| | + | margin: 0; |
| | + | max-width: 80%; |
| | + | } |
| | + | .quote-card cite { |
| | + | font-size: 16px; |
| | + | margin-top: 10px; |
| | + | display: block; |
| | + | font-weight: 200; |
| | + | opacity: 0.8; |
| | + | } |
| | + | .quote-card:before { |
| | + | font-family: Georgia, serif; |
| | + | content: "“"; |
| | + | position: absolute; |
| | + | top: 10px; |
| | + | left: 10px; |
| | + | font-size: 5em; |
| | + | color: rgba(238, 238, 238, 0.8); |
| | + | font-weight: normal; |
| | + | } |
| | + | .quote-card:after { |
| | + | font-family: Georgia, serif; |
| | + | content: "”"; |
| | + | position: absolute; |
| | + | bottom: -110px; |
| | + | line-height: 100px; |
| | + | right: -32px; |
| | + | font-size: 25em; |
| | + | color: rgba(238, 238, 238, 0.8); |
| | + | font-weight: normal; |
| | + | } |
| | + | @media (max-width: 640px) { |
| | + | .quote-card:after { |
| | + | font-size: 10em; |
| | + | right: 0px; |
| | + | bottom: 0px; |
| | + | } |
| | + | } |
| | + | .quote-card.blue-card { |
| | + | background: rgba(0, 158, 198, 1); |
| | + | color: #fff; |
| | + | box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24); |
| | + | } |
| | + | .quote-card.blue-card:before, .quote-card.blue-card:after { |
| | + | color: rgba(0,203,177,1); |
| | + | } |
| | + | .quote-card.red-card { |
| | + | background: #d32f2f; |
| | + | color: #fff; |
| | + | box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24); |
| | + | } |
| | + | .quote-card.red-card:before, .quote-card.red-card:after { |
| | + | color: #f44336; |
| | + | } |
| | + | .quote-card.yellow-card { |
| | + | background: #f9a825; |
| | + | color: #222; |
| | + | box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24); |
| | + | } |
| | + | .quote-card.yellow-card:before, .quote-card.yellow-card:after { |
| | + | color: #fbc02d; |
| | + | } |
| | + | .credits { |
| | + | margin-top: 80px; |
| | + | } |
| | + | .credits a { |
| | + | color: #222; |
| | + | text-decoration: none; |
| | + | text-shadow: 0 0 2px rgba(34, 34, 34, 0.24); |
| | + | padding-bottom: 1px; |
| | + | display: inline-block; |
| | + | border-bottom: 1px dashed rgba(34, 34, 34, 0.24); |
| | + | opacity: 0.6; |
| | + | transition: 0.3s all ease-in; |
| | + | } |
| | + | .credits a:hover { |
| | + | border-bottom-style: solid; |
| | + | opacity: 1; |
| | + | } |
| | + | /*++++++++++++++++++++++++++++++++ |
| | + | quotes End ++++++++++++++++++++++++++++++*/ |
| | + | |
| | + | |
| | + | /*++++++++++++++++++++++++++++++++ |
| | + | gallery Start ++++++++++++++++++++++++++++++*/ |
| | + | |
| | + | /* The grid: Four equal columns that floats next to each other */ |
| | + | |
| | + | /* Style the images inside the grid */ |
| | + | .gaGallery .col img { |
| | + | opacity: 0.8; |
| | + | cursor: pointer; |
| | + | } |
| | + | |
| | + | .gaGallery .col img:hover { |
| | + | opacity: 1; |
| | + | } |
| | + | |
| | + | /* The expanding image container */ |
| | + | .ga-container { |
| | + | position: relative; |
| | + | display: block; |
| | + | } |
| | + | |
| | + | /* Expanding image text */ |
| | + | #imgtext { |
| | + | position: absolute; |
| | + | bottom: 15px; |
| | + | left: 15px; |
| | + | color: white; |
| | + | font-size: 20px; |
| | + | } |
| | + | |
| | + | /* Closable button inside the expanded image */ |
| | + | .closebtn { |
| | + | position: absolute; |
| | + | top: 10px; |
| | + | right: 15px; |
| | + | color: white; |
| | + | font-size: 35px; |
| | + | cursor: pointer; |
| | + | } |
| | + | /*++++++++++++++++++++++++++++++++ |
| | + | gallery End ++++++++++++++++++++++++++++++*/ |
| | + | |
| | + | @media only screen and (max-width: 575.98px) {} |
| | + | |
| | + | @media only screen and (max-width: 767.98px) { |
| | + | .pictureTitle{ |
| | + | height: 200px; |
| | + | } |
| | + | .pictureTitle .display-2{ |
| | + | font-size: 2rem; |
| | + | } |
| | + | |
| | + | .pictureTitle h4{ |
| | + | font-size: 1rem; |
| | + | } |
| | + | |
| | + | #phaContentsOuter{ |
| | + | display: none; |
| | + | } |
| | + | .phaContainer { |
| | + | width: 100%; |
| | + | margin: 0; |
| | + | padding: 0 auto; |
| | + | } |
| | + | |
| | + | .phaContainer > * { |
| | + | padding: 0; |
| | + | } |
| | + | .post-content { |
| | + | flex-basis: 90vw; |
| | + | max-width: 100%; |
| | + | margin:0 3vw; |
| | + | } |
| | + | /* important to the link position of the headings */ |
| | + | .post-content h2{ |
| | + | padding-top: 50px; |
| | + | } |
| | + | table{ |
| | + | font-size: .8rem; |
| | + | } |
| | + | .quote-card p { |
| | + | font-size: 1rem !important; |
| | + | } |
| | + | } |
| | + | |
| | + | |
| | + | @media only screen and (max-width: 1199.98px) { |
| | + | |
| | + | } |
| | + | |
| | + | @media only screen and (max-width: 1400px) { |
| | + | .table-of-contents a{ |
| | + | font-size: 0.8rem; |
| | + | } |
| | + | .table-of-contents li + li{ |
| | + | margin-top: 1.5em; |
| | + | } |
| | + | } |
| | + | </style> |
| | + | <head> |
| | + | <meta charset="utf-8"> |
| | + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| | + | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> |
| | + | <script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/1test_js?action=raw&ctype=text/javascript"></script> |
| | + | <script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/2test_js?action=raw&ctype=text/javascript"></script> |
| | + | <script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/3test_js?action=raw&ctype=text/javascript"></script> |
| | + | <script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/4test_js?action=raw&ctype=text/javascript"></script> |
| | + | </head> |
| | + | </html> |
| | + | <!---{{CAU_China/CSS/CAUCSS}} ---> |
| | + | <!---{{CAU_China/CSS/Top}} ---> |
| | + | <html lang="en"> |
| | + | <body style=""> |
| | + | <section id="nav-placeholder"> |
| | + | <nav class="shadow navbar navbar-expand-md navbar-dark fixed-top" style="background-color: rgba(30, 30, 30, 0.3); z-index: 100;"> |
| | + | <a class="navbar-brand" href="https://2019.igem.org/Team:CAU_China"> |
| | + | <img src="https://2019.igem.org/wiki/images/e/e1/T--CAU_China--logo.png" alt="logo" style="width:70px;height:28px"> |
| | + | <h5 class="d-inline ml-3">CAU_China</h5> |
| | + | </a> |
| | + | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"> |
| | + | <span class="navbar-toggler-icon"></span> |
| | + | </button> |
| | + | <div class="collapse navbar-collapse justify-content-around" id="collapsibleNavbar"> |
| | + | <ul class="navbar-nav"> |
| | + | <li id="homeButton" class="nav-item mx-3"> |
| | + | <a class="nav-link" href="https://2019.igem.org/Team:CAU_China">HOME</a> |
| | + | </li> |
| | + | <li class="nav-item dropdown mx-3"> |
| | + | <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"> |
| | + | TEAM |
| | + | </a> |
| | + | <div class="dropdown-menu"> |
| | + | <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Team">Team Members</a> |
| | + | <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Collaborations">Collaborations</a> |
| | + | <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Attributions">Attributions</a> |
| | + | </div> |
| | + | </li> |
| | + | <li class="nav-item dropdown mx-3"> |
| | + | <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"> |
| | + | PROJECT |
| | + | </a> |
| | + | <div class="dropdown-menu"> |
| | + | <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Description">Description</a> |
| | + | <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Design">Design</a> |
| | + | <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Notebook">Notebook</a> |
| | + | <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Results">Results</a> |
| | + | <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Demonstrate">Demonstrate</a> |
| | + | <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Method">Method</a> |
| | + | </div> |
| | + | </li> |
| | + | |
| | + | |
| | + | <li class="nav-item mx-3"> |
| | + | <a class="nav-link" href="https://2019.igem.org/Team:CAU_China/Parts">PARTS</a> |
| | + | </li> |
| | + | |
| | + | <li class="nav-item mx-3"> |
| | + | <a class="nav-link" href="https://2019.igem.org/Team:CAU_China/Safety">SAFETY</a> |
| | + | </li> |
| | + | |
| | + | <li class="nav-item dropdown mx-3"> |
| | + | <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"> |
| | + | HUMAN PRACTICES |
| | + | </a> |
| | + | <div class="dropdown-menu"> |
| | + | <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Human_Practices">Overview</a> |
| | + | <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Integrated_HP">Integrated_HP</a> |
| | + | <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Public_Engagement">Education & Engagement</a> |
| | + | </div> |
| | + | </li> |
| | + | <li class="nav-item dropdown mx-3"> |
| | + | <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"> |
| | + | MODEL |
| | + | </a> |
| | + | <div class="dropdown-menu"> |
| | + | <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Model">Overview</a> |
| | + | <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Decision_Model">Decision Model</a> |
| | + | <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Dynamics_Model">Dynamics Model</a> |
| | + | </div> |
| | + | </li> |
| | + | <li class="nav-item mx-3"> |
| | + | <a class="nav-link" href="https://igem.org/2019_Judging_Form?team=CAU_China" target="_blank">JUDGING FORM ⇗</a> |
| | + | </li> |
| | + | |
| | + | <li class="nav-item mx-1 pt-2"> |
| | + | <a href="https://twitter.com/cau_china" class="fa fa-twitter" target="_blank"></a> |
| | + | </li> |
| | + | </ul> |
| | + | </div> |
| | + | </nav> |
| | + | </section> |
| | + | <script> |
| | + | var url = window.location.href; |
| | + | $(function() { |
| | + | $('.nav-link[href="'+url+'"]').addClass("active"); |
| | + | $('.dropdown-item[href="'+url+'"]').addClass("active"); |
| | + | $('.dropdown-item[href="'+url+'"]').parent().parent().addClass("active"); |
| | + | }); |
| | + | </script> |
| | + | </body> |
| | + | </html> |
| | + | <!---{{CAU_China/CSS/Mainbody}} ---> |
| | <html> | | <html> |
| | + | <style> |
| | | | |
| | + | .pictureTitle{ |
| | + | background: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.5)), url(""); |
| | + | background-repeat: no-repeat; |
| | + | background-size: cover; |
| | + | background-position:center; |
| | + | } |
| | | | |
| − | <div class="column full_size">
| + | #accordion .card { |
| − | <h1>Results</h1>
| + | margin-bottom: 10px; |
| − | <p>Here you can describe the results of your project and your future plans. </p>
| + | border: 2px solid rgba(0,0,0,.4); |
| − | </div>
| + | } |
| | + | #accordion .card-header { |
| | + | padding:0; |
| | + | background-color:#00A7D4; |
| | + | } |
| | + | #accordion h5 { |
| | + | padding:0; |
| | + | } |
| | + | #accordion .card button{ |
| | + | width: 100%; |
| | + | text-align: left!important; |
| | + | } |
| | + | #accordion button span { |
| | + | font-size: 1.5rem; |
| | + | } |
| | | | |
| | + | @media only screen and (max-width: 809.99px) { |
| | + | #accordion button span { |
| | + | font-size: 1rem; |
| | + | } |
| | + | } |
| | | | |
| − | <div class="column third_size" >
| + | @media only screen and (max-width: 575.98px) {} |
| | | | |
| − | <h3>What should this page contain?</h3>
| + | @media only screen and (max-width: 767.98px) {} |
| − | <ul>
| + | |
| − | <li> Clearly and objectively describe the results of your work.</li>
| + | |
| − | <li> Future plans for the project. </li>
| + | |
| − | <li> Considerations for replicating the experiments. </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| | | | |
| | + | @media only screen and (max-width: 991.98px) {} |
| | | | |
| | + | @media only screen and (max-width: 1199.98px) {} |
| | + | </style> |
| | | | |
| | | | |
| − | <div class="column two_thirds_size" > | + | <script type="text/x-mathjax-config"> |
| − | <h3>Describe what your results mean </h3> | + | MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}, |
| − | <ul> | + | jax: ["input/TeX","output/fast-preview"], |
| − | <li> Interpretation of the results obtained during your project. Don't just show a plot/figure/graph/other, tell us what you think the data means. This is an important part of your project that the judges will look for. </li> | + | "fast-preview": { |
| − | <li> Show data, but remember <b>all measurement and characterization data must also be on the part's Main Page on the Registry.</b> Otherwise these data will not be in consideration for any medals or part awards! </li> | + | Chunks: {EqnChunk: 10000, EqnChunkFactor: 1, EqnChunkDelay: 0}, |
| − | <li> Consider including an analysis summary section to discuss what your results mean. Judges like to read what you think your data means, beyond all the data you have acquired during your project. </li> | + | color: "inherit!important", |
| − | </ul> | + | updateTime: 30, updateDelay: 6, |
| | + | messageStyle: "none", |
| | + | disabled: false |
| | + | } |
| | + | }); |
| | + | </script> |
| | + | <script type="text/javascript" async src="http://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> |
| | + | </script> |
| | + | |
| | + | <div class="main-container"> |
| | + | <section style=" |
| | + | ; ; background-size: 100%;height: 44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax"> |
| | + | <div class="main-container" style=" |
| | + | height: 100%;"> |
| | + | <center style=" |
| | + | height: 100%;> |
| | + | <div class="col-md-10" style="height: 100%;margin-top: 4em;"> |
| | + | <div id="logoPrinteria" class="item" style=" |
| | + | background-image: url(https://2019.igem.org/wiki/images/e/e9/T--CAU_China--Lab23.jpg); |
| | + | height: 100%; |
| | + | width: 100%;background-attachment: fixed;background-size: cover;"><img src="https://2019.igem.org/wiki/images/1/15/T--CAU_China--word-results.png" style=" margin-top: 0px;"> |
| | + | |
| | + | <i class="stack-interface stack-down-open-big"></i> |
| | + | </a> |
| | + | </div> |
| | + | |
| | + | |
| | + | </div> |
| | + | |
| | + | </center> |
| | + | </div> |
| | + | </section> |
| | </div> | | </div> |
| | | | |
| | | | |
| − | <div class="clear extra_space"></div> | + | <div class="phaContainer"> |
| | + | <aside id="phaContentsOuter"> |
| | + | <aside id="phaContents" class="table-of-contents"> |
| | + | <!-- will be generated with JS --> |
| | + | </aside> |
| | + | </aside> |
| | | | |
| | + | <main class="post-content"> |
| | + | <h2>Expression of Cellulases </h2> |
| | | | |
| | + | <div class="row"> |
| | + | <div class="col-12"> |
| | + | <p> |
| | + | We obtained the sequence of β-1, 4-endoglucanase (CenA) and β-1,4-exoglucanase (Cex) from team UESTC-China, and the gene encoding β-glucosidase is amplified from Streptomyces coelicolor`s genomic DNA. We linked the genes into the pET30a(+) backbone respectively and induced these genes to express by IPTG in the E.coli strain BL21(DE3). After a few trials, we determined the optimal inducting conditions, which is with 0.08 mM IPTG at 16℃ overnight (about 15h). After confirming the expression and determined the activities of the original cellulases, we added INP-N (N terminus of ice-nucleation protein) sequence to the N terminus of each cellulase and conducted the same procedures to INP-N fused cellulases. Due to the time limit, we only created INPN-CenA and INPN-Cex successfully. |
| | + | </p> |
| | + | </div> |
| | + | </div> |
| | | | |
| − | <div class="column two_thirds_size" > | + | <div class="row"> |
| − | <h3> Project Achievements </h3> | + | <div class=""style="margin-bottom: 5%" > |
| | | | |
| − | <p>You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.</p> | + | <img style="width:800px;height:400px;margin-left: 9%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/e/e4/T--CAU_China--re14.png" alt="Third slide"> |
| | + | <p><b style="margin-left: 3%;">Figure 1</b> cenA, cex and β-glucosidase genes acquisition and expression. (a) three genes are obtained by PCR amplification. (b) The expression of Cex, CenA and fused INPN-Cellulases are confirmed by SDS-PAGE assay.</p> |
| | + | </div> |
| | | | |
| − | <ul>
| + | </div> |
| − | <li>A list of linked bullet points of the successful results during your project</li>
| + | |
| − | <li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
| + | |
| − | </ul> | + | |
| | | | |
| | + | <h2>Surface Display of Cellulases </h2> |
| | + | <div class="row"> |
| | + | <div class="col-12"> |
| | + | <p> |
| | + | To determine if the enzymes were anchored on the surface of the cell, we detected the presence of the fusion protein by immunofluorescence staining, then employed the undisrupted cells expressing fused enzymes to the enzyme activity assays. |
| | + | </p> |
| | + | <p> |
| | + | 6His tag was added to present after the original cellulases (CenA and Cex) sequence and the fused cellulases (INPN-CenA and INPN-Cex) sequence as the antigen to be targeted by the primary antibody. Since the Cellulase-6His is originally expressed in the interior of the cell, we would not detect the fluorescent signals in the sample of CenA and Cex, while the fluorescent signals are detectable for INPN-Cellulase-6His due to the cell outer membrane anchoring effect. We observed the E.coli cells expressing the original proteins (CenA and Cex)and the fusion proteins (INPN-CenA and INPN-Cex)under the fluorescence microscopy`s 20X objective (Fig 2) |
| | + | </p> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <div class="row"> |
| | + | <div class=""style="margin-bottom: 5%" > |
| | + | |
| | + | <img style="width:800px;height:400px;margin-left: 9%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/6/6c/T--CAU_China--re15.png" alt="Third slide"> |
| | + | <p><b style="margin-left: 10%;">Figure 2</b> E.coli cell immunofluorescence staining observation via fluorescence microscopy 20x objective</p> |
| | + | </div> |
| | + | |
| | + | </div> |
| | + | |
| | + | <div class="row"> |
| | + | <div class="col-12"> |
| | + | <p> |
| | + | Under the same condition of 20X magnification and 355ms for exposure, we noted that the fluorescent signals of the unfused cellulases field are dimmer than those of the fused cellulases field on average. To examine it more clearly, we observed the slices with the confocal fluorescence microscopy (Fig 3). The field of fusion protein samples showed that some foci are located on the borders of the cells, while this phenomenon was not observed in the field of the unfused protein samples. But due to the minuscule size of E.coli cells, our equipment falls short when trying to determine whether the fluorescent dot on a single cell is located on the outer membrane surface or not. |
| | + | </p> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <div class="row"> |
| | + | <div class=""style="margin-bottom: 5%" > |
| | + | |
| | + | <img style="width:600px;height:600px;margin-left: 15%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/4/48/T--CAU_China--re16.png" alt="Third slide"> |
| | + | <p><b style="margin-left:10%;">Figure 3</b> E.coli cell immunofluorescence staining observation via confocal fluorescence microscopy, 100x objective (images are locally zoomed)</p> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <h2>Activity Assay</h2> |
| | + | |
| | + | <div class="row"> |
| | + | <div class="col-12"> |
| | + | <p> |
| | + | After confirming the expression of the cellulases, the recombinant cells are disrupted by ultrasonication to obtain the crude enzyme. We measured the enzyme activity by the method of CMC-Na (sodium carboxymethyl cellulose) assay. The activity of unfused and fused cellulases are determined respectively. We determined the activities of cellulases based on the standard curve of glucose concentrations. Considering the relatively weak cellulose degradation capacity of β-glucosidase and relatively low activity of CenA we measured, we also mixed these crude enzymes and determined the mixed cellulases activity as well as the activity of the single cellulase Cex. The data and results are shown on Table 1 to 4 and Fig.4. |
| | + | </p> |
| | + | </div> |
| | + | </div> |
| | + | <div class="row"> |
| | + | <div class=""style="margin-bottom: 5%" > |
| | + | |
| | + | <img style="width:800px;height:700px;margin-left: 9%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/c/c0/T--CAU_China--re17.png" alt="Third slide"> |
| | + | </div> |
| | + | </div> |
| | + | <div class="row"> |
| | + | <div class=""style="margin-bottom: 5%" > |
| | + | |
| | + | <img style="width:800px;height:400px;margin-left: 9%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/9/95/T--CAU_China--re18.png" alt="Third slide"> |
| | + | <b style="margin-left: 18%;">Figure 4</b>.Enzyme activity assay. (a)The standard curve of glucose concentration. (b)Mixed cellulases (CenA and beta-glucosidase) activity assay. (c) Cex activity assay. (d) Fusion cellulases activity assay. The activities are determined under both cell-undisrupted and cell-disrupted conditions. |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <div class="row"> |
| | + | <div class="col-12"> |
| | + | <p> |
| | + | We also measured the cellulose degradation abilities of the supernatant of disrupted cell contents as well as the undisrupted cell suspensions. According to the standard curve of glucose concentration, we determined the activities of unfused enzymes CenA and Cex, and fusion enzymes INP-CenA and INP-Cex. |
| | + | </p> |
| | + | <p> |
| | + | From the data above, we summarized that the cellulases` activities were not affected remarkably with the presence of INP-N. Also, the difference of enzyme activities between the ultrasonic-disrupted samples and undisrupted samples may also provide evidence of the anchoring effect of INP-N. Since the fusion protein is anchored in the outer membrane surface, which would appear in the sediments after centrifugation, the samples of suspension with fused cellulases showed the relatively low level of the activity, compared with samples of unfused ones. |
| | + | </p> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | <h2>The acquisition of individual genes</h2> |
| | + | |
| | + | |
| | + | <div class="row"> |
| | + | <div class="col-12"> |
| | + | <p> |
| | + | CrtE, CrtB, CrtI, CrtY, CrtZ and BKT are crucial genes in the astaxanthin synthesis pathway. CrtE and CrtB can be amplified by PCR using Rhodobacter sphaeroides's genomic DNA as templete, while CrtI and CrtY can be amplified using Rhodospirillum rubrum’s and Pantoea agglomerans’s genomic DNA respectively. Figure 1 shows the agarose gel electrophoresis test results. |
| | + | </p> |
| | + | |
| | + | </div> |
| | + | |
| | + | </div> |
| | + | |
| | + | <div class="row"> |
| | + | <div class=""style="margin-bottom: 5%" > |
| | + | |
| | + | <img style="width:600px;height:513px;margin-left: 15%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/a/ae/T--CAU_China--re1.png" alt="Third slide"> |
| | + | <p> |
| | + | <b style="margin-left: 10%;">Figure 5</b> Astaxanthin synthesis genes were amplified from several bacteria's genomic sequences.(a)The CrtE gene was amplified from Rhodobacter sphaeroides's genomic sequence by PCR. The length of CrtE was 879 bp;(b)The CrtB gene was amplified from Rhodobacter sphaeroides's genomic sequence by PCR. The length of CrtB was 1068 bp;(c)The CrtI gene was amplified from Rhodospirillum rubrum's genomic sequence by PCR. The length of CrtI was 1524 bp;(d)The CrtY gene was amplified from Pantoea agglomerans 's genomic sequence by PCR. The length of CrtY was 1161 bp.</p> |
| | + | </div> |
| | + | |
| | + | </div> |
| | + | |
| | + | |
| | + | <div class="row"> |
| | + | <div class="col-12"> |
| | + | |
| | + | <p> |
| | + | There are bright bands in Figure 1a. The size of those bands is between 750 bp and 1 kb, which coincides with the size of the CrtE gene (879 bp). No obvious non-specific bands were observed. CrtB is 1068 bp in length while CrtY is 1161 bp. Bright bands between 1 kb and 1.5 kb can be seen in Figure 1b and Figure 1d, so CrtB and CrtY are amplified successfully. Some non-specific bands can be seen in the first three lanes in Figure 1c, but the destination bands are bright and their length is in the correct range so CrtI is also amplified successfully. |
| | + | </p> |
| | + | <p> |
| | + | The last two genes in the pathway, CrtZ and BKT, were optimized and synthesized by the company, so the gene sequences used in the pathway have been all obtained. |
| | + | </p> |
| | + | <h2>Successfully induced each protein </h2> |
| | + | <p> |
| | + | In order to determine the activity of individual enzymes in the astaxanthin synthesis pathway, we induced individual enzymes separately. In the experiment, we used gradient IPTG concentration and gradient temperature to induce each protein and explore the optimal IPTG concentration and temperature of single protein expression. Although low temperature induction is not conducive to protein expression, it is beneficial to avoid the formation of inclusion bodies and the subsequent determination of enzyme activity. Therefore, gradient IPTG concentration from 0 mM to 1 mM was used to induce the proteins at 25 °C, 30 °C and 37 °C respectively. |
| | + | </p> |
| | + | <p> |
| | + | In this part, we successfully induced genes CrtE, CrtB, CrtI, CrtY (Fig. 2) and BKT (FIg. 3), and recorded the optimal conditions (chart 1). |
| | + | </p> |
| | + | </div> |
| | + | |
| | + | </div> |
| | + | |
| | + | <div class="row"> |
| | + | <div class=""style="margin-bottom: 5%" > |
| | + | |
| | + | <img style="width:800px;height:571.4px;margin-left: 4%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/a/ad/T--CAU_China--re2.png" alt="Third slide"> |
| | + | <b style="margin-left: 28%;">Figure 6</b> SDS-PAGE assay for CrtE, CrtB, CrtI and CrtY proteins. |
| | + | </div> |
| | + | |
| | + | </div> |
| | + | <div class="row"> |
| | + | <div class=""style="margin-bottom: 5%" > |
| | + | |
| | + | <img style="width:500px;height:263px;margin-left: 28%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/7/74/T--CAU_China--re3.png" alt="Third slide"> |
| | + | <b style="margin-left: 35%;">Figure 7</b> SDS-PAGE assay for BKT protein. |
| | + | </div> |
| | + | |
| | + | </div> |
| | + | <div class="row"> |
| | + | <div class=""style="margin-bottom: 5%" > |
| | + | |
| | + | <img style="width:500px;height:238px;margin-left: 23%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/1/19/T--CAU_China--re4.PNG" alt="Third slide"> |
| | + | <b style="margin-left: 28%;">Chart 1</b> The optimal induction condition of each protain. |
| | + | </div> |
| | + | |
| | + | </div> |
| | + | |
| | + | |
| | + | <div class="row"> |
| | + | <div class="col-12"> |
| | + | <p> |
| | + | However, we induced CrtZ with gradient IPTG concentration (0 mM-1 mM), under 25℃, 30℃ and 37℃ respectively, still didn't see the target band. Subsequently, plasmid ptrc99A-M-Z with gene CrtZ and recombinant plasmid pACYC184-M-EBI-Y were co-transformed into E. coli BL21, and the yellow strain was successfully obtained. However, whether the strain did produce zeaxanthin exactly still remained further verification. |
| | + | </p> |
| | + | <h2>Produced lycopene successfully</h2> |
| | + | <p> |
| | + | In the actual process of construction of lycopene producing strain, we successfully use overlap PCR to connect the first two genes (CrtE, CrtB,figure 4), but the CrtI gene has been unable to overlap with the CrtE-CrtB junction product. Therefore, we use the seamless cloning kit to connect CrtE - CrtB junction product and CrtI, thus successfully build the lycopene production strains. Figure 5a shows the atlas of successfully constructed pACYC184-M-EBI plasmid. Figure 5b shows our construction results: the colonies (2, 3, 4, 8) with the successfully constructed plasmid turned red significantly, while those colonies (1, 5, 6, 7) with misconnected plasmid remained white. Then we extracted the plasmid of strain 8 and sequenced it. The sequencing results confirmed that the plasmid we constructed is correct. |
| | + | </p> |
| | + | </div> |
| | + | |
| | + | </div> |
| | + | <div class="row"> |
| | + | <div class=""style="margin-bottom: 5%" > |
| | + | |
| | + | <img style="width:600px;height:211px;margin-left: 15%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/c/ca/T--CAU_China--re5.png" alt="Third slide"> |
| | + | <p><b style="margin-left: 10%;">Figure 8</b> CrtE gene was linked with CrtB by overlap PCR. (a) The linked band appeared after 7 overlap PCR cycles;(b) The linked sequence was amplified after 30 cycles.</p> |
| | + | </div> |
| | + | |
| | + | </div> |
| | + | <div class="row"> |
| | + | <div class=""style="margin-bottom: 5%" > |
| | + | |
| | + | <img style="width:800px;height:400px;margin-left: 4%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/e/e4/T--CAU_China--re6.png" alt="Third slide"> |
| | + | <p><b style="margin-left: 10%;">Figure 9</b> The first three genes (CrtE, CrtB and CrtI) were cloned into plasmid pACYC184-M. (a) The constructed plasmid map. (b) The colonies (2, 3, 4, 8) with the successfully constructed plasmid turned red significantly, while those colonies (1, 5, 6, 7) with misconnected plasmid remained white.</p> |
| | + | </div> |
| | + | |
| | + | </div> |
| | + | |
| | + | |
| | + | <div class="row"> |
| | + | <div class="col-12"> |
| | + | |
| | + | |
| | + | <p> |
| | + | In order to further confirm that our engineering bacteria produced lycopene, we transferred the constructed plasmid (184M-EBI) into E. coli BL21 and induced it with IPTG, using E. coli BL21 with pACYC184-M empty plasmid as control. After induced by 0.1 mM IPTG for 10 hours, we could see that E. coli cells with the constructed plasmid (184M-EBI) turned red significantly, while those with empty vectors remained white (see Figure 6a). Then we extracted lycopene with acetone and measured its absorbance at its maximum absorption peak at 473 nm and the yield of lycopene was calibrated using a standard curve (see Figure 6b and Figure 6c). |
| | + | </p> |
| | + | </div> |
| | + | |
| | + | </div> |
| | + | |
| | + | <div class="row"> |
| | + | <div class=""style="margin-bottom: 5%" > |
| | + | |
| | + | <img style="width:600px;height:577px;margin-left: 15%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/2/2d/T--CAU_China--re7.png" alt="Third slide"> |
| | + | <p><b style="margin-left: 10%;">Figure 10</b> Induce the engineered E.coli cells to produce lycopene. (a) E. coli cells with the constructed plasmid (184M-EBI) turned red significantly; (b) Lycopene production of engineered E.coli cells after being induced by 0.1 mM IPTG for 10 hours; (c) Standard curve of lycopene concentration.</p> |
| | + | </div> |
| | + | |
| | + | </div> |
| | + | |
| | + | |
| | + | <div class="row"> |
| | + | <div class="col-12"> |
| | + | |
| | + | <p> |
| | + | We also detected the yield of lycopene in engineered bacteria under different IPTG concentration conditions, and the change of lycopene production with time after IPTG induction (see Figure 7a and Figure 7b). We found that lycopene production peaked at an IPTG concentration of 0.3 mM. But to our surprise, leaky expression of the three lycopene synthesis genes was observed when there is no inducer. This suggested that the switch that controlled the synthesis of lycopene may not completely shut down the expression of all the three genes. Figure 7b was measured under 0.1 mM IPTG concentration and 30℃, lycopene production increased in the first 700 minutes and remained stable in the following period. |
| | + | </p> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <div class="row"> |
| | + | <div class=""style="margin-bottom: 5%" > |
| | + | |
| | + | <img style="width:800px;height:331px;margin-left: 4%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/f/ff/T--CAU_China--re8.png" alt="Third slide"> |
| | + | <p><b style="margin-left: 10%;">Figure 11</b> The yield of lycopene in engineered bacteria under different IPTG concentration conditions. (a) The changes of lycopene production with IPTG concentration; (b) The changes of lycopene production with induction time.</p> |
| | + | </div> |
| | + | |
| | + | |
| | + | </div> |
| | + | |
| | + | <h2>Successfully produced β-carotene</h2> |
| | + | <div class="row"> |
| | + | <div class="col-12"> |
| | + | |
| | + | <p> |
| | + | On the basis of pACYC184-M-EBI plasmid, we inserted the fourth gene CrtY between BamHI and HindIII, and then obtained the constructed plasmid pACYC184-M-EBI-Y for β-carotene production (see Figure 8a for plasmid atlas ). |
| | + | </p> |
| | + | |
| | + | <p> |
| | + | s expected, we obtained yellow colonies. Colony PCR was carried out to verify the existence of the CrtY gene in the engineered bacteria. (Figure 8b, 8c). Then we extracted the plasmid of strain 7 and sequenced it. The sequencing results confirmed that the plasmid we constructed is correct. |
| | + | </p> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <div class="row"> |
| | + | <div class=""style="margin-bottom: 5%" > |
| | + | |
| | + | <img style="width:600px;height:451px;margin-left: 15%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/0/0d/T--CAU_China--re9.png" alt="Third slide"> |
| | + | <p><b style="margin-left: 10%;">Figure 12</b> The construction of pACYC184-M-EBI-Y plasmid. (a) Recombinant plasmid atlas for β-carotene production; (b) Colonies with the constructed plasmid turned yellow; (c) Colony PCR verified that CrtY did exist in colony 1 to 7 and colony 9, 10, 12, 13, 14, 15.</p> |
| | + | </div> |
| | + | |
| | + | |
| | + | </div> |
| | + | |
| | + | |
| | + | <div class="row"> |
| | + | <div class="col-12"> |
| | + | |
| | + | <p> |
| | + | In order to further confirm that our engineering bacteria produced β-carotene, we transferred the constructed plasmid (pACYC184-M-EBI-Y) into E. coli BL21 and induced it with IPTG, using E. coli BL21 with pACYC184-M empty plasmid as control. After induced by 0.1 mM IPTG for 10 hours, we could see that E. coli cells with the constructed plasmid (pACYC184-M-EBI-Y) turned orange significantly, while those with empty vectors remained white (see Figure 9a). Then we extracted β-carotene with acetone and measured its absorbance at its maximum absorption peak at 453 nm and the yield of β-carotene was calibrated using a standard curve (see Figure 9b and Figure 9c). |
| | + | </p> |
| | + | |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | |
| | + | <div class="row"> |
| | + | <div class=""style="margin-bottom: 5%" > |
| | + | |
| | + | <img style="width:600px;height:588px;margin-left: 15%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/a/ac/T--CAU_China--re10.png" alt="Third slide"> |
| | + | <p><b style="margin-left: 10%;">Figure 13</b> Induce the engineered E.coli cells to produce lycopene. (a) E. coli cells with the constructed plasmid (184M-EBI-Y) turned orange significantly; (b) β-carotene production of engineered E.coli cells after being induced by 0.1 mM IPTG for 10 hours; (c) Standard curve of β-carotene concentration.</p> |
| | + | </div> |
| | + | |
| | + | |
| | + | </div> |
| | + | |
| | + | |
| | + | |
| | + | <div class="row"> |
| | + | <div class="col-12"> |
| | + | |
| | + | <p> |
| | + | After successfully obtaining the strain producing β-carotene, we also explored the relationship between the β-carotene production level and the IPTG concentration (Figure 14a). The result was similar to that of lycopene production, the β-carotene production increased firstly and peaked at an IPTG concentration of approximately 0.3 mM. And the optimal induced time for β-carotene producing is 550 min (Figure 14b). |
| | + | </p> |
| | + | |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <div class="row"> |
| | + | <div class=""style="margin-bottom: 5%" > |
| | + | |
| | + | <img style="width:800px;height:306px;margin-left: 4%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/2/28/T--CAU_China--re11.png" alt="Third slide"> |
| | + | <p><b style="margin-left: 10%;">Figure 14</b> The yield of β-carotene in engineered bacteria under different IPTG concentration conditions. (a) The changes ofβ-carotene production with IPTG concentration; (b) The changes ofβ-carotene production with induction time.</p> |
| | + | </div> |
| | + | |
| | + | |
| | + | </div> |
| | + | |
| | + | |
| | + | <h2>Co-transformation of pACYC184-M-EBI-Y and ptrc99A-M-CrtZ</h2> |
| | + | |
| | + | |
| | + | <div class="row"> |
| | + | <div class="col-12"> |
| | + | |
| | + | <p> |
| | + | In subsequent experiments, we cloned CrtZ into ptrc99A-M plasmid and carried out a colony PCR assay to verify the success of ligation (Figure 12a). We also sequenced the constructed plasmid and result furtherly verified that the CrtZ gene had been cloned into ptrc99A-M. Then the two plasmids pACYC184-M-EBI-Y and ptrc99A-M-CrtZ were co-transformation into E. coli BL21. Colonies |
| | + | </p> |
| | + | |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <div class="row"> |
| | + | <div class=""style="margin-bottom: 5%" > |
| | + | |
| | + | <img style="width:500px;height:500px;margin-left: 25%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/7/76/T--CAU_China--re12.png" alt="Third slide"> |
| | + | <b style="margin-left: 30%;">Figure 15</b>Atlas of constructed plasmid ptrc99A-M-Z. |
| | + | |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <div class="row"> |
| | + | <div class="col-12"> |
| | + | |
| | + | <p> |
| | + | with these two plasmids could grow both on chloramphenicol plate and ampicillin plate (Figure 12b, 12c). The engineered E.coli cells seemed to have different color comparing with lycopene producing E.coli and β-carotene producing E.coli cells (Figure 12d). But whether the colonies produced zeaxanthin still needs further verification. |
| | + | </p> |
| | + | |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <div class="row"> |
| | + | <div class=""style="margin-bottom: 5%" > |
| | + | |
| | + | <img style="width:600px;height:600px;margin-left: 15%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/6/6b/T--CAU_China--re13.png" alt="Third slide"> |
| | + | <p><b style="margin-left: 10%;">Figure 16</b> Construct E.coli cells to produce zeaxanthin. (a) Colony PCR verified the CrtZ gene had been cloned into ptrc99A-M;(b) Colonies with the two constructed plasmids pACYC184-M-EBI-Y and ptrc99A-M-CrtZ could grow on chloramphenicol plate;(c) Colonies with the two constructed plasmids could grow on ampicillin plate; (d) E.coli cells with plasmids pACYC184-M-EBI-Y and ptrc99A-M-CrtZ appeared different color comparing with lycopene producing E.coli and β-carotene producing E.coli cells.</p> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <div class="row"> |
| | + | <div class="col-12"> |
| | + | |
| | + | <p> |
| | + | It is a pity that we have not built an astaxanthin-producing engineered bacteria before the deadline, but we are willing to work on our project continuously and make it finally be put into production practice. |
| | + | </p> |
| | + | |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | </main> |
| | </div> | | </div> |
| | | | |
| | | | |
| | | | |
| − | <div class="column third_size" > | + | |
| − | <div class="highlight decoration_A_full"> | + | |
| − | <h3>Inspiration</h3> | + | <script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/5test_js?action=raw&ctype=text/javascript"></script> |
| − | <p>See how other teams presented their results.</p> | + | |
| − | <ul> | + | </html> |
| − | <li><a href="http://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li> | + | <!----{{CAU_China/CSS/Footer}} ---> |
| − | <li><a href="http://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li> | + | |
| − | <li><a href="http://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li> | + | <html> |
| − | </ul> | + | |
| | + | <style> |
| | + | .footer-s{ |
| | + | text-align: center; |
| | + | background:White; |
| | + | line-height: 5vh; |
| | + | padding: .75vh 0 0 0; |
| | + | width: 100%; |
| | + | margin-bottom: 0; |
| | + | } |
| | + | .footer-bottom { |
| | + | margin-right:auto;margin-left:auto;padding-left:0px;padding-right:0px; |
| | + | text-align: center; |
| | + | background: rgba(0,0,0,.7); |
| | + | background-size:cover; |
| | + | line-height: 3vh; |
| | + | width: 100%; |
| | + | padding: .75vh 0 0 0; |
| | + | margin-bottom: 0; |
| | + | } |
| | + | |
| | + | .contact-info { |
| | + | padding: .75vh 0 .75vh 0; |
| | + | position: relative; |
| | + | bottom: 0; |
| | + | width: 100%; |
| | + | } |
| | + | .contact-info ul{ |
| | + | margin: 0; |
| | + | padding-left: 0; |
| | + | height: 2.25vh |
| | + | text-align: middle; |
| | + | font-size: 1.5rem; |
| | + | } |
| | + | .contact-info ul li { |
| | + | display: inline-block; |
| | + | vertical-align: middle; |
| | + | margin: 0 .375vh 0 .375vh; |
| | + | text-align: center; |
| | + | } |
| | + | .contact-info ul .icon{ |
| | + | height: 2rem; |
| | + | width: 2rem; |
| | + | border-radius: 100%; |
| | + | background: #A65CA4; |
| | + | } |
| | + | .contact-info ul li a{ |
| | + | text-decoration: none; |
| | + | color: white; |
| | + | font-size: 1.35rem; |
| | + | } |
| | + | .contact-info #fb:hover{ |
| | + | background: #3B5998; |
| | + | } |
| | + | .contact-info #ig:hover{ |
| | + | background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); |
| | + | } |
| | + | .contact-info #em:hover{ |
| | + | background: #B23121; |
| | + | } |
| | + | .contact-info a i{ |
| | + | line-height: 2rem; |
| | + | } |
| | + | |
| | + | </style> |
| | + | |
| | + | <style> |
| | + | /**** Font Awesome *****/ |
| | + | |
| | + | @font-face { |
| | + | font-family: 'FontAwesome'; |
| | + | src: url('../fonts/fontawesome-webfont.eot?v=4.6.3'); |
| | + | src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg'); |
| | + | font-weight: normal; |
| | + | font-style: normal; |
| | + | } |
| | + | .fa { |
| | + | display: inline-block; |
| | + | font: normal normal normal 14px/1 FontAwesome; |
| | + | font-size: inherit; |
| | + | text-rendering: auto; |
| | + | -webkit-font-smoothing: antialiased; |
| | + | -moz-osx-font-smoothing: grayscale; |
| | + | } |
| | + | |
| | + | |
| | + | .fa-envelope:before { |
| | + | content: "\f0e0"; |
| | + | } |
| | + | .fa-phone:before { |
| | + | content: "\f095"; |
| | + | } |
| | + | .fa-twitter:before { |
| | + | content: "\f099"; |
| | + | } |
| | + | .fa-linkedin:before { |
| | + | content: "\f0e1"; |
| | + | } |
| | + | .fa-linkedin-square:before { |
| | + | content: "\f08c"; |
| | + | } |
| | + | .fa-youtube:before { |
| | + | content: "\f16a"; |
| | + | } |
| | + | |
| | + | |
| | + | /**** Bootstrap *****/ |
| | + | |
| | + | html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;} |
| | + | body{margin:0;} |
| | + | article, |
| | + | aside, |
| | + | details, |
| | + | figcaption, |
| | + | figure, |
| | + | footer, |
| | + | header, |
| | + | hgroup, |
| | + | main, |
| | + | menu, |
| | + | nav, |
| | + | section, |
| | + | summary,hero{display:block;} |
| | + | audio, |
| | + | canvas, |
| | + | progress, |
| | + | video{display:inline-block;vertical-align:baseline;} |
| | + | audio:not([controls]){display:none;height:0;} |
| | + | [hidden], |
| | + | template{display:none;} |
| | + | a{background-color:transparent;} |
| | + | a:active, |
| | + | a:hover{outline:0;} |
| | + | b, |
| | + | strong{font-weight:bold;} |
| | + | h1{font-size:2em;} |
| | + | img{border:0;max-width:100%;} |
| | + | figure{margin:1em 40px;} |
| | + | hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0;} |
| | + | button, |
| | + | input, |
| | + | optgroup, |
| | + | select, |
| | + | textarea{color:inherit;font:inherit;margin:0;} |
| | + | button{overflow:visible;} |
| | + | button, |
| | + | select{text-transform:none;} |
| | + | button, |
| | + | html input[type="button"], |
| | + | input[type="reset"], |
| | + | input[type="submit"]{-webkit-appearance:button;cursor:pointer;} |
| | + | button[disabled], |
| | + | html input[disabled]{cursor:default;} |
| | + | button::-moz-focus-inner, |
| | + | input::-moz-focus-inner{border:0;padding:0;} |
| | + | input{line-height:normal;} |
| | + | input[type="checkbox"], |
| | + | input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;} |
| | + | textarea{overflow:auto;} |
| | + | table{border-collapse:collapse;border-spacing:0;width:100%;} |
| | + | td, |
| | + | th{padding:0;} |
| | + | *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} |
| | + | *:before, |
| | + | *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} |
| | + | html{font-size:10px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);} |
| | + | input, |
| | + | button, |
| | + | select, |
| | + | textarea{font-family:inherit;font-size:inherit;line-height:inherit;} |
| | + | figure{margin:0;} |
| | + | img{vertical-align:middle;} |
| | + | .img-responsive{display:block;max-width:100%;height:auto;} |
| | + | hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eeeeee;} |
| | + | [role="button"]{cursor:pointer;} |
| | + | .container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;} |
| | + | .right{float:right;} |
| | + | @media (min-width:768px){.container{width:750px;} |
| | + | } |
| | + | @media (min-width:992px){.container{width:970px;} |
| | + | } |
| | + | @media (min-width:1200px){.container{width:1170px;} |
| | + | } |
| | + | .container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;} |
| | + | .row{margin-left:-15px;margin-right:-15px;} |
| | + | |
| | + | |
| | + | |
| | + | label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold;} |
| | + | input[type="radio"], |
| | + | input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal;} |
| | + | input[type="file"]{display:block;} |
| | + | input[type="range"]{display:block;width:100%;} |
| | + | select[multiple], |
| | + | select[size]{height:auto;} |
| | + | input[type="file"]:focus, |
| | + | input[type="radio"]:focus, |
| | + | input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} |
| | + | .radio, |
| | + | .checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px;} |
| | + | .radio label, |
| | + | .checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer;} |
| | + | .radio input[type="radio"], |
| | + | .radio-inline input[type="radio"], |
| | + | .checkbox input[type="checkbox"], |
| | + | .checkbox-inline input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px \9;} |
| | + | .radio + .radio, |
| | + | .checkbox + .checkbox{margin-top:-5px;} |
| | + | .radio-inline, |
| | + | .checkbox-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer;} |
| | + | .radio-inline + .radio-inline, |
| | + | .checkbox-inline + .checkbox-inline{margin-top:0;margin-left:10px;} |
| | + | input[type="radio"][disabled], |
| | + | input[type="checkbox"][disabled], |
| | + | input[type="radio"].disabled, |
| | + | input[type="checkbox"].disabled, |
| | + | fieldset[disabled] input[type="radio"], |
| | + | fieldset[disabled] input[type="checkbox"]{cursor:not-allowed;} |
| | + | fieldset[disabled] .radio-inline, |
| | + | fieldset[disabled] .checkbox-inline{cursor:not-allowed;} |
| | + | .radio.disabled label, |
| | + | .checkbox.disabled label, |
| | + | fieldset[disabled] .radio label, |
| | + | fieldset[disabled] .checkbox label{cursor:not-allowed;} |
| | + | select.input-sm{height:30px;line-height:30px;} |
| | + | textarea.input-sm, |
| | + | select[multiple].input-sm{height:auto;} |
| | + | .collapse{display:none;} |
| | + | .collapse.in{display:block;} |
| | + | tr.collapse.in{display:table-row;} |
| | + | tbody.collapse.in{display:table-row-group;} |
| | + | |
| | + | .container:before, |
| | + | .container:after, |
| | + | .container-fluid:before, |
| | + | .container-fluid:after, |
| | + | .row:before, |
| | + | .row:after, |
| | + | .form-horizontal .form-group:before, |
| | + | .form-horizontal .form-group:after, |
| | + | .navbar-collapse:before, |
| | + | .navbar-collapse:after{content:" ";display:table;} |
| | + | .clearfix:after, |
| | + | .container:after, |
| | + | .container-fluid:after, |
| | + | .row:after, |
| | + | .form-horizontal .form-group:after, |
| | + | .navbar:after, |
| | + | |
| | + | .navbar-collapse:after{clear:both;} |
| | + | body{font-size:16px;line-height:1.42857143;color:#000;background-color:#ffffff;} |
| | + | a{font-size:16px;color: #2f4a98;text-decoration:none;padding-left: 4px;padding-right: 24px} |
| | + | a:hover, |
| | + | a:focus{color:#23527c;text-decoration:underline;} |
| | + | a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} |
| | + | |
| | + | |
| | + | |
| | + | section.pad{padding:30px 0;} |
| | + | |
| | + | |
| | + | /*** Footer ****/ |
| | + | |
| | + | footer{padding:2px 0;font-size:1px;color: #000;border-top:4px solid #ff9ea6;} |
| | + | footer h4 { margin: 0; font-size: 16px; color: #004a98; margin-bottom:15px; } |
| | + | |
| | + | |
| | + | .footer_links { margin-top: 20px; color: #004a98; } |
| | + | .footer_links p{margin:0;} |
| | + | .footer_links a { margin-right: 15px; font-size: 20px; vertical-align: middle; } |
| | + | |
| | + | footer a{color: #004a98;} |
| | + | footer a i{color: #004a98;} |
| | + | footer img{margin-bottom:15px;} |
| | + | footer .fa-twitter{color: #55acee;} |
| | + | footer .fa-linkedin{color: #007bb5;} |
| | + | footer .fa-youtube{color: #b00;} |
| | + | footer .fa-instagram{color:#fb3958;} |
| | + | |
| | + | /*** End ***/ |
| | + | |
| | + | #end{background-color: #004a98;font-size:10px;padding:10px 0;color:#fff;} |
| | + | #end .links{margin:10px 0;display: inline-block;} |
| | + | #end .links a{color:#fff;margin-right: 5px;display: inline-block;text-decoration:none;} |
| | + | #end .links a:hover{text-decoration:underline;} |
| | + | #end .links a:before{content:"|";margin-right:5px;} |
| | + | #end .links a:first-of-type:before{display:none;} |
| | + | #end .col-sm-7{text-align:left;} |
| | + | #end .col-sm-5{text-align:right;} |
| | + | end .ue{color: #2f4a98;} |
| | + | end .ue1{color: #F5FFFA;} |
| | + | |
| | + | |
| | + | |
| | + | @media (min-width: 768px){ |
| | + | .navbar{border:none;} |
| | + | header.main { background: #fff; border-bottom: 3px solid #58b4e5; } |
| | + | header.main .top{/* margin-bottom:-20px; */} |
| | + | .navbar-brand{margin-top: -20px;} |
| | + | .social_links a:after{margin:0 10px;} |
| | + | .half{width:50%;display:table-cell;float:left;} |
| | + | section.pad{padding:20px 0;} |
| | + | .btn{font-size:14px; text-align: center;} |
| | + | footer{padding:10px 0;} |
| | + | .footer_logo { float: left; width: 15%;margin-left: 0%} |
| | + | .footer_address { float: left; width: 33%; margin-left: 4%; } |
| | + | .footer_contact { float: left; width: 35%; margin-left: 3%; } |
| | + | .footer_links{float: right; text-align: right;margin:0;} |
| | + | #end .col-sm-7{text-align:left;} |
| | + | #end .col-sm-5{text-align:right;} |
| | + | #end .links{margin:0;} |
| | + | #end .links a:first-of-type:before{display:inline-block;} |
| | + | .team_member img { margin-bottom: 0; } |
| | + | } |
| | + | |
| | + | @media (min-width: 768px) and (max-width: 991px){ |
| | + | .hero_h1 { font-size: 28px; line-height: 32px; } |
| | + | .hero_half{bottom: 40px; padding: 15px; margin: 0 10%;width:80%;background:rgba(0, 88, 163, 0.75);} |
| | + | #end .col-sm-7{text-align:left;} |
| | + | #end .col-sm-5{text-align:right;} |
| | + | } |
| | + | |
| | + | @media (min-width:992px){ |
| | + | .hero .container { position: relative; height: 100%; } |
| | + | .navbar-brand{margin:0;} |
| | + | .footer_logo { float: left; width: 18%; } .footer_address { float: left; width: 25%; margin-left: 5%; } |
| | + | .footer_contact { float: left; width: 28%; margin-left: 4%; } |
| | + | .footer_links { float: right; text-align: right; width: 20%; } |
| | + | .footer_links a, .footer_links img { display: inline-block; } |
| | + | .footer_links a{margin-left:0px;} |
| | + | #end{font-size:12px;} |
| | + | #end .col-sm-7{text-align:left;} |
| | + | #end .col-sm-5{text-align:right;} |
| | + | .team_member .thin-left, .team_member .thin-right{visibility:visible;} |
| | + | } |
| | + | |
| | + | |
| | + | |
| | + | .fa-twitter, .secondary_menu .top .social_links a > .fa-linkedin, .secondary_menu .top .social_links a > .fa-youtube {color:#FFF;} |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | </style> |
| | + | |
| | + | |
| | + | <footer> |
| | + | |
| | + | <div class="footer-s "> |
| | + | <div class='row align-items-center'> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo'></div> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo'></div> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo'></div> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo'> |
| | + | <a href="http://www.cau.edu.cn" target="_blank2" ><img class="img-fluid" src="https://2019.igem.org/wiki/images/4/48/T--CAU_China--CAU.png"></a> |
| | + | </div> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo'> |
| | + | <a href="http://cbs.cau.edu.cn" target="_blank2" ><img class="img-fluid" src="https://2019.igem.org/wiki/images/a/a8/T--CAU_China--CBS.jpg"></a> |
| | + | </div> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo'> |
| | + | <a href="http://cbs.cau.edu.cn/sys/" target="_blank2" ><img class="img-fluid" src="https://2019.igem.org/wiki/images/f/f2/T--CAU_China--LAB.jpg"></a> |
| | + | </div> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo'> |
| | + | <a href="https://www.mathworks.com" target="_blank2" ><img class="img-fluid" src="https://2019.igem.org/wiki/images/c/ce/T--CAU_China--MW.png"></a> |
| | + | </div> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo'> |
| | + | <a href="http://sklppb.cau.edu.cn" target="_blank2" ><img class="img-fluid" src="https://2019.igem.org/wiki/images/a/a3/T--CAU_China--SKPPB.jpg"></a> |
| | + | </div> |
| | + | <div class='col-4 col-md-2 col-xl-1 sponsorLogo'> |
| | + | <a href="http://www.tib.cas.cn" target="_blank2" ><img class="img-fluid" src="https://2019.igem.org/wiki/images/e/e5/T--CAU_China--TIIB.jpg"></a> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | |
| | + | </footer> |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | <div class="container"> |
| | + | <div class="footer_logo"> |
| | + | <img src="https://2019.igem.org/wiki/images/9/90/T--CAU_China--logo2.png" alt="CTG: Crompton Technology Group"style="width:170px;height:150px;margin-left: 40%;margin-top: -16%;"> |
| | + | </div> |
| | + | <div class="footer_address"> |
| | + | <h4>China Agricultural University</h4> |
| | + | <p style="font-size: 14px">Tsinghua East Road 17#<br> |
| | + | Haidian District <br> |
| | + | Beijing 100083<br> |
| | + | China</p> |
| | + | </div> |
| | + | <div class="footer_contact"> |
| | + | <h4>Registered in China </h4> |
| | + | |
| | + | <p><a href="tel:+86(0)-6273 7682"style="font-size: 14px"><i class="fa fa-phone"></i> +86(0)-6273 7682 </a><br> |
| | + | <a href="mailto:igem2019cau@gmail.com"style="font-size: 14px"><i class="fa fa-envelope"></i> igem2019cau@gmail.com </a></p> |
| | + | |
| | + | </div> |
| | + | <div class="footer_links"> |
| | + | <a href="http://utcaerospacesystems.com/Pages/Default.aspx"><img src="https://2019.igem.org/wiki/images/e/e1/T--CAU_China--logo.png" alt="UTC" target="_blank" rel="nofollow"style="width:150px;height:35;padding-right: 40%"></a> |
| | + | <p style="font-size: 14px">Follow us on: <a href="https://twitter.com/CollinsAero" target="_blank" style="padding: 0rem 0rem"><i class="fa fa-twitter" style="color: #55acee"></i> </a> <a href="https://mp.weixin.qq.com/s/Uti4lVH3ikfKt5vqaLG_AA" target="_blank"style="padding: 0rem 0rem"><i class="fa fa-wechat"></i> </a></p> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | |
| | </div> | | </div> |
| | </div> | | </div> |
| Line 65: |
Line 10,503: |
| | | | |
| | | | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | </html> |
| | + | <html> |
| | + | </div> |
| | + | |
| | + | |
| | + | <end> |
| | + | <div class="footer-bottom"> |
| | + | <div class="row"> |
| | + | <div class="col-sm-7 col-md-6 "><a href="" target="_blank" class="ue1" style="font-size:14px;padding: 0rem 0rem"> |
| | + | Copyright © |
| | + | 2019 |
| | + | CAU_ESPA. All rights reserved | <a href="" target="_blank" class="ue1"style="font-size:14px;padding: 0rem 0rem">Website Design by</a><a href="https://2019.igem.org/Team:CAU_China/Team" target="_blank" class="ue" style="font-size:14px;padding: 0rem 0rem"> Leland</a> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | </end> |
| | | | |
| | </html> | | </html> |