Created
August 24, 2020 23:55
-
-
Save yonderbread/385e56898193db8524787770bb77b542 to your computer and use it in GitHub Desktop.
Material Dashboard
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*! | |
========================================================= | |
* Material Dashboard - v2.1.2 | |
========================================================= | |
* Product Page: https://www.creative-tim.com/product/material-dashboard | |
* Copyright 2020 Creative Tim (http://www.creative-tim.com) | |
========================================================= | |
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. | |
*/.card { | |
font-size:.875rem | |
} | |
@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 #999; | |
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 | |
} | |
.container, | |
body { | |
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 #ddd!important | |
} | |
} | |
*, | |
: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:rgba(0,0,0,0) | |
} | |
@-ms-viewport { | |
width:device-width | |
} | |
article, | |
aside, | |
dialog, | |
figcaption, | |
figure, | |
footer, | |
header, | |
hgroup, | |
main, | |
nav, | |
section { | |
display:block | |
} | |
body { | |
margin:0; | |
font-family:Roboto,Helvetica,Arial,sans-serif; | |
font-size:1rem; | |
font-weight:400; | |
line-height:1.5; | |
color:#212529; | |
text-align:left; | |
background-color:#fafafa | |
} | |
[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; | |
text-decoration:underline dotted; | |
cursor:help; | |
border-bottom:0 | |
} | |
address { | |
font-style:normal; | |
line-height:inherit | |
} | |
address, | |
dl, | |
ol, | |
ul { | |
margin-bottom:1rem | |
} | |
dl, | |
ol, | |
ul { | |
margin-top:0 | |
} | |
ol ol, | |
ol ul, | |
ul ol, | |
ul ul { | |
margin-bottom:0 | |
} | |
dt { | |
font-weight:500 | |
} | |
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 { | |
text-decoration:none; | |
background-color:transparent; | |
-webkit-text-decoration-skip:objects | |
} | |
a:hover { | |
color:#0a6ebd; | |
text-decoration:underline | |
} | |
a:not([href]):not([tabindex]), | |
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:400; | |
line-height:1.2; | |
color:inherit | |
} | |
.h1, | |
h1 { | |
font-size:2.5rem | |
} | |
.h2, | |
h2 { | |
font-size:2rem | |
} | |
.h3, | |
h3 { | |
font-size:1.75rem | |
} | |
.h4, | |
h4 { | |
font-size:1.5rem | |
} | |
.h5, | |
h5 { | |
font-size:1.25rem | |
} | |
.h6, | |
h6 { | |
font-size:1rem | |
} | |
.lead { | |
font-size:1.25rem; | |
font-weight:300 | |
} | |
.display-1 { | |
font-size:7rem | |
} | |
.display-1, | |
.display-2 { | |
font-weight:300; | |
line-height:1.2 | |
} | |
.display-2 { | |
font-size:3.5rem | |
} | |
.display-3 { | |
font-size:2.8125rem | |
} | |
.display-3, | |
.display-4 { | |
font-weight:300; | |
line-height:1.2 | |
} | |
.display-4 { | |
font-size:2.125rem | |
} | |
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 | |
} | |
.list-inline, | |
.list-unstyled { | |
padding-left:0; | |
list-style:none | |
} | |
.list-inline-item { | |
display:inline-block | |
} | |
.list-inline-item:not(:last-child) { | |
margin-right:.5rem | |
} | |
.initialism { | |
font-size:90%; | |
text-transform:uppercase | |
} | |
.blockquote { | |
margin-bottom:1rem; | |
font-size:1.25rem | |
} | |
.blockquote-footer { | |
display:block; | |
font-size:80%; | |
color:#6c757d | |
} | |
.blockquote-footer:before { | |
content:"\2014 \00A0" | |
} | |
.img-fluid, | |
.img-thumbnail { | |
max-width:100%; | |
height:auto | |
} | |
.img-thumbnail { | |
padding:.25rem; | |
background-color:#fafafa; | |
border:1px solid #dee2e6; | |
border-radius:.25rem; | |
box-shadow:0 1px 2px rgba(0,0,0,.075) | |
} | |
.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:#e91e63; | |
word-break:break-word | |
} | |
a>code { | |
color:inherit | |
} | |
kbd { | |
padding:.2rem .4rem; | |
font-size:87.5%; | |
color:#fff; | |
background-color:#212529; | |
border-radius:.2rem; | |
box-shadow:inset 0 -.1rem 0 rgba(0,0,0,.25) | |
} | |
kbd kbd { | |
padding:0; | |
font-size:100%; | |
font-weight:500; | |
box-shadow:none | |
} | |
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:flex; | |
flex-wrap:wrap; | |
margin-right:-15px; | |
margin-left:-15px | |
} | |
.no-gutters { | |
margin-right:0; | |
margin-left:0 | |
} | |
.no-gutters>.col, | |
.no-gutters>[class*=col-] { | |
padding-right:0; | |
padding-left:0 | |
} | |
.col, | |
.col-1, | |
.col-2, | |
.col-3, | |
.col-4, | |
.col-5, | |
.col-6, | |
.col-7, | |
.col-8, | |
.col-9, | |
.col-10, | |
.col-11, | |
.col-12, | |
.col-auto, | |
.col-lg, | |
.col-lg-1, | |
.col-lg-2, | |
.col-lg-3, | |
.col-lg-4, | |
.col-lg-5, | |
.col-lg-6, | |
.col-lg-7, | |
.col-lg-8, | |
.col-lg-9, | |
.col-lg-10, | |
.col-lg-11, | |
.col-lg-12, | |
.col-lg-auto, | |
.col-md, | |
.col-md-1, | |
.col-md-2, | |
.col-md-3, | |
.col-md-4, | |
.col-md-5, | |
.col-md-6, | |
.col-md-7, | |
.col-md-8, | |
.col-md-9, | |
.col-md-10, | |
.col-md-11, | |
.col-md-12, | |
.col-md-auto, | |
.col-sm, | |
.col-sm-1, | |
.col-sm-2, | |
.col-sm-3, | |
.col-sm-4, | |
.col-sm-5, | |
.col-sm-6, | |
.col-sm-7, | |
.col-sm-8, | |
.col-sm-9, | |
.col-sm-10, | |
.col-sm-11, | |
.col-sm-12, | |
.col-sm-auto, | |
.col-xl, | |
.col-xl-1, | |
.col-xl-2, | |
.col-xl-3, | |
.col-xl-4, | |
.col-xl-5, | |
.col-xl-6, | |
.col-xl-7, | |
.col-xl-8, | |
.col-xl-9, | |
.col-xl-10, | |
.col-xl-11, | |
.col-xl-12, | |
.col-xl-auto { | |
position:relative; | |
width:100%; | |
min-height:1px; | |
padding-right:15px; | |
padding-left:15px | |
} | |
.col { | |
flex-basis:0; | |
flex-grow:1; | |
max-width:100% | |
} | |
.col-auto { | |
flex:0 0 auto; | |
width:auto; | |
max-width:none | |
} | |
.col-1 { | |
flex:0 0 8.333333%; | |
max-width:8.333333% | |
} | |
.col-2 { | |
flex:0 0 16.666667%; | |
max-width:16.666667% | |
} | |
.col-3 { | |
flex:0 0 25%; | |
max-width:25% | |
} | |
.col-4 { | |
flex:0 0 33.333333%; | |
max-width:33.333333% | |
} | |
.col-5 { | |
flex:0 0 41.666667%; | |
max-width:41.666667% | |
} | |
.col-6 { | |
flex:0 0 50%; | |
max-width:50% | |
} | |
.col-7 { | |
flex:0 0 58.333333%; | |
max-width:58.333333% | |
} | |
.col-8 { | |
flex:0 0 66.666667%; | |
max-width:66.666667% | |
} | |
.col-9 { | |
flex:0 0 75%; | |
max-width:75% | |
} | |
.col-10 { | |
flex:0 0 83.333333%; | |
max-width:83.333333% | |
} | |
.col-11 { | |
flex:0 0 91.666667%; | |
max-width:91.666667% | |
} | |
.col-12 { | |
flex:0 0 100%; | |
max-width:100% | |
} | |
.order-first { | |
order:-1 | |
} | |
.order-last { | |
order:13 | |
} | |
.order-0 { | |
order:0 | |
} | |
.order-1 { | |
order:1 | |
} | |
.order-2 { | |
order:2 | |
} | |
.order-3 { | |
order:3 | |
} | |
.order-4 { | |
order:4 | |
} | |
.order-5 { | |
order:5 | |
} | |
.order-6 { | |
order:6 | |
} | |
.order-7 { | |
order:7 | |
} | |
.order-8 { | |
order:8 | |
} | |
.order-9 { | |
order:9 | |
} | |
.order-10 { | |
order:10 | |
} | |
.order-11 { | |
order:11 | |
} | |
.order-12 { | |
order:12 | |
} | |
.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 { | |
flex-basis:0; | |
flex-grow:1; | |
max-width:100% | |
} | |
.col-sm-auto { | |
flex:0 0 auto; | |
width:auto; | |
max-width:none | |
} | |
.col-sm-1 { | |
flex:0 0 8.333333%; | |
max-width:8.333333% | |
} | |
.col-sm-2 { | |
flex:0 0 16.666667%; | |
max-width:16.666667% | |
} | |
.col-sm-3 { | |
flex:0 0 25%; | |
max-width:25% | |
} | |
.col-sm-4 { | |
flex:0 0 33.333333%; | |
max-width:33.333333% | |
} | |
.col-sm-5 { | |
flex:0 0 41.666667%; | |
max-width:41.666667% | |
} | |
.col-sm-6 { | |
flex:0 0 50%; | |
max-width:50% | |
} | |
.col-sm-7 { | |
flex:0 0 58.333333%; | |
max-width:58.333333% | |
} | |
.col-sm-8 { | |
flex:0 0 66.666667%; | |
max-width:66.666667% | |
} | |
.col-sm-9 { | |
flex:0 0 75%; | |
max-width:75% | |
} | |
.col-sm-10 { | |
flex:0 0 83.333333%; | |
max-width:83.333333% | |
} | |
.col-sm-11 { | |
flex:0 0 91.666667%; | |
max-width:91.666667% | |
} | |
.col-sm-12 { | |
flex:0 0 100%; | |
max-width:100% | |
} | |
.order-sm-first { | |
order:-1 | |
} | |
.order-sm-last { | |
order:13 | |
} | |
.order-sm-0 { | |
order:0 | |
} | |
.order-sm-1 { | |
order:1 | |
} | |
.order-sm-2 { | |
order:2 | |
} | |
.order-sm-3 { | |
order:3 | |
} | |
.order-sm-4 { | |
order:4 | |
} | |
.order-sm-5 { | |
order:5 | |
} | |
.order-sm-6 { | |
order:6 | |
} | |
.order-sm-7 { | |
order:7 | |
} | |
.order-sm-8 { | |
order:8 | |
} | |
.order-sm-9 { | |
order:9 | |
} | |
.order-sm-10 { | |
order:10 | |
} | |
.order-sm-11 { | |
order:11 | |
} | |
.order-sm-12 { | |
order:12 | |
} | |
.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 { | |
flex-basis:0; | |
flex-grow:1; | |
max-width:100% | |
} | |
.col-md-auto { | |
flex:0 0 auto; | |
width:auto; | |
max-width:none | |
} | |
.col-md-1 { | |
flex:0 0 8.333333%; | |
max-width:8.333333% | |
} | |
.col-md-2 { | |
flex:0 0 16.666667%; | |
max-width:16.666667% | |
} | |
.col-md-3 { | |
flex:0 0 25%; | |
max-width:25% | |
} | |
.col-md-4 { | |
flex:0 0 33.333333%; | |
max-width:33.333333% | |
} | |
.col-md-5 { | |
flex:0 0 41.666667%; | |
max-width:41.666667% | |
} | |
.col-md-6 { | |
flex:0 0 50%; | |
max-width:50% | |
} | |
.col-md-7 { | |
flex:0 0 58.333333%; | |
max-width:58.333333% | |
} | |
.col-md-8 { | |
flex:0 0 66.666667%; | |
max-width:66.666667% | |
} | |
.col-md-9 { | |
flex:0 0 75%; | |
max-width:75% | |
} | |
.col-md-10 { | |
flex:0 0 83.333333%; | |
max-width:83.333333% | |
} | |
.col-md-11 { | |
flex:0 0 91.666667%; | |
max-width:91.666667% | |
} | |
.col-md-12 { | |
flex:0 0 100%; | |
max-width:100% | |
} | |
.order-md-first { | |
order:-1 | |
} | |
.order-md-last { | |
order:13 | |
} | |
.order-md-0 { | |
order:0 | |
} | |
.order-md-1 { | |
order:1 | |
} | |
.order-md-2 { | |
order:2 | |
} | |
.order-md-3 { | |
order:3 | |
} | |
.order-md-4 { | |
order:4 | |
} | |
.order-md-5 { | |
order:5 | |
} | |
.order-md-6 { | |
order:6 | |
} | |
.order-md-7 { | |
order:7 | |
} | |
.order-md-8 { | |
order:8 | |
} | |
.order-md-9 { | |
order:9 | |
} | |
.order-md-10 { | |
order:10 | |
} | |
.order-md-11 { | |
order:11 | |
} | |
.order-md-12 { | |
order:12 | |
} | |
.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 { | |
flex-basis:0; | |
flex-grow:1; | |
max-width:100% | |
} | |
.col-lg-auto { | |
flex:0 0 auto; | |
width:auto; | |
max-width:none | |
} | |
.col-lg-1 { | |
flex:0 0 8.333333%; | |
max-width:8.333333% | |
} | |
.col-lg-2 { | |
flex:0 0 16.666667%; | |
max-width:16.666667% | |
} | |
.col-lg-3 { | |
flex:0 0 25%; | |
max-width:25% | |
} | |
.col-lg-4 { | |
flex:0 0 33.333333%; | |
max-width:33.333333% | |
} | |
.col-lg-5 { | |
flex:0 0 41.666667%; | |
max-width:41.666667% | |
} | |
.col-lg-6 { | |
flex:0 0 50%; | |
max-width:50% | |
} | |
.col-lg-7 { | |
flex:0 0 58.333333%; | |
max-width:58.333333% | |
} | |
.col-lg-8 { | |
flex:0 0 66.666667%; | |
max-width:66.666667% | |
} | |
.col-lg-9 { | |
flex:0 0 75%; | |
max-width:75% | |
} | |
.col-lg-10 { | |
flex:0 0 83.333333%; | |
max-width:83.333333% | |
} | |
.col-lg-11 { | |
flex:0 0 91.666667%; | |
max-width:91.666667% | |
} | |
.col-lg-12 { | |
flex:0 0 100%; | |
max-width:100% | |
} | |
.order-lg-first { | |
order:-1 | |
} | |
.order-lg-last { | |
order:13 | |
} | |
.order-lg-0 { | |
order:0 | |
} | |
.order-lg-1 { | |
order:1 | |
} | |
.order-lg-2 { | |
order:2 | |
} | |
.order-lg-3 { | |
order:3 | |
} | |
.order-lg-4 { | |
order:4 | |
} | |
.order-lg-5 { | |
order:5 | |
} | |
.order-lg-6 { | |
order:6 | |
} | |
.order-lg-7 { | |
order:7 | |
} | |
.order-lg-8 { | |
order:8 | |
} | |
.order-lg-9 { | |
order:9 | |
} | |
.order-lg-10 { | |
order:10 | |
} | |
.order-lg-11 { | |
order:11 | |
} | |
.order-lg-12 { | |
order:12 | |
} | |
.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 { | |
flex-basis:0; | |
flex-grow:1; | |
max-width:100% | |
} | |
.col-xl-auto { | |
flex:0 0 auto; | |
width:auto; | |
max-width:none | |
} | |
.col-xl-1 { | |
flex:0 0 8.333333%; | |
max-width:8.333333% | |
} | |
.col-xl-2 { | |
flex:0 0 16.666667%; | |
max-width:16.666667% | |
} | |
.col-xl-3 { | |
flex:0 0 25%; | |
max-width:25% | |
} | |
.col-xl-4 { | |
flex:0 0 33.333333%; | |
max-width:33.333333% | |
} | |
.col-xl-5 { | |
flex:0 0 41.666667%; | |
max-width:41.666667% | |
} | |
.col-xl-6 { | |
flex:0 0 50%; | |
max-width:50% | |
} | |
.col-xl-7 { | |
flex:0 0 58.333333%; | |
max-width:58.333333% | |
} | |
.col-xl-8 { | |
flex:0 0 66.666667%; | |
max-width:66.666667% | |
} | |
.col-xl-9 { | |
flex:0 0 75%; | |
max-width:75% | |
} | |
.col-xl-10 { | |
flex:0 0 83.333333%; | |
max-width:83.333333% | |
} | |
.col-xl-11 { | |
flex:0 0 91.666667%; | |
max-width:91.666667% | |
} | |
.col-xl-12 { | |
flex:0 0 100%; | |
max-width:100% | |
} | |
.order-xl-first { | |
order:-1 | |
} | |
.order-xl-last { | |
order:13 | |
} | |
.order-xl-0 { | |
order:0 | |
} | |
.order-xl-1 { | |
order:1 | |
} | |
.order-xl-2 { | |
order:2 | |
} | |
.order-xl-3 { | |
order:3 | |
} | |
.order-xl-4 { | |
order:4 | |
} | |
.order-xl-5 { | |
order:5 | |
} | |
.order-xl-6 { | |
order:6 | |
} | |
.order-xl-7 { | |
order:7 | |
} | |
.order-xl-8 { | |
order:8 | |
} | |
.order-xl-9 { | |
order:9 | |
} | |
.order-xl-10 { | |
order:10 | |
} | |
.order-xl-11 { | |
order:11 | |
} | |
.order-xl-12 { | |
order:12 | |
} | |
.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 rgba(0,0,0,.06) | |
} | |
.table thead th { | |
vertical-align:bottom; | |
border-bottom:2px solid rgba(0,0,0,.06) | |
} | |
.table tbody+tbody { | |
border-top:2px solid rgba(0,0,0,.06) | |
} | |
.table .table { | |
background-color:#fafafa | |
} | |
.table-sm td, | |
.table-sm th { | |
padding:.3rem | |
} | |
.table-bordered, | |
.table-bordered td, | |
.table-bordered th { | |
border:1px solid rgba(0,0,0,.06) | |
} | |
.table-bordered thead td, | |
.table-bordered thead th { | |
border-bottom-width:2px | |
} | |
.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:#c1e2fc | |
} | |
.table-hover .table-primary:hover, | |
.table-hover .table-primary:hover>td, | |
.table-hover .table-primary:hover>th { | |
background-color:#a9d7fb | |
} | |
.table-secondary, | |
.table-secondary>td, | |
.table-secondary>th { | |
background-color:#d6d8db | |
} | |
.table-hover .table-secondary:hover, | |
.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:#cde9ce | |
} | |
.table-hover .table-success:hover, | |
.table-hover .table-success:hover>td, | |
.table-hover .table-success:hover>th { | |
background-color:#bbe1bd | |
} | |
.table-info, | |
.table-info>td, | |
.table-info>th { | |
background-color:#b8ecf3 | |
} | |
.table-hover .table-info:hover, | |
.table-hover .table-info:hover>td, | |
.table-hover .table-info:hover>th { | |
background-color:#a2e6ef | |
} | |
.table-warning, | |
.table-warning>td, | |
.table-warning>th { | |
background-color:#fff9c8 | |
} | |
.table-hover .table-warning:hover, | |
.table-hover .table-warning:hover>td, | |
.table-hover .table-warning:hover>th { | |
background-color:#fff6af | |
} | |
.table-danger, | |
.table-danger>td, | |
.table-danger>th { | |
background-color:#fccac7 | |
} | |
.table-hover .table-danger:hover, | |
.table-hover .table-danger:hover>td, | |
.table-hover .table-danger:hover>th { | |
background-color:#fbb3af | |
} | |
.table-light, | |
.table-light>td, | |
.table-light>th { | |
background-color:#fdfdfe | |
} | |
.table-hover .table-light:hover, | |
.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, | |
.table-hover .table-dark:hover>td, | |
.table-hover .table-dark:hover>th { | |
background-color:#b9bbbe | |
} | |
.table-active, | |
.table-active>td, | |
.table-active>th, | |
.table-hover .table-active:hover, | |
.table-hover .table-active:hover>td, | |
.table-hover .table-active:hover>th { | |
background-color:rgba(0,0,0,.075) | |
} | |
.table .thead-dark th { | |
color:#fafafa; | |
background-color:#212529; | |
border-color:#32383e | |
} | |
.table .thead-light th { | |
color:#495057; | |
background-color:#e9ecef; | |
border-color:rgba(0,0,0,.06) | |
} | |
.table-dark { | |
color:#fafafa; | |
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:hsla(0,0%,100%,.05) | |
} | |
.table-dark.table-hover tbody tr:hover { | |
background-color:hsla(0,0%,100%,.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:.4375rem 0; | |
font-size:1rem; | |
line-height:1.5; | |
color:#495057; | |
background-color:transparent; | |
background-clip:padding-box; | |
border:1px solid #d2d2d2; | |
box-shadow:none; | |
transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out | |
} | |
.form-control::-ms-expand { | |
background-color:transparent; | |
border:0 | |
} | |
.form-control:focus { | |
color:#495057; | |
background-color:transparent; | |
border-color:#9acffa; | |
outline:0; | |
box-shadow:none,0 0 0 .2rem rgba(33,150,243,.25) | |
} | |
.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.4375rem + 2px) | |
} | |
select.form-control:focus::-ms-value { | |
color:#495057; | |
background-color:transparent | |
} | |
.form-control-file, | |
.form-control-range { | |
display:block; | |
width:100% | |
} | |
.col-form-label { | |
padding-top:calc(.4375rem + 1px); | |
padding-bottom:calc(.4375rem + 1px); | |
margin-bottom:0; | |
font-size:inherit; | |
line-height:1.5 | |
} | |
.col-form-label-lg { | |
padding-top:calc(.5625rem + 1px); | |
padding-bottom:calc(.5625rem + 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:.4375rem; | |
padding-bottom:.4375rem; | |
margin-bottom:0; | |
line-height:1.5; | |
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 0; | |
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(2.125rem + 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:.5625rem 0; | |
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(4.125rem + 2px) | |
} | |
.form-group { | |
margin-bottom:1rem | |
} | |
.form-text { | |
display:block; | |
margin-top:.25rem | |
} | |
.form-row { | |
display:flex; | |
flex-wrap:wrap; | |
margin-right:-5px; | |
margin-left:-5px | |
} | |
.form-row>.col, | |
.form-row>[class*=col-] { | |
padding-right:5px; | |
padding-left:5px | |
} | |
.form-check { | |
position:relative; | |
display:block; | |
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:inline-flex; | |
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:#4caf50 | |
} | |
.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(76,175,80,.8); | |
border-radius:.2rem | |
} | |
.custom-select.is-valid, | |
.form-control.is-valid, | |
.was-validated .custom-select:valid, | |
.was-validated .form-control:valid { | |
border-color:#4caf50 | |
} | |
.custom-select.is-valid:focus, | |
.form-control.is-valid:focus, | |
.was-validated .custom-select:valid:focus, | |
.was-validated .form-control:valid:focus { | |
border-color:#4caf50; | |
box-shadow:0 0 0 .2rem rgba(76,175,80,.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:#4caf50 | |
} | |
.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:#4caf50 | |
} | |
.custom-control-input.is-valid~.custom-control-label:before, | |
.was-validated .custom-control-input:valid~.custom-control-label:before { | |
background-color:#a3d7a5 | |
} | |
.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:#6ec071 | |
} | |
.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 #fafafa,0 0 0 .2rem rgba(76,175,80,.25) | |
} | |
.custom-file-input.is-valid~.custom-file-label, | |
.was-validated .custom-file-input:valid~.custom-file-label { | |
border-color:#4caf50 | |
} | |
.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(76,175,80,.25) | |
} | |
.invalid-feedback { | |
display:none; | |
width:100%; | |
margin-top:.25rem; | |
font-size:80%; | |
color:#f44336 | |
} | |
.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(244,67,54,.8); | |
border-radius:.2rem | |
} | |
.custom-select.is-invalid, | |
.form-control.is-invalid, | |
.was-validated .custom-select:invalid, | |
.was-validated .form-control:invalid { | |
border-color:#f44336 | |
} | |
.custom-select.is-invalid:focus, | |
.form-control.is-invalid:focus, | |
.was-validated .custom-select:invalid:focus, | |
.was-validated .form-control:invalid:focus { | |
border-color:#f44336; | |
box-shadow:0 0 0 .2rem rgba(244,67,54,.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:#f44336 | |
} | |
.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:#f44336 | |
} | |
.custom-control-input.is-invalid~.custom-control-label:before, | |
.was-validated .custom-control-input:invalid~.custom-control-label:before { | |
background-color:#fbb4af | |
} | |
.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:#f77066 | |
} | |
.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 #fafafa,0 0 0 .2rem rgba(244,67,54,.25) | |
} | |
.custom-file-input.is-invalid~.custom-file-label, | |
.was-validated .custom-file-input:invalid~.custom-file-label { | |
border-color:#f44336 | |
} | |
.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(244,67,54,.25) | |
} | |
.form-inline { | |
display:flex; | |
flex-flow:row wrap; | |
align-items:center | |
} | |
.form-inline .form-check { | |
width:100% | |
} | |
@media (min-width:576px) { | |
.form-inline label { | |
justify-content:center | |
} | |
.form-inline .form-group, | |
.form-inline label { | |
display:flex; | |
align-items:center; | |
margin-bottom:0 | |
} | |
.form-inline .form-group { | |
flex:0 0 auto; | |
flex-flow:row wrap | |
} | |
.form-inline .form-control { | |
display:inline-block; | |
width:auto; | |
vertical-align:middle | |
} | |
.form-inline .form-control-plaintext { | |
display:inline-block | |
} | |
.form-inline .input-group { | |
width:auto | |
} | |
.form-inline .form-check { | |
display:flex; | |
align-items: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 { | |
align-items:center; | |
justify-content:center | |
} | |
.form-inline .custom-control-label { | |
margin-bottom:0 | |
} | |
} | |
.btn { | |
display:inline-block; | |
text-align:center; | |
white-space:nowrap; | |
vertical-align:middle; | |
user-select:none; | |
border:1px solid transparent; | |
padding:.46875rem 1rem; | |
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 | |
} | |
.btn:focus, | |
.btn:hover { | |
text-decoration:none | |
} | |
.btn.focus, | |
.btn:focus { | |
outline:0; | |
box-shadow:0 0 0 .2rem rgba(33,150,243,.25) | |
} | |
.btn.disabled, | |
.btn:disabled { | |
opacity:.65; | |
box-shadow:none | |
} | |
.btn:not(:disabled):not(.disabled) { | |
cursor:pointer | |
} | |
.btn:not(:disabled):not(.disabled).active, | |
.btn:not(:disabled):not(.disabled):active { | |
background-image:none; | |
box-shadow:none | |
} | |
.btn:not(:disabled):not(.disabled).active:focus, | |
.btn:not(:disabled):not(.disabled):active:focus { | |
box-shadow:0 0 0 .2rem rgba(33,150,243,.25),none | |
} | |
a.btn.disabled, | |
fieldset:disabled a.btn { | |
pointer-events:none | |
} | |
.btn-primary { | |
color:#fff; | |
background-color:#2196f3; | |
border-color:#2196f3; | |
box-shadow:none | |
} | |
.btn-primary:hover { | |
color:#fff; | |
background-color:#0c83e2; | |
border-color:#0c7cd5 | |
} | |
.btn-primary.focus, | |
.btn-primary:focus { | |
box-shadow:none,0 0 0 .2rem rgba(33,150,243,.5) | |
} | |
.btn-primary.disabled, | |
.btn-primary:disabled { | |
color:#fff; | |
background-color:#2196f3; | |
border-color:#2196f3 | |
} | |
.btn-primary:not(:disabled):not(.disabled).active, | |
.btn-primary:not(:disabled):not(.disabled):active, | |
.show>.btn-primary.dropdown-toggle { | |
color:#fff; | |
background-color:#0c7cd5; | |
border-color:#0b75c9 | |
} | |
.btn-primary:not(:disabled):not(.disabled).active:focus, | |
.btn-primary:not(:disabled):not(.disabled):active:focus, | |
.show>.btn-primary.dropdown-toggle:focus { | |
box-shadow:none,0 0 0 .2rem rgba(33,150,243,.5) | |
} | |
.btn-secondary { | |
color:#fff; | |
background-color:#6c757d; | |
border-color:#6c757d; | |
box-shadow:none | |
} | |
.btn-secondary:hover { | |
color:#fff; | |
background-color:#5a6268; | |
border-color:#545b62 | |
} | |
.btn-secondary.focus, | |
.btn-secondary:focus { | |
box-shadow:none,0 0 0 .2rem hsla(208,7%,46%,.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:none,0 0 0 .2rem hsla(208,7%,46%,.5) | |
} | |
.btn-success { | |
color:#fff; | |
background-color:#4caf50; | |
border-color:#4caf50; | |
box-shadow:none | |
} | |
.btn-success:hover { | |
color:#fff; | |
background-color:#409444; | |
border-color:#3d8b40 | |
} | |
.btn-success.focus, | |
.btn-success:focus { | |
box-shadow:none,0 0 0 .2rem rgba(76,175,80,.5) | |
} | |
.btn-success.disabled, | |
.btn-success:disabled { | |
color:#fff; | |
background-color:#4caf50; | |
border-color:#4caf50 | |
} | |
.btn-success:not(:disabled):not(.disabled).active, | |
.btn-success:not(:disabled):not(.disabled):active, | |
.show>.btn-success.dropdown-toggle { | |
color:#fff; | |
background-color:#3d8b40; | |
border-color:#39833c | |
} | |
.btn-success:not(:disabled):not(.disabled).active:focus, | |
.btn-success:not(:disabled):not(.disabled):active:focus, | |
.show>.btn-success.dropdown-toggle:focus { | |
box-shadow:none,0 0 0 .2rem rgba(76,175,80,.5) | |
} | |
.btn-info { | |
color:#fff; | |
background-color:#00bcd4; | |
border-color:#00bcd4; | |
box-shadow:none | |
} | |
.btn-info:hover { | |
color:#fff; | |
background-color:#009aae; | |
border-color:#008fa1 | |
} | |
.btn-info.focus, | |
.btn-info:focus { | |
box-shadow:none,0 0 0 .2rem rgba(0,188,212,.5) | |
} | |
.btn-info.disabled, | |
.btn-info:disabled { | |
color:#fff; | |
background-color:#00bcd4; | |
border-color:#00bcd4 | |
} | |
.btn-info:not(:disabled):not(.disabled).active, | |
.btn-info:not(:disabled):not(.disabled):active, | |
.show>.btn-info.dropdown-toggle { | |
color:#fff; | |
background-color:#008fa1; | |
border-color:#008394 | |
} | |
.btn-info:not(:disabled):not(.disabled).active:focus, | |
.btn-info:not(:disabled):not(.disabled):active:focus, | |
.show>.btn-info.dropdown-toggle:focus { | |
box-shadow:none,0 0 0 .2rem rgba(0,188,212,.5) | |
} | |
.btn-warning { | |
color:#212529; | |
background-color:#ffeb3b; | |
border-color:#ffeb3b; | |
box-shadow:none | |
} | |
.btn-warning:hover { | |
color:#212529; | |
background-color:#ffe715; | |
border-color:#ffe608 | |
} | |
.btn-warning.focus, | |
.btn-warning:focus { | |
box-shadow:none,0 0 0 .2rem rgba(255,235,59,.5) | |
} | |
.btn-warning.disabled, | |
.btn-warning:disabled { | |
color:#212529; | |
background-color:#ffeb3b; | |
border-color:#ffeb3b | |
} | |
.btn-warning:not(:disabled):not(.disabled).active, | |
.btn-warning:not(:disabled):not(.disabled):active, | |
.show>.btn-warning.dropdown-toggle { | |
color:#212529; | |
background-color:#ffe608; | |
border-color:#fae100 | |
} | |
.btn-warning:not(:disabled):not(.disabled).active:focus, | |
.btn-warning:not(:disabled):not(.disabled):active:focus, | |
.show>.btn-warning.dropdown-toggle:focus { | |
box-shadow:none,0 0 0 .2rem rgba(255,235,59,.5) | |
} | |
.btn-danger { | |
color:#fff; | |
background-color:#f44336; | |
border-color:#f44336; | |
box-shadow:none | |
} | |
.btn-danger:hover { | |
color:#fff; | |
background-color:#f22112; | |
border-color:#ea1c0d | |
} | |
.btn-danger.focus, | |
.btn-danger:focus { | |
box-shadow:none,0 0 0 .2rem rgba(244,67,54,.5) | |
} | |
.btn-danger.disabled, | |
.btn-danger:disabled { | |
color:#fff; | |
background-color:#f44336; | |
border-color:#f44336 | |
} | |
.btn-danger:not(:disabled):not(.disabled).active, | |
.btn-danger:not(:disabled):not(.disabled):active, | |
.show>.btn-danger.dropdown-toggle { | |
color:#fff; | |
background-color:#ea1c0d; | |
border-color:#de1b0c | |
} | |
.btn-danger:not(:disabled):not(.disabled).active:focus, | |
.btn-danger:not(:disabled):not(.disabled):active:focus, | |
.show>.btn-danger.dropdown-toggle:focus { | |
box-shadow:none,0 0 0 .2rem rgba(244,67,54,.5) | |
} | |
.btn-light { | |
color:#212529; | |
background-color:#f8f9fa; | |
border-color:#f8f9fa; | |
box-shadow:none | |
} | |
.btn-light:hover { | |
color:#212529; | |
background-color:#e2e6ea; | |
border-color:#dae0e5 | |
} | |
.btn-light.focus, | |
.btn-light:focus { | |
box-shadow:none,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:none,0 0 0 .2rem rgba(248,249,250,.5) | |
} | |
.btn-dark { | |
color:#fff; | |
background-color:#343a40; | |
border-color:#343a40; | |
box-shadow:none | |
} | |
.btn-dark:hover { | |
color:#fff; | |
background-color:#23272b; | |
border-color:#1d2124 | |
} | |
.btn-dark.focus, | |
.btn-dark:focus { | |
box-shadow:none,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:none,0 0 0 .2rem rgba(52,58,64,.5) | |
} | |
.btn-outline-primary { | |
color:#2196f3; | |
background-color:transparent; | |
background-image:none; | |
border-color:#2196f3 | |
} | |
.btn-outline-primary:hover { | |
color:#fff; | |
background-color:#2196f3; | |
border-color:#2196f3 | |
} | |
.btn-outline-primary.focus, | |
.btn-outline-primary:focus { | |
box-shadow:0 0 0 .2rem rgba(33,150,243,.5) | |
} | |
.btn-outline-primary.disabled, | |
.btn-outline-primary:disabled { | |
color:#2196f3; | |
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:#2196f3; | |
border-color:#2196f3 | |
} | |
.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(33,150,243,.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 hsla(208,7%,46%,.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 hsla(208,7%,46%,.5) | |
} | |
.btn-outline-success { | |
color:#4caf50; | |
background-color:transparent; | |
background-image:none; | |
border-color:#4caf50 | |
} | |
.btn-outline-success:hover { | |
color:#fff; | |
background-color:#4caf50; | |
border-color:#4caf50 | |
} | |
.btn-outline-success.focus, | |
.btn-outline-success:focus { | |
box-shadow:0 0 0 .2rem rgba(76,175,80,.5) | |
} | |
.btn-outline-success.disabled, | |
.btn-outline-success:disabled { | |
color:#4caf50; | |
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:#4caf50; | |
border-color:#4caf50 | |
} | |
.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(76,175,80,.5) | |
} | |
.btn-outline-info { | |
color:#00bcd4; | |
background-color:transparent; | |
background-image:none; | |
border-color:#00bcd4 | |
} | |
.btn-outline-info:hover { | |
color:#fff; | |
background-color:#00bcd4; | |
border-color:#00bcd4 | |
} | |
.btn-outline-info.focus, | |
.btn-outline-info:focus { | |
box-shadow:0 0 0 .2rem rgba(0,188,212,.5) | |
} | |
.btn-outline-info.disabled, | |
.btn-outline-info:disabled { | |
color:#00bcd4; | |
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:#00bcd4; | |
border-color:#00bcd4 | |
} | |
.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(0,188,212,.5) | |
} | |
.btn-outline-warning { | |
color:#ffeb3b; | |
background-color:transparent; | |
background-image:none; | |
border-color:#ffeb3b | |
} | |
.btn-outline-warning:hover { | |
color:#212529; | |
background-color:#ffeb3b; | |
border-color:#ffeb3b | |
} | |
.btn-outline-warning.focus, | |
.btn-outline-warning:focus { | |
box-shadow:0 0 0 .2rem rgba(255,235,59,.5) | |
} | |
.btn-outline-warning.disabled, | |
.btn-outline-warning:disabled { | |
color:#ffeb3b; | |
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:#ffeb3b; | |
border-color:#ffeb3b | |
} | |
.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,235,59,.5) | |
} | |
.btn-outline-danger { | |
color:#f44336; | |
background-color:transparent; | |
background-image:none; | |
border-color:#f44336 | |
} | |
.btn-outline-danger:hover { | |
color:#fff; | |
background-color:#f44336; | |
border-color:#f44336 | |
} | |
.btn-outline-danger.focus, | |
.btn-outline-danger:focus { | |
box-shadow:0 0 0 .2rem rgba(244,67,54,.5) | |
} | |
.btn-outline-danger.disabled, | |
.btn-outline-danger:disabled { | |
color:#f44336; | |
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:#f44336; | |
border-color:#f44336 | |
} | |
.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(244,67,54,.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:#9c27b0; | |
background-color:transparent | |
} | |
.btn-link:hover { | |
color:#0a6ebd; | |
background-color:transparent | |
} | |
.btn-link.focus, | |
.btn-link:focus, | |
.btn-link:hover { | |
text-decoration:underline; | |
border-color:transparent | |
} | |
.btn-link.focus, | |
.btn-link:focus { | |
box-shadow:none | |
} | |
.btn-link.disabled, | |
.btn-link:disabled { | |
color:#999 | |
} | |
.btn-group-lg>.btn, | |
.btn-lg { | |
padding:1.125rem 2.25rem; | |
font-size:1.25rem; | |
line-height:1.5; | |
border-radius:.3rem | |
} | |
.btn-group-sm>.btn, | |
.btn-sm { | |
padding:.40625rem 1.25rem; | |
font-size:.875rem; | |
line-height:1.5; | |
border-radius:.1875rem | |
} | |
.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 { | |
opacity:0; | |
transition:opacity .15s linear | |
} | |
.fade.show { | |
opacity:1 | |
} | |
.collapse { | |
display:none | |
} | |
.collapse.show { | |
display:block | |
} | |
tr.collapse.show { | |
display:table-row | |
} | |
tbody.collapse.show { | |
display:table-row-group | |
} | |
.collapsing { | |
height:0; | |
overflow:hidden; | |
transition:height .35s ease | |
} | |
.collapsing, | |
.dropdown, | |
.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; | |
float:left; | |
min-width:10rem; | |
padding:.5rem 0; | |
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; | |
box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12) | |
} | |
.dropup .dropdown-menu { | |
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 { | |
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-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 { | |
margin-top:0; | |
margin-right:.125rem | |
} | |
.dropleft .dropdown-toggle:after { | |
display:inline-block; | |
width:0; | |
height:0; | |
margin-left:.255em; | |
vertical-align:.255em; | |
content:""; | |
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-divider { | |
height:0; | |
margin:.5rem 0; | |
overflow:hidden; | |
border-top:1px solid #e9ecef | |
} | |
.dropdown-item { | |
display:block; | |
width:100%; | |
padding:.625rem 1.25rem; | |
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:#2196f3 | |
} | |
.dropdown-item.disabled, | |
.dropdown-item:disabled { | |
color:#6c757d; | |
background-color:transparent | |
} | |
.dropdown-menu.show { | |
display:block | |
} | |
.dropdown-header { | |
display:block; | |
padding:.5rem 1.25rem; | |
margin-bottom:0; | |
font-size:.875rem; | |
color:#6c757d; | |
white-space:nowrap | |
} | |
.btn-group, | |
.btn-group-vertical { | |
display:inline-flex; | |
vertical-align:middle | |
} | |
.btn-group-vertical>.btn, | |
.btn-group>.btn { | |
position:relative; | |
flex:0 1 auto | |
} | |
.btn-group-vertical>.btn.active, | |
.btn-group-vertical>.btn:active, | |
.btn-group-vertical>.btn:focus, | |
.btn-group-vertical>.btn:hover, | |
.btn-group>.btn.active, | |
.btn-group>.btn:active, | |
.btn-group>.btn:focus, | |
.btn-group>.btn:hover { | |
z-index:1 | |
} | |
.btn-group-vertical .btn+.btn, | |
.btn-group-vertical .btn+.btn-group, | |
.btn-group-vertical .btn-group+.btn, | |
.btn-group-vertical .btn-group+.btn-group, | |
.btn-group .btn+.btn, | |
.btn-group .btn+.btn-group, | |
.btn-group .btn-group+.btn, | |
.btn-group .btn-group+.btn-group { | |
margin-left:-1px | |
} | |
.btn-toolbar { | |
display:flex; | |
flex-wrap:wrap; | |
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:.75rem; | |
padding-left:.75rem | |
} | |
.dropdown-toggle-split:after { | |
margin-left:0 | |
} | |
.btn-group-sm>.btn+.dropdown-toggle-split, | |
.btn-sm+.dropdown-toggle-split { | |
padding-right:.9375rem; | |
padding-left:.9375rem | |
} | |
.btn-group-lg>.btn+.dropdown-toggle-split, | |
.btn-lg+.dropdown-toggle-split { | |
padding-right:1.6875rem; | |
padding-left:1.6875rem | |
} | |
.btn-group.show .dropdown-toggle, | |
.btn-group.show .dropdown-toggle.btn-link { | |
box-shadow:none | |
} | |
.btn-group-vertical { | |
flex-direction:column; | |
align-items:flex-start; | |
justify-content:center | |
} | |
.btn-group-vertical .btn, | |
.btn-group-vertical .btn-group { | |
width:100% | |
} | |
.btn-group-vertical>.btn+.btn, | |
.btn-group-vertical>.btn+.btn-group, | |
.btn-group-vertical>.btn-group+.btn, | |
.btn-group-vertical>.btn-group+.btn-group { | |
margin-top:-1px; | |
margin-left:0 | |
} | |
.btn-group-vertical>.btn-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-group>.btn input[type=checkbox], | |
.btn-group-toggle>.btn-group>.btn input[type=radio], | |
.btn-group-toggle>.btn input[type=checkbox], | |
.btn-group-toggle>.btn input[type=radio] { | |
position:absolute; | |
clip:rect(0,0,0,0); | |
pointer-events:none | |
} | |
.input-group { | |
position:relative; | |
display:flex; | |
flex-wrap:wrap; | |
align-items:stretch; | |
width:100% | |
} | |
.input-group>.custom-file, | |
.input-group>.custom-select, | |
.input-group>.form-control { | |
position:relative; | |
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:flex; | |
align-items:center | |
} | |
.input-group>.custom-file:not(:last-child) .custom-file-label, | |
.input-group>.custom-file:not(:last-child) .custom-file-label:before { | |
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:before { | |
border-top-left-radius:0; | |
border-bottom-left-radius:0 | |
} | |
.input-group-append, | |
.input-group-prepend { | |
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:flex; | |
align-items:center; | |
padding:.4375rem 0; | |
margin-bottom:0; | |
font-size:1rem; | |
font-weight:400; | |
line-height:1.5; | |
color:#495057; | |
text-align:center; | |
white-space:nowrap; | |
background-color:transparent; | |
border:1px solid transparent; | |
border-radius:0 | |
} | |
.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: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:#2196f3; | |
box-shadow:none | |
} | |
.custom-control-input:focus~.custom-control-label:before { | |
box-shadow:0 0 0 1px #fafafa,0 0 0 .2rem rgba(33,150,243,.25) | |
} | |
.custom-control-input:active~.custom-control-label:before { | |
color:#fff; | |
background-color:#cae6fc; | |
box-shadow:none | |
} | |
.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 { | |
pointer-events:none; | |
user-select:none; | |
background-color:#dee2e6; | |
box-shadow:inset 0 .25rem .25rem rgba(0,0,0,.1) | |
} | |
.custom-control-label:after, | |
.custom-control-label:before { | |
position:absolute; | |
top:.25rem; | |
left:0; | |
display:block; | |
width:1rem; | |
height:1rem; | |
content:"" | |
} | |
.custom-control-label:after { | |
background-repeat:no-repeat; | |
background-position:50%; | |
background-size:50% 50% | |
} | |
.custom-checkbox .custom-control-label:before { | |
border-radius:.25rem | |
} | |
.custom-checkbox .custom-control-input:checked~.custom-control-label:before { | |
background-color:#2196f3 | |
} | |
.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='%23ffffff' 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:#2196f3; | |
box-shadow:none | |
} | |
.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='%23ffffff' d='M0 2h4'/%3E%3C/svg%3E") | |
} | |
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before { | |
background-color:rgba(33,150,243,.5) | |
} | |
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before { | |
background-color:rgba(33,150,243,.5) | |
} | |
.custom-radio .custom-control-label:before { | |
border-radius:50% | |
} | |
.custom-radio .custom-control-input:checked~.custom-control-label:before { | |
background-color:#2196f3 | |
} | |
.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='%23ffffff'/%3E%3C/svg%3E") | |
} | |
.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before { | |
background-color:rgba(33,150,243,.5) | |
} | |
.custom-select { | |
display:inline-block; | |
width:100%; | |
height:calc(2.4375rem + 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 #d2d2d2; | |
border-radius:.25rem; | |
appearance:none | |
} | |
.custom-select:focus { | |
border-color:#9acffa; | |
outline:0; | |
box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(154,207,250,.5) | |
} | |
.custom-select:focus::-ms-value { | |
color:#495057; | |
background-color:transparent | |
} | |
.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(2.125rem + 2px); | |
font-size:75% | |
} | |
.custom-select-lg, | |
.custom-select-sm { | |
padding-top:.375rem; | |
padding-bottom:.375rem | |
} | |
.custom-select-lg { | |
height:calc(4.125rem + 2px); | |
font-size:125% | |
} | |
.custom-file { | |
display:inline-block; | |
margin-bottom:0 | |
} | |
.custom-file, | |
.custom-file-input { | |
position:relative; | |
width:100%; | |
height:calc(2.4375rem + 2px) | |
} | |
.custom-file-input { | |
z-index:2; | |
margin:0; | |
opacity:0 | |
} | |
.custom-file-input:focus~.custom-file-control { | |
border-color:#9acffa; | |
box-shadow:0 0 0 .2rem rgba(33,150,243,.25) | |
} | |
.custom-file-input:focus~.custom-file-control:before { | |
border-color:#9acffa | |
} | |
.custom-file-input:lang(en)~.custom-file-label:after { | |
content:"Browse" | |
} | |
.custom-file-label { | |
left:0; | |
z-index:1; | |
height:calc(2.4375rem + 2px); | |
border:0 solid #d2d2d2; | |
border-radius:0; | |
box-shadow:none | |
} | |
.custom-file-label, | |
.custom-file-label:after { | |
position:absolute; | |
top:0; | |
right:0; | |
padding:.46875rem 1rem; | |
line-height:1.3; | |
color:#495057; | |
background-color:transparent | |
} | |
.custom-file-label:after { | |
bottom:0; | |
z-index:3; | |
display:block; | |
height:calc((2.4375rem + 2px) - 0 * 2); | |
content:"Browse"; | |
border-left:0 solid #d2d2d2; | |
border-radius:0 0 0 0 | |
} | |
.nav { | |
display:flex; | |
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:#fafafa; | |
border-color:#dee2e6 #dee2e6 #fafafa | |
} | |
.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:#2196f3 | |
} | |
.nav-fill .nav-item { | |
flex:1 1 auto; | |
text-align:center | |
} | |
.nav-justified .nav-item { | |
flex-basis:0; | |
flex-grow:1; | |
text-align:center | |
} | |
.tab-content>.tab-pane { | |
display:none | |
} | |
.tab-content>.active { | |
display:block | |
} | |
.navbar { | |
position:relative; | |
padding:.5rem 1rem | |
} | |
.navbar, | |
.navbar>.container, | |
.navbar>.container-fluid { | |
display:flex; | |
flex-wrap:wrap; | |
align-items:center; | |
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:flex; | |
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 { | |
flex-basis:100%; | |
flex-grow:1; | |
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 50%; | |
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 { | |
flex-flow:row nowrap; | |
justify-content:flex-start | |
} | |
.navbar-expand-sm .navbar-nav { | |
flex-direction:row | |
} | |
.navbar-expand-sm .navbar-nav .dropdown-menu { | |
position:absolute | |
} | |
.navbar-expand-sm .navbar-nav .dropdown-menu-right { | |
right:0; | |
left:auto | |
} | |
.navbar-expand-sm .navbar-nav .nav-link { | |
padding-right:.5rem; | |
padding-left:.5rem | |
} | |
.navbar-expand-sm>.container, | |
.navbar-expand-sm>.container-fluid { | |
flex-wrap:nowrap | |
} | |
.navbar-expand-sm .navbar-collapse { | |
display:flex!important; | |
flex-basis:auto | |
} | |
.navbar-expand-sm .navbar-toggler { | |
display:none | |
} | |
.navbar-expand-sm .dropup .dropdown-menu { | |
top:auto; | |
bottom:100% | |
} | |
} | |
@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 { | |
flex-flow:row nowrap; | |
justify-content:flex-start | |
} | |
.navbar-expand-md .navbar-nav { | |
flex-direction:row | |
} | |
.navbar-expand-md .navbar-nav .dropdown-menu { | |
position:absolute | |
} | |
.navbar-expand-md .navbar-nav .dropdown-menu-right { | |
right:0; | |
left:auto | |
} | |
.navbar-expand-md .navbar-nav .nav-link { | |
padding-right:.5rem; | |
padding-left:.5rem | |
} | |
.navbar-expand-md>.container, | |
.navbar-expand-md>.container-fluid { | |
flex-wrap:nowrap | |
} | |
.navbar-expand-md .navbar-collapse { | |
display:flex!important; | |
flex-basis:auto | |
} | |
.navbar-expand-md .navbar-toggler { | |
display:none | |
} | |
.navbar-expand-md .dropup .dropdown-menu { | |
top:auto; | |
bottom:100% | |
} | |
} | |
@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 { | |
flex-flow:row nowrap; | |
justify-content:flex-start | |
} | |
.navbar-expand-lg .navbar-nav { | |
flex-direction:row | |
} | |
.navbar-expand-lg .navbar-nav .dropdown-menu { | |
position:absolute | |
} | |
.navbar-expand-lg .navbar-nav .dropdown-menu-right { | |
right:0; | |
left:auto | |
} | |
.navbar-expand-lg .navbar-nav .nav-link { | |
padding-right:.5rem; | |
padding-left:.5rem | |
} | |
.navbar-expand-lg>.container, | |
.navbar-expand-lg>.container-fluid { | |
flex-wrap:nowrap | |
} | |
.navbar-expand-lg .navbar-collapse { | |
display:flex!important; | |
flex-basis:auto | |
} | |
.navbar-expand-lg .navbar-toggler { | |
display:none | |
} | |
.navbar-expand-lg .dropup .dropdown-menu { | |
top:auto; | |
bottom:100% | |
} | |
} | |
@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 { | |
flex-flow:row nowrap; | |
justify-content:flex-start | |
} | |
.navbar-expand-xl .navbar-nav { | |
flex-direction:row | |
} | |
.navbar-expand-xl .navbar-nav .dropdown-menu { | |
position:absolute | |
} | |
.navbar-expand-xl .navbar-nav .dropdown-menu-right { | |
right:0; | |
left:auto | |
} | |
.navbar-expand-xl .navbar-nav .nav-link { | |
padding-right:.5rem; | |
padding-left:.5rem | |
} | |
.navbar-expand-xl>.container, | |
.navbar-expand-xl>.container-fluid { | |
flex-wrap:nowrap | |
} | |
.navbar-expand-xl .navbar-collapse { | |
display:flex!important; | |
flex-basis:auto | |
} | |
.navbar-expand-xl .navbar-toggler { | |
display:none | |
} | |
.navbar-expand-xl .dropup .dropdown-menu { | |
top:auto; | |
bottom:100% | |
} | |
} | |
.navbar-expand { | |
flex-flow:row nowrap; | |
justify-content:flex-start | |
} | |
.navbar-expand>.container, | |
.navbar-expand>.container-fluid { | |
padding-right:0; | |
padding-left:0 | |
} | |
.navbar-expand .navbar-nav { | |
flex-direction:row | |
} | |
.navbar-expand .navbar-nav .dropdown-menu { | |
position:absolute | |
} | |
.navbar-expand .navbar-nav .dropdown-menu-right { | |
right:0; | |
left:auto | |
} | |
.navbar-expand .navbar-nav .nav-link { | |
padding-right:.5rem; | |
padding-left:.5rem | |
} | |
.navbar-expand>.container, | |
.navbar-expand>.container-fluid { | |
flex-wrap:nowrap | |
} | |
.navbar-expand .navbar-collapse { | |
display:flex!important; | |
flex-basis:auto | |
} | |
.navbar-expand .navbar-toggler { | |
display:none | |
} | |
.navbar-expand .dropup .dropdown-menu { | |
top:auto; | |
bottom:100% | |
} | |
.navbar-light .navbar-brand, | |
.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='round' 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, | |
.navbar-light .navbar-text a:focus, | |
.navbar-light .navbar-text a:hover { | |
color:rgba(0,0,0,.9) | |
} | |
.navbar-dark .navbar-brand, | |
.navbar-dark .navbar-brand:focus, | |
.navbar-dark .navbar-brand:hover { | |
color:#fff | |
} | |
.navbar-dark .navbar-nav .nav-link { | |
color:hsla(0,0%,100%,.5) | |
} | |
.navbar-dark .navbar-nav .nav-link:focus, | |
.navbar-dark .navbar-nav .nav-link:hover { | |
color:hsla(0,0%,100%,.75) | |
} | |
.navbar-dark .navbar-nav .nav-link.disabled { | |
color:hsla(0,0%,100%,.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:hsla(0,0%,100%,.5); | |
border-color:hsla(0,0%,100%,.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:hsla(0,0%,100%,.5) | |
} | |
.navbar-dark .navbar-text a, | |
.navbar-dark .navbar-text a:focus, | |
.navbar-dark .navbar-text a:hover { | |
color:#fff | |
} | |
.card { | |
position:relative; | |
display:flex; | |
flex-direction:column; | |
min-width:0; | |
word-wrap:break-word; | |
background-color:#fff; | |
background-clip:border-box; | |
border:1px solid #eee; | |
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 { | |
flex:1 1 auto; | |
padding:1.25rem | |
} | |
.card-title { | |
margin-bottom:.75rem | |
} | |
.card-subtitle { | |
margin-top:-.375rem | |
} | |
.card-subtitle, | |
.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:#fff; | |
border-bottom:1px solid #eee | |
} | |
.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:#fff; | |
border-top:1px solid #eee | |
} | |
.card-footer:last-child { | |
border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px) | |
} | |
.card-header-tabs { | |
margin-bottom:-.75rem; | |
border-bottom:0 | |
} | |
.card-header-pills, | |
.card-header-tabs { | |
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:flex; | |
flex-direction:column | |
} | |
.card-deck .card { | |
margin-bottom:15px | |
} | |
@media (min-width:576px) { | |
.card-deck { | |
flex-flow:row wrap; | |
margin-right:-15px; | |
margin-left:-15px | |
} | |
.card-deck .card { | |
display:flex; | |
flex:1 0 0%; | |
flex-direction:column; | |
margin-right:15px; | |
margin-bottom:0; | |
margin-left:15px | |
} | |
} | |
.card-group { | |
display:flex; | |
flex-direction:column | |
} | |
.card-group>.card { | |
margin-bottom:15px | |
} | |
@media (min-width:576px) { | |
.card-group { | |
flex-flow:row wrap | |
} | |
.card-group>.card { | |
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), | |
.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 { | |
column-count:3; | |
column-gap:1.25rem | |
} | |
.card-columns .card { | |
display:inline-block; | |
width:100% | |
} | |
} | |
.breadcrumb { | |
display:flex; | |
flex-wrap:wrap; | |
padding:.75rem 1rem; | |
margin-bottom:1rem; | |
list-style:none; | |
background-color:#e9ecef; | |
border-radius:.25rem | |
} | |
.breadcrumb-item+.breadcrumb-item:before { | |
display:inline-block; | |
padding-right:.5rem; | |
padding-left:.5rem; | |
color:#6c757d; | |
content:"/" | |
} | |
.breadcrumb-item+.breadcrumb-item:hover:before { | |
text-decoration:underline; | |
text-decoration:none | |
} | |
.breadcrumb-item.active { | |
color:#6c757d | |
} | |
.pagination { | |
display:flex; | |
padding-left:0; | |
list-style:none; | |
border-radius:.25rem | |
} | |
.page-link { | |
position:relative; | |
display:block; | |
padding:.5rem .75rem; | |
margin-left:0; | |
line-height:1.25; | |
color:#2196f3; | |
background-color:transparent; | |
border:0 solid #dee2e6 | |
} | |
.page-link:hover { | |
color:#0a6ebd; | |
text-decoration:none; | |
background-color:#e9ecef; | |
border-color:#dee2e6 | |
} | |
.page-link:focus { | |
z-index:2; | |
outline:0; | |
box-shadow:0 0 0 .2rem rgba(33,150,243,.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:#2196f3; | |
border-color:#2196f3 | |
} | |
.page-item.disabled .page-link { | |
color:#6c757d; | |
pointer-events:none; | |
cursor:auto; | |
background-color:transparent; | |
border-color:#dee2e6 | |
} | |
.pagination-lg .page-link { | |
padding:.75rem 0; | |
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 0; | |
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 | |
} | |
.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 { | |
padding:.75rem 1.25rem; | |
margin-bottom:1rem; | |
border:1px solid transparent; | |
border-radius:.25rem | |
} | |
.alert-heading { | |
color:inherit | |
} | |
.alert-link { | |
font-weight:500 | |
} | |
.alert-dismissible { | |
padding-right:4rem | |
} | |
.alert-dismissible .close { | |
position:absolute; | |
top:0; | |
right:0; | |
padding:.75rem 1.25rem; | |
color:inherit | |
} | |
.alert-primary { | |
color:#114e7e; | |
background-color:#d3eafd; | |
border-color:#c1e2fc | |
} | |
.alert-primary hr { | |
border-top-color:#a9d7fb | |
} | |
.alert-primary .alert-link { | |
color:#0b3251 | |
} | |
.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:#285b2a; | |
background-color:#dbefdc; | |
border-color:#cde9ce | |
} | |
.alert-success hr { | |
border-top-color:#bbe1bd | |
} | |
.alert-success .alert-link { | |
color:#18381a | |
} | |
.alert-info { | |
color:#00626e; | |
background-color:#ccf2f6; | |
border-color:#b8ecf3 | |
} | |
.alert-info hr { | |
border-top-color:#a2e6ef | |
} | |
.alert-info .alert-link { | |
color:#00353b | |
} | |
.alert-warning { | |
color:#857a1f; | |
background-color:#fffbd8; | |
border-color:#fff9c8 | |
} | |
.alert-warning hr { | |
border-top-color:#fff6af | |
} | |
.alert-warning .alert-link { | |
color:#5c5415 | |
} | |
.alert-danger { | |
color:#7f231c; | |
background-color:#fdd9d7; | |
border-color:#fccac7 | |
} | |
.alert-danger hr { | |
border-top-color:#fbb3af | |
} | |
.alert-danger .alert-link { | |
color:#551713 | |
} | |
.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 | |
} | |
@keyframes a { | |
0% { | |
background-position:1rem 0 | |
} | |
to { | |
background-position:0 0 | |
} | |
} | |
.progress { | |
display:flex; | |
height:1rem; | |
overflow:hidden; | |
font-size:.75rem; | |
background-color:#e9ecef; | |
border-radius:.25rem; | |
box-shadow:inset 0 .1rem .1rem rgba(0,0,0,.1) | |
} | |
.progress-bar { | |
display:flex; | |
flex-direction:column; | |
justify-content:center; | |
color:#fff; | |
text-align:center; | |
background-color:#2196f3; | |
transition:width .6s ease | |
} | |
.progress-bar-striped { | |
background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); | |
background-size:1rem 1rem | |
} | |
.progress-bar-animated { | |
animation:a 1s linear infinite | |
} | |
.media { | |
display:flex; | |
align-items:flex-start | |
} | |
.media-body { | |
flex:1 | |
} | |
.list-group { | |
display:flex; | |
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:0; | |
background-color:inherit; | |
border:0 solid rgba(0,0,0,.125) | |
} | |
.list-group-item:first-child { | |
border-top-left-radius:0; | |
border-top-right-radius:0 | |
} | |
.list-group-item:last-child { | |
margin-bottom:0; | |
border-bottom-right-radius:0; | |
border-bottom-left-radius:0 | |
} | |
.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:inherit | |
} | |
.list-group-item.active { | |
z-index:2; | |
color:#fff; | |
background-color:#2196f3; | |
border-color:#2196f3 | |
} | |
.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:#114e7e; | |
background-color:#c1e2fc | |
} | |
.list-group-item-primary.list-group-item-action:focus, | |
.list-group-item-primary.list-group-item-action:hover { | |
color:#114e7e; | |
background-color:#a9d7fb | |
} | |
.list-group-item-primary.list-group-item-action.active { | |
color:#fff; | |
background-color:#114e7e; | |
border-color:#114e7e | |
} | |
.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:#285b2a; | |
background-color:#cde9ce | |
} | |
.list-group-item-success.list-group-item-action:focus, | |
.list-group-item-success.list-group-item-action:hover { | |
color:#285b2a; | |
background-color:#bbe1bd | |
} | |
.list-group-item-success.list-group-item-action.active { | |
color:#fff; | |
background-color:#285b2a; | |
border-color:#285b2a | |
} | |
.list-group-item-info { | |
color:#00626e; | |
background-color:#b8ecf3 | |
} | |
.list-group-item-info.list-group-item-action:focus, | |
.list-group-item-info.list-group-item-action:hover { | |
color:#00626e; | |
background-color:#a2e6ef | |
} | |
.list-group-item-info.list-group-item-action.active { | |
color:#fff; | |
background-color:#00626e; | |
border-color:#00626e | |
} | |
.list-group-item-warning { | |
color:#857a1f; | |
background-color:#fff9c8 | |
} | |
.list-group-item-warning.list-group-item-action:focus, | |
.list-group-item-warning.list-group-item-action:hover { | |
color:#857a1f; | |
background-color:#fff6af | |
} | |
.list-group-item-warning.list-group-item-action.active { | |
color:#fff; | |
background-color:#857a1f; | |
border-color:#857a1f | |
} | |
.list-group-item-danger { | |
color:#7f231c; | |
background-color:#fccac7 | |
} | |
.list-group-item-danger.list-group-item-action:focus, | |
.list-group-item-danger.list-group-item-action:hover { | |
color:#7f231c; | |
background-color:#fbb3af | |
} | |
.list-group-item-danger.list-group-item-action.active { | |
color:#fff; | |
background-color:#7f231c; | |
border-color:#7f231c | |
} | |
.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:500; | |
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 | |
} | |
.badge { | |
display:inline-block; | |
padding:.25em .4em; | |
font-size:75%; | |
font-weight:500; | |
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:#2196f3 | |
} | |
.badge-primary[href]:focus, | |
.badge-primary[href]:hover { | |
color:#fff; | |
text-decoration:none; | |
background-color:#0c7cd5 | |
} | |
.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:#4caf50 | |
} | |
.badge-success[href]:focus, | |
.badge-success[href]:hover { | |
color:#fff; | |
text-decoration:none; | |
background-color:#3d8b40 | |
} | |
.badge-info { | |
color:#fff; | |
background-color:#00bcd4 | |
} | |
.badge-info[href]:focus, | |
.badge-info[href]:hover { | |
color:#fff; | |
text-decoration:none; | |
background-color:#008fa1 | |
} | |
.badge-warning { | |
color:#212529; | |
background-color:#ffeb3b | |
} | |
.badge-warning[href]:focus, | |
.badge-warning[href]:hover { | |
color:#212529; | |
text-decoration:none; | |
background-color:#ffe608 | |
} | |
.badge-danger { | |
color:#fff; | |
background-color:#f44336 | |
} | |
.badge-danger[href]:focus, | |
.badge-danger[href]:hover { | |
color:#fff; | |
text-decoration:none; | |
background-color:#ea1c0d | |
} | |
.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 | |
} | |
.modal, | |
.modal-open { | |
overflow:hidden | |
} | |
.modal { | |
position:fixed; | |
top:0; | |
right:0; | |
bottom:0; | |
left:0; | |
z-index:1050; | |
display:none; | |
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:transform .3s ease-out; | |
transform:translateY(-25%) | |
} | |
.modal.show .modal-dialog { | |
transform:translate(0) | |
} | |
.modal-dialog-centered { | |
display:flex; | |
align-items:center; | |
min-height:calc(100% - 1rem) | |
} | |
.modal-content { | |
position:relative; | |
display:flex; | |
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; | |
box-shadow:0 .25rem .5rem rgba(0,0,0,.5); | |
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:.26 | |
} | |
.modal-header { | |
display:flex; | |
align-items:flex-start; | |
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; | |
flex:1 1 auto; | |
padding:1rem | |
} | |
.modal-footer { | |
display:flex; | |
align-items:center; | |
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% - 3.5rem) | |
} | |
.modal-content { | |
box-shadow:0 .5rem 1rem rgba(0,0,0,.5) | |
} | |
.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:Roboto,Helvetica,Arial,sans-serif; | |
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; | |
word-wrap:break-word | |
} | |
.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:rgba(97,97,97,.9) | |
} | |
.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:rgba(97,97,97,.9) | |
} | |
.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:rgba(97,97,97,.9) | |
} | |
.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:rgba(97,97,97,.9) | |
} | |
.tooltip-inner { | |
max-width:200px; | |
padding:.25rem .5rem; | |
color:#fff; | |
text-align:center; | |
background-color:rgba(97,97,97,.9); | |
border-radius:.25rem | |
} | |
.popover { | |
top:0; | |
left:0; | |
z-index:1060; | |
max-width:276px; | |
font-family:Roboto,Helvetica,Arial,sans-serif; | |
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; | |
box-shadow:0 .25rem .5rem rgba(0,0,0,.2) | |
} | |
.popover, | |
.popover .arrow { | |
position:absolute; | |
display:block | |
} | |
.popover .arrow { | |
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 | |
} | |
.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; | |
align-items:center; | |
width:100%; | |
transition:transform .6s ease; | |
backface-visibility:hidden; | |
perspective:1000px | |
} | |
.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 { | |
transform:translateX(0) | |
} | |
@supports (transform-style:preserve-3d) { | |
.carousel-item-next.carousel-item-left, | |
.carousel-item-prev.carousel-item-right { | |
transform:translateZ(0) | |
} | |
} | |
.active.carousel-item-right, | |
.carousel-item-next { | |
transform:translateX(100%) | |
} | |
@supports (transform-style:preserve-3d) { | |
.active.carousel-item-right, | |
.carousel-item-next { | |
transform:translate3d(100%,0,0) | |
} | |
} | |
.active.carousel-item-left, | |
.carousel-item-prev { | |
transform:translateX(-100%) | |
} | |
@supports (transform-style:preserve-3d) { | |
.active.carousel-item-left, | |
.carousel-item-prev { | |
transform:translate3d(-100%,0,0) | |
} | |
} | |
.carousel-control-next, | |
.carousel-control-prev { | |
position:absolute; | |
top:0; | |
bottom:0; | |
display:flex; | |
align-items:center; | |
justify-content:center; | |
width:15%; | |
color:#fff; | |
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 50%; | |
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='%23ffffff' 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='%23ffffff' 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:flex; | |
justify-content:center; | |
padding-left:0; | |
margin-right:15%; | |
margin-left:15%; | |
list-style:none | |
} | |
.carousel-indicators li { | |
position:relative; | |
flex:0 1 auto; | |
width:30px; | |
height:3px; | |
margin-right:3px; | |
margin-left:3px; | |
text-indent:-999px; | |
background-color:hsla(0,0%,100%,.5) | |
} | |
.carousel-indicators li:before { | |
top:-10px | |
} | |
.carousel-indicators li:after, | |
.carousel-indicators li:before { | |
position:absolute; | |
left:0; | |
display:inline-block; | |
width:100%; | |
height:10px; | |
content:"" | |
} | |
.carousel-indicators li:after { | |
bottom:-10px | |
} | |
.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:#2196f3!important | |
} | |
a.bg-primary:focus, | |
a.bg-primary:hover, | |
button.bg-primary:focus, | |
button.bg-primary:hover { | |
background-color:#0c7cd5!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:#4caf50!important | |
} | |
a.bg-success:focus, | |
a.bg-success:hover, | |
button.bg-success:focus, | |
button.bg-success:hover { | |
background-color:#3d8b40!important | |
} | |
.bg-info { | |
background-color:#00bcd4!important | |
} | |
a.bg-info:focus, | |
a.bg-info:hover, | |
button.bg-info:focus, | |
button.bg-info:hover { | |
background-color:#008fa1!important | |
} | |
.bg-warning { | |
background-color:#ffeb3b!important | |
} | |
a.bg-warning:focus, | |
a.bg-warning:hover, | |
button.bg-warning:focus, | |
button.bg-warning:hover { | |
background-color:#ffe608!important | |
} | |
.bg-danger { | |
background-color:#f44336!important | |
} | |
a.bg-danger:focus, | |
a.bg-danger:hover, | |
button.bg-danger:focus, | |
button.bg-danger:hover { | |
background-color:#ea1c0d!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:#2196f3!important | |
} | |
.border-secondary { | |
border-color:#6c757d!important | |
} | |
.border-success { | |
border-color:#4caf50!important | |
} | |
.border-info { | |
border-color:#00bcd4!important | |
} | |
.border-warning { | |
border-color:#ffeb3b!important | |
} | |
.border-danger { | |
border-color:#f44336!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 | |
} | |
.rounded-right, | |
.rounded-top { | |
border-top-right-radius:.25rem!important | |
} | |
.rounded-bottom, | |
.rounded-right { | |
border-bottom-right-radius:.25rem!important | |
} | |
.rounded-bottom, | |
.rounded-left { | |
border-bottom-left-radius:.25rem!important | |
} | |
.rounded-left { | |
border-top-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 | |
} | |
.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:flex!important | |
} | |
.d-inline-flex { | |
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:flex!important | |
} | |
.d-sm-inline-flex { | |
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:flex!important | |
} | |
.d-md-inline-flex { | |
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:flex!important | |
} | |
.d-lg-inline-flex { | |
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:flex!important | |
} | |
.d-xl-inline-flex { | |
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:flex!important | |
} | |
.d-print-inline-flex { | |
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 { | |
flex-direction:row!important | |
} | |
.flex-column { | |
flex-direction:column!important | |
} | |
.flex-row-reverse { | |
flex-direction:row-reverse!important | |
} | |
.flex-column-reverse { | |
flex-direction:column-reverse!important | |
} | |
.flex-wrap { | |
flex-wrap:wrap!important | |
} | |
.flex-nowrap { | |
flex-wrap:nowrap!important | |
} | |
.flex-wrap-reverse { | |
flex-wrap:wrap-reverse!important | |
} | |
.justify-content-start { | |
justify-content:flex-start!important | |
} | |
.justify-content-end { | |
justify-content:flex-end!important | |
} | |
.justify-content-center { | |
justify-content:center!important | |
} | |
.justify-content-between { | |
justify-content:space-between!important | |
} | |
.justify-content-around { | |
justify-content:space-around!important | |
} | |
.align-items-start { | |
align-items:flex-start!important | |
} | |
.align-items-end { | |
align-items:flex-end!important | |
} | |
.align-items-center { | |
align-items:center!important | |
} | |
.align-items-baseline { | |
align-items:baseline!important | |
} | |
.align-items-stretch { | |
align-items:stretch!important | |
} | |
.align-content-start { | |
align-content:flex-start!important | |
} | |
.align-content-end { | |
align-content:flex-end!important | |
} | |
.align-content-center { | |
align-content:center!important | |
} | |
.align-content-between { | |
align-content:space-between!important | |
} | |
.align-content-around { | |
align-content:space-around!important | |
} | |
.align-content-stretch { | |
align-content:stretch!important | |
} | |
.align-self-auto { | |
align-self:auto!important | |
} | |
.align-self-start { | |
align-self:flex-start!important | |
} | |
.align-self-end { | |
align-self:flex-end!important | |
} | |
.align-self-center { | |
align-self:center!important | |
} | |
.align-self-baseline { | |
align-self:baseline!important | |
} | |
.align-self-stretch { | |
align-self:stretch!important | |
} | |
@media (min-width:576px) { | |
.flex-sm-row { | |
flex-direction:row!important | |
} | |
.flex-sm-column { | |
flex-direction:column!important | |
} | |
.flex-sm-row-reverse { | |
flex-direction:row-reverse!important | |
} | |
.flex-sm-column-reverse { | |
flex-direction:column-reverse!important | |
} | |
.flex-sm-wrap { | |
flex-wrap:wrap!important | |
} | |
.flex-sm-nowrap { | |
flex-wrap:nowrap!important | |
} | |
.flex-sm-wrap-reverse { | |
flex-wrap:wrap-reverse!important | |
} | |
.justify-content-sm-start { | |
justify-content:flex-start!important | |
} | |
.justify-content-sm-end { | |
justify-content:flex-end!important | |
} | |
.justify-content-sm-center { | |
justify-content:center!important | |
} | |
.justify-content-sm-between { | |
justify-content:space-between!important | |
} | |
.justify-content-sm-around { | |
justify-content:space-around!important | |
} | |
.align-items-sm-start { | |
align-items:flex-start!important | |
} | |
.align-items-sm-end { | |
align-items:flex-end!important | |
} | |
.align-items-sm-center { | |
align-items:center!important | |
} | |
.align-items-sm-baseline { | |
align-items:baseline!important | |
} | |
.align-items-sm-stretch { | |
align-items:stretch!important | |
} | |
.align-content-sm-start { | |
align-content:flex-start!important | |
} | |
.align-content-sm-end { | |
align-content:flex-end!important | |
} | |
.align-content-sm-center { | |
align-content:center!important | |
} | |
.align-content-sm-between { | |
align-content:space-between!important | |
} | |
.align-content-sm-around { | |
align-content:space-around!important | |
} | |
.align-content-sm-stretch { | |
align-content:stretch!important | |
} | |
.align-self-sm-auto { | |
align-self:auto!important | |
} | |
.align-self-sm-start { | |
align-self:flex-start!important | |
} | |
.align-self-sm-end { | |
align-self:flex-end!important | |
} | |
.align-self-sm-center { | |
align-self:center!important | |
} | |
.align-self-sm-baseline { | |
align-self:baseline!important | |
} | |
.align-self-sm-stretch { | |
align-self:stretch!important | |
} | |
} | |
@media (min-width:768px) { | |
.flex-md-row { | |
flex-direction:row!important | |
} | |
.flex-md-column { | |
flex-direction:column!important | |
} | |
.flex-md-row-reverse { | |
flex-direction:row-reverse!important | |
} | |
.flex-md-column-reverse { | |
flex-direction:column-reverse!important | |
} | |
.flex-md-wrap { | |
flex-wrap:wrap!important | |
} | |
.flex-md-nowrap { | |
flex-wrap:nowrap!important | |
} | |
.flex-md-wrap-reverse { | |
flex-wrap:wrap-reverse!important | |
} | |
.justify-content-md-start { | |
justify-content:flex-start!important | |
} | |
.justify-content-md-end { | |
justify-content:flex-end!important | |
} | |
.justify-content-md-center { | |
justify-content:center!important | |
} | |
.justify-content-md-between { | |
justify-content:space-between!important | |
} | |
.justify-content-md-around { | |
justify-content:space-around!important | |
} | |
.align-items-md-start { | |
align-items:flex-start!important | |
} | |
.align-items-md-end { | |
align-items:flex-end!important | |
} | |
.align-items-md-center { | |
align-items:center!important | |
} | |
.align-items-md-baseline { | |
align-items:baseline!important | |
} | |
.align-items-md-stretch { | |
align-items:stretch!important | |
} | |
.align-content-md-start { | |
align-content:flex-start!important | |
} | |
.align-content-md-end { | |
align-content:flex-end!important | |
} | |
.align-content-md-center { | |
align-content:center!important | |
} | |
.align-content-md-between { | |
align-content:space-between!important | |
} | |
.align-content-md-around { | |
align-content:space-around!important | |
} | |
.align-content-md-stretch { | |
align-content:stretch!important | |
} | |
.align-self-md-auto { | |
align-self:auto!important | |
} | |
.align-self-md-start { | |
align-self:flex-start!important | |
} | |
.align-self-md-end { | |
align-self:flex-end!important | |
} | |
.align-self-md-center { | |
align-self:center!important | |
} | |
.align-self-md-baseline { | |
align-self:baseline!important | |
} | |
.align-self-md-stretch { | |
align-self:stretch!important | |
} | |
} | |
@media (min-width:992px) { | |
.flex-lg-row { | |
flex-direction:row!important | |
} | |
.flex-lg-column { | |
flex-direction:column!important | |
} | |
.flex-lg-row-reverse { | |
flex-direction:row-reverse!important | |
} | |
.flex-lg-column-reverse { | |
flex-direction:column-reverse!important | |
} | |
.flex-lg-wrap { | |
flex-wrap:wrap!important | |
} | |
.flex-lg-nowrap { | |
flex-wrap:nowrap!important | |
} | |
.flex-lg-wrap-reverse { | |
flex-wrap:wrap-reverse!important | |
} | |
.justify-content-lg-start { | |
justify-content:flex-start!important | |
} | |
.justify-content-lg-end { | |
justify-content:flex-end!important | |
} | |
.justify-content-lg-center { | |
justify-content:center!important | |
} | |
.justify-content-lg-between { | |
justify-content:space-between!important | |
} | |
.justify-content-lg-around { | |
justify-content:space-around!important | |
} | |
.align-items-lg-start { | |
align-items:flex-start!important | |
} | |
.align-items-lg-end { | |
align-items:flex-end!important | |
} | |
.align-items-lg-center { | |
align-items:center!important | |
} | |
.align-items-lg-baseline { | |
align-items:baseline!important | |
} | |
.align-items-lg-stretch { | |
align-items:stretch!important | |
} | |
.align-content-lg-start { | |
align-content:flex-start!important | |
} | |
.align-content-lg-end { | |
align-content:flex-end!important | |
} | |
.align-content-lg-center { | |
align-content:center!important | |
} | |
.align-content-lg-between { | |
align-content:space-between!important | |
} | |
.align-content-lg-around { | |
align-content:space-around!important | |
} | |
.align-content-lg-stretch { | |
align-content:stretch!important | |
} | |
.align-self-lg-auto { | |
align-self:auto!important | |
} | |
.align-self-lg-start { | |
align-self:flex-start!important | |
} | |
.align-self-lg-end { | |
align-self:flex-end!important | |
} | |
.align-self-lg-center { | |
align-self:center!important | |
} | |
.align-self-lg-baseline { | |
align-self:baseline!important | |
} | |
.align-self-lg-stretch { | |
align-self:stretch!important | |
} | |
} | |
@media (min-width:1200px) { | |
.flex-xl-row { | |
flex-direction:row!important | |
} | |
.flex-xl-column { | |
flex-direction:column!important | |
} | |
.flex-xl-row-reverse { | |
flex-direction:row-reverse!important | |
} | |
.flex-xl-column-reverse { | |
flex-direction:column-reverse!important | |
} | |
.flex-xl-wrap { | |
flex-wrap:wrap!important | |
} | |
.flex-xl-nowrap { | |
flex-wrap:nowrap!important | |
} | |
.flex-xl-wrap-reverse { | |
flex-wrap:wrap-reverse!important | |
} | |
.justify-content-xl-start { | |
justify-content:flex-start!important | |
} | |
.justify-content-xl-end { | |
justify-content:flex-end!important | |
} | |
.justify-content-xl-center { | |
justify-content:center!important | |
} | |
.justify-content-xl-between { | |
justify-content:space-between!important | |
} | |
.justify-content-xl-around { | |
justify-content:space-around!important | |
} | |
.align-items-xl-start { | |
align-items:flex-start!important | |
} | |
.align-items-xl-end { | |
align-items:flex-end!important | |
} | |
.align-items-xl-center { | |
align-items:center!important | |
} | |
.align-items-xl-baseline { | |
align-items:baseline!important | |
} | |
.align-items-xl-stretch { | |
align-items:stretch!important | |
} | |
.align-content-xl-start { | |
align-content:flex-start!important | |
} | |
.align-content-xl-end { | |
align-content:flex-end!important | |
} | |
.align-content-xl-center { | |
align-content:center!important | |
} | |
.align-content-xl-between { | |
align-content:space-between!important | |
} | |
.align-content-xl-around { | |
align-content:space-around!important | |
} | |
.align-content-xl-stretch { | |
align-content:stretch!important | |
} | |
.align-self-xl-auto { | |
align-self:auto!important | |
} | |
.align-self-xl-start { | |
align-self:flex-start!important | |
} | |
.align-self-xl-end { | |
align-self:flex-end!important | |
} | |
.align-self-xl-center { | |
align-self:center!important | |
} | |
.align-self-xl-baseline { | |
align-self:baseline!important | |
} | |
.align-self-xl-stretch { | |
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:sticky!important | |
} | |
.fixed-top { | |
top:0 | |
} | |
.fixed-bottom, | |
.fixed-top { | |
position:fixed; | |
right:0; | |
left:0; | |
z-index:1030 | |
} | |
.fixed-bottom { | |
bottom:0 | |
} | |
@supports (position:sticky) { | |
.sticky-top { | |
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; | |
clip-path:inset(50%); | |
border:0 | |
} | |
.sr-only-focusable:active, | |
.sr-only-focusable:focus { | |
position:static; | |
width:auto; | |
height:auto; | |
overflow:visible; | |
clip:auto; | |
white-space:normal; | |
clip-path:none | |
} | |
.w-25 { | |
width:25%!important | |
} | |
.w-50 { | |
width:50%!important | |
} | |
.w-75 { | |
width:75%!important | |
} | |
.w-100 { | |
width:100%!important | |
} | |
.h-25 { | |
height:25%!important | |
} | |
.h-50 { | |
height:50%!important | |
} | |
.h-75 { | |
height:75%!important | |
} | |
.h-100 { | |
height:100%!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-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:500!important | |
} | |
.font-italic { | |
font-style:italic!important | |
} | |
.text-white { | |
color:#fff!important | |
} | |
.text-primary { | |
color:#2196f3!important | |
} | |
a.text-primary:focus, | |
a.text-primary:hover { | |
color:#0c7cd5!important | |
} | |
.text-secondary { | |
color:#6c757d!important | |
} | |
a.text-secondary:focus, | |
a.text-secondary:hover { | |
color:#545b62!important | |
} | |
a.text-success:focus, | |
a.text-success:hover { | |
color:#3d8b40!important | |
} | |
a.text-info:focus, | |
a.text-info:hover { | |
color:#008fa1!important | |
} | |
.text-warning { | |
color:#ffeb3b!important | |
} | |
a.text-warning:focus, | |
a.text-warning:hover { | |
color:#ffe608!important | |
} | |
a.text-danger:focus, | |
a.text-danger:hover { | |
color:#ea1c0d!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 | |
} | |
.bmd-help, | |
.text-muted { | |
color:#6c757d!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 | |
} | |
.btn { | |
position:relative; | |
padding:12px 30px; | |
margin:.3125rem 1px; | |
font-size:.75rem; | |
font-weight:400; | |
line-height:1.428571; | |
text-decoration:none; | |
text-transform:uppercase; | |
letter-spacing:0; | |
cursor:pointer; | |
background-color:transparent; | |
border:0; | |
border-radius:.2rem; | |
transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1); | |
will-change:box-shadow,transform | |
} | |
.btn, | |
.btn.active.focus, | |
.btn.active:focus, | |
.btn.focus, | |
.btn:active.focus, | |
.btn:active:focus, | |
.btn:focus { | |
outline:0 | |
} | |
.btn.btn-primary { | |
color:#fff; | |
background-color:#9c27b0; | |
border-color:#9c27b0; | |
box-shadow:0 2px 2px 0 rgba(156,39,176,.14),0 3px 1px -2px rgba(156,39,176,.2),0 1px 5px 0 rgba(156,39,176,.12) | |
} | |
.btn.btn-primary.focus, | |
.btn.btn-primary:focus, | |
.btn.btn-primary:hover { | |
color:#fff; | |
background-color:#9124a3; | |
border-color:#701c7e | |
} | |
.btn.btn-primary.active, | |
.btn.btn-primary:active, | |
.open>.btn.btn-primary.dropdown-toggle, | |
.show>.btn.btn-primary.dropdown-toggle { | |
color:#fff; | |
background-color:#9124a3; | |
border-color:#701c7e; | |
box-shadow:0 2px 2px 0 rgba(156,39,176,.14),0 3px 1px -2px rgba(156,39,176,.2),0 1px 5px 0 rgba(156,39,176,.12) | |
} | |
.btn.btn-primary.active.focus, | |
.btn.btn-primary.active:focus, | |
.btn.btn-primary.active:hover, | |
.btn.btn-primary:active.focus, | |
.btn.btn-primary:active:focus, | |
.btn.btn-primary:active:hover, | |
.open>.btn.btn-primary.dropdown-toggle.focus, | |
.open>.btn.btn-primary.dropdown-toggle:focus, | |
.open>.btn.btn-primary.dropdown-toggle:hover, | |
.show>.btn.btn-primary.dropdown-toggle.focus, | |
.show>.btn.btn-primary.dropdown-toggle:focus, | |
.show>.btn.btn-primary.dropdown-toggle:hover { | |
color:#fff; | |
background-color:#9124a3; | |
border-color:#3f1048 | |
} | |
.open>.btn.btn-primary.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:#9c27b0 | |
} | |
.open>.btn.btn-primary.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:#9124a3 | |
} | |
.btn.btn-primary.disabled.focus, | |
.btn.btn-primary.disabled:focus, | |
.btn.btn-primary.disabled:hover, | |
.btn.btn-primary:disabled.focus, | |
.btn.btn-primary:disabled:focus, | |
.btn.btn-primary:disabled:hover { | |
background-color:#9c27b0; | |
border-color:#9c27b0 | |
} | |
.btn.btn-primary:active, | |
.btn.btn-primary:focus, | |
.btn.btn-primary:hover { | |
box-shadow:0 14px 26px -12px rgba(156,39,176,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(156,39,176,.2) | |
} | |
.btn.btn-primary.btn-link { | |
box-shadow:none | |
} | |
.btn.btn-primary.btn-link, | |
.btn.btn-primary.btn-link:active, | |
.btn.btn-primary.btn-link:focus, | |
.btn.btn-primary.btn-link:hover { | |
background-color:transparent; | |
color:#9c27b0 | |
} | |
.btn.btn-secondary { | |
color:#333; | |
background-color:#fafafa; | |
border-color:#ccc; | |
box-shadow:0 2px 2px 0 hsla(0,0%,98%,.14),0 3px 1px -2px hsla(0,0%,98%,.2),0 1px 5px 0 hsla(0,0%,98%,.12) | |
} | |
.btn.btn-secondary.focus, | |
.btn.btn-secondary:focus, | |
.btn.btn-secondary:hover { | |
color:#333; | |
background-color:#f2f2f2; | |
border-color:#adadad | |
} | |
.btn.btn-secondary.active, | |
.btn.btn-secondary:active, | |
.open>.btn.btn-secondary.dropdown-toggle, | |
.show>.btn.btn-secondary.dropdown-toggle { | |
color:#333; | |
background-color:#f2f2f2; | |
border-color:#adadad; | |
box-shadow:0 2px 2px 0 hsla(0,0%,98%,.14),0 3px 1px -2px hsla(0,0%,98%,.2),0 1px 5px 0 hsla(0,0%,98%,.12) | |
} | |
.btn.btn-secondary.active.focus, | |
.btn.btn-secondary.active:focus, | |
.btn.btn-secondary.active:hover, | |
.btn.btn-secondary:active.focus, | |
.btn.btn-secondary:active:focus, | |
.btn.btn-secondary:active:hover, | |
.open>.btn.btn-secondary.dropdown-toggle.focus, | |
.open>.btn.btn-secondary.dropdown-toggle:focus, | |
.open>.btn.btn-secondary.dropdown-toggle:hover, | |
.show>.btn.btn-secondary.dropdown-toggle.focus, | |
.show>.btn.btn-secondary.dropdown-toggle:focus, | |
.show>.btn.btn-secondary.dropdown-toggle:hover { | |
color:#333; | |
background-color:#f2f2f2; | |
border-color:#8c8c8c | |
} | |
.open>.btn.btn-secondary.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:#fafafa | |
} | |
.open>.btn.btn-secondary.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:#f2f2f2 | |
} | |
.btn.btn-secondary.disabled.focus, | |
.btn.btn-secondary.disabled:focus, | |
.btn.btn-secondary.disabled:hover, | |
.btn.btn-secondary:disabled.focus, | |
.btn.btn-secondary:disabled:focus, | |
.btn.btn-secondary:disabled:hover { | |
background-color:#fafafa; | |
border-color:#ccc | |
} | |
.btn.btn-secondary:active, | |
.btn.btn-secondary:focus, | |
.btn.btn-secondary:hover { | |
box-shadow:0 14px 26px -12px hsla(0,0%,98%,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px hsla(0,0%,98%,.2) | |
} | |
.btn.btn-secondary.btn-link { | |
box-shadow:none | |
} | |
.btn.btn-secondary.btn-link, | |
.btn.btn-secondary.btn-link:active, | |
.btn.btn-secondary.btn-link:focus, | |
.btn.btn-secondary.btn-link:hover { | |
background-color:transparent; | |
color:#fafafa | |
} | |
.btn.btn-info { | |
color:#fff; | |
background-color:#00bcd4; | |
border-color:#00bcd4; | |
box-shadow:0 2px 2px 0 rgba(0,188,212,.14),0 3px 1px -2px rgba(0,188,212,.2),0 1px 5px 0 rgba(0,188,212,.12) | |
} | |
.btn.btn-info.focus, | |
.btn.btn-info:focus, | |
.btn.btn-info:hover { | |
color:#fff; | |
background-color:#00aec5; | |
border-color:#008697 | |
} | |
.btn.btn-info.active, | |
.btn.btn-info:active, | |
.open>.btn.btn-info.dropdown-toggle, | |
.show>.btn.btn-info.dropdown-toggle { | |
color:#fff; | |
background-color:#00aec5; | |
border-color:#008697; | |
box-shadow:0 2px 2px 0 rgba(0,188,212,.14),0 3px 1px -2px rgba(0,188,212,.2),0 1px 5px 0 rgba(0,188,212,.12) | |
} | |
.btn.btn-info.active.focus, | |
.btn.btn-info.active:focus, | |
.btn.btn-info.active:hover, | |
.btn.btn-info:active.focus, | |
.btn.btn-info:active:focus, | |
.btn.btn-info:active:hover, | |
.open>.btn.btn-info.dropdown-toggle.focus, | |
.open>.btn.btn-info.dropdown-toggle:focus, | |
.open>.btn.btn-info.dropdown-toggle:hover, | |
.show>.btn.btn-info.dropdown-toggle.focus, | |
.show>.btn.btn-info.dropdown-toggle:focus, | |
.show>.btn.btn-info.dropdown-toggle:hover { | |
color:#fff; | |
background-color:#00aec5; | |
border-color:#004b55 | |
} | |
.open>.btn.btn-info.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:#00bcd4 | |
} | |
.open>.btn.btn-info.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:#00aec5 | |
} | |
.btn.btn-info.disabled.focus, | |
.btn.btn-info.disabled:focus, | |
.btn.btn-info.disabled:hover, | |
.btn.btn-info:disabled.focus, | |
.btn.btn-info:disabled:focus, | |
.btn.btn-info:disabled:hover { | |
background-color:#00bcd4; | |
border-color:#00bcd4 | |
} | |
.btn.btn-info:active, | |
.btn.btn-info:focus, | |
.btn.btn-info:hover { | |
box-shadow:0 14px 26px -12px rgba(0,188,212,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,188,212,.2) | |
} | |
.btn.btn-info.btn-link { | |
box-shadow:none | |
} | |
.btn.btn-info.btn-link, | |
.btn.btn-info.btn-link:active, | |
.btn.btn-info.btn-link:focus, | |
.btn.btn-info.btn-link:hover { | |
background-color:transparent; | |
color:#00bcd4 | |
} | |
.btn.btn-success { | |
color:#fff; | |
background-color:#4caf50; | |
border-color:#4caf50; | |
box-shadow:0 2px 2px 0 rgba(76,175,80,.14),0 3px 1px -2px rgba(76,175,80,.2),0 1px 5px 0 rgba(76,175,80,.12) | |
} | |
.btn.btn-success.focus, | |
.btn.btn-success:focus, | |
.btn.btn-success:hover { | |
color:#fff; | |
background-color:#47a44b; | |
border-color:#39843c | |
} | |
.btn.btn-success.active, | |
.btn.btn-success:active, | |
.open>.btn.btn-success.dropdown-toggle, | |
.show>.btn.btn-success.dropdown-toggle { | |
color:#fff; | |
background-color:#47a44b; | |
border-color:#39843c; | |
box-shadow:0 2px 2px 0 rgba(76,175,80,.14),0 3px 1px -2px rgba(76,175,80,.2),0 1px 5px 0 rgba(76,175,80,.12) | |
} | |
.btn.btn-success.active.focus, | |
.btn.btn-success.active:focus, | |
.btn.btn-success.active:hover, | |
.btn.btn-success:active.focus, | |
.btn.btn-success:active:focus, | |
.btn.btn-success:active:hover, | |
.open>.btn.btn-success.dropdown-toggle.focus, | |
.open>.btn.btn-success.dropdown-toggle:focus, | |
.open>.btn.btn-success.dropdown-toggle:hover, | |
.show>.btn.btn-success.dropdown-toggle.focus, | |
.show>.btn.btn-success.dropdown-toggle:focus, | |
.show>.btn.btn-success.dropdown-toggle:hover { | |
color:#fff; | |
background-color:#47a44b; | |
border-color:#255627 | |
} | |
.open>.btn.btn-success.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:#4caf50 | |
} | |
.open>.btn.btn-success.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:#47a44b | |
} | |
.btn.btn-success.disabled.focus, | |
.btn.btn-success.disabled:focus, | |
.btn.btn-success.disabled:hover, | |
.btn.btn-success:disabled.focus, | |
.btn.btn-success:disabled:focus, | |
.btn.btn-success:disabled:hover { | |
background-color:#4caf50; | |
border-color:#4caf50 | |
} | |
.btn.btn-success:active, | |
.btn.btn-success:focus, | |
.btn.btn-success:hover { | |
box-shadow:0 14px 26px -12px rgba(76,175,80,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(76,175,80,.2) | |
} | |
.btn.btn-success.btn-link { | |
box-shadow:none | |
} | |
.btn.btn-success.btn-link, | |
.btn.btn-success.btn-link:active, | |
.btn.btn-success.btn-link:focus, | |
.btn.btn-success.btn-link:hover { | |
background-color:transparent; | |
color:#4caf50 | |
} | |
.btn.btn-warning { | |
color:#fff; | |
background-color:#ff9800; | |
border-color:#ff9800; | |
box-shadow:0 2px 2px 0 rgba(255,152,0,.14),0 3px 1px -2px rgba(255,152,0,.2),0 1px 5px 0 rgba(255,152,0,.12) | |
} | |
.btn.btn-warning.focus, | |
.btn.btn-warning:focus, | |
.btn.btn-warning:hover { | |
color:#fff; | |
background-color:#f08f00; | |
border-color:#c27400 | |
} | |
.btn.btn-warning.active, | |
.btn.btn-warning:active, | |
.open>.btn.btn-warning.dropdown-toggle, | |
.show>.btn.btn-warning.dropdown-toggle { | |
color:#fff; | |
background-color:#f08f00; | |
border-color:#c27400; | |
box-shadow:0 2px 2px 0 rgba(255,152,0,.14),0 3px 1px -2px rgba(255,152,0,.2),0 1px 5px 0 rgba(255,152,0,.12) | |
} | |
.btn.btn-warning.active.focus, | |
.btn.btn-warning.active:focus, | |
.btn.btn-warning.active:hover, | |
.btn.btn-warning:active.focus, | |
.btn.btn-warning:active:focus, | |
.btn.btn-warning:active:hover, | |
.open>.btn.btn-warning.dropdown-toggle.focus, | |
.open>.btn.btn-warning.dropdown-toggle:focus, | |
.open>.btn.btn-warning.dropdown-toggle:hover, | |
.show>.btn.btn-warning.dropdown-toggle.focus, | |
.show>.btn.btn-warning.dropdown-toggle:focus, | |
.show>.btn.btn-warning.dropdown-toggle:hover { | |
color:#fff; | |
background-color:#f08f00; | |
border-color:#804c00 | |
} | |
.open>.btn.btn-warning.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:#ff9800 | |
} | |
.open>.btn.btn-warning.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:#f08f00 | |
} | |
.btn.btn-warning.disabled.focus, | |
.btn.btn-warning.disabled:focus, | |
.btn.btn-warning.disabled:hover, | |
.btn.btn-warning:disabled.focus, | |
.btn.btn-warning:disabled:focus, | |
.btn.btn-warning:disabled:hover { | |
background-color:#ff9800; | |
border-color:#ff9800 | |
} | |
.btn.btn-warning:active, | |
.btn.btn-warning:focus, | |
.btn.btn-warning:hover { | |
box-shadow:0 14px 26px -12px rgba(255,152,0,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(255,152,0,.2) | |
} | |
.btn.btn-warning.btn-link { | |
box-shadow:none | |
} | |
.btn.btn-warning.btn-link, | |
.btn.btn-warning.btn-link:active, | |
.btn.btn-warning.btn-link:focus, | |
.btn.btn-warning.btn-link:hover { | |
background-color:transparent; | |
color:#ff9800 | |
} | |
.btn.btn-danger { | |
color:#fff; | |
background-color:#f44336; | |
border-color:#f44336; | |
box-shadow:0 2px 2px 0 rgba(244,67,54,.14),0 3px 1px -2px rgba(244,67,54,.2),0 1px 5px 0 rgba(244,67,54,.12) | |
} | |
.btn.btn-danger.focus, | |
.btn.btn-danger:focus, | |
.btn.btn-danger:hover { | |
color:#fff; | |
background-color:#f33527; | |
border-color:#e11b0c | |
} | |
.btn.btn-danger.active, | |
.btn.btn-danger:active, | |
.open>.btn.btn-danger.dropdown-toggle, | |
.show>.btn.btn-danger.dropdown-toggle { | |
color:#fff; | |
background-color:#f33527; | |
border-color:#e11b0c; | |
box-shadow:0 2px 2px 0 rgba(244,67,54,.14),0 3px 1px -2px rgba(244,67,54,.2),0 1px 5px 0 rgba(244,67,54,.12) | |
} | |
.btn.btn-danger.active.focus, | |
.btn.btn-danger.active:focus, | |
.btn.btn-danger.active:hover, | |
.btn.btn-danger:active.focus, | |
.btn.btn-danger:active:focus, | |
.btn.btn-danger:active:hover, | |
.open>.btn.btn-danger.dropdown-toggle.focus, | |
.open>.btn.btn-danger.dropdown-toggle:focus, | |
.open>.btn.btn-danger.dropdown-toggle:hover, | |
.show>.btn.btn-danger.dropdown-toggle.focus, | |
.show>.btn.btn-danger.dropdown-toggle:focus, | |
.show>.btn.btn-danger.dropdown-toggle:hover { | |
color:#fff; | |
background-color:#f33527; | |
border-color:#a21309 | |
} | |
.open>.btn.btn-danger.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:#f44336 | |
} | |
.open>.btn.btn-danger.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:#f33527 | |
} | |
.btn.btn-danger.disabled.focus, | |
.btn.btn-danger.disabled:focus, | |
.btn.btn-danger.disabled:hover, | |
.btn.btn-danger:disabled.focus, | |
.btn.btn-danger:disabled:focus, | |
.btn.btn-danger:disabled:hover { | |
background-color:#f44336; | |
border-color:#f44336 | |
} | |
.btn.btn-danger:active, | |
.btn.btn-danger:focus, | |
.btn.btn-danger:hover { | |
box-shadow:0 14px 26px -12px rgba(244,67,54,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(244,67,54,.2) | |
} | |
.btn.btn-danger.btn-link { | |
box-shadow:none | |
} | |
.btn.btn-danger.btn-link, | |
.btn.btn-danger.btn-link:active, | |
.btn.btn-danger.btn-link:focus, | |
.btn.btn-danger.btn-link:hover { | |
background-color:transparent; | |
color:#f44336 | |
} | |
.btn.btn-rose { | |
color:#fff; | |
background-color:#e91e63; | |
border-color:#e91e63; | |
box-shadow:0 2px 2px 0 rgba(233,30,99,.14),0 3px 1px -2px rgba(233,30,99,.2),0 1px 5px 0 rgba(233,30,99,.12) | |
} | |
.btn.btn-rose.focus, | |
.btn.btn-rose:focus, | |
.btn.btn-rose:hover { | |
color:#fff; | |
background-color:#ea2c6d; | |
border-color:#b8124a | |
} | |
.btn.btn-rose.active, | |
.btn.btn-rose:active, | |
.open>.btn.btn-rose.dropdown-toggle, | |
.show>.btn.btn-rose.dropdown-toggle { | |
color:#fff; | |
background-color:#ea2c6d; | |
border-color:#b8124a; | |
box-shadow:0 2px 2px 0 rgba(233,30,99,.14),0 3px 1px -2px rgba(233,30,99,.2),0 1px 5px 0 rgba(233,30,99,.12) | |
} | |
.btn.btn-rose.active.focus, | |
.btn.btn-rose.active:focus, | |
.btn.btn-rose.active:hover, | |
.btn.btn-rose:active.focus, | |
.btn.btn-rose:active:focus, | |
.btn.btn-rose:active:hover, | |
.open>.btn.btn-rose.dropdown-toggle.focus, | |
.open>.btn.btn-rose.dropdown-toggle:focus, | |
.open>.btn.btn-rose.dropdown-toggle:hover, | |
.show>.btn.btn-rose.dropdown-toggle.focus, | |
.show>.btn.btn-rose.dropdown-toggle:focus, | |
.show>.btn.btn-rose.dropdown-toggle:hover { | |
color:#fff; | |
background-color:#ea2c6d; | |
border-color:#7b0c32 | |
} | |
.open>.btn.btn-rose.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:#e91e63 | |
} | |
.open>.btn.btn-rose.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:#ea2c6d | |
} | |
.btn.btn-rose.disabled.focus, | |
.btn.btn-rose.disabled:focus, | |
.btn.btn-rose.disabled:hover, | |
.btn.btn-rose:disabled.focus, | |
.btn.btn-rose:disabled:focus, | |
.btn.btn-rose:disabled:hover { | |
background-color:#e91e63; | |
border-color:#e91e63 | |
} | |
.btn.btn-rose:active, | |
.btn.btn-rose:focus, | |
.btn.btn-rose:hover { | |
box-shadow:0 14px 26px -12px rgba(233,30,99,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(233,30,99,.2) | |
} | |
.btn.btn-rose.btn-link { | |
box-shadow:none | |
} | |
.btn.btn-rose.btn-link, | |
.btn.btn-rose.btn-link:active, | |
.btn.btn-rose.btn-link:focus, | |
.btn.btn-rose.btn-link:hover { | |
background-color:transparent; | |
color:#e91e63 | |
} | |
.btn, | |
.btn.btn-default { | |
color:#fff; | |
background-color:#999; | |
border-color:#999; | |
box-shadow:0 2px 2px 0 hsla(0,0%,60%,.14),0 3px 1px -2px hsla(0,0%,60%,.2),0 1px 5px 0 hsla(0,0%,60%,.12) | |
} | |
.btn.btn-default.focus, | |
.btn.btn-default:focus, | |
.btn.btn-default:hover, | |
.btn.focus, | |
.btn:focus, | |
.btn:hover { | |
color:#fff; | |
background-color:#919191; | |
border-color:#7a7a7a | |
} | |
.btn.active, | |
.btn.btn-default.active, | |
.btn.btn-default:active, | |
.btn:active, | |
.open>.btn.btn-default.dropdown-toggle, | |
.open>.btn.dropdown-toggle, | |
.show>.btn.btn-default.dropdown-toggle, | |
.show>.btn.dropdown-toggle { | |
color:#fff; | |
background-color:#919191; | |
border-color:#7a7a7a; | |
box-shadow:0 2px 2px 0 hsla(0,0%,60%,.14),0 3px 1px -2px hsla(0,0%,60%,.2),0 1px 5px 0 hsla(0,0%,60%,.12) | |
} | |
.btn.active.focus, | |
.btn.active:focus, | |
.btn.active:hover, | |
.btn.btn-default.active.focus, | |
.btn.btn-default.active:focus, | |
.btn.btn-default.active:hover, | |
.btn.btn-default:active.focus, | |
.btn.btn-default:active:focus, | |
.btn.btn-default:active:hover, | |
.btn:active.focus, | |
.btn:active:focus, | |
.btn:active:hover, | |
.open>.btn.btn-default.dropdown-toggle.focus, | |
.open>.btn.btn-default.dropdown-toggle:focus, | |
.open>.btn.btn-default.dropdown-toggle:hover, | |
.open>.btn.dropdown-toggle.focus, | |
.open>.btn.dropdown-toggle:focus, | |
.open>.btn.dropdown-toggle:hover, | |
.show>.btn.btn-default.dropdown-toggle.focus, | |
.show>.btn.btn-default.dropdown-toggle:focus, | |
.show>.btn.btn-default.dropdown-toggle:hover, | |
.show>.btn.dropdown-toggle.focus, | |
.show>.btn.dropdown-toggle:focus, | |
.show>.btn.dropdown-toggle:hover { | |
color:#fff; | |
background-color:#919191; | |
border-color:#595959 | |
} | |
.open>.btn.btn-default.dropdown-toggle.bmd-btn-icon, | |
.open>.btn.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:#999 | |
} | |
.open>.btn.btn-default.dropdown-toggle.bmd-btn-icon:hover, | |
.open>.btn.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:#919191 | |
} | |
.btn.btn-default.disabled.focus, | |
.btn.btn-default.disabled:focus, | |
.btn.btn-default.disabled:hover, | |
.btn.btn-default:disabled.focus, | |
.btn.btn-default:disabled:focus, | |
.btn.btn-default:disabled:hover, | |
.btn.disabled.focus, | |
.btn.disabled:focus, | |
.btn.disabled:hover, | |
.btn:disabled.focus, | |
.btn:disabled:focus, | |
.btn:disabled:hover { | |
background-color:#999; | |
border-color:#999 | |
} | |
.btn.btn-default:active, | |
.btn.btn-default:focus, | |
.btn.btn-default:hover, | |
.btn:active, | |
.btn:focus, | |
.btn:hover { | |
box-shadow:0 14px 26px -12px hsla(0,0%,60%,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px hsla(0,0%,60%,.2) | |
} | |
.btn.btn-default.btn-link, | |
.btn.btn-link { | |
background-color:transparent; | |
color:#999; | |
box-shadow:none | |
} | |
.btn.btn-default.btn-link:active, | |
.btn.btn-default.btn-link:focus, | |
.btn.btn-default.btn-link:hover, | |
.btn.btn-link:active, | |
.btn.btn-link:focus, | |
.btn.btn-link:hover { | |
background-color:transparent; | |
color:#999 | |
} | |
.btn.btn-white, | |
.btn.btn-white:focus, | |
.btn.btn-white:hover { | |
background-color:#fff; | |
color:#999 | |
} | |
.btn.btn-white.btn-link { | |
color:#fff; | |
background:transparent; | |
box-shadow:none | |
} | |
.btn.btn-link:active, | |
.btn.btn-link:focus, | |
.btn.btn-link:hover { | |
text-decoration:none!important | |
} | |
.btn-group-raised .btn.btn-link, | |
.btn-group-raised .btn.btn-link.active, | |
.btn-group-raised .btn.btn-link:active, | |
.btn-group-raised .btn.btn-link:focus, | |
.btn-group-raised .btn.btn-link:hover, | |
.btn-group-raised .btn.disabled, | |
.btn-group-raised .btn:disabled, | |
.btn-group-raised .btn[disabled], | |
.btn.btn-raised.btn-link, | |
.btn.btn-raised.btn-link.active, | |
.btn.btn-raised.btn-link:active, | |
.btn.btn-raised.btn-link:focus, | |
.btn.btn-raised.btn-link:hover, | |
.btn.btn-raised.disabled, | |
.btn.btn-raised:disabled, | |
.btn.btn-raised[disabled], | |
fieldset[disabled][disabled] .btn-group-raised .btn, | |
fieldset[disabled][disabled] .btn.btn-raised { | |
box-shadow:none | |
} | |
.btn.btn-outline, | |
.btn.btn-outline-danger, | |
.btn.btn-outline-info, | |
.btn.btn-outline-primary, | |
.btn.btn-outline-secondary, | |
.btn.btn-outline-success, | |
.btn.btn-outline-warning { | |
border:1px solid currentColor | |
} | |
.btn.btn-outline { | |
color:#333; | |
background-color:transparent; | |
border-color:#333 | |
} | |
.btn.btn-outline.focus, | |
.btn.btn-outline:focus, | |
.btn.btn-outline:hover { | |
color:#333; | |
background-color:hsla(0,0%,60%,.2); | |
border-color:#333 | |
} | |
.btn.btn-outline.active, | |
.btn.btn-outline:active, | |
.open>.btn.btn-outline.dropdown-toggle, | |
.show>.btn.btn-outline.dropdown-toggle { | |
color:#333; | |
background-color:hsla(0,0%,60%,.2); | |
border-color:#333; | |
box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12) | |
} | |
.btn.btn-outline.active.focus, | |
.btn.btn-outline.active:focus, | |
.btn.btn-outline.active:hover, | |
.btn.btn-outline:active.focus, | |
.btn.btn-outline:active:focus, | |
.btn.btn-outline:active:hover, | |
.open>.btn.btn-outline.dropdown-toggle.focus, | |
.open>.btn.btn-outline.dropdown-toggle:focus, | |
.open>.btn.btn-outline.dropdown-toggle:hover, | |
.show>.btn.btn-outline.dropdown-toggle.focus, | |
.show>.btn.btn-outline.dropdown-toggle:focus, | |
.show>.btn.btn-outline.dropdown-toggle:hover { | |
color:#333; | |
background-color:hsla(0,0%,60%,.4); | |
border-color:#333 | |
} | |
.open>.btn.btn-outline.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:transparent | |
} | |
.open>.btn.btn-outline.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:hsla(0,0%,60%,.2) | |
} | |
.bg-inverse .btn.btn-outline, | |
.btn.btn-outline.disabled.focus, | |
.btn.btn-outline.disabled:focus, | |
.btn.btn-outline.disabled:hover, | |
.btn.btn-outline:disabled.focus, | |
.btn.btn-outline:disabled:focus, | |
.btn.btn-outline:disabled:hover { | |
background-color:transparent; | |
border-color:#333 | |
} | |
.bg-inverse .btn.btn-outline { | |
color:#333 | |
} | |
.bg-inverse .btn.btn-outline.focus, | |
.bg-inverse .btn.btn-outline:focus, | |
.bg-inverse .btn.btn-outline:hover { | |
color:#333; | |
background-color:hsla(0,0%,80%,.15); | |
border-color:hsla(0,0%,80%,.15) | |
} | |
.bg-inverse .btn.btn-outline.active, | |
.bg-inverse .btn.btn-outline:active, | |
.open>.bg-inverse .btn.btn-outline.dropdown-toggle, | |
.show>.bg-inverse .btn.btn-outline.dropdown-toggle { | |
color:#333; | |
background-color:hsla(0,0%,80%,.15); | |
border-color:hsla(0,0%,80%,.15); | |
box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12) | |
} | |
.bg-inverse .btn.btn-outline.active.focus, | |
.bg-inverse .btn.btn-outline.active:focus, | |
.bg-inverse .btn.btn-outline.active:hover, | |
.bg-inverse .btn.btn-outline:active.focus, | |
.bg-inverse .btn.btn-outline:active:focus, | |
.bg-inverse .btn.btn-outline:active:hover, | |
.open>.bg-inverse .btn.btn-outline.dropdown-toggle.focus, | |
.open>.bg-inverse .btn.btn-outline.dropdown-toggle:focus, | |
.open>.bg-inverse .btn.btn-outline.dropdown-toggle:hover, | |
.show>.bg-inverse .btn.btn-outline.dropdown-toggle.focus, | |
.show>.bg-inverse .btn.btn-outline.dropdown-toggle:focus, | |
.show>.bg-inverse .btn.btn-outline.dropdown-toggle:hover { | |
color:#333; | |
background-color:hsla(0,0%,80%,.25); | |
border-color:hsla(0,0%,80%,.25) | |
} | |
.open>.bg-inverse .btn.btn-outline.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:transparent | |
} | |
.open>.bg-inverse .btn.btn-outline.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:hsla(0,0%,80%,.15) | |
} | |
.bg-inverse .btn.btn-outline.disabled.focus, | |
.bg-inverse .btn.btn-outline.disabled:focus, | |
.bg-inverse .btn.btn-outline.disabled:hover, | |
.bg-inverse .btn.btn-outline:disabled.focus, | |
.bg-inverse .btn.btn-outline:disabled:focus, | |
.bg-inverse .btn.btn-outline:disabled:hover { | |
background-color:transparent; | |
border-color:#333 | |
} | |
.btn.btn-outline.btn-link { | |
background-color:transparent | |
} | |
.btn.btn-outline-primary { | |
color:#9c27b0; | |
background-color:transparent; | |
border-color:#9c27b0 | |
} | |
.btn.btn-outline-primary.focus, | |
.btn.btn-outline-primary:focus, | |
.btn.btn-outline-primary:hover { | |
color:#9c27b0; | |
background-color:hsla(0,0%,60%,.2); | |
border-color:#9c27b0 | |
} | |
.btn.btn-outline-primary.active, | |
.btn.btn-outline-primary:active, | |
.open>.btn.btn-outline-primary.dropdown-toggle, | |
.show>.btn.btn-outline-primary.dropdown-toggle { | |
color:#9c27b0; | |
background-color:hsla(0,0%,60%,.2); | |
border-color:#9c27b0; | |
box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12) | |
} | |
.btn.btn-outline-primary.active.focus, | |
.btn.btn-outline-primary.active:focus, | |
.btn.btn-outline-primary.active:hover, | |
.btn.btn-outline-primary:active.focus, | |
.btn.btn-outline-primary:active:focus, | |
.btn.btn-outline-primary:active:hover, | |
.open>.btn.btn-outline-primary.dropdown-toggle.focus, | |
.open>.btn.btn-outline-primary.dropdown-toggle:focus, | |
.open>.btn.btn-outline-primary.dropdown-toggle:hover, | |
.show>.btn.btn-outline-primary.dropdown-toggle.focus, | |
.show>.btn.btn-outline-primary.dropdown-toggle:focus, | |
.show>.btn.btn-outline-primary.dropdown-toggle:hover { | |
color:#9c27b0; | |
background-color:hsla(0,0%,60%,.4); | |
border-color:#9c27b0 | |
} | |
.open>.btn.btn-outline-primary.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:transparent | |
} | |
.open>.btn.btn-outline-primary.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:hsla(0,0%,60%,.2) | |
} | |
.bg-inverse .btn.btn-outline-primary, | |
.btn.btn-outline-primary.disabled.focus, | |
.btn.btn-outline-primary.disabled:focus, | |
.btn.btn-outline-primary.disabled:hover, | |
.btn.btn-outline-primary:disabled.focus, | |
.btn.btn-outline-primary:disabled:focus, | |
.btn.btn-outline-primary:disabled:hover { | |
background-color:transparent; | |
border-color:#9c27b0 | |
} | |
.bg-inverse .btn.btn-outline-primary { | |
color:#9c27b0 | |
} | |
.bg-inverse .btn.btn-outline-primary.focus, | |
.bg-inverse .btn.btn-outline-primary:focus, | |
.bg-inverse .btn.btn-outline-primary:hover { | |
color:#9c27b0; | |
background-color:hsla(0,0%,80%,.15); | |
border-color:hsla(0,0%,80%,.15) | |
} | |
.bg-inverse .btn.btn-outline-primary.active, | |
.bg-inverse .btn.btn-outline-primary:active, | |
.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle, | |
.show>.bg-inverse .btn.btn-outline-primary.dropdown-toggle { | |
color:#9c27b0; | |
background-color:hsla(0,0%,80%,.15); | |
border-color:hsla(0,0%,80%,.15); | |
box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12) | |
} | |
.bg-inverse .btn.btn-outline-primary.active.focus, | |
.bg-inverse .btn.btn-outline-primary.active:focus, | |
.bg-inverse .btn.btn-outline-primary.active:hover, | |
.bg-inverse .btn.btn-outline-primary:active.focus, | |
.bg-inverse .btn.btn-outline-primary:active:focus, | |
.bg-inverse .btn.btn-outline-primary:active:hover, | |
.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle.focus, | |
.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle:focus, | |
.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle:hover, | |
.show>.bg-inverse .btn.btn-outline-primary.dropdown-toggle.focus, | |
.show>.bg-inverse .btn.btn-outline-primary.dropdown-toggle:focus, | |
.show>.bg-inverse .btn.btn-outline-primary.dropdown-toggle:hover { | |
color:#9c27b0; | |
background-color:hsla(0,0%,80%,.25); | |
border-color:hsla(0,0%,80%,.25) | |
} | |
.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:transparent | |
} | |
.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:hsla(0,0%,80%,.15) | |
} | |
.bg-inverse .btn.btn-outline-primary.disabled.focus, | |
.bg-inverse .btn.btn-outline-primary.disabled:focus, | |
.bg-inverse .btn.btn-outline-primary.disabled:hover, | |
.bg-inverse .btn.btn-outline-primary:disabled.focus, | |
.bg-inverse .btn.btn-outline-primary:disabled:focus, | |
.bg-inverse .btn.btn-outline-primary:disabled:hover { | |
background-color:transparent; | |
border-color:#9c27b0 | |
} | |
.btn.btn-outline-primary.btn-link { | |
background-color:transparent | |
} | |
.btn.btn-outline-secondary { | |
color:#333; | |
background-color:transparent; | |
border-color:#333 | |
} | |
.btn.btn-outline-secondary.focus, | |
.btn.btn-outline-secondary:focus, | |
.btn.btn-outline-secondary:hover { | |
color:#333; | |
background-color:hsla(0,0%,60%,.2); | |
border-color:#333 | |
} | |
.btn.btn-outline-secondary.active, | |
.btn.btn-outline-secondary:active, | |
.open>.btn.btn-outline-secondary.dropdown-toggle, | |
.show>.btn.btn-outline-secondary.dropdown-toggle { | |
color:#333; | |
background-color:hsla(0,0%,60%,.2); | |
border-color:#333; | |
box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12) | |
} | |
.btn.btn-outline-secondary.active.focus, | |
.btn.btn-outline-secondary.active:focus, | |
.btn.btn-outline-secondary.active:hover, | |
.btn.btn-outline-secondary:active.focus, | |
.btn.btn-outline-secondary:active:focus, | |
.btn.btn-outline-secondary:active:hover, | |
.open>.btn.btn-outline-secondary.dropdown-toggle.focus, | |
.open>.btn.btn-outline-secondary.dropdown-toggle:focus, | |
.open>.btn.btn-outline-secondary.dropdown-toggle:hover, | |
.show>.btn.btn-outline-secondary.dropdown-toggle.focus, | |
.show>.btn.btn-outline-secondary.dropdown-toggle:focus, | |
.show>.btn.btn-outline-secondary.dropdown-toggle:hover { | |
color:#333; | |
background-color:hsla(0,0%,60%,.4); | |
border-color:#333 | |
} | |
.open>.btn.btn-outline-secondary.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:transparent | |
} | |
.open>.btn.btn-outline-secondary.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:hsla(0,0%,60%,.2) | |
} | |
.bg-inverse .btn.btn-outline-secondary, | |
.btn.btn-outline-secondary.disabled.focus, | |
.btn.btn-outline-secondary.disabled:focus, | |
.btn.btn-outline-secondary.disabled:hover, | |
.btn.btn-outline-secondary:disabled.focus, | |
.btn.btn-outline-secondary:disabled:focus, | |
.btn.btn-outline-secondary:disabled:hover { | |
background-color:transparent; | |
border-color:#333 | |
} | |
.bg-inverse .btn.btn-outline-secondary { | |
color:#333 | |
} | |
.bg-inverse .btn.btn-outline-secondary.focus, | |
.bg-inverse .btn.btn-outline-secondary:focus, | |
.bg-inverse .btn.btn-outline-secondary:hover { | |
color:#333; | |
background-color:hsla(0,0%,80%,.15); | |
border-color:hsla(0,0%,80%,.15) | |
} | |
.bg-inverse .btn.btn-outline-secondary.active, | |
.bg-inverse .btn.btn-outline-secondary:active, | |
.open>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle, | |
.show>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle { | |
color:#333; | |
background-color:hsla(0,0%,80%,.15); | |
border-color:hsla(0,0%,80%,.15); | |
box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12) | |
} | |
.bg-inverse .btn.btn-outline-secondary.active.focus, | |
.bg-inverse .btn.btn-outline-secondary.active:focus, | |
.bg-inverse .btn.btn-outline-secondary.active:hover, | |
.bg-inverse .btn.btn-outline-secondary:active.focus, | |
.bg-inverse .btn.btn-outline-secondary:active:focus, | |
.bg-inverse .btn.btn-outline-secondary:active:hover, | |
.open>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle.focus, | |
.open>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle:focus, | |
.open>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle:hover, | |
.show>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle.focus, | |
.show>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle:focus, | |
.show>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle:hover { | |
color:#333; | |
background-color:hsla(0,0%,80%,.25); | |
border-color:hsla(0,0%,80%,.25) | |
} | |
.open>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:transparent | |
} | |
.open>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:hsla(0,0%,80%,.15) | |
} | |
.bg-inverse .btn.btn-outline-secondary.disabled.focus, | |
.bg-inverse .btn.btn-outline-secondary.disabled:focus, | |
.bg-inverse .btn.btn-outline-secondary.disabled:hover, | |
.bg-inverse .btn.btn-outline-secondary:disabled.focus, | |
.bg-inverse .btn.btn-outline-secondary:disabled:focus, | |
.bg-inverse .btn.btn-outline-secondary:disabled:hover { | |
background-color:transparent; | |
border-color:#333 | |
} | |
.btn.btn-outline-secondary.btn-link { | |
background-color:transparent | |
} | |
.btn.btn-outline-info { | |
color:#00bcd4; | |
background-color:transparent; | |
border-color:#00bcd4 | |
} | |
.btn.btn-outline-info.focus, | |
.btn.btn-outline-info:focus, | |
.btn.btn-outline-info:hover { | |
color:#00bcd4; | |
background-color:hsla(0,0%,60%,.2); | |
border-color:#00bcd4 | |
} | |
.btn.btn-outline-info.active, | |
.btn.btn-outline-info:active, | |
.open>.btn.btn-outline-info.dropdown-toggle, | |
.show>.btn.btn-outline-info.dropdown-toggle { | |
color:#00bcd4; | |
background-color:hsla(0,0%,60%,.2); | |
border-color:#00bcd4; | |
box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12) | |
} | |
.btn.btn-outline-info.active.focus, | |
.btn.btn-outline-info.active:focus, | |
.btn.btn-outline-info.active:hover, | |
.btn.btn-outline-info:active.focus, | |
.btn.btn-outline-info:active:focus, | |
.btn.btn-outline-info:active:hover, | |
.open>.btn.btn-outline-info.dropdown-toggle.focus, | |
.open>.btn.btn-outline-info.dropdown-toggle:focus, | |
.open>.btn.btn-outline-info.dropdown-toggle:hover, | |
.show>.btn.btn-outline-info.dropdown-toggle.focus, | |
.show>.btn.btn-outline-info.dropdown-toggle:focus, | |
.show>.btn.btn-outline-info.dropdown-toggle:hover { | |
color:#00bcd4; | |
background-color:hsla(0,0%,60%,.4); | |
border-color:#00bcd4 | |
} | |
.open>.btn.btn-outline-info.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:transparent | |
} | |
.open>.btn.btn-outline-info.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:hsla(0,0%,60%,.2) | |
} | |
.bg-inverse .btn.btn-outline-info, | |
.btn.btn-outline-info.disabled.focus, | |
.btn.btn-outline-info.disabled:focus, | |
.btn.btn-outline-info.disabled:hover, | |
.btn.btn-outline-info:disabled.focus, | |
.btn.btn-outline-info:disabled:focus, | |
.btn.btn-outline-info:disabled:hover { | |
background-color:transparent; | |
border-color:#00bcd4 | |
} | |
.bg-inverse .btn.btn-outline-info { | |
color:#00bcd4 | |
} | |
.bg-inverse .btn.btn-outline-info.focus, | |
.bg-inverse .btn.btn-outline-info:focus, | |
.bg-inverse .btn.btn-outline-info:hover { | |
color:#00bcd4; | |
background-color:hsla(0,0%,80%,.15); | |
border-color:hsla(0,0%,80%,.15) | |
} | |
.bg-inverse .btn.btn-outline-info.active, | |
.bg-inverse .btn.btn-outline-info:active, | |
.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle, | |
.show>.bg-inverse .btn.btn-outline-info.dropdown-toggle { | |
color:#00bcd4; | |
background-color:hsla(0,0%,80%,.15); | |
border-color:hsla(0,0%,80%,.15); | |
box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12) | |
} | |
.bg-inverse .btn.btn-outline-info.active.focus, | |
.bg-inverse .btn.btn-outline-info.active:focus, | |
.bg-inverse .btn.btn-outline-info.active:hover, | |
.bg-inverse .btn.btn-outline-info:active.focus, | |
.bg-inverse .btn.btn-outline-info:active:focus, | |
.bg-inverse .btn.btn-outline-info:active:hover, | |
.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle.focus, | |
.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle:focus, | |
.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle:hover, | |
.show>.bg-inverse .btn.btn-outline-info.dropdown-toggle.focus, | |
.show>.bg-inverse .btn.btn-outline-info.dropdown-toggle:focus, | |
.show>.bg-inverse .btn.btn-outline-info.dropdown-toggle:hover { | |
color:#00bcd4; | |
background-color:hsla(0,0%,80%,.25); | |
border-color:hsla(0,0%,80%,.25) | |
} | |
.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:transparent | |
} | |
.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:hsla(0,0%,80%,.15) | |
} | |
.bg-inverse .btn.btn-outline-info.disabled.focus, | |
.bg-inverse .btn.btn-outline-info.disabled:focus, | |
.bg-inverse .btn.btn-outline-info.disabled:hover, | |
.bg-inverse .btn.btn-outline-info:disabled.focus, | |
.bg-inverse .btn.btn-outline-info:disabled:focus, | |
.bg-inverse .btn.btn-outline-info:disabled:hover { | |
background-color:transparent; | |
border-color:#00bcd4 | |
} | |
.btn.btn-outline-info.btn-link { | |
background-color:transparent | |
} | |
.btn.btn-outline-success { | |
color:#4caf50; | |
background-color:transparent; | |
border-color:#4caf50 | |
} | |
.btn.btn-outline-success.focus, | |
.btn.btn-outline-success:focus, | |
.btn.btn-outline-success:hover { | |
color:#4caf50; | |
background-color:hsla(0,0%,60%,.2); | |
border-color:#4caf50 | |
} | |
.btn.btn-outline-success.active, | |
.btn.btn-outline-success:active, | |
.open>.btn.btn-outline-success.dropdown-toggle, | |
.show>.btn.btn-outline-success.dropdown-toggle { | |
color:#4caf50; | |
background-color:hsla(0,0%,60%,.2); | |
border-color:#4caf50; | |
box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12) | |
} | |
.btn.btn-outline-success.active.focus, | |
.btn.btn-outline-success.active:focus, | |
.btn.btn-outline-success.active:hover, | |
.btn.btn-outline-success:active.focus, | |
.btn.btn-outline-success:active:focus, | |
.btn.btn-outline-success:active:hover, | |
.open>.btn.btn-outline-success.dropdown-toggle.focus, | |
.open>.btn.btn-outline-success.dropdown-toggle:focus, | |
.open>.btn.btn-outline-success.dropdown-toggle:hover, | |
.show>.btn.btn-outline-success.dropdown-toggle.focus, | |
.show>.btn.btn-outline-success.dropdown-toggle:focus, | |
.show>.btn.btn-outline-success.dropdown-toggle:hover { | |
color:#4caf50; | |
background-color:hsla(0,0%,60%,.4); | |
border-color:#4caf50 | |
} | |
.open>.btn.btn-outline-success.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:transparent | |
} | |
.open>.btn.btn-outline-success.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:hsla(0,0%,60%,.2) | |
} | |
.bg-inverse .btn.btn-outline-success, | |
.btn.btn-outline-success.disabled.focus, | |
.btn.btn-outline-success.disabled:focus, | |
.btn.btn-outline-success.disabled:hover, | |
.btn.btn-outline-success:disabled.focus, | |
.btn.btn-outline-success:disabled:focus, | |
.btn.btn-outline-success:disabled:hover { | |
background-color:transparent; | |
border-color:#4caf50 | |
} | |
.bg-inverse .btn.btn-outline-success { | |
color:#4caf50 | |
} | |
.bg-inverse .btn.btn-outline-success.focus, | |
.bg-inverse .btn.btn-outline-success:focus, | |
.bg-inverse .btn.btn-outline-success:hover { | |
color:#4caf50; | |
background-color:hsla(0,0%,80%,.15); | |
border-color:hsla(0,0%,80%,.15) | |
} | |
.bg-inverse .btn.btn-outline-success.active, | |
.bg-inverse .btn.btn-outline-success:active, | |
.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle, | |
.show>.bg-inverse .btn.btn-outline-success.dropdown-toggle { | |
color:#4caf50; | |
background-color:hsla(0,0%,80%,.15); | |
border-color:hsla(0,0%,80%,.15); | |
box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12) | |
} | |
.bg-inverse .btn.btn-outline-success.active.focus, | |
.bg-inverse .btn.btn-outline-success.active:focus, | |
.bg-inverse .btn.btn-outline-success.active:hover, | |
.bg-inverse .btn.btn-outline-success:active.focus, | |
.bg-inverse .btn.btn-outline-success:active:focus, | |
.bg-inverse .btn.btn-outline-success:active:hover, | |
.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle.focus, | |
.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle:focus, | |
.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle:hover, | |
.show>.bg-inverse .btn.btn-outline-success.dropdown-toggle.focus, | |
.show>.bg-inverse .btn.btn-outline-success.dropdown-toggle:focus, | |
.show>.bg-inverse .btn.btn-outline-success.dropdown-toggle:hover { | |
color:#4caf50; | |
background-color:hsla(0,0%,80%,.25); | |
border-color:hsla(0,0%,80%,.25) | |
} | |
.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:transparent | |
} | |
.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:hsla(0,0%,80%,.15) | |
} | |
.bg-inverse .btn.btn-outline-success.disabled.focus, | |
.bg-inverse .btn.btn-outline-success.disabled:focus, | |
.bg-inverse .btn.btn-outline-success.disabled:hover, | |
.bg-inverse .btn.btn-outline-success:disabled.focus, | |
.bg-inverse .btn.btn-outline-success:disabled:focus, | |
.bg-inverse .btn.btn-outline-success:disabled:hover { | |
background-color:transparent; | |
border-color:#4caf50 | |
} | |
.btn.btn-outline-success.btn-link { | |
background-color:transparent | |
} | |
.btn.btn-outline-warning { | |
color:#ff9800; | |
background-color:transparent; | |
border-color:#ff9800 | |
} | |
.btn.btn-outline-warning.focus, | |
.btn.btn-outline-warning:focus, | |
.btn.btn-outline-warning:hover { | |
color:#ff9800; | |
background-color:hsla(0,0%,60%,.2); | |
border-color:#ff9800 | |
} | |
.btn.btn-outline-warning.active, | |
.btn.btn-outline-warning:active, | |
.open>.btn.btn-outline-warning.dropdown-toggle, | |
.show>.btn.btn-outline-warning.dropdown-toggle { | |
color:#ff9800; | |
background-color:hsla(0,0%,60%,.2); | |
border-color:#ff9800; | |
box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12) | |
} | |
.btn.btn-outline-warning.active.focus, | |
.btn.btn-outline-warning.active:focus, | |
.btn.btn-outline-warning.active:hover, | |
.btn.btn-outline-warning:active.focus, | |
.btn.btn-outline-warning:active:focus, | |
.btn.btn-outline-warning:active:hover, | |
.open>.btn.btn-outline-warning.dropdown-toggle.focus, | |
.open>.btn.btn-outline-warning.dropdown-toggle:focus, | |
.open>.btn.btn-outline-warning.dropdown-toggle:hover, | |
.show>.btn.btn-outline-warning.dropdown-toggle.focus, | |
.show>.btn.btn-outline-warning.dropdown-toggle:focus, | |
.show>.btn.btn-outline-warning.dropdown-toggle:hover { | |
color:#ff9800; | |
background-color:hsla(0,0%,60%,.4); | |
border-color:#ff9800 | |
} | |
.open>.btn.btn-outline-warning.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:transparent | |
} | |
.open>.btn.btn-outline-warning.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:hsla(0,0%,60%,.2) | |
} | |
.bg-inverse .btn.btn-outline-warning, | |
.btn.btn-outline-warning.disabled.focus, | |
.btn.btn-outline-warning.disabled:focus, | |
.btn.btn-outline-warning.disabled:hover, | |
.btn.btn-outline-warning:disabled.focus, | |
.btn.btn-outline-warning:disabled:focus, | |
.btn.btn-outline-warning:disabled:hover { | |
background-color:transparent; | |
border-color:#ff9800 | |
} | |
.bg-inverse .btn.btn-outline-warning { | |
color:#ff9800 | |
} | |
.bg-inverse .btn.btn-outline-warning.focus, | |
.bg-inverse .btn.btn-outline-warning:focus, | |
.bg-inverse .btn.btn-outline-warning:hover { | |
color:#ff9800; | |
background-color:hsla(0,0%,80%,.15); | |
border-color:hsla(0,0%,80%,.15) | |
} | |
.bg-inverse .btn.btn-outline-warning.active, | |
.bg-inverse .btn.btn-outline-warning:active, | |
.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle, | |
.show>.bg-inverse .btn.btn-outline-warning.dropdown-toggle { | |
color:#ff9800; | |
background-color:hsla(0,0%,80%,.15); | |
border-color:hsla(0,0%,80%,.15); | |
box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12) | |
} | |
.bg-inverse .btn.btn-outline-warning.active.focus, | |
.bg-inverse .btn.btn-outline-warning.active:focus, | |
.bg-inverse .btn.btn-outline-warning.active:hover, | |
.bg-inverse .btn.btn-outline-warning:active.focus, | |
.bg-inverse .btn.btn-outline-warning:active:focus, | |
.bg-inverse .btn.btn-outline-warning:active:hover, | |
.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle.focus, | |
.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle:focus, | |
.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle:hover, | |
.show>.bg-inverse .btn.btn-outline-warning.dropdown-toggle.focus, | |
.show>.bg-inverse .btn.btn-outline-warning.dropdown-toggle:focus, | |
.show>.bg-inverse .btn.btn-outline-warning.dropdown-toggle:hover { | |
color:#ff9800; | |
background-color:hsla(0,0%,80%,.25); | |
border-color:hsla(0,0%,80%,.25) | |
} | |
.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:transparent | |
} | |
.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:hsla(0,0%,80%,.15) | |
} | |
.bg-inverse .btn.btn-outline-warning.disabled.focus, | |
.bg-inverse .btn.btn-outline-warning.disabled:focus, | |
.bg-inverse .btn.btn-outline-warning.disabled:hover, | |
.bg-inverse .btn.btn-outline-warning:disabled.focus, | |
.bg-inverse .btn.btn-outline-warning:disabled:focus, | |
.bg-inverse .btn.btn-outline-warning:disabled:hover { | |
background-color:transparent; | |
border-color:#ff9800 | |
} | |
.btn.btn-outline-warning.btn-link { | |
background-color:transparent | |
} | |
.btn.btn-outline-danger { | |
color:#f44336; | |
background-color:transparent; | |
border-color:#f44336 | |
} | |
.btn.btn-outline-danger.focus, | |
.btn.btn-outline-danger:focus, | |
.btn.btn-outline-danger:hover { | |
color:#f44336; | |
background-color:hsla(0,0%,60%,.2); | |
border-color:#f44336 | |
} | |
.btn.btn-outline-danger.active, | |
.btn.btn-outline-danger:active, | |
.open>.btn.btn-outline-danger.dropdown-toggle, | |
.show>.btn.btn-outline-danger.dropdown-toggle { | |
color:#f44336; | |
background-color:hsla(0,0%,60%,.2); | |
border-color:#f44336; | |
box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12) | |
} | |
.btn.btn-outline-danger.active.focus, | |
.btn.btn-outline-danger.active:focus, | |
.btn.btn-outline-danger.active:hover, | |
.btn.btn-outline-danger:active.focus, | |
.btn.btn-outline-danger:active:focus, | |
.btn.btn-outline-danger:active:hover, | |
.open>.btn.btn-outline-danger.dropdown-toggle.focus, | |
.open>.btn.btn-outline-danger.dropdown-toggle:focus, | |
.open>.btn.btn-outline-danger.dropdown-toggle:hover, | |
.show>.btn.btn-outline-danger.dropdown-toggle.focus, | |
.show>.btn.btn-outline-danger.dropdown-toggle:focus, | |
.show>.btn.btn-outline-danger.dropdown-toggle:hover { | |
color:#f44336; | |
background-color:hsla(0,0%,60%,.4); | |
border-color:#f44336 | |
} | |
.open>.btn.btn-outline-danger.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:transparent | |
} | |
.open>.btn.btn-outline-danger.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:hsla(0,0%,60%,.2) | |
} | |
.bg-inverse .btn.btn-outline-danger, | |
.btn.btn-outline-danger.disabled.focus, | |
.btn.btn-outline-danger.disabled:focus, | |
.btn.btn-outline-danger.disabled:hover, | |
.btn.btn-outline-danger:disabled.focus, | |
.btn.btn-outline-danger:disabled:focus, | |
.btn.btn-outline-danger:disabled:hover { | |
background-color:transparent; | |
border-color:#f44336 | |
} | |
.bg-inverse .btn.btn-outline-danger { | |
color:#f44336 | |
} | |
.bg-inverse .btn.btn-outline-danger.focus, | |
.bg-inverse .btn.btn-outline-danger:focus, | |
.bg-inverse .btn.btn-outline-danger:hover { | |
color:#f44336; | |
background-color:hsla(0,0%,80%,.15); | |
border-color:hsla(0,0%,80%,.15) | |
} | |
.bg-inverse .btn.btn-outline-danger.active, | |
.bg-inverse .btn.btn-outline-danger:active, | |
.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle, | |
.show>.bg-inverse .btn.btn-outline-danger.dropdown-toggle { | |
color:#f44336; | |
background-color:hsla(0,0%,80%,.15); | |
border-color:hsla(0,0%,80%,.15); | |
box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12) | |
} | |
.bg-inverse .btn.btn-outline-danger.active.focus, | |
.bg-inverse .btn.btn-outline-danger.active:focus, | |
.bg-inverse .btn.btn-outline-danger.active:hover, | |
.bg-inverse .btn.btn-outline-danger:active.focus, | |
.bg-inverse .btn.btn-outline-danger:active:focus, | |
.bg-inverse .btn.btn-outline-danger:active:hover, | |
.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle.focus, | |
.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle:focus, | |
.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle:hover, | |
.show>.bg-inverse .btn.btn-outline-danger.dropdown-toggle.focus, | |
.show>.bg-inverse .btn.btn-outline-danger.dropdown-toggle:focus, | |
.show>.bg-inverse .btn.btn-outline-danger.dropdown-toggle:hover { | |
color:#f44336; | |
background-color:hsla(0,0%,80%,.25); | |
border-color:hsla(0,0%,80%,.25) | |
} | |
.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:transparent | |
} | |
.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:hsla(0,0%,80%,.15) | |
} | |
.bg-inverse .btn.btn-outline-danger.disabled.focus, | |
.bg-inverse .btn.btn-outline-danger.disabled:focus, | |
.bg-inverse .btn.btn-outline-danger.disabled:hover, | |
.bg-inverse .btn.btn-outline-danger:disabled.focus, | |
.bg-inverse .btn.btn-outline-danger:disabled:focus, | |
.bg-inverse .btn.btn-outline-danger:disabled:hover { | |
background-color:transparent; | |
border-color:#f44336 | |
} | |
.btn.btn-outline-danger.btn-link { | |
background-color:transparent | |
} | |
.btn-group-lg .btn, | |
.btn-group-lg>.btn, | |
.btn.btn-lg { | |
padding:1.125rem 2.25rem; | |
font-size:.875rem; | |
line-height:1.333333; | |
border-radius:.2rem | |
} | |
.btn-group-sm .btn, | |
.btn-group-sm>.btn, | |
.btn.btn-sm { | |
padding:.40625rem 1.25rem; | |
font-size:.6875rem; | |
line-height:1.5; | |
border-radius:.2rem | |
} | |
.btn.btn-round { | |
border-radius:30px | |
} | |
.btn.btn-fab, | |
.btn.btn-just-icon { | |
font-size:24px; | |
height:41px; | |
min-width:41px; | |
width:41px; | |
padding:0; | |
overflow:hidden; | |
position:relative; | |
line-height:41px | |
} | |
.btn.btn-fab.btn-round, | |
.btn.btn-just-icon.btn-round { | |
border-radius:50% | |
} | |
.btn-group-sm .btn.btn-fab, | |
.btn-group-sm .btn.btn-just-icon, | |
.btn-group-sm>.btn.btn-fab, | |
.btn-group-sm>.btn.btn-just-icon, | |
.btn.btn-fab.btn-fab-mini, | |
.btn.btn-fab.btn-sm, | |
.btn.btn-just-icon.btn-fab-mini, | |
.btn.btn-just-icon.btn-sm { | |
height:30px; | |
min-width:30px; | |
width:30px | |
} | |
.btn-group-sm .btn.btn-fab .fa, | |
.btn-group-sm .btn.btn-fab .material-icons, | |
.btn-group-sm .btn.btn-just-icon .fa, | |
.btn-group-sm .btn.btn-just-icon .material-icons, | |
.btn-group-sm>.btn.btn-fab .fa, | |
.btn-group-sm>.btn.btn-fab .material-icons, | |
.btn-group-sm>.btn.btn-just-icon .fa, | |
.btn-group-sm>.btn.btn-just-icon .material-icons, | |
.btn.btn-fab.btn-fab-mini .fa, | |
.btn.btn-fab.btn-fab-mini .material-icons, | |
.btn.btn-fab.btn-sm .fa, | |
.btn.btn-fab.btn-sm .material-icons, | |
.btn.btn-just-icon.btn-fab-mini .fa, | |
.btn.btn-just-icon.btn-fab-mini .material-icons, | |
.btn.btn-just-icon.btn-sm .fa, | |
.btn.btn-just-icon.btn-sm .material-icons { | |
font-size:17px; | |
line-height:29px | |
} | |
.btn-group-lg .btn.btn-fab, | |
.btn-group-lg .btn.btn-just-icon, | |
.btn-group-lg>.btn.btn-fab, | |
.btn-group-lg>.btn.btn-just-icon, | |
.btn.btn-fab.btn-lg, | |
.btn.btn-just-icon.btn-lg { | |
height:57px; | |
min-width:57px; | |
width:57px; | |
line-height:56px | |
} | |
.btn-group-lg .btn.btn-fab .fa, | |
.btn-group-lg .btn.btn-fab .material-icons, | |
.btn-group-lg .btn.btn-just-icon .fa, | |
.btn-group-lg .btn.btn-just-icon .material-icons, | |
.btn-group-lg>.btn.btn-fab .fa, | |
.btn-group-lg>.btn.btn-fab .material-icons, | |
.btn-group-lg>.btn.btn-just-icon .fa, | |
.btn-group-lg>.btn.btn-just-icon .material-icons, | |
.btn.btn-fab.btn-lg .fa, | |
.btn.btn-fab.btn-lg .material-icons, | |
.btn.btn-just-icon.btn-lg .fa, | |
.btn.btn-just-icon.btn-lg .material-icons { | |
font-size:32px; | |
line-height:56px | |
} | |
.btn.btn-fab .fa, | |
.btn.btn-fab .material-icons, | |
.btn.btn-just-icon .fa, | |
.btn.btn-just-icon .material-icons { | |
margin-top:0; | |
position:absolute; | |
width:100%; | |
transform:none; | |
left:0; | |
top:0; | |
height:100%; | |
line-height:41px; | |
font-size:20px | |
} | |
.btn-group-lg>.btn-just-icon.btn, | |
.btn-just-icon.btn-lg { | |
font-size:24px; | |
height:41px; | |
min-width:41px; | |
width:41px | |
} | |
.input-group-btn>.btn { | |
border:0 | |
} | |
.btn .material-icons, | |
.btn:not(.btn-just-icon):not(.btn-fab) .fa { | |
position:relative; | |
display:inline-block; | |
top:0; | |
margin-top:-1em; | |
margin-bottom:-1em; | |
font-size:1.1rem; | |
vertical-align:middle | |
} | |
.bg-inverse .btn-group-vertical.disabled, | |
.bg-inverse .btn-group-vertical:disabled, | |
.bg-inverse .btn-group-vertical[disabled], | |
.bg-inverse .btn-group.disabled, | |
.bg-inverse .btn-group:disabled, | |
.bg-inverse .btn-group[disabled], | |
.bg-inverse .btn.disabled, | |
.bg-inverse .btn:disabled, | |
.bg-inverse .btn[disabled], | |
.bg-inverse .input-group-btn .btn.disabled, | |
.bg-inverse .input-group-btn .btn:disabled, | |
.bg-inverse .input-group-btn .btn[disabled], | |
.bg-inverse fieldset[disabled][disabled] .btn, | |
.bg-inverse fieldset[disabled][disabled] .btn-group, | |
.bg-inverse fieldset[disabled][disabled] .btn-group-vertical, | |
.bg-inverse fieldset[disabled][disabled] .input-group-btn .btn { | |
color:hsla(0,0%,100%,.3) | |
} | |
.btn-group, | |
.btn-group-vertical { | |
position:relative; | |
margin:10px 1px | |
} | |
.btn-group-vertical .dropdown-menu, | |
.btn-group .dropdown-menu { | |
border-radius:0 0 .25rem .25rem | |
} | |
.btn-group-vertical.btn-group-raised, | |
.btn-group.btn-group-raised { | |
box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12) | |
} | |
.btn-group-vertical .btn, | |
.btn-group-vertical .btn+.btn, | |
.btn-group-vertical .btn-group, | |
.btn-group-vertical .btn:active, | |
.btn-group-vertical>.btn-group, | |
.btn-group .btn, | |
.btn-group .btn+.btn, | |
.btn-group .btn-group, | |
.btn-group .btn:active, | |
.btn-group>.btn-group { | |
margin:0 | |
} | |
.form-check { | |
margin-bottom:.5rem | |
} | |
.form-check, | |
.form-check .form-check-label { | |
padding-left:0 | |
} | |
.form-check .form-check-input { | |
position:absolute; | |
margin:0; | |
z-index:-1; | |
left:0; | |
pointer-events:none | |
} | |
.form-check .form-check-sign:before { | |
display:block; | |
position:absolute; | |
left:0; | |
content:""; | |
background-color:rgba(0,0,0,.84); | |
height:20px; | |
width:20px; | |
border-radius:100%; | |
z-index:1; | |
opacity:0; | |
margin:0; | |
top:0; | |
transform:scale3d(2.3,2.3,1) | |
} | |
.form-check .form-check-sign .check { | |
position:relative; | |
display:inline-block; | |
width:20px; | |
height:20px; | |
border:1px solid rgba(0,0,0,.54); | |
overflow:hidden; | |
z-index:1; | |
border-radius:3px | |
} | |
.form-check .form-check-sign .check:before { | |
position:absolute; | |
content:""; | |
transform:rotate(45deg); | |
display:block; | |
margin-top:-3px; | |
margin-left:7px; | |
width:0; | |
color:#fff; | |
height:0; | |
box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,inset 0 0 0 0; | |
animation:checkboxOff .3s forwards | |
} | |
.form-check .form-check-input:focus+.form-check-sign .check:after { | |
opacity:.2 | |
} | |
.form-check .form-check-input:checked~.form-check-sign .check { | |
background:#9c27b0 | |
} | |
.form-check .form-check-input:checked~.form-check-sign .check:before { | |
color:#fff; | |
box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px; | |
animation:b .3s forwards | |
} | |
.form-check .form-check-input:checked~.form-check-sign:before { | |
animation:c .5s | |
} | |
.form-check .form-check-input:checked~.form-check-sign .check:after { | |
animation:c .5s forwards | |
} | |
.form-check .form-check-input:not(:checked)+.form-check-sign .check:after, | |
.form-check .form-check-input:not(:checked)+.form-check-sign:before { | |
animation:c .5s | |
} | |
.form-check .rtl .form-check .form-check-sign .check:before { | |
margin-right:10px | |
} | |
.form-check .form-check-input[disabled]+.circle, | |
.form-check .form-check-input[disabled]~.form-check-sign .check, | |
fieldset[disabled] .form-check, | |
fieldset[disabled] .form-check .form-check-input { | |
opacity:.5 | |
} | |
.form-check .form-check-input[disabled]~.form-check-sign .check { | |
border-color:#000; | |
opacity:.26 | |
} | |
.form-check .form-check-input[disabled]+.form-check-sign .check:after { | |
background-color:rgba(0,0,0,.87); | |
transform:rotate(-45deg) | |
} | |
.form-check .form-check-input[disabled][checked]+.form-check-sign .check { | |
background-color:#000 | |
} | |
.form-check .form-check-label { | |
cursor:pointer; | |
padding-left:25px; | |
position:relative | |
} | |
.form-group.is-focused .form-check .form-check-label { | |
color:rgba(0,0,0,.26) | |
} | |
.form-group.is-focused .form-check .form-check-label:focus, | |
.form-group.is-focused .form-check .form-check-label:hover { | |
color:rgba(0,0,0,.54) | |
} | |
fieldset[disabled] .form-group.is-focused .form-check .form-check-label { | |
color:rgba(0,0,0,.26) | |
} | |
.form-check .form-check-label span { | |
display:block; | |
position:absolute; | |
left:-1px; | |
top:-1px; | |
transition-duration:.2s | |
} | |
.form-check .form-check-label .circle { | |
border:1px solid rgba(0,0,0,.54); | |
height:15px; | |
width:15px; | |
border-radius:100%; | |
top:1px | |
} | |
.form-check .form-check-label .circle .check { | |
height:15px; | |
width:15px; | |
border-radius:100%; | |
background-color:#9c27b0; | |
transform:scale3d(0,0,0) | |
} | |
.form-check .form-check-input { | |
opacity:0; | |
height:0; | |
width:0; | |
overflow:hidden | |
} | |
.form-check .form-check-input:checked~.check, | |
.form-check .form-check-input:checked~.circle { | |
opacity:1 | |
} | |
.form-check .form-check-input:checked~.check { | |
background-color:#9c27b0 | |
} | |
.form-check .form-check-input:checked~.circle { | |
border-color:#9c27b0 | |
} | |
.form-check .form-check-input:checked .check:before { | |
animation:b .5s forwards | |
} | |
.form-check .form-check-input:checked~.circle .check { | |
transform:scale3d(.65,.65,1) | |
} | |
.form-check .form-check-input[disabled]~.check, | |
.form-check .form-check-input[disabled]~.circle { | |
opacity:.26 | |
} | |
.form-check .form-check-input[disabled]~.check { | |
background-color:#000 | |
} | |
.form-check .form-check-input[disabled]~.circle { | |
border-color:#000 | |
} | |
.form-check .form-check-input[disabled]+.circle .check { | |
background-color:#000 | |
} | |
.form-check .form-check-sign { | |
vertical-align:middle; | |
position:relative; | |
top:-2px; | |
float:left; | |
padding-right:10px; | |
display:inline-block | |
} | |
.form-check .form-check-label .circle:before { | |
display:block; | |
position:absolute; | |
left:-1px; | |
content:""; | |
background-color:rgba(0,0,0,.84); | |
height:15px; | |
width:15px; | |
border-radius:100%; | |
z-index:1; | |
opacity:0; | |
margin:0; | |
top:-1px; | |
transform:scale3d(2.3,2.3,1) | |
} | |
.form-check .form-check-label .form-check-input:checked+.circle:before { | |
animation:c .5s | |
} | |
.form-check .form-check-label .form-check-input:checked+.circle .check:before { | |
color:#fff; | |
box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px; | |
animation:b .3s forwards | |
} | |
.form-check+.form-check { | |
margin-top:0 | |
} | |
@keyframes b { | |
0% { | |
box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px | |
} | |
50% { | |
box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px | |
} | |
to { | |
box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px | |
} | |
} | |
@keyframes c { | |
0% { | |
opacity:0 | |
} | |
50% { | |
opacity:.2 | |
} | |
to { | |
opacity:0 | |
} | |
} | |
form { | |
margin-bottom:1.125rem | |
} | |
.card form { | |
margin:0 | |
} | |
.navbar form { | |
margin-bottom:0 | |
} | |
.navbar form .bmd-form-group { | |
display:inline-block; | |
padding-top:0 | |
} | |
.navbar form .btn { | |
margin-bottom:0 | |
} | |
.form-control { | |
background:no-repeat bottom,50% calc(100% - 1px); | |
background-size:0 100%,100% 100%; | |
border:0; | |
height:36px; | |
transition:background 0s ease-out; | |
padding-left:0; | |
padding-right:0; | |
border-radius:0; | |
font-size:14px | |
} | |
.bmd-form-group.is-focused .form-control, | |
.form-control:focus { | |
background-size:100% 100%,100% 100%; | |
transition-duration:.3s; | |
box-shadow:none | |
} | |
.form-control::-moz-placeholder { | |
color:#aaa; | |
font-weight:400; | |
font-size:14px | |
} | |
.form-control:-ms-input-placeholder { | |
color:#aaa; | |
font-weight:400; | |
font-size:14px | |
} | |
.form-control::-webkit-input-placeholder { | |
color:#aaa; | |
font-weight:400; | |
font-size:14px | |
} | |
.has-white .form-control::-moz-placeholder { | |
color:#fff | |
} | |
.has-white .form-control:-ms-input-placeholder { | |
color:#fff | |
} | |
.has-white .form-control::-webkit-input-placeholder { | |
color:#fff | |
} | |
.bmd-help { | |
position:absolute; | |
display:none; | |
font-size:.8rem; | |
font-weight:400 | |
} | |
.bmd-form-group.is-focused .bmd-help { | |
display:block | |
} | |
.bmd-help:nth-of-type(2) { | |
padding-top:1rem | |
} | |
.bmd-help+.bmd-help { | |
position:relative; | |
margin-bottom:0 | |
} | |
.checkbox-inline, | |
.checkbox label, | |
.is-focused .checkbox-inline, | |
.is-focused .checkbox label, | |
.is-focused .radio-inline, | |
.is-focused .radio label, | |
.is-focused .switch label, | |
.radio-inline, | |
.radio label, | |
.switch label { | |
color:#999 | |
} | |
.checkbox-inline label:has(input[type=checkbox][disabled]), | |
.checkbox-inline label:has(input[type=checkbox][disabled]):focus, | |
.checkbox-inline label:has(input[type=checkbox][disabled]):hover, | |
.checkbox-inline label:has(input[type=radio][disabled]), | |
.checkbox-inline label:has(input[type=radio][disabled]):focus, | |
.checkbox-inline label:has(input[type=radio][disabled]):hover, | |
.checkbox label label:has(input[type=checkbox][disabled]), | |
.checkbox label label:has(input[type=checkbox][disabled]):focus, | |
.checkbox label label:has(input[type=checkbox][disabled]):hover, | |
.checkbox label label:has(input[type=radio][disabled]), | |
.checkbox label label:has(input[type=radio][disabled]):focus, | |
.checkbox label label:has(input[type=radio][disabled]):hover, | |
.is-focused .checkbox-inline label:has(input[type=checkbox][disabled]), | |
.is-focused .checkbox-inline label:has(input[type=checkbox][disabled]):focus, | |
.is-focused .checkbox-inline label:has(input[type=checkbox][disabled]):hover, | |
.is-focused .checkbox-inline label:has(input[type=radio][disabled]), | |
.is-focused .checkbox-inline label:has(input[type=radio][disabled]):focus, | |
.is-focused .checkbox-inline label:has(input[type=radio][disabled]):hover, | |
.is-focused .checkbox label label:has(input[type=checkbox][disabled]), | |
.is-focused .checkbox label label:has(input[type=checkbox][disabled]):focus, | |
.is-focused .checkbox label label:has(input[type=checkbox][disabled]):hover, | |
.is-focused .checkbox label label:has(input[type=radio][disabled]), | |
.is-focused .checkbox label label:has(input[type=radio][disabled]):focus, | |
.is-focused .checkbox label label:has(input[type=radio][disabled]):hover, | |
.is-focused .radio-inline label:has(input[type=checkbox][disabled]), | |
.is-focused .radio-inline label:has(input[type=checkbox][disabled]):focus, | |
.is-focused .radio-inline label:has(input[type=checkbox][disabled]):hover, | |
.is-focused .radio-inline label:has(input[type=radio][disabled]), | |
.is-focused .radio-inline label:has(input[type=radio][disabled]):focus, | |
.is-focused .radio-inline label:has(input[type=radio][disabled]):hover, | |
.is-focused .radio label label:has(input[type=checkbox][disabled]), | |
.is-focused .radio label label:has(input[type=checkbox][disabled]):focus, | |
.is-focused .radio label label:has(input[type=checkbox][disabled]):hover, | |
.is-focused .radio label label:has(input[type=radio][disabled]), | |
.is-focused .radio label label:has(input[type=radio][disabled]):focus, | |
.is-focused .radio label label:has(input[type=radio][disabled]):hover, | |
.is-focused .switch label label:has(input[type=checkbox][disabled]), | |
.is-focused .switch label label:has(input[type=checkbox][disabled]):focus, | |
.is-focused .switch label label:has(input[type=checkbox][disabled]):hover, | |
.is-focused .switch label label:has(input[type=radio][disabled]), | |
.is-focused .switch label label:has(input[type=radio][disabled]):focus, | |
.is-focused .switch label label:has(input[type=radio][disabled]):hover, | |
.radio-inline label:has(input[type=checkbox][disabled]), | |
.radio-inline label:has(input[type=checkbox][disabled]):focus, | |
.radio-inline label:has(input[type=checkbox][disabled]):hover, | |
.radio-inline label:has(input[type=radio][disabled]), | |
.radio-inline label:has(input[type=radio][disabled]):focus, | |
.radio-inline label:has(input[type=radio][disabled]):hover, | |
.radio label label:has(input[type=checkbox][disabled]), | |
.radio label label:has(input[type=checkbox][disabled]):focus, | |
.radio label label:has(input[type=checkbox][disabled]):hover, | |
.radio label label:has(input[type=radio][disabled]), | |
.radio label label:has(input[type=radio][disabled]):focus, | |
.radio label label:has(input[type=radio][disabled]):hover, | |
.switch label label:has(input[type=checkbox][disabled]), | |
.switch label label:has(input[type=checkbox][disabled]):focus, | |
.switch label label:has(input[type=checkbox][disabled]):hover, | |
.switch label label:has(input[type=radio][disabled]), | |
.switch label label:has(input[type=radio][disabled]):focus, | |
.switch label label:has(input[type=radio][disabled]):hover, | |
fieldset[disabled] .checkbox-inline, | |
fieldset[disabled] .checkbox-inline:focus, | |
fieldset[disabled] .checkbox-inline:hover, | |
fieldset[disabled] .checkbox label, | |
fieldset[disabled] .checkbox label:focus, | |
fieldset[disabled] .checkbox label:hover, | |
fieldset[disabled] .is-focused .checkbox-inline, | |
fieldset[disabled] .is-focused .checkbox-inline:focus, | |
fieldset[disabled] .is-focused .checkbox-inline:hover, | |
fieldset[disabled] .is-focused .checkbox label, | |
fieldset[disabled] .is-focused .checkbox label:focus, | |
fieldset[disabled] .is-focused .checkbox label:hover, | |
fieldset[disabled] .is-focused .radio-inline, | |
fieldset[disabled] .is-focused .radio-inline:focus, | |
fieldset[disabled] .is-focused .radio-inline:hover, | |
fieldset[disabled] .is-focused .radio label, | |
fieldset[disabled] .is-focused .radio label:focus, | |
fieldset[disabled] .is-focused .radio label:hover, | |
fieldset[disabled] .is-focused .switch label, | |
fieldset[disabled] .is-focused .switch label:focus, | |
fieldset[disabled] .is-focused .switch label:hover, | |
fieldset[disabled] .radio-inline, | |
fieldset[disabled] .radio-inline:focus, | |
fieldset[disabled] .radio-inline:hover, | |
fieldset[disabled] .radio label, | |
fieldset[disabled] .radio label:focus, | |
fieldset[disabled] .radio label:hover, | |
fieldset[disabled] .switch label, | |
fieldset[disabled] .switch label:focus, | |
fieldset[disabled] .switch label:hover { | |
color:#999 | |
} | |
[class*=" bmd-label"], | |
[class^=bmd-label] { | |
color:#999 | |
} | |
.form-control, | |
.is-focused .form-control { | |
background-image:linear-gradient(0deg,#9c27b0 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0) | |
} | |
.form-control:invalid { | |
background-image:linear-gradient(0deg,#f44336 2px,rgba(244,67,54,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0) | |
} | |
.form-control:read-only { | |
background-image:linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0) | |
} | |
.form-control.disabled, | |
.form-control:disabled, | |
.form-control[disabled], | |
fieldset[disabled][disabled] .form-control { | |
background-image:linear-gradient(90deg,#d2d2d2 0,#d2d2d2 30%,transparent 0,transparent); | |
background-repeat:repeat-x; | |
background-size:3px 1px | |
} | |
.form-control.form-control-success, | |
.is-focused .form-control.form-control-success { | |
background-image:linear-gradient(0deg,#9c27b0 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0),"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==" | |
} | |
.form-control.form-control-warning, | |
.is-focused .form-control.form-control-warning { | |
background-image:linear-gradient(0deg,#9c27b0 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0),"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+" | |
} | |
.form-control.form-control-danger, | |
.is-focused .form-control.form-control-danger { | |
background-image:linear-gradient(0deg,#9c27b0 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0),"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4=" | |
} | |
.is-focused .valid-feedback { | |
display:none; | |
width:100%; | |
margin-top:.25rem; | |
font-size:80%; | |
color:#999 | |
} | |
.is-focused .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:hsla(0,0%,60%,.8); | |
border-radius:.2rem | |
} | |
.is-focused .custom-select.is-valid, | |
.is-focused .form-control.is-valid, | |
.was-validated .is-focused .custom-select:valid, | |
.was-validated .is-focused .form-control:valid { | |
border-color:#999 | |
} | |
.is-focused .custom-select.is-valid:focus, | |
.is-focused .form-control.is-valid:focus, | |
.was-validated .is-focused .custom-select:valid:focus, | |
.was-validated .is-focused .form-control:valid:focus { | |
border-color:#999; | |
box-shadow:0 0 0 .2rem hsla(0,0%,60%,.25) | |
} | |
.is-focused .custom-select.is-valid~.valid-feedback, | |
.is-focused .custom-select.is-valid~.valid-tooltip, | |
.is-focused .form-control.is-valid~.valid-feedback, | |
.is-focused .form-control.is-valid~.valid-tooltip, | |
.was-validated .is-focused .custom-select:valid~.valid-feedback, | |
.was-validated .is-focused .custom-select:valid~.valid-tooltip, | |
.was-validated .is-focused .form-control:valid~.valid-feedback, | |
.was-validated .is-focused .form-control:valid~.valid-tooltip { | |
display:block | |
} | |
.is-focused .form-check-input.is-valid~.form-check-label, | |
.was-validated .is-focused .form-check-input:valid~.form-check-label { | |
color:#999 | |
} | |
.is-focused .form-check-input.is-valid~.valid-feedback, | |
.is-focused .form-check-input.is-valid~.valid-tooltip, | |
.was-validated .is-focused .form-check-input:valid~.valid-feedback, | |
.was-validated .is-focused .form-check-input:valid~.valid-tooltip { | |
display:block | |
} | |
.is-focused .custom-control-input.is-valid~.custom-control-label, | |
.was-validated .is-focused .custom-control-input:valid~.custom-control-label { | |
color:#999 | |
} | |
.is-focused .custom-control-input.is-valid~.custom-control-label:before, | |
.was-validated .is-focused .custom-control-input:valid~.custom-control-label:before { | |
background-color:#d9d9d9 | |
} | |
.is-focused .custom-control-input.is-valid~.valid-feedback, | |
.is-focused .custom-control-input.is-valid~.valid-tooltip, | |
.was-validated .is-focused .custom-control-input:valid~.valid-feedback, | |
.was-validated .is-focused .custom-control-input:valid~.valid-tooltip { | |
display:block | |
} | |
.is-focused .custom-control-input.is-valid:checked~.custom-control-label:before, | |
.was-validated .is-focused .custom-control-input:valid:checked~.custom-control-label:before { | |
background-color:#b3b3b3 | |
} | |
.is-focused .custom-control-input.is-valid:focus~.custom-control-label:before, | |
.was-validated .is-focused .custom-control-input:valid:focus~.custom-control-label:before { | |
box-shadow:0 0 0 1px #fafafa,0 0 0 .2rem hsla(0,0%,60%,.25) | |
} | |
.is-focused .custom-file-input.is-valid~.custom-file-label, | |
.was-validated .is-focused .custom-file-input:valid~.custom-file-label { | |
border-color:#999 | |
} | |
.is-focused .custom-file-input.is-valid~.custom-file-label:before, | |
.was-validated .is-focused .custom-file-input:valid~.custom-file-label:before { | |
border-color:inherit | |
} | |
.is-focused .custom-file-input.is-valid~.valid-feedback, | |
.is-focused .custom-file-input.is-valid~.valid-tooltip, | |
.was-validated .is-focused .custom-file-input:valid~.valid-feedback, | |
.was-validated .is-focused .custom-file-input:valid~.valid-tooltip { | |
display:block | |
} | |
.is-focused .custom-file-input.is-valid:focus~.custom-file-label, | |
.was-validated .is-focused .custom-file-input:valid:focus~.custom-file-label { | |
box-shadow:0 0 0 .2rem hsla(0,0%,60%,.25) | |
} | |
.is-focused [class*=" bmd-label"], | |
.is-focused [class^=bmd-label] { | |
color:#9c27b0 | |
} | |
.is-focused .bmd-label-placeholder { | |
color:#999 | |
} | |
.is-focused .form-control { | |
border-color:#d2d2d2 | |
} | |
.is-focused .bmd-help { | |
color:#555 | |
} | |
.has-success [class*=" bmd-label"], | |
.has-success [class^=bmd-label] { | |
color:#4caf50 | |
} | |
.has-success .form-control, | |
.is-focused .has-success .form-control { | |
background-image:linear-gradient(0deg,#4caf50 2px,rgba(76,175,80,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0) | |
} | |
.has-success .form-control:invalid { | |
background-image:linear-gradient(0deg,#f44336 2px,rgba(244,67,54,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0) | |
} | |
.has-success .form-control:read-only { | |
background-image:linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0) | |
} | |
.has-success .form-control.disabled, | |
.has-success .form-control:disabled, | |
.has-success .form-control[disabled], | |
fieldset[disabled][disabled] .has-success .form-control { | |
background-image:linear-gradient(90deg,#d2d2d2 0,#d2d2d2 30%,transparent 0,transparent); | |
background-repeat:repeat-x; | |
background-size:3px 1px | |
} | |
.has-success .form-control.form-control-success, | |
.is-focused .has-success .form-control.form-control-success { | |
background-image:linear-gradient(0deg,#4caf50 2px,rgba(76,175,80,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0),"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==" | |
} | |
.has-success .form-control.form-control-warning, | |
.is-focused .has-success .form-control.form-control-warning { | |
background-image:linear-gradient(0deg,#4caf50 2px,rgba(76,175,80,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0),"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+" | |
} | |
.has-success .form-control.form-control-danger, | |
.is-focused .has-success .form-control.form-control-danger { | |
background-image:linear-gradient(0deg,#4caf50 2px,rgba(76,175,80,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0),"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4=" | |
} | |
.has-success .is-focused .valid-feedback { | |
display:none; | |
width:100%; | |
margin-top:.25rem; | |
font-size:80%; | |
color:#4caf50 | |
} | |
.has-success .is-focused .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(76,175,80,.8); | |
border-radius:.2rem | |
} | |
.has-success .is-focused .custom-select.is-valid, | |
.has-success .is-focused .form-control.is-valid, | |
.was-validated .has-success .is-focused .custom-select:valid, | |
.was-validated .has-success .is-focused .form-control:valid { | |
border-color:#4caf50 | |
} | |
.has-success .is-focused .custom-select.is-valid:focus, | |
.has-success .is-focused .form-control.is-valid:focus, | |
.was-validated .has-success .is-focused .custom-select:valid:focus, | |
.was-validated .has-success .is-focused .form-control:valid:focus { | |
border-color:#4caf50; | |
box-shadow:0 0 0 .2rem rgba(76,175,80,.25) | |
} | |
.has-success .is-focused .custom-select.is-valid~.valid-feedback, | |
.has-success .is-focused .custom-select.is-valid~.valid-tooltip, | |
.has-success .is-focused .form-control.is-valid~.valid-feedback, | |
.has-success .is-focused .form-control.is-valid~.valid-tooltip, | |
.was-validated .has-success .is-focused .custom-select:valid~.valid-feedback, | |
.was-validated .has-success .is-focused .custom-select:valid~.valid-tooltip, | |
.was-validated .has-success .is-focused .form-control:valid~.valid-feedback, | |
.was-validated .has-success .is-focused .form-control:valid~.valid-tooltip { | |
display:block | |
} | |
.has-success .is-focused .form-check-input.is-valid~.form-check-label, | |
.was-validated .has-success .is-focused .form-check-input:valid~.form-check-label { | |
color:#4caf50 | |
} | |
.has-success .is-focused .form-check-input.is-valid~.valid-feedback, | |
.has-success .is-focused .form-check-input.is-valid~.valid-tooltip, | |
.was-validated .has-success .is-focused .form-check-input:valid~.valid-feedback, | |
.was-validated .has-success .is-focused .form-check-input:valid~.valid-tooltip { | |
display:block | |
} | |
.has-success .is-focused .custom-control-input.is-valid~.custom-control-label, | |
.was-validated .has-success .is-focused .custom-control-input:valid~.custom-control-label { | |
color:#4caf50 | |
} | |
.has-success .is-focused .custom-control-input.is-valid~.custom-control-label:before, | |
.was-validated .has-success .is-focused .custom-control-input:valid~.custom-control-label:before { | |
background-color:#a3d7a5 | |
} | |
.has-success .is-focused .custom-control-input.is-valid~.valid-feedback, | |
.has-success .is-focused .custom-control-input.is-valid~.valid-tooltip, | |
.was-validated .has-success .is-focused .custom-control-input:valid~.valid-feedback, | |
.was-validated .has-success .is-focused .custom-control-input:valid~.valid-tooltip { | |
display:block | |
} | |
.has-success .is-focused .custom-control-input.is-valid:checked~.custom-control-label:before, | |
.was-validated .has-success .is-focused .custom-control-input:valid:checked~.custom-control-label:before { | |
background-color:#6ec071 | |
} | |
.has-success .is-focused .custom-control-input.is-valid:focus~.custom-control-label:before, | |
.was-validated .has-success .is-focused .custom-control-input:valid:focus~.custom-control-label:before { | |
box-shadow:0 0 0 1px #fafafa,0 0 0 .2rem rgba(76,175,80,.25) | |
} | |
.has-success .is-focused .custom-file-input.is-valid~.custom-file-label, | |
.was-validated .has-success .is-focused .custom-file-input:valid~.custom-file-label { | |
border-color:#4caf50 | |
} | |
.has-success .is-focused .custom-file-input.is-valid~.custom-file-label:before, | |
.was-validated .has-success .is-focused .custom-file-input:valid~.custom-file-label:before { | |
border-color:inherit | |
} | |
.has-success .is-focused .custom-file-input.is-valid~.valid-feedback, | |
.has-success .is-focused .custom-file-input.is-valid~.valid-tooltip, | |
.was-validated .has-success .is-focused .custom-file-input:valid~.valid-feedback, | |
.was-validated .has-success .is-focused .custom-file-input:valid~.valid-tooltip { | |
display:block | |
} | |
.has-success .is-focused .custom-file-input.is-valid:focus~.custom-file-label, | |
.was-validated .has-success .is-focused .custom-file-input:valid:focus~.custom-file-label { | |
box-shadow:0 0 0 .2rem rgba(76,175,80,.25) | |
} | |
.has-success .is-focused .bmd-label-placeholder, | |
.has-success .is-focused [class*=" bmd-label"], | |
.has-success .is-focused [class^=bmd-label] { | |
color:#4caf50 | |
} | |
.has-success .is-focused .form-control { | |
border-color:#4caf50 | |
} | |
.has-success .is-focused .bmd-help { | |
color:#555 | |
} | |
.has-info [class*=" bmd-label"], | |
.has-info [class^=bmd-label] { | |
color:#00bcd4 | |
} | |
.has-info .form-control, | |
.is-focused .has-info .form-control { | |
background-image:linear-gradient(0deg,#00bcd4 2px,rgba(0,188,212,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0) | |
} | |
.has-info .form-control:invalid { | |
background-image:linear-gradient(0deg,#f44336 2px,rgba(244,67,54,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0) | |
} | |
.has-info .form-control:read-only { | |
background-image:linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0) | |
} | |
.has-info .form-control.disabled, | |
.has-info .form-control:disabled, | |
.has-info .form-control[disabled], | |
fieldset[disabled][disabled] .has-info .form-control { | |
background-image:linear-gradient(90deg,#d2d2d2 0,#d2d2d2 30%,transparent 0,transparent); | |
background-repeat:repeat-x; | |
background-size:3px 1px | |
} | |
.has-info .form-control.form-control-success, | |
.is-focused .has-info .form-control.form-control-success { | |
background-image:linear-gradient(0deg,#00bcd4 2px,rgba(0,188,212,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0),"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==" | |
} | |
.has-info .form-control.form-control-warning, | |
.is-focused .has-info .form-control.form-control-warning { | |
background-image:linear-gradient(0deg,#00bcd4 2px,rgba(0,188,212,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0),"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+" | |
} | |
.has-info .form-control.form-control-danger, | |
.is-focused .has-info .form-control.form-control-danger { | |
background-image:linear-gradient(0deg,#00bcd4 2px,rgba(0,188,212,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0),"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4=" | |
} | |
.has-info .is-focused .valid-feedback { | |
display:none; | |
width:100%; | |
margin-top:.25rem; | |
font-size:80%; | |
color:#00bcd4 | |
} | |
.has-info .is-focused .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(0,188,212,.8); | |
border-radius:.2rem | |
} | |
.has-info .is-focused .custom-select.is-valid, | |
.has-info .is-focused .form-control.is-valid, | |
.was-validated .has-info .is-focused .custom-select:valid, | |
.was-validated .has-info .is-focused .form-control:valid { | |
border-color:#00bcd4 | |
} | |
.has-info .is-focused .custom-select.is-valid:focus, | |
.has-info .is-focused .form-control.is-valid:focus, | |
.was-validated .has-info .is-focused .custom-select:valid:focus, | |
.was-validated .has-info .is-focused .form-control:valid:focus { | |
border-color:#00bcd4; | |
box-shadow:0 0 0 .2rem rgba(0,188,212,.25) | |
} | |
.has-info .is-focused .custom-select.is-valid~.valid-feedback, | |
.has-info .is-focused .custom-select.is-valid~.valid-tooltip, | |
.has-info .is-focused .form-control.is-valid~.valid-feedback, | |
.has-info .is-focused .form-control.is-valid~.valid-tooltip, | |
.was-validated .has-info .is-focused .custom-select:valid~.valid-feedback, | |
.was-validated .has-info .is-focused .custom-select:valid~.valid-tooltip, | |
.was-validated .has-info .is-focused .form-control:valid~.valid-feedback, | |
.was-validated .has-info .is-focused .form-control:valid~.valid-tooltip { | |
display:block | |
} | |
.has-info .is-focused .form-check-input.is-valid~.form-check-label, | |
.was-validated .has-info .is-focused .form-check-input:valid~.form-check-label { | |
color:#00bcd4 | |
} | |
.has-info .is-focused .form-check-input.is-valid~.valid-feedback, | |
.has-info .is-focused .form-check-input.is-valid~.valid-tooltip, | |
.was-validated .has-info .is-focused .form-check-input:valid~.valid-feedback, | |
.was-validated .has-info .is-focused .form-check-input:valid~.valid-tooltip { | |
display:block | |
} | |
.has-info .is-focused .custom-control-input.is-valid~.custom-control-label, | |
.was-validated .has-info .is-focused .custom-control-input:valid~.custom-control-label { | |
color:#00bcd4 | |
} | |
.has-info .is-focused .custom-control-input.is-valid~.custom-control-label:before, | |
.was-validated .has-info .is-focused .custom-control-input:valid~.custom-control-label:before { | |
background-color:#55ecff | |
} | |
.has-info .is-focused .custom-control-input.is-valid~.valid-feedback, | |
.has-info .is-focused .custom-control-input.is-valid~.valid-tooltip, | |
.was-validated .has-info .is-focused .custom-control-input:valid~.valid-feedback, | |
.was-validated .has-info .is-focused .custom-control-input:valid~.valid-tooltip { | |
display:block | |
} | |
.has-info .is-focused .custom-control-input.is-valid:checked~.custom-control-label:before, | |
.was-validated .has-info .is-focused .custom-control-input:valid:checked~.custom-control-label:before { | |
background-color:#08e3ff | |
} | |
.has-info .is-focused .custom-control-input.is-valid:focus~.custom-control-label:before, | |
.was-validated .has-info .is-focused .custom-control-input:valid:focus~.custom-control-label:before { | |
box-shadow:0 0 0 1px #fafafa,0 0 0 .2rem rgba(0,188,212,.25) | |
} | |
.has-info .is-focused .custom-file-input.is-valid~.custom-file-label, | |
.was-validated .has-info .is-focused .custom-file-input:valid~.custom-file-label { | |
border-color:#00bcd4 | |
} | |
.has-info .is-focused .custom-file-input.is-valid~.custom-file-label:before, | |
.was-validated .has-info .is-focused .custom-file-input:valid~.custom-file-label:before { | |
border-color:inherit | |
} | |
.has-info .is-focused .custom-file-input.is-valid~.valid-feedback, | |
.has-info .is-focused .custom-file-input.is-valid~.valid-tooltip, | |
.was-validated .has-info .is-focused .custom-file-input:valid~.valid-feedback, | |
.was-validated .has-info .is-focused .custom-file-input:valid~.valid-tooltip { | |
display:block | |
} | |
.has-info .is-focused .custom-file-input.is-valid:focus~.custom-file-label, | |
.was-validated .has-info .is-focused .custom-file-input:valid:focus~.custom-file-label { | |
box-shadow:0 0 0 .2rem rgba(0,188,212,.25) | |
} | |
.has-info .is-focused .bmd-label-placeholder, | |
.has-info .is-focused [class*=" bmd-label"], | |
.has-info .is-focused [class^=bmd-label] { | |
color:#00bcd4 | |
} | |
.has-info .is-focused .form-control { | |
border-color:#00bcd4 | |
} | |
.has-info .is-focused .bmd-help { | |
color:#555 | |
} | |
.has-white [class*=" bmd-label"], | |
.has-white [class^=bmd-label] { | |
color:#fff | |
} | |
.has-white .form-control, | |
.is-focused .has-white .form-control { | |
background-image:linear-gradient(0deg,#fff 2px,hsla(0,0%,100%,0) 0),linear-gradient(0deg,#fff 1px,hsla(0,0%,100%,0) 0) | |
} | |
.has-white .form-control:invalid { | |
background-image:linear-gradient(0deg,#f44336 2px,rgba(244,67,54,0) 0),linear-gradient(0deg,#fff 1px,hsla(0,0%,100%,0) 0) | |
} | |
.has-white .form-control:read-only { | |
background-image:linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0),linear-gradient(0deg,#fff 1px,hsla(0,0%,100%,0) 0) | |
} | |
.has-white .form-control.disabled, | |
.has-white .form-control:disabled, | |
.has-white .form-control[disabled], | |
fieldset[disabled][disabled] .has-white .form-control { | |
background-image:linear-gradient(90deg,#fff 0,#fff 30%,transparent 0,transparent); | |
background-repeat:repeat-x; | |
background-size:3px 1px | |
} | |
.has-white .form-control.form-control-success, | |
.is-focused .has-white .form-control.form-control-success { | |
background-image:linear-gradient(0deg,#fff 2px,hsla(0,0%,100%,0) 0),linear-gradient(0deg,#fff 1px,hsla(0,0%,100%,0) 0),"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==" | |
} | |
.has-white .form-control.form-control-warning, | |
.is-focused .has-white .form-control.form-control-warning { | |
background-image:linear-gradient(0deg,#fff 2px,hsla(0,0%,100%,0) 0),linear-gradient(0deg,#fff 1px,hsla(0,0%,100%,0) 0),"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+" | |
} | |
.has-white .form-control.form-control-danger, | |
.is-focused .has-white .form-control.form-control-danger { | |
background-image:linear-gradient(0deg,#fff 2px,hsla(0,0%,100%,0) 0),linear-gradient(0deg,#fff 1px,hsla(0,0%,100%,0) 0),"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4=" | |
} | |
.has-white .is-focused .valid-feedback { | |
display:none; | |
width:100%; | |
margin-top:.25rem; | |
font-size:80%; | |
color:#fff | |
} | |
.has-white .is-focused .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:hsla(0,0%,100%,.8); | |
border-radius:.2rem | |
} | |
.has-white .is-focused .custom-select.is-valid, | |
.has-white .is-focused .form-control.is-valid, | |
.was-validated .has-white .is-focused .custom-select:valid, | |
.was-validated .has-white .is-focused .form-control:valid { | |
border-color:#fff | |
} | |
.has-white .is-focused .custom-select.is-valid:focus, | |
.has-white .is-focused .form-control.is-valid:focus, | |
.was-validated .has-white .is-focused .custom-select:valid:focus, | |
.was-validated .has-white .is-focused .form-control:valid:focus { | |
border-color:#fff; | |
box-shadow:0 0 0 .2rem hsla(0,0%,100%,.25) | |
} | |
.has-white .is-focused .custom-select.is-valid~.valid-feedback, | |
.has-white .is-focused .custom-select.is-valid~.valid-tooltip, | |
.has-white .is-focused .form-control.is-valid~.valid-feedback, | |
.has-white .is-focused .form-control.is-valid~.valid-tooltip, | |
.was-validated .has-white .is-focused .custom-select:valid~.valid-feedback, | |
.was-validated .has-white .is-focused .custom-select:valid~.valid-tooltip, | |
.was-validated .has-white .is-focused .form-control:valid~.valid-feedback, | |
.was-validated .has-white .is-focused .form-control:valid~.valid-tooltip { | |
display:block | |
} | |
.has-white .is-focused .form-check-input.is-valid~.form-check-label, | |
.was-validated .has-white .is-focused .form-check-input:valid~.form-check-label { | |
color:#fff | |
} | |
.has-white .is-focused .form-check-input.is-valid~.valid-feedback, | |
.has-white .is-focused .form-check-input.is-valid~.valid-tooltip, | |
.was-validated .has-white .is-focused .form-check-input:valid~.valid-feedback, | |
.was-validated .has-white .is-focused .form-check-input:valid~.valid-tooltip { | |
display:block | |
} | |
.has-white .is-focused .custom-control-input.is-valid~.custom-control-label, | |
.was-validated .has-white .is-focused .custom-control-input:valid~.custom-control-label { | |
color:#fff | |
} | |
.has-white .is-focused .custom-control-input.is-valid~.custom-control-label:before, | |
.was-validated .has-white .is-focused .custom-control-input:valid~.custom-control-label:before { | |
background-color:#fff | |
} | |
.has-white .is-focused .custom-control-input.is-valid~.valid-feedback, | |
.has-white .is-focused .custom-control-input.is-valid~.valid-tooltip, | |
.was-validated .has-white .is-focused .custom-control-input:valid~.valid-feedback, | |
.was-validated .has-white .is-focused .custom-control-input:valid~.valid-tooltip { | |
display:block | |
} | |
.has-white .is-focused .custom-control-input.is-valid:checked~.custom-control-label:before, | |
.was-validated .has-white .is-focused .custom-control-input:valid:checked~.custom-control-label:before { | |
background-color:#fff | |
} | |
.has-white .is-focused .custom-control-input.is-valid:focus~.custom-control-label:before, | |
.was-validated .has-white .is-focused .custom-control-input:valid:focus~.custom-control-label:before { | |
box-shadow:0 0 0 1px #fafafa,0 0 0 .2rem hsla(0,0%,100%,.25) | |
} | |
.has-white .is-focused .custom-file-input.is-valid~.custom-file-label, | |
.was-validated .has-white .is-focused .custom-file-input:valid~.custom-file-label { | |
border-color:#fff | |
} | |
.has-white .is-focused .custom-file-input.is-valid~.custom-file-label:before, | |
.was-validated .has-white .is-focused .custom-file-input:valid~.custom-file-label:before { | |
border-color:inherit | |
} | |
.has-white .is-focused .custom-file-input.is-valid~.valid-feedback, | |
.has-white .is-focused .custom-file-input.is-valid~.valid-tooltip, | |
.was-validated .has-white .is-focused .custom-file-input:valid~.valid-feedback, | |
.was-validated .has-white .is-focused .custom-file-input:valid~.valid-tooltip { | |
display:block | |
} | |
.has-white .is-focused .custom-file-input.is-valid:focus~.custom-file-label, | |
.was-validated .has-white .is-focused .custom-file-input:valid:focus~.custom-file-label { | |
box-shadow:0 0 0 .2rem hsla(0,0%,100%,.25) | |
} | |
.has-white .is-focused .bmd-label-placeholder, | |
.has-white .is-focused [class*=" bmd-label"], | |
.has-white .is-focused [class^=bmd-label] { | |
color:#fff | |
} | |
.has-white .is-focused .form-control { | |
border-color:#fff | |
} | |
.has-white .is-focused .bmd-help { | |
color:#555 | |
} | |
.has-white .form-control:focus { | |
color:#fff | |
} | |
.has-warning [class*=" bmd-label"], | |
.has-warning [class^=bmd-label] { | |
color:#ff9800 | |
} | |
.has-warning .form-control, | |
.is-focused .has-warning .form-control { | |
background-image:linear-gradient(0deg,#ff9800 2px,rgba(255,152,0,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0) | |
} | |
.has-warning .form-control:invalid { | |
background-image:linear-gradient(0deg,#f44336 2px,rgba(244,67,54,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0) | |
} | |
.has-warning .form-control:read-only { | |
background-image:linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0) | |
} | |
.has-warning .form-control.disabled, | |
.has-warning .form-control:disabled, | |
.has-warning .form-control[disabled], | |
fieldset[disabled][disabled] .has-warning .form-control { | |
background-image:linear-gradient(90deg,#d2d2d2 0,#d2d2d2 30%,transparent 0,transparent); | |
background-repeat:repeat-x; | |
background-size:3px 1px | |
} | |
.has-warning .form-control.form-control-success, | |
.is-focused .has-warning .form-control.form-control-success { | |
background-image:linear-gradient(0deg,#ff9800 2px,rgba(255,152,0,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0),"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==" | |
} | |
.has-warning .form-control.form-control-warning, | |
.is-focused .has-warning .form-control.form-control-warning { | |
background-image:linear-gradient(0deg,#ff9800 2px,rgba(255,152,0,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0),"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+" | |
} | |
.has-warning .form-control.form-control-danger, | |
.is-focused .has-warning .form-control.form-control-danger { | |
background-image:linear-gradient(0deg,#ff9800 2px,rgba(255,152,0,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0),"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4=" | |
} | |
.has-warning .is-focused .valid-feedback { | |
display:none; | |
width:100%; | |
margin-top:.25rem; | |
font-size:80%; | |
color:#ff9800 | |
} | |
.has-warning .is-focused .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(255,152,0,.8); | |
border-radius:.2rem | |
} | |
.has-warning .is-focused .custom-select.is-valid, | |
.has-warning .is-focused .form-control.is-valid, | |
.was-validated .has-warning .is-focused .custom-select:valid, | |
.was-validated .has-warning .is-focused .form-control:valid { | |
border-color:#ff9800 | |
} | |
.has-warning .is-focused .custom-select.is-valid:focus, | |
.has-warning .is-focused .form-control.is-valid:focus, | |
.was-validated .has-warning .is-focused .custom-select:valid:focus, | |
.was-validated .has-warning .is-focused .form-control:valid:focus { | |
border-color:#ff9800; | |
box-shadow:0 0 0 .2rem rgba(255,152,0,.25) | |
} | |
.has-warning .is-focused .custom-select.is-valid~.valid-feedback, | |
.has-warning .is-focused .custom-select.is-valid~.valid-tooltip, | |
.has-warning .is-focused .form-control.is-valid~.valid-feedback, | |
.has-warning .is-focused .form-control.is-valid~.valid-tooltip, | |
.was-validated .has-warning .is-focused .custom-select:valid~.valid-feedback, | |
.was-validated .has-warning .is-focused .custom-select:valid~.valid-tooltip, | |
.was-validated .has-warning .is-focused .form-control:valid~.valid-feedback, | |
.was-validated .has-warning .is-focused .form-control:valid~.valid-tooltip { | |
display:block | |
} | |
.has-warning .is-focused .form-check-input.is-valid~.form-check-label, | |
.was-validated .has-warning .is-focused .form-check-input:valid~.form-check-label { | |
color:#ff9800 | |
} | |
.has-warning .is-focused .form-check-input.is-valid~.valid-feedback, | |
.has-warning .is-focused .form-check-input.is-valid~.valid-tooltip, | |
.was-validated .has-warning .is-focused .form-check-input:valid~.valid-feedback, | |
.was-validated .has-warning .is-focused .form-check-input:valid~.valid-tooltip { | |
display:block | |
} | |
.has-warning .is-focused .custom-control-input.is-valid~.custom-control-label, | |
.was-validated .has-warning .is-focused .custom-control-input:valid~.custom-control-label { | |
color:#ff9800 | |
} | |
.has-warning .is-focused .custom-control-input.is-valid~.custom-control-label:before, | |
.was-validated .has-warning .is-focused .custom-control-input:valid~.custom-control-label:before { | |
background-color:#ffcc80 | |
} | |
.has-warning .is-focused .custom-control-input.is-valid~.valid-feedback, | |
.has-warning .is-focused .custom-control-input.is-valid~.valid-tooltip, | |
.was-validated .has-warning .is-focused .custom-control-input:valid~.valid-feedback, | |
.was-validated .has-warning .is-focused .custom-control-input:valid~.valid-tooltip { | |
display:block | |
} | |
.has-warning .is-focused .custom-control-input.is-valid:checked~.custom-control-label:before, | |
.was-validated .has-warning .is-focused .custom-control-input:valid:checked~.custom-control-label:before { | |
background-color:#ffad33 | |
} | |
.has-warning .is-focused .custom-control-input.is-valid:focus~.custom-control-label:before, | |
.was-validated .has-warning .is-focused .custom-control-input:valid:focus~.custom-control-label:before { | |
box-shadow:0 0 0 1px #fafafa,0 0 0 .2rem rgba(255,152,0,.25) | |
} | |
.has-warning .is-focused .custom-file-input.is-valid~.custom-file-label, | |
.was-validated .has-warning .is-focused .custom-file-input:valid~.custom-file-label { | |
border-color:#ff9800 | |
} | |
.has-warning .is-focused .custom-file-input.is-valid~.custom-file-label:before, | |
.was-validated .has-warning .is-focused .custom-file-input:valid~.custom-file-label:before { | |
border-color:inherit | |
} | |
.has-warning .is-focused .custom-file-input.is-valid~.valid-feedback, | |
.has-warning .is-focused .custom-file-input.is-valid~.valid-tooltip, | |
.was-validated .has-warning .is-focused .custom-file-input:valid~.valid-feedback, | |
.was-validated .has-warning .is-focused .custom-file-input:valid~.valid-tooltip { | |
display:block | |
} | |
.has-warning .is-focused .custom-file-input.is-valid:focus~.custom-file-label, | |
.was-validated .has-warning .is-focused .custom-file-input:valid:focus~.custom-file-label { | |
box-shadow:0 0 0 .2rem rgba(255,152,0,.25) | |
} | |
.has-warning .is-focused .bmd-label-placeholder, | |
.has-warning .is-focused [class*=" bmd-label"], | |
.has-warning .is-focused [class^=bmd-label] { | |
color:#ff9800 | |
} | |
.has-warning .is-focused .form-control { | |
border-color:#ff9800 | |
} | |
.has-warning .is-focused .bmd-help { | |
color:#555 | |
} | |
.has-danger [class*=" bmd-label"], | |
.has-danger [class^=bmd-label] { | |
color:#f44336 | |
} | |
.has-danger .form-control, | |
.has-danger .form-control:invalid, | |
.is-focused .has-danger .form-control { | |
background-image:linear-gradient(0deg,#f44336 2px,rgba(244,67,54,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0) | |
} | |
.has-danger .form-control:read-only { | |
background-image:linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0) | |
} | |
.has-danger .form-control.disabled, | |
.has-danger .form-control:disabled, | |
.has-danger .form-control[disabled], | |
fieldset[disabled][disabled] .has-danger .form-control { | |
background-image:linear-gradient(90deg,#d2d2d2 0,#d2d2d2 30%,transparent 0,transparent); | |
background-repeat:repeat-x; | |
background-size:3px 1px | |
} | |
.has-danger .form-control.form-control-success, | |
.is-focused .has-danger .form-control.form-control-success { | |
background-image:linear-gradient(0deg,#f44336 2px,rgba(244,67,54,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0),"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==" | |
} | |
.has-danger .form-control.form-control-warning, | |
.is-focused .has-danger .form-control.form-control-warning { | |
background-image:linear-gradient(0deg,#f44336 2px,rgba(244,67,54,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0),"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+" | |
} | |
.has-danger .form-control.form-control-danger, | |
.is-focused .has-danger .form-control.form-control-danger { | |
background-image:linear-gradient(0deg,#f44336 2px,rgba(244,67,54,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0),"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4=" | |
} | |
.has-danger .is-focused .valid-feedback { | |
display:none; | |
width:100%; | |
margin-top:.25rem; | |
font-size:80%; | |
color:#f44336 | |
} | |
.has-danger .is-focused .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(244,67,54,.8); | |
border-radius:.2rem | |
} | |
.has-danger .is-focused .custom-select.is-valid, | |
.has-danger .is-focused .form-control.is-valid, | |
.was-validated .has-danger .is-focused .custom-select:valid, | |
.was-validated .has-danger .is-focused .form-control:valid { | |
border-color:#f44336 | |
} | |
.has-danger .is-focused .custom-select.is-valid:focus, | |
.has-danger .is-focused .form-control.is-valid:focus, | |
.was-validated .has-danger .is-focused .custom-select:valid:focus, | |
.was-validated .has-danger .is-focused .form-control:valid:focus { | |
border-color:#f44336; | |
box-shadow:0 0 0 .2rem rgba(244,67,54,.25) | |
} | |
.has-danger .is-focused .custom-select.is-valid~.valid-feedback, | |
.has-danger .is-focused .custom-select.is-valid~.valid-tooltip, | |
.has-danger .is-focused .form-control.is-valid~.valid-feedback, | |
.has-danger .is-focused .form-control.is-valid~.valid-tooltip, | |
.was-validated .has-danger .is-focused .custom-select:valid~.valid-feedback, | |
.was-validated .has-danger .is-focused .custom-select:valid~.valid-tooltip, | |
.was-validated .has-danger .is-focused .form-control:valid~.valid-feedback, | |
.was-validated .has-danger .is-focused .form-control:valid~.valid-tooltip { | |
display:block | |
} | |
.has-danger .is-focused .form-check-input.is-valid~.form-check-label, | |
.was-validated .has-danger .is-focused .form-check-input:valid~.form-check-label { | |
color:#f44336 | |
} | |
.has-danger .is-focused .form-check-input.is-valid~.valid-feedback, | |
.has-danger .is-focused .form-check-input.is-valid~.valid-tooltip, | |
.was-validated .has-danger .is-focused .form-check-input:valid~.valid-feedback, | |
.was-validated .has-danger .is-focused .form-check-input:valid~.valid-tooltip { | |
display:block | |
} | |
.has-danger .is-focused .custom-control-input.is-valid~.custom-control-label, | |
.was-validated .has-danger .is-focused .custom-control-input:valid~.custom-control-label { | |
color:#f44336 | |
} | |
.has-danger .is-focused .custom-control-input.is-valid~.custom-control-label:before, | |
.was-validated .has-danger .is-focused .custom-control-input:valid~.custom-control-label:before { | |
background-color:#fbb4af | |
} | |
.has-danger .is-focused .custom-control-input.is-valid~.valid-feedback, | |
.has-danger .is-focused .custom-control-input.is-valid~.valid-tooltip, | |
.was-validated .has-danger .is-focused .custom-control-input:valid~.valid-feedback, | |
.was-validated .has-danger .is-focused .custom-control-input:valid~.valid-tooltip { | |
display:block | |
} | |
.has-danger .is-focused .custom-control-input.is-valid:checked~.custom-control-label:before, | |
.was-validated .has-danger .is-focused .custom-control-input:valid:checked~.custom-control-label:before { | |
background-color:#f77066 | |
} | |
.has-danger .is-focused .custom-control-input.is-valid:focus~.custom-control-label:before, | |
.was-validated .has-danger .is-focused .custom-control-input:valid:focus~.custom-control-label:before { | |
box-shadow:0 0 0 1px #fafafa,0 0 0 .2rem rgba(244,67,54,.25) | |
} | |
.has-danger .is-focused .custom-file-input.is-valid~.custom-file-label, | |
.was-validated .has-danger .is-focused .custom-file-input:valid~.custom-file-label { | |
border-color:#f44336 | |
} | |
.has-danger .is-focused .custom-file-input.is-valid~.custom-file-label:before, | |
.was-validated .has-danger .is-focused .custom-file-input:valid~.custom-file-label:before { | |
border-color:inherit | |
} | |
.has-danger .is-focused .custom-file-input.is-valid~.valid-feedback, | |
.has-danger .is-focused .custom-file-input.is-valid~.valid-tooltip, | |
.was-validated .has-danger .is-focused .custom-file-input:valid~.valid-feedback, | |
.was-validated .has-danger .is-focused .custom-file-input:valid~.valid-tooltip { | |
display:block | |
} | |
.has-danger .is-focused .custom-file-input.is-valid:focus~.custom-file-label, | |
.was-validated .has-danger .is-focused .custom-file-input:valid:focus~.custom-file-label { | |
box-shadow:0 0 0 .2rem rgba(244,67,54,.25) | |
} | |
.has-danger .is-focused .bmd-label-placeholder, | |
.has-danger .is-focused [class*=" bmd-label"], | |
.has-danger .is-focused [class^=bmd-label] { | |
color:#f44336 | |
} | |
.has-danger .is-focused .form-control { | |
border-color:#f44336 | |
} | |
.has-danger .is-focused .bmd-help { | |
color:#555 | |
} | |
.has-rose [class*=" bmd-label"], | |
.has-rose [class^=bmd-label] { | |
color:#e91e63 | |
} | |
.has-rose .form-control, | |
.is-focused .has-rose .form-control { | |
background-image:linear-gradient(0deg,#e91e63 2px,rgba(233,30,99,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0) | |
} | |
.has-rose .form-control:invalid { | |
background-image:linear-gradient(0deg,#f44336 2px,rgba(244,67,54,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0) | |
} | |
.has-rose .form-control:read-only { | |
background-image:linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0) | |
} | |
.has-rose .form-control.disabled, | |
.has-rose .form-control:disabled, | |
.has-rose .form-control[disabled], | |
fieldset[disabled][disabled] .has-rose .form-control { | |
background-image:linear-gradient(90deg,#d2d2d2 0,#d2d2d2 30%,transparent 0,transparent); | |
background-repeat:repeat-x; | |
background-size:3px 1px | |
} | |
.has-rose .form-control.form-control-success, | |
.is-focused .has-rose .form-control.form-control-success { | |
background-image:linear-gradient(0deg,#e91e63 2px,rgba(233,30,99,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0),"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==" | |
} | |
.has-rose .form-control.form-control-warning, | |
.is-focused .has-rose .form-control.form-control-warning { | |
background-image:linear-gradient(0deg,#e91e63 2px,rgba(233,30,99,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0),"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+" | |
} | |
.has-rose .form-control.form-control-danger, | |
.is-focused .has-rose .form-control.form-control-danger { | |
background-image:linear-gradient(0deg,#e91e63 2px,rgba(233,30,99,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0),"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4=" | |
} | |
.has-rose .is-focused .valid-feedback { | |
display:none; | |
width:100%; | |
margin-top:.25rem; | |
font-size:80%; | |
color:#e91e63 | |
} | |
.has-rose .is-focused .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(233,30,99,.8); | |
border-radius:.2rem | |
} | |
.has-rose .is-focused .custom-select.is-valid, | |
.has-rose .is-focused .form-control.is-valid, | |
.was-validated .has-rose .is-focused .custom-select:valid, | |
.was-validated .has-rose .is-focused .form-control:valid { | |
border-color:#e91e63 | |
} | |
.has-rose .is-focused .custom-select.is-valid:focus, | |
.has-rose .is-focused .form-control.is-valid:focus, | |
.was-validated .has-rose .is-focused .custom-select:valid:focus, | |
.was-validated .has-rose .is-focused .form-control:valid:focus { | |
border-color:#e91e63; | |
box-shadow:0 0 0 .2rem rgba(233,30,99,.25) | |
} | |
.has-rose .is-focused .custom-select.is-valid~.valid-feedback, | |
.has-rose .is-focused .custom-select.is-valid~.valid-tooltip, | |
.has-rose .is-focused .form-control.is-valid~.valid-feedback, | |
.has-rose .is-focused .form-control.is-valid~.valid-tooltip, | |
.was-validated .has-rose .is-focused .custom-select:valid~.valid-feedback, | |
.was-validated .has-rose .is-focused .custom-select:valid~.valid-tooltip, | |
.was-validated .has-rose .is-focused .form-control:valid~.valid-feedback, | |
.was-validated .has-rose .is-focused .form-control:valid~.valid-tooltip { | |
display:block | |
} | |
.has-rose .is-focused .form-check-input.is-valid~.form-check-label, | |
.was-validated .has-rose .is-focused .form-check-input:valid~.form-check-label { | |
color:#e91e63 | |
} | |
.has-rose .is-focused .form-check-input.is-valid~.valid-feedback, | |
.has-rose .is-focused .form-check-input.is-valid~.valid-tooltip, | |
.was-validated .has-rose .is-focused .form-check-input:valid~.valid-feedback, | |
.was-validated .has-rose .is-focused .form-check-input:valid~.valid-tooltip { | |
display:block | |
} | |
.has-rose .is-focused .custom-control-input.is-valid~.custom-control-label, | |
.was-validated .has-rose .is-focused .custom-control-input:valid~.custom-control-label { | |
color:#e91e63 | |
} | |
.has-rose .is-focused .custom-control-input.is-valid~.custom-control-label:before, | |
.was-validated .has-rose .is-focused .custom-control-input:valid~.custom-control-label:before { | |
background-color:#f492b4 | |
} | |
.has-rose .is-focused .custom-control-input.is-valid~.valid-feedback, | |
.has-rose .is-focused .custom-control-input.is-valid~.valid-tooltip, | |
.was-validated .has-rose .is-focused .custom-control-input:valid~.valid-feedback, | |
.was-validated .has-rose .is-focused .custom-control-input:valid~.valid-tooltip { | |
display:block | |
} | |
.has-rose .is-focused .custom-control-input.is-valid:checked~.custom-control-label:before, | |
.was-validated .has-rose .is-focused .custom-control-input:valid:checked~.custom-control-label:before { | |
background-color:#ee4c83 | |
} | |
.has-rose .is-focused .custom-control-input.is-valid:focus~.custom-control-label:before, | |
.was-validated .has-rose .is-focused .custom-control-input:valid:focus~.custom-control-label:before { | |
box-shadow:0 0 0 1px #fafafa,0 0 0 .2rem rgba(233,30,99,.25) | |
} | |
.has-rose .is-focused .custom-file-input.is-valid~.custom-file-label, | |
.was-validated .has-rose .is-focused .custom-file-input:valid~.custom-file-label { | |
border-color:#e91e63 | |
} | |
.has-rose .is-focused .custom-file-input.is-valid~.custom-file-label:before, | |
.was-validated .has-rose .is-focused .custom-file-input:valid~.custom-file-label:before { | |
border-color:inherit | |
} | |
.has-rose .is-focused .custom-file-input.is-valid~.valid-feedback, | |
.has-rose .is-focused .custom-file-input.is-valid~.valid-tooltip, | |
.was-validated .has-rose .is-focused .custom-file-input:valid~.valid-feedback, | |
.was-validated .has-rose .is-focused .custom-file-input:valid~.valid-tooltip { | |
display:block | |
} | |
.has-rose .is-focused .custom-file-input.is-valid:focus~.custom-file-label, | |
.was-validated .has-rose .is-focused .custom-file-input:valid:focus~.custom-file-label { | |
box-shadow:0 0 0 .2rem rgba(233,30,99,.25) | |
} | |
.has-rose .is-focused .bmd-label-placeholder, | |
.has-rose .is-focused [class*=" bmd-label"], | |
.has-rose .is-focused [class^=bmd-label] { | |
color:#e91e63 | |
} | |
.has-rose .is-focused .form-control { | |
border-color:#e91e63 | |
} | |
.has-rose .is-focused .bmd-help { | |
color:#555 | |
} | |
.bmd-form-group { | |
position:relative | |
} | |
.bmd-form-group:not(.has-success):not(.has-danger) [class*=" bmd-label"].bmd-label-floating, | |
.bmd-form-group:not(.has-success):not(.has-danger) [class^=bmd-label].bmd-label-floating { | |
color:#aaa | |
} | |
.bmd-form-group [class*=" bmd-label"], | |
.bmd-form-group [class^=bmd-label] { | |
position:absolute; | |
pointer-events:none; | |
transition:all .3s ease | |
} | |
.bmd-form-group [class*=" bmd-label"].bmd-label-floating, | |
.bmd-form-group [class^=bmd-label].bmd-label-floating { | |
will-change:left,top,contents; | |
margin:0; | |
line-height:1.4; | |
font-weight:400 | |
} | |
.bmd-form-group.is-filled .bmd-label-placeholder { | |
display:none | |
} | |
.bmd-form-group.bmd-collapse-inline { | |
display:flex; | |
align-items:center; | |
padding:0; | |
min-height:2.1em | |
} | |
.bmd-form-group.bmd-collapse-inline .collapse { | |
flex:1; | |
display:none | |
} | |
.bmd-form-group.bmd-collapse-inline .collapse.show { | |
max-width:1200px | |
} | |
.bmd-form-group.bmd-collapse-inline .collapse.show, | |
.bmd-form-group.bmd-collapse-inline .collapsing, | |
.bmd-form-group.bmd-collapse-inline .width:not(.collapse) { | |
display:block | |
} | |
.bmd-form-group.bmd-collapse-inline .collapsing { | |
transition-duration:.2s; | |
transition-timing-function:cubic-bezier(.4,0,.2,1) | |
} | |
.bmd-form-group .form-control, | |
.bmd-form-group input::placeholder, | |
.bmd-form-group label { | |
line-height:1.1 | |
} | |
.bmd-form-group label { | |
color:#aaa | |
} | |
.bmd-form-group .checkbox label, | |
.bmd-form-group .radio label, | |
.bmd-form-group .switch label, | |
.bmd-form-group label.checkbox-inline, | |
.bmd-form-group label.radio-inline { | |
line-height:1.5 | |
} | |
.bmd-form-group .checkbox label, | |
.bmd-form-group .radio label, | |
.bmd-form-group label { | |
font-size:.875rem | |
} | |
.bmd-form-group .bmd-label-floating, | |
.bmd-form-group .bmd-label-placeholder { | |
top:.6125rem | |
} | |
.bmd-form-group .is-filled .bmd-label-floating, | |
.bmd-form-group .is-focused .bmd-label-floating { | |
top:-1rem; | |
left:0; | |
font-size:.6875rem | |
} | |
.bmd-form-group .bmd-label-static { | |
top:.35rem; | |
left:0; | |
font-size:.875rem | |
} | |
.bmd-form-group .bmd-help { | |
margin-top:0; | |
font-size:.75rem | |
} | |
.bmd-form-group .form-control.form-control-danger, | |
.bmd-form-group .form-control.form-control-success, | |
.bmd-form-group .form-control.form-control-warning { | |
background-size:0 100%,100% 100%,.9375rem .9375rem | |
} | |
.bmd-form-group .form-control.form-control-danger, | |
.bmd-form-group .form-control.form-control-danger:focus, | |
.bmd-form-group .form-control.form-control-success, | |
.bmd-form-group .form-control.form-control-success:focus, | |
.bmd-form-group .form-control.form-control-warning, | |
.bmd-form-group .form-control.form-control-warning:focus, | |
.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-danger, | |
.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-success, | |
.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-warning { | |
padding-right:0; | |
background-repeat:no-repeat,no-repeat; | |
background-position:bottom,50% calc(100% - 1px),center right .46875rem | |
} | |
.bmd-form-group .form-control.form-control-danger:focus, | |
.bmd-form-group .form-control.form-control-success:focus, | |
.bmd-form-group .form-control.form-control-warning:focus, | |
.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-danger, | |
.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-success, | |
.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-warning { | |
background-size:100% 100%,100% 100%,.9375rem .9375rem | |
} | |
.bmd-form-group.bmd-form-group-sm .form-control, | |
.bmd-form-group.bmd-form-group-sm input::placeholder, | |
.bmd-form-group.bmd-form-group-sm label { | |
line-height:1.1 | |
} | |
.bmd-form-group.bmd-form-group-sm label { | |
color:#aaa | |
} | |
.bmd-form-group.bmd-form-group-sm .checkbox label, | |
.bmd-form-group.bmd-form-group-sm .radio label, | |
.bmd-form-group.bmd-form-group-sm .switch label, | |
.bmd-form-group.bmd-form-group-sm label.checkbox-inline, | |
.bmd-form-group.bmd-form-group-sm label.radio-inline { | |
line-height:1.5 | |
} | |
.bmd-form-group.bmd-form-group-sm .checkbox label, | |
.bmd-form-group.bmd-form-group-sm .radio label, | |
.bmd-form-group.bmd-form-group-sm label { | |
font-size:.875rem | |
} | |
.bmd-form-group.bmd-form-group-sm .bmd-label-floating, | |
.bmd-form-group.bmd-form-group-sm .bmd-label-placeholder { | |
top:.175rem | |
} | |
.bmd-form-group.bmd-form-group-sm .is-filled .bmd-label-floating, | |
.bmd-form-group.bmd-form-group-sm .is-focused .bmd-label-floating { | |
top:-1.25rem; | |
left:0; | |
font-size:.6875rem | |
} | |
.bmd-form-group.bmd-form-group-sm .bmd-label-static { | |
top:.1rem; | |
left:0; | |
font-size:.875rem | |
} | |
.bmd-form-group.bmd-form-group-sm .bmd-help { | |
margin-top:0; | |
font-size:.65625rem | |
} | |
.bmd-form-group.bmd-form-group-sm .form-control.form-control-danger, | |
.bmd-form-group.bmd-form-group-sm .form-control.form-control-success, | |
.bmd-form-group.bmd-form-group-sm .form-control.form-control-warning { | |
background-size:0 100%,100% 100%,.6875rem .6875rem | |
} | |
.bmd-form-group.bmd-form-group-sm .form-control.form-control-danger, | |
.bmd-form-group.bmd-form-group-sm .form-control.form-control-danger:focus, | |
.bmd-form-group.bmd-form-group-sm .form-control.form-control-success, | |
.bmd-form-group.bmd-form-group-sm .form-control.form-control-success:focus, | |
.bmd-form-group.bmd-form-group-sm .form-control.form-control-warning, | |
.bmd-form-group.bmd-form-group-sm .form-control.form-control-warning:focus, | |
.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-danger, | |
.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-success, | |
.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-warning { | |
padding-right:0; | |
background-repeat:no-repeat,no-repeat; | |
background-position:bottom,50% calc(100% - 1px),center right .34375rem | |
} | |
.bmd-form-group.bmd-form-group-sm .form-control.form-control-danger:focus, | |
.bmd-form-group.bmd-form-group-sm .form-control.form-control-success:focus, | |
.bmd-form-group.bmd-form-group-sm .form-control.form-control-warning:focus, | |
.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-danger, | |
.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-success, | |
.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-warning { | |
background-size:100% 100%,100% 100%,.6875rem .6875rem | |
} | |
.bmd-form-group.bmd-form-group-lg .form-control, | |
.bmd-form-group.bmd-form-group-lg input::placeholder, | |
.bmd-form-group.bmd-form-group-lg label { | |
line-height:1.1 | |
} | |
.bmd-form-group.bmd-form-group-lg label { | |
color:#aaa | |
} | |
.bmd-form-group.bmd-form-group-lg .checkbox label, | |
.bmd-form-group.bmd-form-group-lg .radio label, | |
.bmd-form-group.bmd-form-group-lg .switch label, | |
.bmd-form-group.bmd-form-group-lg label.checkbox-inline, | |
.bmd-form-group.bmd-form-group-lg label.radio-inline { | |
line-height:1.5 | |
} | |
.bmd-form-group.bmd-form-group-lg .checkbox label, | |
.bmd-form-group.bmd-form-group-lg .radio label, | |
.bmd-form-group.bmd-form-group-lg label { | |
font-size:.875rem | |
} | |
.bmd-form-group.bmd-form-group-lg .bmd-label-floating, | |
.bmd-form-group.bmd-form-group-lg .bmd-label-placeholder { | |
top:.7375rem | |
} | |
.bmd-form-group.bmd-form-group-lg .is-filled .bmd-label-floating, | |
.bmd-form-group.bmd-form-group-lg .is-focused .bmd-label-floating { | |
top:-1rem; | |
left:0; | |
font-size:.6875rem | |
} | |
.bmd-form-group.bmd-form-group-lg .bmd-label-static { | |
top:.35rem; | |
left:0; | |
font-size:.875rem | |
} | |
.bmd-form-group.bmd-form-group-lg .bmd-help { | |
margin-top:0; | |
font-size:.9375rem | |
} | |
.bmd-form-group.bmd-form-group-lg .form-control.form-control-danger, | |
.bmd-form-group.bmd-form-group-lg .form-control.form-control-success, | |
.bmd-form-group.bmd-form-group-lg .form-control.form-control-warning { | |
background-size:0 100%,100% 100%,1.1875rem 1.1875rem | |
} | |
.bmd-form-group.bmd-form-group-lg .form-control.form-control-danger, | |
.bmd-form-group.bmd-form-group-lg .form-control.form-control-danger:focus, | |
.bmd-form-group.bmd-form-group-lg .form-control.form-control-success, | |
.bmd-form-group.bmd-form-group-lg .form-control.form-control-success:focus, | |
.bmd-form-group.bmd-form-group-lg .form-control.form-control-warning, | |
.bmd-form-group.bmd-form-group-lg .form-control.form-control-warning:focus, | |
.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-danger, | |
.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-success, | |
.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-warning { | |
padding-right:0; | |
background-repeat:no-repeat,no-repeat; | |
background-position:bottom,50% calc(100% - 1px),center right .59375rem | |
} | |
.bmd-form-group.bmd-form-group-lg .form-control.form-control-danger:focus, | |
.bmd-form-group.bmd-form-group-lg .form-control.form-control-success:focus, | |
.bmd-form-group.bmd-form-group-lg .form-control.form-control-warning:focus, | |
.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-danger, | |
.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-success, | |
.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-warning { | |
background-size:100% 100%,100% 100%,1.1875rem 1.1875rem | |
} | |
.form-control, | |
input::placeholder, | |
label { | |
line-height:1.1 | |
} | |
label { | |
color:#aaa | |
} | |
.checkbox label, | |
.radio label, | |
.switch label, | |
label.checkbox-inline, | |
label.radio-inline { | |
line-height:1.5 | |
} | |
.checkbox label, | |
.radio label, | |
label { | |
font-size:.875rem | |
} | |
.bmd-label-floating, | |
.bmd-label-placeholder { | |
top:.6125rem | |
} | |
.is-filled .bmd-label-floating, | |
.is-focused .bmd-label-floating { | |
top:-1rem; | |
left:0; | |
font-size:.6875rem | |
} | |
.bmd-label-static { | |
top:.35rem; | |
left:0; | |
font-size:.875rem | |
} | |
.bmd-help { | |
margin-top:0; | |
font-size:.75rem | |
} | |
.form-control.form-control-danger, | |
.form-control.form-control-success, | |
.form-control.form-control-warning { | |
background-size:0 100%,100% 100%,.9375rem .9375rem | |
} | |
.bmd-form-group.is-focused .form-control.form-control-danger, | |
.bmd-form-group.is-focused .form-control.form-control-success, | |
.bmd-form-group.is-focused .form-control.form-control-warning, | |
.form-control.form-control-danger, | |
.form-control.form-control-danger:focus, | |
.form-control.form-control-success, | |
.form-control.form-control-success:focus, | |
.form-control.form-control-warning, | |
.form-control.form-control-warning:focus { | |
padding-right:0; | |
background-repeat:no-repeat,no-repeat; | |
background-position:bottom,50% calc(100% - 1px),center right .46875rem | |
} | |
.bmd-form-group.is-focused .form-control.form-control-danger, | |
.bmd-form-group.is-focused .form-control.form-control-success, | |
.bmd-form-group.is-focused .form-control.form-control-warning, | |
.form-control.form-control-danger:focus, | |
.form-control.form-control-success:focus, | |
.form-control.form-control-warning:focus { | |
background-size:100% 100%,100% 100%,.9375rem .9375rem | |
} | |
select, | |
select.form-control { | |
-moz-appearance:none; | |
-webkit-appearance:none | |
} | |
@media (min-width:576px) { | |
.form-inline .input-group { | |
display:inline-flex; | |
align-items:center | |
} | |
} | |
.form-control-feedback { | |
position:absolute; | |
top:4px; | |
right:0; | |
z-index:2; | |
display:block; | |
width:34px; | |
height:34px; | |
line-height:34px; | |
text-align:center; | |
pointer-events:none; | |
opacity:0 | |
} | |
.has-success .form-control-feedback { | |
color:#4caf50; | |
opacity:1 | |
} | |
.has-danger .form-control-feedback { | |
color:#f44336; | |
opacity:1 | |
} | |
.form-group { | |
padding-bottom:10px; | |
position:relative; | |
margin:8px 0 0 | |
} | |
.form-group .bmd-label-static { | |
top:-10px | |
} | |
textarea { | |
height:auto!important; | |
resize:none; | |
line-height:1.428571!important | |
} | |
.form-group input[type=file] { | |
opacity:0; | |
position:absolute; | |
top:0; | |
right:0; | |
bottom:0; | |
left:0; | |
width:100%; | |
height:100%; | |
z-index:-1 | |
} | |
.form-newsletter .form-group, | |
.form-newsletter .input-group { | |
float:left; | |
width:78%; | |
margin-right:2%; | |
margin-top:9px; | |
padding-top:5px | |
} | |
.form-newsletter .btn { | |
float:left; | |
width:20%; | |
margin:9px 0 0 | |
} | |
.form-file-upload .input-group-btn:last-child>.btn-round { | |
border-radius:30px | |
} | |
.form-file-upload .input-group-btn .btn { | |
margin:0 | |
} | |
.form-file-upload .input-group { | |
width:100% | |
} | |
.input-group .input-group-btn { | |
padding:0 12px | |
} | |
.form-control[disabled], | |
.form-group .form-control[disabled], | |
fieldset[disabled] .form-control, | |
fieldset[disabled] .form-group .form-control { | |
background-color:transparent; | |
cursor:not-allowed; | |
border-bottom:1px dotted #d2d2d2; | |
background-repeat:no-repeat | |
} | |
.input-group .input-group-text { | |
display:flex; | |
justify-content:center; | |
align-items:center; | |
padding:0 15px; | |
background-color:transparent; | |
border-color:transparent | |
} | |
.img-thumbnail { | |
border-radius:16px | |
} | |
.img-raised { | |
box-shadow:0 5px 15px -8px rgba(0,0,0,.24),0 8px 10px -5px rgba(0,0,0,.2) | |
} | |
.rounded { | |
border-radius:6px!important | |
} | |
.navbar { | |
border:0; | |
border-radius:3px; | |
padding:.625rem 0; | |
margin-bottom:20px; | |
height:auto!important; | |
color:#555; | |
background-color:#fff!important; | |
box-shadow:0 4px 18px 0 rgba(0,0,0,.12),0 7px 10px -5px rgba(0,0,0,.15) | |
} | |
.navbar .dropdown-item:focus, | |
.navbar .dropdown-item:hover { | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px hsla(0,0%,100%,.4); | |
background-color:#fff; | |
color:#555 | |
} | |
.navbar .navbar-toggler .navbar-toggler-icon { | |
background-color:#555 | |
} | |
.navbar.fixed-top { | |
border-radius:0 | |
} | |
.navbar .navbar-nav .nav-item .nav-link { | |
position:relative; | |
color:inherit; | |
padding:.9375rem; | |
font-weight:400; | |
font-size:12px; | |
text-transform:uppercase; | |
border-radius:3px; | |
line-height:20px | |
} | |
.navbar .navbar-nav .nav-item .nav-link:not(.btn-just-icon) .fa { | |
position:relative; | |
top:2px; | |
margin-top:-4px; | |
margin-right:4px | |
} | |
.navbar .navbar-nav .nav-item .nav-link .fa, | |
.navbar .navbar-nav .nav-item .nav-link .material-icons { | |
font-size:1.25rem; | |
max-width:24px; | |
margin-top:-1.1em | |
} | |
.navbar .navbar-nav .nav-item .nav-link:not(.btn) .material-icons { | |
margin-top:-7px; | |
top:3px; | |
position:relative; | |
margin-right:3px | |
} | |
.navbar .navbar-nav .nav-item .nav-link.profile-photo { | |
padding:0; | |
margin:0 3px | |
} | |
.navbar .navbar-nav .nav-item .nav-link.profile-photo:after { | |
display:none | |
} | |
.navbar .navbar-nav .nav-item .nav-link.profile-photo .profile-photo-small { | |
height:40px; | |
width:40px | |
} | |
.navbar .navbar-nav .nav-item .nav-link.profile-photo .ripple-container { | |
border-radius:50% | |
} | |
.navbar .navbar-nav .dropdown-menu-right { | |
transform-origin:100% 0 | |
} | |
.navbar .navbar-nav .nav-item.active .nav-link, | |
.navbar .navbar-nav .nav-item.active .nav-link:focus, | |
.navbar .navbar-nav .nav-item.active .nav-link:hover { | |
color:inherit; | |
background-color:hsla(0,0%,100%,.1) | |
} | |
.navbar .btn, | |
.navbar .navbar-nav .nav-item .btn { | |
margin-top:0; | |
margin-bottom:0 | |
} | |
.navbar .navbar-toggler { | |
cursor:pointer; | |
outline:0 | |
} | |
.navbar .navbar-toggler .navbar-toggler-icon { | |
width:22px; | |
height:2px; | |
vertical-align:middle; | |
outline:0; | |
display:block; | |
border-radius:1px | |
} | |
.navbar .navbar-toggler .navbar-toggler-icon+.navbar-toggler-icon { | |
margin-top:4px | |
} | |
.navbar.navbar-absolute { | |
position:absolute; | |
width:100%; | |
padding-top:10px; | |
z-index:1029 | |
} | |
.navbar .navbar-wrapper { | |
display:inline-flex; | |
align-items:center | |
} | |
.navbar .navbar-brand { | |
position:relative; | |
color:inherit; | |
height:50px; | |
font-size:1.125rem; | |
line-height:30px; | |
padding:.625rem 0; | |
font-weight:300; | |
margin-left:1rem | |
} | |
.navbar>.container { | |
flex:1 | |
} | |
.navbar.bg-primary { | |
color:#fff; | |
background-color:#9c27b0!important; | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 12px -5px rgba(156,39,176,.46) | |
} | |
.navbar.bg-primary .dropdown-item:focus, | |
.navbar.bg-primary .dropdown-item:hover { | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(156,39,176,.4); | |
background-color:#9c27b0; | |
color:#fff | |
} | |
.navbar.bg-primary .navbar-toggler .navbar-toggler-icon { | |
background-color:#fff | |
} | |
.navbar.bg-info { | |
color:#fff; | |
background-color:#00bcd4!important; | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 12px -5px rgba(0,188,212,.46) | |
} | |
.navbar.bg-info .dropdown-item:focus, | |
.navbar.bg-info .dropdown-item:hover { | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(0,188,212,.4); | |
background-color:#00bcd4; | |
color:#fff | |
} | |
.navbar.bg-info .navbar-toggler .navbar-toggler-icon { | |
background-color:#fff | |
} | |
.navbar.bg-warning { | |
color:#fff; | |
background-color:#ff9800!important; | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 12px -5px rgba(255,152,0,.46) | |
} | |
.navbar.bg-warning .dropdown-item:focus, | |
.navbar.bg-warning .dropdown-item:hover { | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(255,152,0,.4); | |
background-color:#ff9800; | |
color:#fff | |
} | |
.navbar.bg-warning .navbar-toggler .navbar-toggler-icon { | |
background-color:#fff | |
} | |
.navbar.bg-rose { | |
color:#fff; | |
background-color:#e91e63!important; | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 12px -5px rgba(233,30,99,.46) | |
} | |
.navbar.bg-rose .dropdown-item:focus, | |
.navbar.bg-rose .dropdown-item:hover { | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(233,30,99,.4); | |
background-color:#e91e63; | |
color:#fff | |
} | |
.navbar.bg-rose .navbar-toggler .navbar-toggler-icon { | |
background-color:#fff | |
} | |
.navbar.bg-danger { | |
color:#fff; | |
background-color:#f44336!important; | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 12px -5px rgba(244,67,54,.46) | |
} | |
.navbar.bg-danger .dropdown-item:focus, | |
.navbar.bg-danger .dropdown-item:hover { | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(244,67,54,.4); | |
background-color:#f44336; | |
color:#fff | |
} | |
.navbar.bg-danger .navbar-toggler .navbar-toggler-icon { | |
background-color:#fff | |
} | |
.navbar.bg-success { | |
color:#fff; | |
background-color:#4caf50!important; | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 12px -5px rgba(76,175,80,.46) | |
} | |
.navbar.bg-success .dropdown-item:focus, | |
.navbar.bg-success .dropdown-item:hover { | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(76,175,80,.4); | |
background-color:#4caf50; | |
color:#fff | |
} | |
.navbar.bg-success .navbar-toggler .navbar-toggler-icon { | |
background-color:#fff | |
} | |
.navbar.bg-dark { | |
color:#fff; | |
background-color:#212121!important; | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 12px -5px rgba(33,33,33,.46) | |
} | |
.navbar.bg-dark .dropdown-item:focus, | |
.navbar.bg-dark .dropdown-item:hover { | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(33,33,33,.4); | |
background-color:#212121; | |
color:#fff | |
} | |
.navbar.bg-dark .navbar-toggler .navbar-toggler-icon { | |
background-color:#fff | |
} | |
.navbar.navbar-transparent { | |
background-color:transparent!important; | |
box-shadow:none | |
} | |
.navbar .notification { | |
position:absolute; | |
top:5px; | |
border:1px solid #fff; | |
right:10px; | |
font-size:9px; | |
background:#f44336; | |
color:#fff; | |
min-width:20px; | |
padding:0 5px; | |
height:20px; | |
border-radius:10px; | |
text-align:center; | |
line-height:19px; | |
vertical-align:middle; | |
display:block | |
} | |
.navbar .navbar-minimize { | |
padding:3px 0 0 15px | |
} | |
.navbar .collapse .navbar-nav .nav-item .nav-link { | |
position:relative; | |
padding:10px 15px; | |
font-weight:400; | |
font-size:12px; | |
text-transform:uppercase; | |
border-radius:3px; | |
line-height:20px; | |
margin-left:5px; | |
color:inherit | |
} | |
.navbar .collapse .navbar-nav .nav-item .nav-link:not(.btn-just-icon) .fa { | |
position:relative; | |
top:2px; | |
margin-top:-4px; | |
margin-right:4px | |
} | |
.navbar .collapse .navbar-nav .nav-item .nav-link .fa, | |
.navbar .collapse .navbar-nav .nav-item .nav-link .material-icons { | |
font-size:1.25rem; | |
max-width:24px; | |
margin-top:-1.1em | |
} | |
.navbar .collapse .navbar-nav .nav-item .nav-link:not(.btn) .material-icons { | |
margin-top:-3px; | |
top:0; | |
position:relative; | |
margin-right:3px | |
} | |
.navbar .collapse .navbar-nav .nav-item .nav-link .notification { | |
top:0 | |
} | |
.off-canvas-sidebar .navbar .navbar-collapse .navbar-nav .nav-item .nav-link { | |
padding-top:15px; | |
padding-bottom:15px; | |
font-weight:500; | |
font-size:12px; | |
text-transform:uppercase; | |
border-radius:3px; | |
color:#fff; | |
margin:0 15px | |
} | |
.off-canvas-sidebar .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover { | |
background:hsla(0,0%,78%,.2) | |
} | |
.off-canvas-sidebar .navbar.navbar-transparent { | |
padding-top:25px!important | |
} | |
.alert { | |
border:0; | |
border-radius:3px; | |
position:relative; | |
padding:20px 15px; | |
line-height:20px | |
} | |
.alert b { | |
font-weight:500; | |
text-transform:uppercase; | |
font-size:12px | |
} | |
.alert, | |
.alert.alert-default { | |
background-color:#fff; | |
color:#555 | |
} | |
.alert.alert-default .alert-link, | |
.alert.alert-default a, | |
.alert .alert-link, | |
.alert a { | |
color:#555 | |
} | |
.alert.alert-inverse { | |
background-color:#292929; | |
color:#fff | |
} | |
.alert.alert-inverse .alert-link, | |
.alert.alert-inverse a { | |
color:#fff | |
} | |
.alert.alert-primary { | |
background-color:#a72abd; | |
color:#fff | |
} | |
.alert.alert-primary .alert-link, | |
.alert.alert-primary a { | |
color:#fff | |
} | |
.alert.alert-success { | |
background-color:#55b559; | |
color:#fff | |
} | |
.alert.alert-success .alert-link, | |
.alert.alert-success a { | |
color:#fff | |
} | |
.alert.alert-info { | |
background-color:#00cae3; | |
color:#fff | |
} | |
.alert.alert-info .alert-link, | |
.alert.alert-info a { | |
color:#fff | |
} | |
.alert.alert-warning { | |
background-color:#ff9e0f; | |
color:#fff | |
} | |
.alert.alert-warning .alert-link, | |
.alert.alert-warning a { | |
color:#fff | |
} | |
.alert.alert-danger { | |
background-color:#f55145; | |
color:#fff | |
} | |
.alert.alert-danger .alert-link, | |
.alert.alert-danger a { | |
color:#fff | |
} | |
.alert.alert-rose { | |
background-color:#ea2c6d; | |
color:#fff | |
} | |
.alert-danger, | |
.alert-info, | |
.alert-rose, | |
.alert-success, | |
.alert-warning, | |
.alert.alert-rose .alert-link, | |
.alert.alert-rose a { | |
color:#fff | |
} | |
.alert-default .alert-link, | |
.alert-default a { | |
color:rgba(0,0,0,.87) | |
} | |
.alert span { | |
display:block; | |
max-width:89% | |
} | |
.alert.alert-danger { | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(244,67,54,.4) | |
} | |
.alert.alert-danger i { | |
color:#f44336 | |
} | |
.alert.alert-warning { | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(255,152,0,.4) | |
} | |
.alert.alert-warning i { | |
color:#ff9800 | |
} | |
.alert.alert-success { | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(76,175,80,.4) | |
} | |
.alert.alert-success i { | |
color:#4caf50 | |
} | |
.alert.alert-info { | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(0,188,212,.4) | |
} | |
.alert.alert-info i { | |
color:#00bcd4 | |
} | |
.alert.alert-primary { | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(156,39,176,.4) | |
} | |
.alert.alert-primary i { | |
color:#9c27b0 | |
} | |
.alert.alert-rose { | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(233,30,99,.4) | |
} | |
.alert.alert-rose i { | |
color:#e91e63 | |
} | |
.alert.alert-with-icon { | |
padding-left:66px | |
} | |
.alert.alert-with-icon i[data-notify=icon] { | |
font-size:30px; | |
display:block; | |
left:15px; | |
position:absolute; | |
top:50%; | |
margin-top:-15px; | |
color:#fff | |
} | |
.alert .close { | |
line-height:.5 | |
} | |
.alert .close i { | |
color:#fff; | |
font-size:11px | |
} | |
.alert i[data-notify=icon] { | |
display:none | |
} | |
.alert .alert-icon { | |
display:block; | |
float:left; | |
margin-right:1.071rem | |
} | |
.alert .alert-icon i { | |
margin-top:-7px; | |
top:5px; | |
position:relative | |
} | |
.alert [data-notify=dismiss] { | |
margin-right:5px | |
} | |
.places-buttons .btn { | |
margin-bottom:30px | |
} | |
.page-header { | |
min-height:100vh; | |
max-height:1000px; | |
display:flex!important; | |
height:100%; | |
padding:0; | |
color:#fff; | |
position:relative | |
} | |
.page-header .page-header-image { | |
position:absolute; | |
background-size:cover; | |
background-position:50%; | |
width:100%; | |
height:100%; | |
z-index:-1 | |
} | |
.page-header .content-center { | |
position:absolute; | |
top:50%; | |
left:50%; | |
z-index:2; | |
transform:translate(-50%,-50%); | |
text-align:center; | |
color:#fff; | |
padding:0 15px; | |
width:100%; | |
max-width:880px | |
} | |
.page-header footer { | |
position:absolute; | |
bottom:0; | |
width:100% | |
} | |
.page-header .container { | |
height:100%; | |
z-index:1 | |
} | |
.page-header .category, | |
.page-header .description { | |
color:hsla(0,0%,100%,.8) | |
} | |
.page-header.page-header-small { | |
min-height:60vh; | |
max-height:440px | |
} | |
.page-header.page-header-mini { | |
min-height:40vh; | |
max-height:340px | |
} | |
.page-header .title { | |
margin-bottom:15px | |
} | |
.page-header .title+h4 { | |
margin-top:10px | |
} | |
.page-header:after, | |
.page-header:before { | |
position:absolute; | |
z-index:0; | |
width:100%; | |
height:100%; | |
display:block; | |
left:0; | |
top:0; | |
content:"" | |
} | |
.page-header:before { | |
background-color:rgba(0,0,0,.3) | |
} | |
html * { | |
-webkit-font-smoothing:antialiased; | |
-moz-osx-font-smoothing:grayscale | |
} | |
.h1, | |
.h2, | |
.h3, | |
.h4, | |
body, | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6 { | |
font-family:Roboto,Helvetica,Arial,sans-serif; | |
font-weight:300; | |
line-height:1.5em | |
} | |
.h1, | |
h1 { | |
font-size:3.3125rem; | |
line-height:1.15em | |
} | |
.h2, | |
h2 { | |
font-size:2.25rem | |
} | |
.h3, | |
h3 { | |
font-size:1.5625rem; | |
margin:20px 0 10px | |
} | |
.h3, | |
.h4, | |
h3, | |
h4 { | |
line-height:1.4em | |
} | |
.h4, | |
h4 { | |
font-size:1.125rem; | |
font-weight:300 | |
} | |
.h5, | |
h5 { | |
font-size:1.0625rem; | |
line-height:1.4em; | |
margin-bottom:15px | |
} | |
.h6, | |
h6 { | |
font-size:.75rem; | |
text-transform:uppercase; | |
font-weight:500 | |
} | |
.card-title, | |
.card-title a, | |
.footer-big h4, | |
.footer-big h4 a, | |
.footer-big h5, | |
.footer-big h5 a, | |
.footer-brand, | |
.footer-brand a, | |
.info-title, | |
.info-title a, | |
.media .media-heading, | |
.media .media-heading a, | |
.title, | |
.title a { | |
color:#3c4858; | |
text-decoration:none | |
} | |
.card-blog .card-title { | |
font-weight:700 | |
} | |
h2.title { | |
margin-bottom:2.142rem | |
} | |
.card-description, | |
.description, | |
.footer-big p { | |
color:#999 | |
} | |
.text-warning { | |
color:#ff9800!important | |
} | |
.text-primary { | |
color:#9c27b0!important | |
} | |
.text-danger { | |
color:#f44336!important | |
} | |
.text-success { | |
color:#4caf50!important | |
} | |
.text-info { | |
color:#00bcd4!important | |
} | |
.text-rose { | |
color:#e91e63!important | |
} | |
.text-gray { | |
color:#999!important | |
} | |
.nav-tabs { | |
border:0; | |
border-radius:3px; | |
padding:0 15px | |
} | |
.nav-tabs .nav-item .nav-link { | |
position:relative; | |
color:#fff; | |
border:0; | |
margin:0; | |
border-radius:3px; | |
line-height:24px; | |
text-transform:uppercase; | |
font-size:12px; | |
padding:10px 15px; | |
background-color:transparent; | |
transition:background-color .3s 0s | |
} | |
.nav-tabs .nav-item .nav-link:hover { | |
border:0 | |
} | |
.nav-tabs .nav-item .nav-link, | |
.nav-tabs .nav-item .nav-link:focus, | |
.nav-tabs .nav-item .nav-link:hover { | |
border:0!important; | |
color:#fff!important; | |
font-weight:500 | |
} | |
.nav-tabs .nav-item.disabled .nav-link, | |
.nav-tabs .nav-item.disabled .nav-link:hover { | |
color:hsla(0,0%,100%,.5) | |
} | |
.nav-tabs .nav-item .material-icons { | |
margin:-1px 5px 0 0 | |
} | |
.nav-tabs .nav-item .nav-link.active { | |
background-color:hsla(0,0%,100%,.2); | |
transition:background-color .3s .2s | |
} | |
.nav-tabs .nav-link { | |
border-bottom:.214rem solid transparent; | |
color:#555 | |
} | |
.nav-tabs .nav-link.active { | |
color:#333; | |
border-color:#9c27b0 | |
} | |
.nav-tabs .nav-link.active:focus, | |
.nav-tabs .nav-link.active:hover { | |
border-color:#9c27b0 | |
} | |
.nav-tabs .nav-link.disabled, | |
.nav-tabs .nav-link.disabled:focus, | |
.nav-tabs .nav-link.disabled:hover { | |
color:#999 | |
} | |
.nav-tabs.header-primary .nav-link { | |
color:#fff | |
} | |
.nav-tabs.header-primary .nav-link.active { | |
color:#fff; | |
border-color:#fff | |
} | |
.nav-tabs.header-primary .nav-link.active:focus, | |
.nav-tabs.header-primary .nav-link.active:hover { | |
border-color:#fff | |
} | |
.nav-tabs.header-primary .nav-link.disabled, | |
.nav-tabs.header-primary .nav-link.disabled:focus, | |
.nav-tabs.header-primary .nav-link.disabled:hover { | |
color:hsla(0,0%,100%,.84) | |
} | |
.nav-tabs.bg-inverse .nav-link { | |
color:#fff | |
} | |
.nav-tabs.bg-inverse .nav-link.active { | |
color:#fff; | |
border-color:#fff | |
} | |
.nav-tabs.bg-inverse .nav-link.active:focus, | |
.nav-tabs.bg-inverse .nav-link.active:hover { | |
border-color:#fff | |
} | |
.nav-tabs.bg-inverse .nav-link.disabled, | |
.nav-tabs.bg-inverse .nav-link.disabled:focus, | |
.nav-tabs.bg-inverse .nav-link.disabled:hover { | |
color:hsla(0,0%,100%,.84) | |
} | |
.card-nav-tabs { | |
margin-top:45px | |
} | |
.card-nav-tabs .card-header { | |
margin-top:-30px!important | |
} | |
.tab-content .tab-pane .td-actions { | |
display:-ms-flexbox; | |
display:flex | |
} | |
.card .tab-content .form-check { | |
margin-top:6px | |
} | |
.tooltip-arrow { | |
display:none | |
} | |
.tooltip.show { | |
opacity:1; | |
transform:translateZ(0) | |
} | |
.tooltip { | |
opacity:0; | |
transition:opacity,transform .2s ease; | |
transform:translate3d(0,5px,0); | |
font-size:.875rem | |
} | |
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before, | |
.tooltip.bs-tooltip-top .arrow:before { | |
border-top-color:#fff | |
} | |
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before, | |
.tooltip.bs-tooltip-right .arrow:before { | |
border-right-color:#fff | |
} | |
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before, | |
.tooltip.bs-tooltip-left .arrow:before { | |
border-left-color:#fff | |
} | |
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before, | |
.tooltip.bs-tooltip-bottom .arrow:before { | |
border-bottom-color:#fff | |
} | |
.tooltip-inner { | |
padding:10px 15px; | |
min-width:130px | |
} | |
.popover, | |
.tooltip-inner { | |
line-height:1.5em; | |
background:#fff; | |
border:none; | |
border-radius:3px; | |
box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2); | |
color:#555 | |
} | |
.popover { | |
padding:0; | |
box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2) | |
} | |
.popover.bottom>.arrow, | |
.popover.left>.arrow, | |
.popover.right>.arrow, | |
.popover.top>.arrow { | |
border:none | |
} | |
.popover.bs-popover-auto[x-placement^=bottom] .arrow:before, | |
.popover.bs-popover-auto[x-placement^=left] .arrow:before, | |
.popover.bs-popover-auto[x-placement^=right] .arrow:before, | |
.popover.bs-popover-auto[x-placement^=top] .arrow:before, | |
.popover.bs-popover-bottom .arrow:before, | |
.popover.bs-popover-left .arrow:before, | |
.popover.bs-popover-right .arrow:before, | |
.popover.bs-popover-top .arrow:before { | |
border:0 | |
} | |
.popover-header { | |
background-color:#fff; | |
border:none; | |
padding:15px 15px 5px; | |
font-size:1.125rem; | |
margin:0; | |
color:#555 | |
} | |
.popover-body { | |
padding:10px 15px 15px; | |
line-height:1.4; | |
color:#555 | |
} | |
.dropdown-menu { | |
display:none; | |
padding:.3125rem 0; | |
border:0; | |
opacity:0; | |
transform:scale(0); | |
transform-origin:0 0; | |
will-change:transform,opacity; | |
transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1); | |
box-shadow:0 2px 5px 0 rgba(0,0,0,.26) | |
} | |
.dropdown-menu.showing { | |
animation-name:d; | |
animation-duration:.3s; | |
animation-fill-mode:forwards; | |
animation-timing-function:cubic-bezier(.4,0,.2,1) | |
} | |
.dropdown-menu.show, | |
.open>.dropdown-menu { | |
display:block; | |
opacity:1; | |
transform:scale(1) | |
} | |
.dropdown-menu.hiding { | |
display:block; | |
opacity:0; | |
transform:scale(0) | |
} | |
.dropdown-menu[x-placement=bottom-start] { | |
transform-origin:0 0 | |
} | |
.dropdown-menu[x-placement=bottom-end] { | |
transform-origin:100% 0 | |
} | |
.dropdown-menu[x-placement=top-start] { | |
transform-origin:0 100% | |
} | |
.dropdown-menu[x-placement=top-end] { | |
transform-origin:100% 100% | |
} | |
.dropdown-menu .disabled>a { | |
color:#777 | |
} | |
.dropdown-menu .disabled>a:focus, | |
.dropdown-menu .disabled>a:hover { | |
text-decoration:none; | |
background-color:transparent; | |
background-image:none; | |
color:#777 | |
} | |
.dropdown-menu.dropdown-with-icons .dropdown-item { | |
padding:.75rem 1.25rem .75rem .75rem | |
} | |
.dropdown-menu.dropdown-with-icons .dropdown-item .material-icons { | |
vertical-align:middle; | |
font-size:24px; | |
position:relative; | |
margin-top:-4px; | |
top:1px; | |
margin-right:12px; | |
opacity:.5 | |
} | |
.dropdown-menu .dropdown-item, | |
.dropdown-menu li>a { | |
position:relative; | |
width:auto; | |
display:flex; | |
flex-flow:nowrap; | |
align-items:center; | |
color:#333; | |
font-weight:400; | |
text-decoration:none; | |
font-size:.8125rem; | |
border-radius:.125rem; | |
margin:0 .3125rem; | |
transition:all .15s linear; | |
min-width:7rem; | |
padding:.625rem 1.25rem; | |
overflow:hidden; | |
line-height:1.428571; | |
text-overflow:ellipsis; | |
word-wrap:break-word | |
} | |
@media (min-width:768px) { | |
.dropdown-menu .dropdown-item, | |
.dropdown-menu li>a { | |
padding-right:1.5rem; | |
padding-left:1.5rem | |
} | |
} | |
.dropdown-menu .dropdown-item:focus, | |
.dropdown-menu .dropdown-item:hover, | |
.dropdown-menu a:active, | |
.dropdown-menu a:focus, | |
.dropdown-menu a:hover { | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(156,39,176,.4); | |
background-color:#9c27b0; | |
color:#fff | |
} | |
.btn-group.bootstrap-select.open .caret, | |
.dropdown.open .caret, | |
.dropup.open .caret, | |
a[aria-expanded=true] .caret, | |
a[data-toggle=collapse][aria-expanded=true] .caret { | |
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2); | |
transform:rotate(180deg) | |
} | |
.dropdown-toggle.bmd-btn-fab:after, | |
.dropdown-toggle.bmd-btn-icon:after { | |
display:none | |
} | |
.dropdown-toggle.bmd-btn-fab~.dropdown-menu.dropdown-menu-top-left, | |
.dropdown-toggle.bmd-btn-fab~.dropdown-menu.dropdown-menu-top-right, | |
.dropdown-toggle.bmd-btn-icon~.dropdown-menu.dropdown-menu-top-left, | |
.dropdown-toggle.bmd-btn-icon~.dropdown-menu.dropdown-menu-top-right { | |
bottom:2rem | |
} | |
.dropdown-toggle:after { | |
will-change:transform; | |
transition:transform .15s linear | |
} | |
.dropdown-toggle.bmd-btn-fab-sm~.dropdown-menu.dropdown-menu-top-left, | |
.dropdown-toggle.bmd-btn-fab-sm~.dropdown-menu.dropdown-menu-top-right { | |
bottom:2.5rem | |
} | |
.dropdown-toggle.bmd-btn-icon~.dropdown-menu { | |
margin:0 | |
} | |
.show>.dropdown-toggle:not(.dropdown-item):after { | |
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2); | |
transform:rotate(180deg) | |
} | |
.dropdown-header { | |
font-size:.75rem; | |
padding-top:.625rem; | |
padding-bottom:.625rem; | |
text-transform:none; | |
color:#777; | |
line-height:1.428571; | |
font-weight:inherit | |
} | |
@keyframes d { | |
0% { | |
opacity:0; | |
transform:scale(0) | |
} | |
to { | |
opacity:1; | |
transform:scale(1) | |
} | |
} | |
.dropdown-menu.bootstrap-datetimepicker-widget { | |
opacity:0; | |
transform:scale(0); | |
transition-duration:.3s; | |
transition-timing-function:cubic-bezier(.4,0,.2,1); | |
transform-origin:0 0; | |
will-change:transform,opacity; | |
top:0 | |
} | |
.dropdown-menu.bootstrap-datetimepicker-widget.top { | |
transform-origin:0 100% | |
} | |
.dropdown-menu.bootstrap-datetimepicker-widget.open { | |
opacity:1; | |
transform:scale(1); | |
top:0 | |
} | |
.togglebutton { | |
vertical-align:middle | |
} | |
.togglebutton, | |
.togglebutton .toggle, | |
.togglebutton input, | |
.togglebutton label { | |
user-select:none | |
} | |
.togglebutton label { | |
cursor:pointer | |
} | |
.form-group.is-focused .togglebutton label, | |
.togglebutton label { | |
color:rgba(0,0,0,.26) | |
} | |
.form-group.is-focused .togglebutton label:focus, | |
.form-group.is-focused .togglebutton label:hover { | |
color:rgba(0,0,0,.54) | |
} | |
fieldset[disabled] .form-group.is-focused .togglebutton label { | |
color:rgba(0,0,0,.26) | |
} | |
.togglebutton label input[type=checkbox] { | |
opacity:0; | |
width:0; | |
height:0 | |
} | |
.togglebutton label .toggle { | |
text-align:left; | |
margin-left:5px | |
} | |
.togglebutton label .toggle, | |
.togglebutton label input[type=checkbox][disabled]+.toggle { | |
content:""; | |
display:inline-block; | |
width:30px; | |
height:15px; | |
background-color:rgba(80,80,80,.7); | |
border-radius:15px; | |
margin-right:15px; | |
transition:background .3s ease; | |
vertical-align:middle | |
} | |
.togglebutton label .toggle:after { | |
content:""; | |
display:inline-block; | |
width:20px; | |
height:20px; | |
background-color:#fff; | |
border-radius:20px; | |
position:relative; | |
box-shadow:0 1px 3px 1px rgba(0,0,0,.4); | |
left:-5px; | |
top:-2.5px; | |
border:1px solid rgba(0,0,0,.54); | |
transition:left .3s ease,background .3s ease,box-shadow .1s ease | |
} | |
.togglebutton label input[type=checkbox][disabled]+.toggle:after, | |
.togglebutton label input[type=checkbox][disabled]:checked+.toggle:after { | |
background-color:#bdbdbd | |
} | |
.togglebutton label input[type=checkbox]+.toggle:active:after, | |
.togglebutton label input[type=checkbox][disabled]+.toggle:active:after { | |
box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(0,0,0,.1) | |
} | |
.togglebutton label input[type=checkbox]:checked+.toggle:after { | |
left:15px | |
} | |
.togglebutton label input[type=checkbox]:checked+.toggle { | |
background-color:rgba(156,39,176,.7) | |
} | |
.togglebutton label input[type=checkbox]:checked+.toggle:after { | |
border-color:#9c27b0 | |
} | |
.togglebutton label input[type=checkbox]:checked+.toggle:active:after { | |
box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(156,39,176,.1) | |
} | |
.ripple { | |
position:relative | |
} | |
.ripple-container { | |
position:absolute; | |
top:0; | |
left:0; | |
z-index:1; | |
width:100%; | |
height:100%; | |
overflow:hidden; | |
pointer-events:none; | |
border-radius:inherit | |
} | |
.ripple-container .ripple-decorator { | |
position:absolute; | |
width:20px; | |
height:20px; | |
margin-top:-10px; | |
margin-left:-10px; | |
pointer-events:none; | |
background-color:rgba(0,0,0,.05); | |
border-radius:100%; | |
opacity:0; | |
transform:scale(1); | |
transform-origin:50% | |
} | |
.ripple-container .ripple-decorator.ripple-on { | |
opacity:.1; | |
transition:opacity .15s ease-in 0s,transform .5s cubic-bezier(.4,0,.2,1) .1s | |
} | |
.ripple-container .ripple-decorator.ripple-out { | |
opacity:0; | |
transition:opacity .1s linear 0s!important | |
} | |
.footer { | |
padding:.9375rem 0; | |
text-align:center; | |
display:flex | |
} | |
.footer ul { | |
margin-bottom:0; | |
padding:0; | |
list-style:none | |
} | |
.footer ul li { | |
display:inline-block | |
} | |
.footer ul li a { | |
color:inherit; | |
padding:.9375rem; | |
font-weight:500; | |
font-size:12px; | |
text-transform:uppercase; | |
border-radius:3px; | |
position:relative; | |
display:block | |
} | |
.footer ul li a, | |
.footer ul li a:hover { | |
text-decoration:none | |
} | |
.footer ul li .btn { | |
margin:0 | |
} | |
.footer ul.links-horizontal:first-child a { | |
padding-left:0 | |
} | |
.footer ul.links-horizontal:last-child a { | |
padding-right:0 | |
} | |
.footer ul.links-vertical li { | |
display:block; | |
margin-left:-5px; | |
margin-right:-5px | |
} | |
.footer ul.links-vertical li a { | |
padding:5px | |
} | |
.footer .social-buttons .btn, | |
.footer .social-buttons a { | |
margin-top:5px; | |
margin-bottom:5px | |
} | |
.footer .footer-brand { | |
float:left; | |
height:50px; | |
padding:15px; | |
font-size:18px; | |
line-height:20px; | |
margin-left:-15px | |
} | |
.footer .footer-brand:focus, | |
.footer .footer-brand:hover { | |
color:#3c4858 | |
} | |
.footer .copyright { | |
padding:15px 0 | |
} | |
.footer .copyright .material-icons { | |
font-size:18px; | |
position:relative; | |
top:3px | |
} | |
.footer .pull-center { | |
display:inline-block; | |
float:none | |
} | |
.off-canvas-sidebar .footer { | |
position:absolute; | |
bottom:0; | |
width:100% | |
} | |
@media screen and (min-width:768px) { | |
.footer .copyright { | |
padding-right:15px | |
} | |
} | |
.wrapper { | |
position:relative; | |
top:0; | |
height:100vh | |
} | |
.sidebar { | |
position:fixed; | |
top:0; | |
bottom:0; | |
left:0; | |
z-index:2; | |
width:260px; | |
background:#fff; | |
box-shadow:0 16px 38px -12px rgba(0,0,0,.56),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2) | |
} | |
.sidebar .caret { | |
display:inline-block; | |
width:0; | |
height:0; | |
margin-left:2px; | |
vertical-align:middle; | |
border-top:4px dashed; | |
border-top:4px solid\9; | |
border-right:4px solid transparent; | |
border-left:4px solid transparent | |
} | |
.sidebar[data-background-color=black] { | |
background-color:#191919 | |
} | |
.sidebar .sidebar-wrapper { | |
position:relative; | |
height:calc(100vh - 75px); | |
overflow:auto; | |
width:260px; | |
z-index:4; | |
padding-bottom:30px | |
} | |
.sidebar .sidebar-wrapper .dropdown .dropdown-backdrop { | |
display:none!important | |
} | |
.sidebar .sidebar-wrapper .navbar-form { | |
border:none; | |
box-shadow:none | |
} | |
.sidebar .sidebar-wrapper .navbar-form .input-group { | |
font-size:1.7em; | |
height:36px; | |
width:78%; | |
padding-left:17px | |
} | |
.sidebar .sidebar-wrapper .user .user-info [data-toggle=collapse]~div>ul>li>a span, | |
.sidebar .sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a span { | |
display:inline-block | |
} | |
.sidebar .sidebar-wrapper .user .user-info [data-toggle=collapse]~div>ul>li>a .sidebar-normal, | |
.sidebar .sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a .sidebar-normal { | |
margin:0; | |
position:relative; | |
transform:translateX(0); | |
opacity:1; | |
white-space:nowrap; | |
display:block | |
} | |
.sidebar .sidebar-wrapper .user .user-info [data-toggle=collapse]~div>ul>li>a .sidebar-mini, | |
.sidebar .sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a .sidebar-mini { | |
text-transform:uppercase; | |
width:30px; | |
margin-right:15px; | |
text-align:center; | |
letter-spacing:1px; | |
position:relative; | |
float:left; | |
display:inherit | |
} | |
.sidebar .sidebar-wrapper .user .user-info [data-toggle=collapse]~div>ul>li>a i, | |
.sidebar .sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a i { | |
font-size:17px; | |
line-height:20px; | |
width:26px | |
} | |
.sidebar .nav { | |
margin-top:20px; | |
display:block | |
} | |
.sidebar .nav .caret { | |
margin-top:13px; | |
position:absolute; | |
right:6px | |
} | |
.sidebar .nav li>a:focus, | |
.sidebar .nav li>a:hover { | |
background-color:transparent; | |
outline:none | |
} | |
.sidebar .nav li:first-child>a { | |
margin:0 15px | |
} | |
.sidebar .nav li.active>[data-toggle=collapse], | |
.sidebar .nav li .dropdown-menu a:focus, | |
.sidebar .nav li .dropdown-menu a:hover, | |
.sidebar .nav li:hover>a { | |
background-color:hsla(0,0%,78%,.2); | |
color:#3c4858; | |
box-shadow:none | |
} | |
.sidebar .nav li.active>[data-toggle=collapse] i { | |
color:#a9afbb | |
} | |
.sidebar .nav li.active>a, | |
.sidebar .nav li.active>a i { | |
color:#fff | |
} | |
.sidebar .nav li.separator { | |
margin:15px 0 | |
} | |
.sidebar .nav li.separator:after { | |
width:calc(100% - 30px); | |
content:""; | |
position:absolute; | |
height:1px; | |
left:15px; | |
background-color:hsla(0,0%,71%,.3) | |
} | |
.sidebar .nav li.separator+li { | |
margin-top:31px | |
} | |
.sidebar .nav p { | |
margin:0; | |
line-height:30px; | |
font-size:14px; | |
position:relative; | |
display:block; | |
height:auto; | |
white-space:nowrap | |
} | |
.sidebar .nav i { | |
font-size:24px; | |
float:left; | |
margin-right:15px; | |
line-height:30px; | |
width:30px; | |
text-align:center; | |
color:#a9afbb | |
} | |
.sidebar .nav li .dropdown-menu a, | |
.sidebar .nav li a { | |
margin:10px 15px 0; | |
border-radius:3px; | |
color:#3c4858; | |
padding-left:10px; | |
padding-right:10px; | |
text-transform:capitalize; | |
font-size:13px; | |
padding:10px 15px | |
} | |
.sidebar .sidebar-background { | |
position:absolute; | |
z-index:1; | |
height:100%; | |
width:100%; | |
display:block; | |
top:0; | |
left:0; | |
background-size:cover; | |
background-position:50% | |
} | |
.sidebar .sidebar-background:after { | |
position:absolute; | |
z-index:3; | |
width:100%; | |
height:100%; | |
content:""; | |
display:block; | |
background:#fff; | |
opacity:.93 | |
} | |
.sidebar .logo { | |
padding:15px 0; | |
margin:0; | |
display:block; | |
position:relative; | |
z-index:4 | |
} | |
.sidebar .logo:after { | |
content:""; | |
position:absolute; | |
bottom:0; | |
right:15px; | |
height:1px; | |
width:calc(100% - 30px); | |
background-color:hsla(0,0%,71%,.3) | |
} | |
.sidebar .logo p { | |
float:left; | |
font-size:20px; | |
margin:10px; | |
color:#fff; | |
line-height:20px | |
} | |
.sidebar .logo .simple-text { | |
text-transform:uppercase; | |
padding:5px 0; | |
display:inline-block; | |
font-size:18px; | |
color:#3c4858; | |
white-space:nowrap; | |
font-weight:400; | |
line-height:30px; | |
overflow:hidden; | |
text-align:center; | |
display:block | |
} | |
.sidebar .logo-tim { | |
border-radius:50%; | |
border:1px solid #333; | |
display:block; | |
height:61px; | |
width:61px; | |
float:left; | |
overflow:hidden | |
} | |
.sidebar .logo-tim img { | |
width:60px; | |
height:60px | |
} | |
.sidebar[data-background-color=black] .nav .nav-item .nav-link { | |
color:#fff | |
} | |
.sidebar[data-background-color=black] .nav .nav-item i { | |
color:hsla(0,0%,100%,.8) | |
} | |
.sidebar[data-background-color=black] .nav .nav-item.active [data-toggle=collapse], | |
.sidebar[data-background-color=black] .nav .nav-item:hover [data-toggle=collapse] { | |
color:#fff | |
} | |
.sidebar[data-background-color=black] .nav .nav-item.active [data-toggle=collapse] i, | |
.sidebar[data-background-color=black] .nav .nav-item:hover [data-toggle=collapse] i { | |
color:hsla(0,0%,100%,.8) | |
} | |
.sidebar[data-background-color=black] .simple-text, | |
.sidebar[data-background-color=black] .user a { | |
color:#fff | |
} | |
.sidebar[data-background-color=black] .sidebar-background:after { | |
background:#000; | |
opacity:.8 | |
} | |
.sidebar[data-background-color=black] .nav li .dropdown-menu .dropdown-item { | |
color:#fff | |
} | |
.sidebar[data-color=purple] li.active>a { | |
background-color:#9c27b0; | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(156,39,176,.4) | |
} | |
.sidebar[data-color=azure] li.active>a { | |
background-color:#00bcd4; | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(0,188,212,.4) | |
} | |
.sidebar[data-color=green] li.active>a { | |
background-color:#4caf50; | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(76,175,80,.4) | |
} | |
.sidebar[data-color=orange] li.active>a { | |
background-color:#ff9800; | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(255,152,0,.4) | |
} | |
.sidebar[data-color=danger] li.active>a { | |
background-color:#f44336; | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(244,67,54,.4) | |
} | |
.sidebar[data-color=rose] li.active>a { | |
background-color:#e91e63; | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(233,30,99,.4) | |
} | |
.sidebar[data-color=white] li.active>a { | |
background-color:#fff; | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px hsla(0,0%,100%,.4) | |
} | |
.sidebar[data-color=white] .nav .nav-item.active>a:not([data-toggle=collapse]) { | |
color:#3c4858; | |
opacity:1; | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(60,72,88,.4) | |
} | |
.sidebar[data-color=white] .nav .nav-item.active>a:not([data-toggle=collapse]) i { | |
color:rgba(60,72,88,.8) | |
} | |
.sidebar[data-background-color=red] .nav .nav-item .nav-link { | |
color:#fff | |
} | |
.sidebar[data-background-color=red] .nav .nav-item i { | |
color:hsla(0,0%,100%,.8) | |
} | |
.sidebar[data-background-color=red] .nav .nav-item.active [data-toggle=collapse], | |
.sidebar[data-background-color=red] .nav .nav-item:hover [data-toggle=collapse] { | |
color:#fff | |
} | |
.sidebar[data-background-color=red] .nav .nav-item.active [data-toggle=collapse] i, | |
.sidebar[data-background-color=red] .nav .nav-item:hover [data-toggle=collapse] i { | |
color:hsla(0,0%,100%,.8) | |
} | |
.sidebar[data-background-color=red] .simple-text, | |
.sidebar[data-background-color=red] .user a { | |
color:#fff | |
} | |
.sidebar[data-background-color=red] .sidebar-background:after { | |
background:#f44336; | |
opacity:.8 | |
} | |
.sidebar[data-background-color=red] .logo:after, | |
.sidebar[data-background-color=red] .nav li.separator:after, | |
.sidebar[data-background-color=red] .user:after { | |
background-color:hsla(0,0%,100%,.3) | |
} | |
.sidebar[data-background-color=red] .nav li.active>[data-toggle=collapse], | |
.sidebar[data-background-color=red] .nav li:hover:not(.active)>a { | |
background-color:hsla(0,0%,100%,.1) | |
} | |
.sidebar.has-image:after, | |
.sidebar[data-image]:after { | |
opacity:.77 | |
} | |
.off-canvas-sidebar .navbar-collapse .nav>li>a, | |
.off-canvas-sidebar .navbar-collapse .nav>li>a:hover { | |
color:#fff; | |
margin:0 15px | |
} | |
.off-canvas-sidebar .navbar-collapse .nav>li>a:focus, | |
.off-canvas-sidebar .navbar-collapse .nav>li>a:hover { | |
background:hsla(0,0%,78%,.2) | |
} | |
.main-panel { | |
position:relative; | |
float:right; | |
width:calc(100% - 260px); | |
transition:.33s,cubic-bezier(.685,.0473,.346,1) | |
} | |
.main-panel>.content { | |
margin-top:70px; | |
padding:30px 15px; | |
min-height:calc(100vh - 123px) | |
} | |
.main-panel>.footer { | |
border-top:1px solid #e7e7e7 | |
} | |
.main-panel>.navbar { | |
margin-bottom:0 | |
} | |
.main-panel .header { | |
margin-bottom:30px | |
} | |
.main-panel .header .title { | |
margin-top:10px; | |
margin-bottom:10px | |
} | |
.perfect-scrollbar-on .main-panel, | |
.perfect-scrollbar-on .sidebar { | |
height:100%; | |
max-height:100% | |
} | |
.main-panel, | |
.sidebar, | |
.sidebar-wrapper { | |
transition-property:top,bottom,width; | |
transition-duration:.2s,.2s,.35s; | |
transition-timing-function:linear,linear,ease; | |
-webkit-overflow-scrolling:touch | |
} | |
.visible-on-sidebar-regular { | |
display:inline-block!important | |
} | |
.visible-on-sidebar-mini { | |
display:none!important | |
} | |
@media (min-width:991px) { | |
.sidebar-mini .visible-on-sidebar-regular { | |
display:none!important | |
} | |
.sidebar-mini .visible-on-sidebar-mini { | |
display:inline-block!important | |
} | |
.sidebar-mini .sidebar, | |
.sidebar-mini .sidebar .sidebar-wrapper { | |
width:80px | |
} | |
.sidebar-mini .main-panel { | |
width:calc(100% - 80px) | |
} | |
.sidebar-mini .sidebar { | |
display:block; | |
font-weight:200; | |
z-index:9999 | |
} | |
.sidebar-mini .sidebar .logo a.logo-normal, | |
.sidebar-mini .sidebar .sidebar-wrapper .user .user-info>a>span, | |
.sidebar-mini .sidebar .sidebar-wrapper .user .user-info [data-toggle=collapse]~div>ul>li>a .sidebar-normal, | |
.sidebar-mini .sidebar .sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a .sidebar-normal, | |
.sidebar-mini .sidebar .sidebar-wrapper>.nav li>a p { | |
opacity:0; | |
transform:translate3d(-25px,0,0) | |
} | |
.sidebar-mini .sidebar:hover { | |
width:260px | |
} | |
.sidebar-mini .sidebar:hover .logo a.logo-normal { | |
opacity:1; | |
transform:translateZ(0) | |
} | |
.sidebar-mini .sidebar:hover .sidebar-wrapper { | |
width:260px | |
} | |
.sidebar-mini .sidebar:hover .sidebar-wrapper .user .user-info>a>span, | |
.sidebar-mini .sidebar:hover .sidebar-wrapper .user .user-info [data-toggle=collapse]~div>ul>li>a .sidebar-normal, | |
.sidebar-mini .sidebar:hover .sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a .sidebar-normal, | |
.sidebar-mini .sidebar:hover .sidebar-wrapper>.nav li>a p { | |
transform:translateZ(0); | |
opacity:1 | |
} | |
.sidebar .nav .nav-item.active-pro { | |
position:absolute; | |
width:100%; | |
bottom:13px; | |
left:0 | |
} | |
} | |
.fixed-plugin .dropdown .dropdown-menu { | |
border-radius:10px | |
} | |
.fixed-plugin .dropdown .dropdown-menu li.adjustments-line { | |
border-bottom:1px solid #ddd | |
} | |
.fixed-plugin .dropdown .dropdown-menu li { | |
padding:5px 2px!important | |
} | |
.fixed-plugin .dropdown .dropdown-menu .adjustments-line .bootstrap-switch { | |
position:absolute; | |
right:10px!important | |
} | |
.fixed-plugin .dropdown .dropdown-menu .adjustments-line label { | |
margin-bottom:.1rem!important | |
} | |
.fixed-plugin .badge, | |
.fixed-plugin li>a { | |
transition:all .34s; | |
-webkit-transition:all .34s; | |
-moz-transition:all .34s | |
} | |
.fixed-plugin { | |
position:fixed; | |
top:115px; | |
right:0; | |
width:64px; | |
background:rgba(0,0,0,.3); | |
z-index:3; | |
border-radius:8px 0 0 8px; | |
text-align:center | |
} | |
.fixed-plugin .fa-cog { | |
color:#fff; | |
padding:10px; | |
border-radius:0 0 6px 6px; | |
width:auto | |
} | |
.fixed-plugin .dropdown-menu { | |
right:80px; | |
left:auto; | |
width:290px; | |
border-radius:.1875rem; | |
padding:0 10px | |
} | |
.fixed-plugin .dropdown-menu:after, | |
.fixed-plugin .dropdown-menu:before { | |
right:10px; | |
margin-left:auto; | |
left:auto | |
} | |
.fixed-plugin .fa-circle-thin { | |
color:#fff | |
} | |
.fixed-plugin .active .fa-circle-thin { | |
color:#0bf | |
} | |
.fixed-plugin .dropdown-menu>.active>a, | |
.fixed-plugin .dropdown-menu>.active>a:focus, | |
.fixed-plugin .dropdown-menu>.active>a:hover { | |
color:#777; | |
text-align:center | |
} | |
.fixed-plugin img { | |
border-radius:0; | |
width:100%; | |
height:100px; | |
margin:0 auto | |
} | |
.fixed-plugin .dropdown-menu li>a:focus, | |
.fixed-plugin .dropdown-menu li>a:hover { | |
box-shadow:none | |
} | |
.fixed-plugin .badge { | |
border:3px solid #fff; | |
border-radius:50%; | |
cursor:pointer; | |
display:inline-block; | |
height:23px; | |
margin-right:5px; | |
position:relative; | |
width:23px; | |
padding:8px | |
} | |
.fixed-plugin .badge.active, | |
.fixed-plugin .badge:hover { | |
border-color:#0bf | |
} | |
.fixed-plugin .badge-black { | |
background-color:#000 | |
} | |
.fixed-plugin .badge-azure { | |
background-color:#2ca8ff | |
} | |
.fixed-plugin .badge-green { | |
background-color:#18ce0f | |
} | |
.fixed-plugin .badge-orange { | |
background-color:#f96332 | |
} | |
.fixed-plugin .badge-yellow { | |
background-color:#ffb236 | |
} | |
.fixed-plugin .badge-danger { | |
background-color:#f44336 | |
} | |
.fixed-plugin .badge-purple { | |
background-color:#9368e9 | |
} | |
.fixed-plugin .badge-white { | |
background-color:hsla(0,0%,78%,.2) | |
} | |
.fixed-plugin .badge-rose { | |
background-color:#e91e63 | |
} | |
.fixed-plugin h5 { | |
font-size:14px; | |
margin:10px | |
} | |
.fixed-plugin .dropdown-menu li { | |
display:block; | |
padding:18px 2px; | |
width:25%; | |
float:left | |
} | |
.fixed-plugin li.adjustments-line, | |
.fixed-plugin li.button-container, | |
.fixed-plugin li.header-title { | |
width:100%; | |
height:50px; | |
min-height:inherit | |
} | |
.fixed-plugin li.button-container { | |
height:auto | |
} | |
.fixed-plugin li.button-container div { | |
margin-bottom:5px | |
} | |
.fixed-plugin .btn { | |
position:relative; | |
padding:12px 30px; | |
margin:.3125rem 1px; | |
font-size:.75rem; | |
border-radius:.2rem; | |
transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1); | |
will-change:box-shadow,transform | |
} | |
.fixed-plugin .btn.btn-primary { | |
color:#fff; | |
background-color:#9c27b0; | |
border-color:#9c27b0; | |
box-shadow:0 2px 2px 0 rgba(156,39,176,.14),0 3px 1px -2px rgba(156,39,176,.2),0 1px 5px 0 rgba(156,39,176,.12) | |
} | |
.fixed-plugin .btn.btn-primary.focus, | |
.fixed-plugin .btn.btn-primary:focus, | |
.fixed-plugin .btn.btn-primary:hover { | |
color:#fff; | |
background-color:#9124a3; | |
border-color:#701c7e | |
} | |
.fixed-plugin .btn.btn-primary.active, | |
.fixed-plugin .btn.btn-primary:active, | |
.open>.fixed-plugin .btn.btn-primary.dropdown-toggle, | |
.show>.fixed-plugin .btn.btn-primary.dropdown-toggle { | |
color:#fff; | |
background-color:#9124a3; | |
border-color:#701c7e; | |
box-shadow:0 2px 2px 0 rgba(156,39,176,.14),0 3px 1px -2px rgba(156,39,176,.2),0 1px 5px 0 rgba(156,39,176,.12) | |
} | |
.fixed-plugin .btn.btn-primary.active.focus, | |
.fixed-plugin .btn.btn-primary.active:focus, | |
.fixed-plugin .btn.btn-primary.active:hover, | |
.fixed-plugin .btn.btn-primary:active.focus, | |
.fixed-plugin .btn.btn-primary:active:focus, | |
.fixed-plugin .btn.btn-primary:active:hover, | |
.open>.fixed-plugin .btn.btn-primary.dropdown-toggle.focus, | |
.open>.fixed-plugin .btn.btn-primary.dropdown-toggle:focus, | |
.open>.fixed-plugin .btn.btn-primary.dropdown-toggle:hover, | |
.show>.fixed-plugin .btn.btn-primary.dropdown-toggle.focus, | |
.show>.fixed-plugin .btn.btn-primary.dropdown-toggle:focus, | |
.show>.fixed-plugin .btn.btn-primary.dropdown-toggle:hover { | |
color:#fff; | |
background-color:#9124a3; | |
border-color:#3f1048 | |
} | |
.open>.fixed-plugin .btn.btn-primary.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:#9c27b0 | |
} | |
.open>.fixed-plugin .btn.btn-primary.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:#9124a3 | |
} | |
.fixed-plugin .btn.btn-primary.disabled.focus, | |
.fixed-plugin .btn.btn-primary.disabled:focus, | |
.fixed-plugin .btn.btn-primary.disabled:hover, | |
.fixed-plugin .btn.btn-primary:disabled.focus, | |
.fixed-plugin .btn.btn-primary:disabled:focus, | |
.fixed-plugin .btn.btn-primary:disabled:hover { | |
background-color:#9c27b0; | |
border-color:#9c27b0 | |
} | |
.fixed-plugin .btn.btn-primary:active, | |
.fixed-plugin .btn.btn-primary:focus, | |
.fixed-plugin .btn.btn-primary:hover { | |
box-shadow:0 14px 26px -12px rgba(156,39,176,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(156,39,176,.2) | |
} | |
.fixed-plugin .btn.btn-primary.btn-link { | |
box-shadow:none | |
} | |
.fixed-plugin .btn.btn-primary.btn-link, | |
.fixed-plugin .btn.btn-primary.btn-link:active, | |
.fixed-plugin .btn.btn-primary.btn-link:focus, | |
.fixed-plugin .btn.btn-primary.btn-link:hover { | |
background-color:transparent; | |
color:#9c27b0 | |
} | |
.fixed-plugin .btn.btn-secondary { | |
color:#333; | |
background-color:#fafafa; | |
border-color:#ccc; | |
box-shadow:0 2px 2px 0 hsla(0,0%,98%,.14),0 3px 1px -2px hsla(0,0%,98%,.2),0 1px 5px 0 hsla(0,0%,98%,.12) | |
} | |
.fixed-plugin .btn.btn-secondary.focus, | |
.fixed-plugin .btn.btn-secondary:focus, | |
.fixed-plugin .btn.btn-secondary:hover { | |
color:#333; | |
background-color:#f2f2f2; | |
border-color:#adadad | |
} | |
.fixed-plugin .btn.btn-secondary.active, | |
.fixed-plugin .btn.btn-secondary:active, | |
.open>.fixed-plugin .btn.btn-secondary.dropdown-toggle, | |
.show>.fixed-plugin .btn.btn-secondary.dropdown-toggle { | |
color:#333; | |
background-color:#f2f2f2; | |
border-color:#adadad; | |
box-shadow:0 2px 2px 0 hsla(0,0%,98%,.14),0 3px 1px -2px hsla(0,0%,98%,.2),0 1px 5px 0 hsla(0,0%,98%,.12) | |
} | |
.fixed-plugin .btn.btn-secondary.active.focus, | |
.fixed-plugin .btn.btn-secondary.active:focus, | |
.fixed-plugin .btn.btn-secondary.active:hover, | |
.fixed-plugin .btn.btn-secondary:active.focus, | |
.fixed-plugin .btn.btn-secondary:active:focus, | |
.fixed-plugin .btn.btn-secondary:active:hover, | |
.open>.fixed-plugin .btn.btn-secondary.dropdown-toggle.focus, | |
.open>.fixed-plugin .btn.btn-secondary.dropdown-toggle:focus, | |
.open>.fixed-plugin .btn.btn-secondary.dropdown-toggle:hover, | |
.show>.fixed-plugin .btn.btn-secondary.dropdown-toggle.focus, | |
.show>.fixed-plugin .btn.btn-secondary.dropdown-toggle:focus, | |
.show>.fixed-plugin .btn.btn-secondary.dropdown-toggle:hover { | |
color:#333; | |
background-color:#f2f2f2; | |
border-color:#8c8c8c | |
} | |
.open>.fixed-plugin .btn.btn-secondary.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:#fafafa | |
} | |
.open>.fixed-plugin .btn.btn-secondary.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:#f2f2f2 | |
} | |
.fixed-plugin .btn.btn-secondary.disabled.focus, | |
.fixed-plugin .btn.btn-secondary.disabled:focus, | |
.fixed-plugin .btn.btn-secondary.disabled:hover, | |
.fixed-plugin .btn.btn-secondary:disabled.focus, | |
.fixed-plugin .btn.btn-secondary:disabled:focus, | |
.fixed-plugin .btn.btn-secondary:disabled:hover { | |
background-color:#fafafa; | |
border-color:#ccc | |
} | |
.fixed-plugin .btn.btn-secondary:active, | |
.fixed-plugin .btn.btn-secondary:focus, | |
.fixed-plugin .btn.btn-secondary:hover { | |
box-shadow:0 14px 26px -12px hsla(0,0%,98%,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px hsla(0,0%,98%,.2) | |
} | |
.fixed-plugin .btn.btn-secondary.btn-link { | |
box-shadow:none | |
} | |
.fixed-plugin .btn.btn-secondary.btn-link, | |
.fixed-plugin .btn.btn-secondary.btn-link:active, | |
.fixed-plugin .btn.btn-secondary.btn-link:focus, | |
.fixed-plugin .btn.btn-secondary.btn-link:hover { | |
background-color:transparent; | |
color:#fafafa | |
} | |
.fixed-plugin .btn.btn-info { | |
color:#fff; | |
background-color:#00bcd4; | |
border-color:#00bcd4; | |
box-shadow:0 2px 2px 0 rgba(0,188,212,.14),0 3px 1px -2px rgba(0,188,212,.2),0 1px 5px 0 rgba(0,188,212,.12) | |
} | |
.fixed-plugin .btn.btn-info.focus, | |
.fixed-plugin .btn.btn-info:focus, | |
.fixed-plugin .btn.btn-info:hover { | |
color:#fff; | |
background-color:#00aec5; | |
border-color:#008697 | |
} | |
.fixed-plugin .btn.btn-info.active, | |
.fixed-plugin .btn.btn-info:active, | |
.open>.fixed-plugin .btn.btn-info.dropdown-toggle, | |
.show>.fixed-plugin .btn.btn-info.dropdown-toggle { | |
color:#fff; | |
background-color:#00aec5; | |
border-color:#008697; | |
box-shadow:0 2px 2px 0 rgba(0,188,212,.14),0 3px 1px -2px rgba(0,188,212,.2),0 1px 5px 0 rgba(0,188,212,.12) | |
} | |
.fixed-plugin .btn.btn-info.active.focus, | |
.fixed-plugin .btn.btn-info.active:focus, | |
.fixed-plugin .btn.btn-info.active:hover, | |
.fixed-plugin .btn.btn-info:active.focus, | |
.fixed-plugin .btn.btn-info:active:focus, | |
.fixed-plugin .btn.btn-info:active:hover, | |
.open>.fixed-plugin .btn.btn-info.dropdown-toggle.focus, | |
.open>.fixed-plugin .btn.btn-info.dropdown-toggle:focus, | |
.open>.fixed-plugin .btn.btn-info.dropdown-toggle:hover, | |
.show>.fixed-plugin .btn.btn-info.dropdown-toggle.focus, | |
.show>.fixed-plugin .btn.btn-info.dropdown-toggle:focus, | |
.show>.fixed-plugin .btn.btn-info.dropdown-toggle:hover { | |
color:#fff; | |
background-color:#00aec5; | |
border-color:#004b55 | |
} | |
.open>.fixed-plugin .btn.btn-info.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:#00bcd4 | |
} | |
.open>.fixed-plugin .btn.btn-info.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:#00aec5 | |
} | |
.fixed-plugin .btn.btn-info.disabled.focus, | |
.fixed-plugin .btn.btn-info.disabled:focus, | |
.fixed-plugin .btn.btn-info.disabled:hover, | |
.fixed-plugin .btn.btn-info:disabled.focus, | |
.fixed-plugin .btn.btn-info:disabled:focus, | |
.fixed-plugin .btn.btn-info:disabled:hover { | |
background-color:#00bcd4; | |
border-color:#00bcd4 | |
} | |
.fixed-plugin .btn.btn-info:active, | |
.fixed-plugin .btn.btn-info:focus, | |
.fixed-plugin .btn.btn-info:hover { | |
box-shadow:0 14px 26px -12px rgba(0,188,212,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,188,212,.2) | |
} | |
.fixed-plugin .btn.btn-info.btn-link { | |
box-shadow:none | |
} | |
.fixed-plugin .btn.btn-info.btn-link, | |
.fixed-plugin .btn.btn-info.btn-link:active, | |
.fixed-plugin .btn.btn-info.btn-link:focus, | |
.fixed-plugin .btn.btn-info.btn-link:hover { | |
background-color:transparent; | |
color:#00bcd4 | |
} | |
.fixed-plugin .btn.btn-success { | |
color:#fff; | |
background-color:#4caf50; | |
border-color:#4caf50; | |
box-shadow:0 2px 2px 0 rgba(76,175,80,.14),0 3px 1px -2px rgba(76,175,80,.2),0 1px 5px 0 rgba(76,175,80,.12) | |
} | |
.fixed-plugin .btn.btn-success.focus, | |
.fixed-plugin .btn.btn-success:focus, | |
.fixed-plugin .btn.btn-success:hover { | |
color:#fff; | |
background-color:#47a44b; | |
border-color:#39843c | |
} | |
.fixed-plugin .btn.btn-success.active, | |
.fixed-plugin .btn.btn-success:active, | |
.open>.fixed-plugin .btn.btn-success.dropdown-toggle, | |
.show>.fixed-plugin .btn.btn-success.dropdown-toggle { | |
color:#fff; | |
background-color:#47a44b; | |
border-color:#39843c; | |
box-shadow:0 2px 2px 0 rgba(76,175,80,.14),0 3px 1px -2px rgba(76,175,80,.2),0 1px 5px 0 rgba(76,175,80,.12) | |
} | |
.fixed-plugin .btn.btn-success.active.focus, | |
.fixed-plugin .btn.btn-success.active:focus, | |
.fixed-plugin .btn.btn-success.active:hover, | |
.fixed-plugin .btn.btn-success:active.focus, | |
.fixed-plugin .btn.btn-success:active:focus, | |
.fixed-plugin .btn.btn-success:active:hover, | |
.open>.fixed-plugin .btn.btn-success.dropdown-toggle.focus, | |
.open>.fixed-plugin .btn.btn-success.dropdown-toggle:focus, | |
.open>.fixed-plugin .btn.btn-success.dropdown-toggle:hover, | |
.show>.fixed-plugin .btn.btn-success.dropdown-toggle.focus, | |
.show>.fixed-plugin .btn.btn-success.dropdown-toggle:focus, | |
.show>.fixed-plugin .btn.btn-success.dropdown-toggle:hover { | |
color:#fff; | |
background-color:#47a44b; | |
border-color:#255627 | |
} | |
.open>.fixed-plugin .btn.btn-success.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:#4caf50 | |
} | |
.open>.fixed-plugin .btn.btn-success.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:#47a44b | |
} | |
.fixed-plugin .btn.btn-success.disabled.focus, | |
.fixed-plugin .btn.btn-success.disabled:focus, | |
.fixed-plugin .btn.btn-success.disabled:hover, | |
.fixed-plugin .btn.btn-success:disabled.focus, | |
.fixed-plugin .btn.btn-success:disabled:focus, | |
.fixed-plugin .btn.btn-success:disabled:hover { | |
background-color:#4caf50; | |
border-color:#4caf50 | |
} | |
.fixed-plugin .btn.btn-success:active, | |
.fixed-plugin .btn.btn-success:focus, | |
.fixed-plugin .btn.btn-success:hover { | |
box-shadow:0 14px 26px -12px rgba(76,175,80,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(76,175,80,.2) | |
} | |
.fixed-plugin .btn.btn-success.btn-link { | |
box-shadow:none | |
} | |
.fixed-plugin .btn.btn-success.btn-link, | |
.fixed-plugin .btn.btn-success.btn-link:active, | |
.fixed-plugin .btn.btn-success.btn-link:focus, | |
.fixed-plugin .btn.btn-success.btn-link:hover { | |
background-color:transparent; | |
color:#4caf50 | |
} | |
.fixed-plugin .btn.btn-warning { | |
color:#fff; | |
background-color:#ff9800; | |
border-color:#ff9800; | |
box-shadow:0 2px 2px 0 rgba(255,152,0,.14),0 3px 1px -2px rgba(255,152,0,.2),0 1px 5px 0 rgba(255,152,0,.12) | |
} | |
.fixed-plugin .btn.btn-warning.focus, | |
.fixed-plugin .btn.btn-warning:focus, | |
.fixed-plugin .btn.btn-warning:hover { | |
color:#fff; | |
background-color:#f08f00; | |
border-color:#c27400 | |
} | |
.fixed-plugin .btn.btn-warning.active, | |
.fixed-plugin .btn.btn-warning:active, | |
.open>.fixed-plugin .btn.btn-warning.dropdown-toggle, | |
.show>.fixed-plugin .btn.btn-warning.dropdown-toggle { | |
color:#fff; | |
background-color:#f08f00; | |
border-color:#c27400; | |
box-shadow:0 2px 2px 0 rgba(255,152,0,.14),0 3px 1px -2px rgba(255,152,0,.2),0 1px 5px 0 rgba(255,152,0,.12) | |
} | |
.fixed-plugin .btn.btn-warning.active.focus, | |
.fixed-plugin .btn.btn-warning.active:focus, | |
.fixed-plugin .btn.btn-warning.active:hover, | |
.fixed-plugin .btn.btn-warning:active.focus, | |
.fixed-plugin .btn.btn-warning:active:focus, | |
.fixed-plugin .btn.btn-warning:active:hover, | |
.open>.fixed-plugin .btn.btn-warning.dropdown-toggle.focus, | |
.open>.fixed-plugin .btn.btn-warning.dropdown-toggle:focus, | |
.open>.fixed-plugin .btn.btn-warning.dropdown-toggle:hover, | |
.show>.fixed-plugin .btn.btn-warning.dropdown-toggle.focus, | |
.show>.fixed-plugin .btn.btn-warning.dropdown-toggle:focus, | |
.show>.fixed-plugin .btn.btn-warning.dropdown-toggle:hover { | |
color:#fff; | |
background-color:#f08f00; | |
border-color:#804c00 | |
} | |
.open>.fixed-plugin .btn.btn-warning.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:#ff9800 | |
} | |
.open>.fixed-plugin .btn.btn-warning.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:#f08f00 | |
} | |
.fixed-plugin .btn.btn-warning.disabled.focus, | |
.fixed-plugin .btn.btn-warning.disabled:focus, | |
.fixed-plugin .btn.btn-warning.disabled:hover, | |
.fixed-plugin .btn.btn-warning:disabled.focus, | |
.fixed-plugin .btn.btn-warning:disabled:focus, | |
.fixed-plugin .btn.btn-warning:disabled:hover { | |
background-color:#ff9800; | |
border-color:#ff9800 | |
} | |
.fixed-plugin .btn.btn-warning:active, | |
.fixed-plugin .btn.btn-warning:focus, | |
.fixed-plugin .btn.btn-warning:hover { | |
box-shadow:0 14px 26px -12px rgba(255,152,0,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(255,152,0,.2) | |
} | |
.fixed-plugin .btn.btn-warning.btn-link { | |
box-shadow:none | |
} | |
.fixed-plugin .btn.btn-warning.btn-link, | |
.fixed-plugin .btn.btn-warning.btn-link:active, | |
.fixed-plugin .btn.btn-warning.btn-link:focus, | |
.fixed-plugin .btn.btn-warning.btn-link:hover { | |
background-color:transparent; | |
color:#ff9800 | |
} | |
.fixed-plugin .btn.btn-danger { | |
color:#fff; | |
background-color:#f44336; | |
border-color:#f44336; | |
box-shadow:0 2px 2px 0 rgba(244,67,54,.14),0 3px 1px -2px rgba(244,67,54,.2),0 1px 5px 0 rgba(244,67,54,.12) | |
} | |
.fixed-plugin .btn.btn-danger.focus, | |
.fixed-plugin .btn.btn-danger:focus, | |
.fixed-plugin .btn.btn-danger:hover { | |
color:#fff; | |
background-color:#f33527; | |
border-color:#e11b0c | |
} | |
.fixed-plugin .btn.btn-danger.active, | |
.fixed-plugin .btn.btn-danger:active, | |
.open>.fixed-plugin .btn.btn-danger.dropdown-toggle, | |
.show>.fixed-plugin .btn.btn-danger.dropdown-toggle { | |
color:#fff; | |
background-color:#f33527; | |
border-color:#e11b0c; | |
box-shadow:0 2px 2px 0 rgba(244,67,54,.14),0 3px 1px -2px rgba(244,67,54,.2),0 1px 5px 0 rgba(244,67,54,.12) | |
} | |
.fixed-plugin .btn.btn-danger.active.focus, | |
.fixed-plugin .btn.btn-danger.active:focus, | |
.fixed-plugin .btn.btn-danger.active:hover, | |
.fixed-plugin .btn.btn-danger:active.focus, | |
.fixed-plugin .btn.btn-danger:active:focus, | |
.fixed-plugin .btn.btn-danger:active:hover, | |
.open>.fixed-plugin .btn.btn-danger.dropdown-toggle.focus, | |
.open>.fixed-plugin .btn.btn-danger.dropdown-toggle:focus, | |
.open>.fixed-plugin .btn.btn-danger.dropdown-toggle:hover, | |
.show>.fixed-plugin .btn.btn-danger.dropdown-toggle.focus, | |
.show>.fixed-plugin .btn.btn-danger.dropdown-toggle:focus, | |
.show>.fixed-plugin .btn.btn-danger.dropdown-toggle:hover { | |
color:#fff; | |
background-color:#f33527; | |
border-color:#a21309 | |
} | |
.open>.fixed-plugin .btn.btn-danger.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:#f44336 | |
} | |
.open>.fixed-plugin .btn.btn-danger.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:#f33527 | |
} | |
.fixed-plugin .btn.btn-danger.disabled.focus, | |
.fixed-plugin .btn.btn-danger.disabled:focus, | |
.fixed-plugin .btn.btn-danger.disabled:hover, | |
.fixed-plugin .btn.btn-danger:disabled.focus, | |
.fixed-plugin .btn.btn-danger:disabled:focus, | |
.fixed-plugin .btn.btn-danger:disabled:hover { | |
background-color:#f44336; | |
border-color:#f44336 | |
} | |
.fixed-plugin .btn.btn-danger:active, | |
.fixed-plugin .btn.btn-danger:focus, | |
.fixed-plugin .btn.btn-danger:hover { | |
box-shadow:0 14px 26px -12px rgba(244,67,54,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(244,67,54,.2) | |
} | |
.fixed-plugin .btn.btn-danger.btn-link { | |
box-shadow:none | |
} | |
.fixed-plugin .btn.btn-danger.btn-link, | |
.fixed-plugin .btn.btn-danger.btn-link:active, | |
.fixed-plugin .btn.btn-danger.btn-link:focus, | |
.fixed-plugin .btn.btn-danger.btn-link:hover { | |
background-color:transparent; | |
color:#f44336 | |
} | |
.fixed-plugin .btn.btn-rose { | |
color:#fff; | |
background-color:#e91e63; | |
border-color:#e91e63; | |
box-shadow:0 2px 2px 0 rgba(233,30,99,.14),0 3px 1px -2px rgba(233,30,99,.2),0 1px 5px 0 rgba(233,30,99,.12) | |
} | |
.fixed-plugin .btn.btn-rose.focus, | |
.fixed-plugin .btn.btn-rose:focus, | |
.fixed-plugin .btn.btn-rose:hover { | |
color:#fff; | |
background-color:#ea2c6d; | |
border-color:#b8124a | |
} | |
.fixed-plugin .btn.btn-rose.active, | |
.fixed-plugin .btn.btn-rose:active, | |
.open>.fixed-plugin .btn.btn-rose.dropdown-toggle, | |
.show>.fixed-plugin .btn.btn-rose.dropdown-toggle { | |
color:#fff; | |
background-color:#ea2c6d; | |
border-color:#b8124a; | |
box-shadow:0 2px 2px 0 rgba(233,30,99,.14),0 3px 1px -2px rgba(233,30,99,.2),0 1px 5px 0 rgba(233,30,99,.12) | |
} | |
.fixed-plugin .btn.btn-rose.active.focus, | |
.fixed-plugin .btn.btn-rose.active:focus, | |
.fixed-plugin .btn.btn-rose.active:hover, | |
.fixed-plugin .btn.btn-rose:active.focus, | |
.fixed-plugin .btn.btn-rose:active:focus, | |
.fixed-plugin .btn.btn-rose:active:hover, | |
.open>.fixed-plugin .btn.btn-rose.dropdown-toggle.focus, | |
.open>.fixed-plugin .btn.btn-rose.dropdown-toggle:focus, | |
.open>.fixed-plugin .btn.btn-rose.dropdown-toggle:hover, | |
.show>.fixed-plugin .btn.btn-rose.dropdown-toggle.focus, | |
.show>.fixed-plugin .btn.btn-rose.dropdown-toggle:focus, | |
.show>.fixed-plugin .btn.btn-rose.dropdown-toggle:hover { | |
color:#fff; | |
background-color:#ea2c6d; | |
border-color:#7b0c32 | |
} | |
.open>.fixed-plugin .btn.btn-rose.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:#e91e63 | |
} | |
.open>.fixed-plugin .btn.btn-rose.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:#ea2c6d | |
} | |
.fixed-plugin .btn.btn-rose.disabled.focus, | |
.fixed-plugin .btn.btn-rose.disabled:focus, | |
.fixed-plugin .btn.btn-rose.disabled:hover, | |
.fixed-plugin .btn.btn-rose:disabled.focus, | |
.fixed-plugin .btn.btn-rose:disabled:focus, | |
.fixed-plugin .btn.btn-rose:disabled:hover { | |
background-color:#e91e63; | |
border-color:#e91e63 | |
} | |
.fixed-plugin .btn.btn-rose:active, | |
.fixed-plugin .btn.btn-rose:focus, | |
.fixed-plugin .btn.btn-rose:hover { | |
box-shadow:0 14px 26px -12px rgba(233,30,99,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(233,30,99,.2) | |
} | |
.fixed-plugin .btn.btn-rose.btn-link { | |
box-shadow:none | |
} | |
.fixed-plugin .btn.btn-rose.btn-link, | |
.fixed-plugin .btn.btn-rose.btn-link:active, | |
.fixed-plugin .btn.btn-rose.btn-link:focus, | |
.fixed-plugin .btn.btn-rose.btn-link:hover { | |
background-color:transparent; | |
color:#e91e63 | |
} | |
.fixed-plugin .btn, | |
.fixed-plugin .btn.btn-default { | |
color:#fff; | |
background-color:#999; | |
border-color:#999; | |
box-shadow:0 2px 2px 0 hsla(0,0%,60%,.14),0 3px 1px -2px hsla(0,0%,60%,.2),0 1px 5px 0 hsla(0,0%,60%,.12) | |
} | |
.fixed-plugin .btn.btn-default.focus, | |
.fixed-plugin .btn.btn-default:focus, | |
.fixed-plugin .btn.btn-default:hover, | |
.fixed-plugin .btn.focus, | |
.fixed-plugin .btn:focus, | |
.fixed-plugin .btn:hover { | |
color:#fff; | |
background-color:#919191; | |
border-color:#7a7a7a | |
} | |
.fixed-plugin .btn.active, | |
.fixed-plugin .btn.btn-default.active, | |
.fixed-plugin .btn.btn-default:active, | |
.fixed-plugin .btn:active, | |
.open>.fixed-plugin .btn.btn-default.dropdown-toggle, | |
.open>.fixed-plugin .btn.dropdown-toggle, | |
.show>.fixed-plugin .btn.btn-default.dropdown-toggle, | |
.show>.fixed-plugin .btn.dropdown-toggle { | |
color:#fff; | |
background-color:#919191; | |
border-color:#7a7a7a; | |
box-shadow:0 2px 2px 0 hsla(0,0%,60%,.14),0 3px 1px -2px hsla(0,0%,60%,.2),0 1px 5px 0 hsla(0,0%,60%,.12) | |
} | |
.fixed-plugin .btn.active.focus, | |
.fixed-plugin .btn.active:focus, | |
.fixed-plugin .btn.active:hover, | |
.fixed-plugin .btn.btn-default.active.focus, | |
.fixed-plugin .btn.btn-default.active:focus, | |
.fixed-plugin .btn.btn-default.active:hover, | |
.fixed-plugin .btn.btn-default:active.focus, | |
.fixed-plugin .btn.btn-default:active:focus, | |
.fixed-plugin .btn.btn-default:active:hover, | |
.fixed-plugin .btn:active.focus, | |
.fixed-plugin .btn:active:focus, | |
.fixed-plugin .btn:active:hover, | |
.open>.fixed-plugin .btn.btn-default.dropdown-toggle.focus, | |
.open>.fixed-plugin .btn.btn-default.dropdown-toggle:focus, | |
.open>.fixed-plugin .btn.btn-default.dropdown-toggle:hover, | |
.open>.fixed-plugin .btn.dropdown-toggle.focus, | |
.open>.fixed-plugin .btn.dropdown-toggle:focus, | |
.open>.fixed-plugin .btn.dropdown-toggle:hover, | |
.show>.fixed-plugin .btn.btn-default.dropdown-toggle.focus, | |
.show>.fixed-plugin .btn.btn-default.dropdown-toggle:focus, | |
.show>.fixed-plugin .btn.btn-default.dropdown-toggle:hover, | |
.show>.fixed-plugin .btn.dropdown-toggle.focus, | |
.show>.fixed-plugin .btn.dropdown-toggle:focus, | |
.show>.fixed-plugin .btn.dropdown-toggle:hover { | |
color:#fff; | |
background-color:#919191; | |
border-color:#595959 | |
} | |
.open>.fixed-plugin .btn.btn-default.dropdown-toggle.bmd-btn-icon, | |
.open>.fixed-plugin .btn.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:#999 | |
} | |
.open>.fixed-plugin .btn.btn-default.dropdown-toggle.bmd-btn-icon:hover, | |
.open>.fixed-plugin .btn.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:#919191 | |
} | |
.fixed-plugin .btn.btn-default.disabled.focus, | |
.fixed-plugin .btn.btn-default.disabled:focus, | |
.fixed-plugin .btn.btn-default.disabled:hover, | |
.fixed-plugin .btn.btn-default:disabled.focus, | |
.fixed-plugin .btn.btn-default:disabled:focus, | |
.fixed-plugin .btn.btn-default:disabled:hover, | |
.fixed-plugin .btn.disabled.focus, | |
.fixed-plugin .btn.disabled:focus, | |
.fixed-plugin .btn.disabled:hover, | |
.fixed-plugin .btn:disabled.focus, | |
.fixed-plugin .btn:disabled:focus, | |
.fixed-plugin .btn:disabled:hover { | |
background-color:#999; | |
border-color:#999 | |
} | |
.fixed-plugin .btn.btn-default:active, | |
.fixed-plugin .btn.btn-default:focus, | |
.fixed-plugin .btn.btn-default:hover, | |
.fixed-plugin .btn:active, | |
.fixed-plugin .btn:focus, | |
.fixed-plugin .btn:hover { | |
box-shadow:0 14px 26px -12px hsla(0,0%,60%,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px hsla(0,0%,60%,.2) | |
} | |
.fixed-plugin .btn.btn-default.btn-link, | |
.fixed-plugin .btn.btn-link { | |
background-color:transparent; | |
color:#999; | |
box-shadow:none | |
} | |
.fixed-plugin .btn.btn-default.btn-link:active, | |
.fixed-plugin .btn.btn-default.btn-link:focus, | |
.fixed-plugin .btn.btn-default.btn-link:hover, | |
.fixed-plugin .btn.btn-link:active, | |
.fixed-plugin .btn.btn-link:focus, | |
.fixed-plugin .btn.btn-link:hover { | |
background-color:transparent; | |
color:#999 | |
} | |
.fixed-plugin .btn.active.focus, | |
.fixed-plugin .btn.active:focus, | |
.fixed-plugin .btn.focus, | |
.fixed-plugin .btn:active.focus, | |
.fixed-plugin .btn:active:focus, | |
.fixed-plugin .btn:focus { | |
outline:0 | |
} | |
.fixed-plugin .btn.btn-round { | |
border-radius:30px | |
} | |
.fixed-plugin .button-container .btn:not(.btn-facebook):not(.btn-twitter) { | |
display:block | |
} | |
.fixed-plugin .button-container.github-star { | |
margin-left:78px | |
} | |
.fixed-plugin #sharrreTitle { | |
text-align:center; | |
padding:10px 0; | |
height:50px | |
} | |
.fixed-plugin li.header-title { | |
height:30px; | |
line-height:25px; | |
font-size:12px; | |
font-weight:600; | |
text-transform:uppercase; | |
text-align:center | |
} | |
.fixed-plugin .adjustments-line p { | |
float:left; | |
display:inline-block; | |
margin-bottom:0; | |
font-size:1em; | |
color:#3c4858; | |
padding-top:0 | |
} | |
.fixed-plugin .adjustments-line a .badge-colors { | |
position:relative; | |
top:-2px | |
} | |
.fixed-plugin .adjustments-line .togglebutton { | |
padding-right:7px | |
} | |
.fixed-plugin .adjustments-line .togglebutton .toggle { | |
margin-right:0 | |
} | |
.fixed-plugin .dropdown-menu>li.adjustments-line>a { | |
padding-right:0; | |
padding-left:0; | |
border-radius:0; | |
margin:0 | |
} | |
.fixed-plugin .dropdown-menu>li>a.img-holder { | |
font-size:16px; | |
text-align:center; | |
border-radius:10px; | |
background-color:#fff; | |
border:3px solid #fff; | |
padding-left:0; | |
padding-right:0; | |
opacity:1; | |
cursor:pointer; | |
display:block; | |
max-height:100px; | |
overflow:hidden; | |
padding:0; | |
min-width:25% | |
} | |
.fixed-plugin .dropdown-menu>li>a.switch-trigger:focus, | |
.fixed-plugin .dropdown-menu>li>a.switch-trigger:hover { | |
background-color:transparent | |
} | |
.fixed-plugin .dropdown-menu>li:focus>a.img-holder, | |
.fixed-plugin .dropdown-menu>li:hover>a.img-holder { | |
border-color:rgba(0,187,255,.53) | |
} | |
.fixed-plugin .dropdown-menu>.active>a.img-holder { | |
border-color:#0bf; | |
background-color:#fff | |
} | |
.fixed-plugin .dropdown-menu>li>a img { | |
margin-top:auto | |
} | |
.fixed-plugin .btn-social { | |
width:50%; | |
display:block; | |
width:48%; | |
float:left; | |
font-weight:600 | |
} | |
.fixed-plugin .btn-social i { | |
margin-right:5px | |
} | |
.fixed-plugin .btn-social:first-child { | |
margin-right:2% | |
} | |
.fixed-plugin .adjustments-line a, | |
.fixed-plugin .adjustments-line a:focus, | |
.fixed-plugin .adjustments-line a:hover { | |
color:transparent | |
} | |
.fixed-plugin .dropdown .dropdown-menu { | |
top:-40px!important; | |
opacity:0; | |
left:-303px!important; | |
transform-origin:100% 0 | |
} | |
.fixed-plugin .dropdown.show .dropdown-menu { | |
opacity:1; | |
transform:scale(1) | |
} | |
.fixed-plugin .dropdown-menu:after, | |
.fixed-plugin .dropdown-menu:before { | |
content:""; | |
display:inline-block; | |
position:absolute; | |
top:65px; | |
width:16px; | |
transform:translateY(-50%); | |
-webkit-transform:translateY(-50%); | |
-moz-transform:translateY(-50%) | |
} | |
.fixed-plugin .dropdown-menu:before { | |
border-bottom:16px solid transparent; | |
border-left:16px solid rgba(0,0,0,.2); | |
border-top:16px solid transparent; | |
right:-16px | |
} | |
.fixed-plugin .dropdown-menu:after { | |
border-bottom:16px solid transparent; | |
border-left:16px solid #fff; | |
border-top:16px solid transparent; | |
right:-15px | |
} | |
.wrapper-full-page~.fixed-plugin .dropdown.open .dropdown-menu { | |
transform:translateY(-17%) | |
} | |
.wrapper-full-page~.fixed-plugin .dropdown .dropdown-menu { | |
transform:translateY(-19%) | |
} | |
.table>thead>tr>th { | |
border-bottom-width:1px; | |
font-size:1.0625rem; | |
font-weight:300 | |
} | |
.table .form-check { | |
margin-top:0 | |
} | |
.table .form-check .form-check-sign { | |
top:-13px; | |
left:0; | |
padding-right:0 | |
} | |
.table .checkbox, | |
.table .radio { | |
margin-top:0; | |
margin-bottom:0; | |
padding:0; | |
width:15px | |
} | |
.table .checkbox .icons, | |
.table .radio .icons { | |
position:relative | |
} | |
.table .flag img { | |
max-width:18px; | |
margin-top:-2px | |
} | |
.table>tbody>tr>td, | |
.table>tbody>tr>th, | |
.table>tfoot>tr>td, | |
.table>tfoot>tr>th, | |
.table>thead>tr>td, | |
.table>thead>tr>th { | |
padding:12px 8px; | |
vertical-align:middle; | |
border-color:#ddd | |
} | |
.table thead tr th { | |
font-size:1.063rem | |
} | |
.table .th-description { | |
max-width:150px | |
} | |
.table .td-price { | |
font-size:26px; | |
font-weight:300; | |
margin-top:5px; | |
text-align:right | |
} | |
.table .td-total { | |
font-weight:500; | |
font-size:1.0625rem; | |
padding-top:20px; | |
text-align:right | |
} | |
.table .td-actions .btn { | |
margin:0; | |
padding:5px | |
} | |
.table>tbody>tr { | |
position:relative | |
} | |
.table-shopping>thead>tr>th { | |
font-size:.75rem; | |
text-transform:uppercase | |
} | |
.table-shopping>tbody>tr>td { | |
font-size:14px | |
} | |
.table-shopping>tbody>tr>td b { | |
display:block; | |
margin-bottom:5px | |
} | |
.table-shopping .td-name { | |
font-weight:400; | |
font-size:1.5em; | |
line-height:1.42857143 | |
} | |
.table-shopping .td-name small { | |
color:#999; | |
font-size:.75em; | |
font-weight:300 | |
} | |
.table-shopping .td-number { | |
font-weight:300; | |
font-size:1.125rem | |
} | |
.table-shopping .td-name { | |
min-width:200px | |
} | |
.table-shopping .td-number { | |
text-align:right; | |
min-width:150px | |
} | |
.table-shopping .td-number small { | |
margin-right:3px | |
} | |
.table-shopping .img-container { | |
width:120px; | |
max-height:160px; | |
overflow:hidden; | |
display:block | |
} | |
.table-shopping .img-container img { | |
width:100% | |
} | |
.table-inverse { | |
color:hsla(0,0%,100%,.84) | |
} | |
.table thead th { | |
font-size:.95rem; | |
font-weight:500; | |
border-top-width:0; | |
border-bottom-width:1px | |
} | |
.table-inverse thead th, | |
thead.thead-inverse th { | |
color:hsla(0,0%,100%,.54) | |
} | |
.table-inverse td, | |
.table-inverse th, | |
.table-inverse thead th { | |
border-color:hsla(0,0%,100%,.06) | |
} | |
.table-striped>tbody>tr:nth-of-type(odd) { | |
background-color:#f9f9f9 | |
} | |
.table.table-hover tbody tr:hover { | |
background-color:#f5f5f5 | |
} | |
.dataTable>tbody>tr>td, | |
.dataTable>tbody>tr>th, | |
.dataTable>tfoot>tr>td, | |
.dataTable>tfoot>tr>th, | |
.dataTable>thead>tr>td, | |
.dataTable>thead>tr>th { | |
padding:5px!important | |
} | |
body { | |
background-color:#eee; | |
color:#3c4858; | |
font-weight:300 | |
} | |
legend { | |
border-bottom:0 | |
} | |
.serif-font { | |
font-family:Roboto Slab,Times New Roman,serif | |
} | |
* { | |
-webkit-tap-highlight-color:rgba(255,255,255,0); | |
-webkit-tap-highlight-color:transparent | |
} | |
:focus { | |
outline:0 | |
} | |
a { | |
color:#9c27b0 | |
} | |
a:focus, | |
a:hover { | |
color:#89229b; | |
text-decoration:none | |
} | |
a.text-info:focus, | |
a.text-info:hover { | |
color:#00a5bb | |
} | |
a .material-icons { | |
vertical-align:middle | |
} | |
.form-check, | |
label { | |
font-size:14px; | |
line-height:1.42857; | |
color:#aaa; | |
font-weight:400 | |
} | |
.animation-transition-general, | |
.sidebar .nav p, | |
.sidebar .sidebar-wrapper .user .user-info [data-toggle=collapse]~div>ul>li>a span, | |
.sidebar .sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a span { | |
transition:all .3s linear | |
} | |
.animation-transition-slow { | |
transition:all .37s linear | |
} | |
.animation-transition-fast { | |
transition:all .15s ease 0s | |
} | |
.caret, | |
.sidebar a { | |
transition:all .15s ease-in | |
} | |
.offline-doc .navbar.navbar-transparent { | |
padding-top:25px; | |
border-bottom:none | |
} | |
.offline-doc .navbar.navbar-transparent .navbar-minimize { | |
display:none | |
} | |
.offline-doc .navbar.navbar-transparent .collapse .navbar-nav .nav-link, | |
.offline-doc .navbar.navbar-transparent .navbar-brand { | |
color:#fff!important | |
} | |
.offline-doc .footer { | |
z-index:3!important; | |
position:absolute; | |
width:100%; | |
background:transparent; | |
bottom:0; | |
color:#fff | |
} | |
.offline-doc .page-header { | |
display:flex; | |
align-items:center | |
} | |
.offline-doc .page-header .content-center { | |
z-index:3 | |
} | |
.offline-doc .page-header .content-center .brand .title { | |
color:#fff | |
} | |
.offline-doc .page-header:after { | |
background-color:rgba(0,0,0,.5); | |
content:""; | |
display:block; | |
height:100%; | |
left:0; | |
position:absolute; | |
top:0; | |
width:100%; | |
z-index:2 | |
} | |
.bd-docs .bd-toc-item .bd-sidenav a span { | |
float:right; | |
margin-top:5px; | |
padding:3px 7px; | |
font-size:8px; | |
line-height:9px; | |
background-color:#9c27b0 | |
} | |
.bootstrap-datetimepicker-widget .timepicker .table-condesed .btn .ripple-container { | |
width:40px; | |
height:40px; | |
margin:-11px 3px | |
} | |
.off-canvas-sidebar .wrapper-full-page .page-header { | |
padding:15vh 0!important | |
} | |
html[dir=rtl] .main-panel { | |
float:left | |
} | |
html[dir=rtl] .off-canvas-sidebar nav .navbar-collapse, | |
html[dir=rtl] .sidebar { | |
text-align:right | |
} | |
html[dir=rtl] .sidebar { | |
left:unset; | |
right:0 | |
} | |
html[dir=rtl] .sidebar .nav { | |
padding-right:0 | |
} | |
html[dir=rtl] .sidebar .nav i { | |
float:right; | |
margin-left:15px; | |
margin-right:unset | |
} | |
html[dir=rtl] .card.card-chart { | |
direction:ltr | |
} | |
html[dir=rtl] .card.card-chart .card-category, | |
html[dir=rtl] .card.card-chart .card-title { | |
text-align:right | |
} | |
html[dir=rtl] .card .card-body, | |
html[dir=rtl] .card .card-footer { | |
direction:rtl | |
} | |
html[dir=rtl] .form-check .form-check-sign .check:before { | |
margin-right:10px | |
} | |
.btn.btn-facebook { | |
color:#fff; | |
background-color:#3b5998; | |
border-color:#3b5998; | |
box-shadow:0 2px 2px 0 rgba(59,89,152,.14),0 3px 1px -2px rgba(59,89,152,.2),0 1px 5px 0 rgba(59,89,152,.12) | |
} | |
.btn.btn-facebook.focus, | |
.btn.btn-facebook:focus, | |
.btn.btn-facebook:hover { | |
color:#fff; | |
background-color:#37538d; | |
border-color:#2a3f6c | |
} | |
.btn.btn-facebook.active, | |
.btn.btn-facebook:active, | |
.open>.btn.btn-facebook.dropdown-toggle, | |
.show>.btn.btn-facebook.dropdown-toggle { | |
color:#fff; | |
background-color:#37538d; | |
border-color:#2a3f6c; | |
box-shadow:0 2px 2px 0 rgba(59,89,152,.14),0 3px 1px -2px rgba(59,89,152,.2),0 1px 5px 0 rgba(59,89,152,.12) | |
} | |
.btn.btn-facebook.active.focus, | |
.btn.btn-facebook.active:focus, | |
.btn.btn-facebook.active:hover, | |
.btn.btn-facebook:active.focus, | |
.btn.btn-facebook:active:focus, | |
.btn.btn-facebook:active:hover, | |
.open>.btn.btn-facebook.dropdown-toggle.focus, | |
.open>.btn.btn-facebook.dropdown-toggle:focus, | |
.open>.btn.btn-facebook.dropdown-toggle:hover, | |
.show>.btn.btn-facebook.dropdown-toggle.focus, | |
.show>.btn.btn-facebook.dropdown-toggle:focus, | |
.show>.btn.btn-facebook.dropdown-toggle:hover { | |
color:#fff; | |
background-color:#37538d; | |
border-color:#17233c | |
} | |
.open>.btn.btn-facebook.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:#3b5998 | |
} | |
.open>.btn.btn-facebook.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:#37538d | |
} | |
.btn.btn-facebook.disabled.focus, | |
.btn.btn-facebook.disabled:focus, | |
.btn.btn-facebook.disabled:hover, | |
.btn.btn-facebook:disabled.focus, | |
.btn.btn-facebook:disabled:focus, | |
.btn.btn-facebook:disabled:hover { | |
background-color:#3b5998; | |
border-color:#3b5998 | |
} | |
.btn.btn-facebook:active, | |
.btn.btn-facebook:focus, | |
.btn.btn-facebook:hover { | |
box-shadow:0 14px 26px -12px rgba(59,89,152,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(59,89,152,.2) | |
} | |
.btn.btn-facebook.btn-link { | |
box-shadow:none | |
} | |
.btn.btn-facebook.btn-link, | |
.btn.btn-facebook.btn-link:active, | |
.btn.btn-facebook.btn-link:focus, | |
.btn.btn-facebook.btn-link:hover { | |
background-color:transparent; | |
color:#3b5998 | |
} | |
.btn.btn-twitter { | |
color:#fff; | |
background-color:#55acee; | |
border-color:#55acee; | |
box-shadow:0 2px 2px 0 rgba(85,172,238,.14),0 3px 1px -2px rgba(85,172,238,.2),0 1px 5px 0 rgba(85,172,238,.12) | |
} | |
.btn.btn-twitter.focus, | |
.btn.btn-twitter:focus, | |
.btn.btn-twitter:hover { | |
color:#fff; | |
background-color:#47a5ed; | |
border-color:#1d91e8 | |
} | |
.btn.btn-twitter.active, | |
.btn.btn-twitter:active, | |
.open>.btn.btn-twitter.dropdown-toggle, | |
.show>.btn.btn-twitter.dropdown-toggle { | |
color:#fff; | |
background-color:#47a5ed; | |
border-color:#1d91e8; | |
box-shadow:0 2px 2px 0 rgba(85,172,238,.14),0 3px 1px -2px rgba(85,172,238,.2),0 1px 5px 0 rgba(85,172,238,.12) | |
} | |
.btn.btn-twitter.active.focus, | |
.btn.btn-twitter.active:focus, | |
.btn.btn-twitter.active:hover, | |
.btn.btn-twitter:active.focus, | |
.btn.btn-twitter:active:focus, | |
.btn.btn-twitter:active:hover, | |
.open>.btn.btn-twitter.dropdown-toggle.focus, | |
.open>.btn.btn-twitter.dropdown-toggle:focus, | |
.open>.btn.btn-twitter.dropdown-toggle:hover, | |
.show>.btn.btn-twitter.dropdown-toggle.focus, | |
.show>.btn.btn-twitter.dropdown-toggle:focus, | |
.show>.btn.btn-twitter.dropdown-toggle:hover { | |
color:#fff; | |
background-color:#47a5ed; | |
border-color:#126db2 | |
} | |
.open>.btn.btn-twitter.dropdown-toggle.bmd-btn-icon { | |
color:inherit; | |
background-color:#55acee | |
} | |
.open>.btn.btn-twitter.dropdown-toggle.bmd-btn-icon:hover { | |
background-color:#47a5ed | |
} | |
.btn.btn-twitter.disabled.focus, | |
.btn.btn-twitter.disabled:focus, | |
.btn.btn-twitter.disabled:hover, | |
.btn.btn-twitter:disabled.focus, | |
.btn.btn-twitter:disabled:focus, | |
.btn.btn-twitter:disabled:hover { | |
background-color:#55acee; | |
border-color:#55acee | |
} | |
.btn.btn-twitter:active, | |
.btn.btn-twitter:focus, | |
.btn.btn-twitter:hover { | |
box-shadow:0 14px 26px -12px rgba(85,172,238,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(85,172,238,.2) | |
} | |
.btn.btn-twitter.btn-link { | |
box-shadow:none | |
} | |
.btn.btn-twitter.btn-link, | |
.btn.btn-twitter.btn-link:active, | |
.btn.btn-twitter.btn-link:focus, | |
.btn.btn-twitter.btn-link:hover { | |
background-color:transparent; | |
color:#55acee | |
} | |
.card { | |
border:0; | |
margin-bottom:30px; | |
margin-top:30px; | |
border-radius:6px; | |
color:#333; | |
background:#fff; | |
width:100%; | |
box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12) | |
} | |
.card .card-category:not([class*=text-]) { | |
color:#999 | |
} | |
.card .card-category { | |
margin-top:10px | |
} | |
.card .card-category .material-icons { | |
position:relative; | |
top:8px; | |
line-height:0 | |
} | |
.card .form-check { | |
margin-top:5px | |
} | |
.card .card-title { | |
margin-top:.625rem | |
} | |
.card .card-title:last-child { | |
margin-bottom:0 | |
} | |
.card.no-shadow .card-header-image, | |
.card.no-shadow .card-header-image img { | |
box-shadow:none!important | |
} | |
.card .card-body, | |
.card .card-footer { | |
padding:.9375rem 1.875rem | |
} | |
.card .card-body+.card-footer { | |
padding-top:0; | |
border:0; | |
border-radius:6px | |
} | |
.card .card-footer { | |
display:flex; | |
align-items:center; | |
background-color:transparent; | |
border:0 | |
} | |
.card .card-footer .author, | |
.card .card-footer .stats { | |
display:inline-flex | |
} | |
.card .card-footer .stats { | |
color:#999 | |
} | |
.card .card-footer .stats .material-icons { | |
position:relative; | |
top:-10px; | |
margin-right:3px; | |
margin-left:3px; | |
font-size:18px | |
} | |
.card.bmd-card-raised { | |
box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2) | |
} | |
@media (min-width:992px) { | |
.card.bmd-card-flat { | |
box-shadow:none | |
} | |
} | |
.card .card-header { | |
border-bottom:none; | |
background:transparent | |
} | |
.card .card-header .title { | |
color:#fff | |
} | |
.card .card-header .nav-tabs { | |
padding:0 | |
} | |
.card .card-header.card-header-image { | |
position:relative; | |
padding:0; | |
z-index:1; | |
margin-left:15px; | |
margin-right:15px; | |
margin-top:-30px; | |
border-radius:6px | |
} | |
.card .card-header.card-header-image img { | |
width:100%; | |
border-radius:6px; | |
pointer-events:none; | |
box-shadow:0 5px 15px -8px rgba(0,0,0,.24),0 8px 10px -5px rgba(0,0,0,.2) | |
} | |
.card .card-header.card-header-image .card-title { | |
position:absolute; | |
bottom:15px; | |
left:15px; | |
color:#fff; | |
font-size:1.125rem; | |
text-shadow:0 2px 5px rgba(33,33,33,.5) | |
} | |
.card .card-header.card-header-image .colored-shadow { | |
transform:scale(.94); | |
top:12px; | |
filter:blur(12px); | |
position:absolute; | |
width:100%; | |
height:100%; | |
background-size:cover; | |
z-index:-1; | |
transition:opacity .45s; | |
opacity:0 | |
} | |
.card .card-header.card-header-image.no-shadow { | |
box-shadow:none | |
} | |
.card .card-header.card-header-image.no-shadow.shadow-normal { | |
box-shadow:0 16px 38px -12px rgba(0,0,0,.56),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2) | |
} | |
.card .card-header.card-header-image.no-shadow .colored-shadow { | |
display:none!important | |
} | |
.card.bg-primary, | |
.card .card-header-primary .card-icon, | |
.card .card-header-primary .card-text, | |
.card .card-header-primary:not(.card-header-icon):not(.card-header-text), | |
.card.card-rotate.bg-primary .back, | |
.card.card-rotate.bg-primary .front { | |
background:linear-gradient(60deg,#ab47bc,#8e24aa) | |
} | |
.card.bg-info, | |
.card .card-header-info .card-icon, | |
.card .card-header-info .card-text, | |
.card .card-header-info:not(.card-header-icon):not(.card-header-text), | |
.card.card-rotate.bg-info .back, | |
.card.card-rotate.bg-info .front { | |
background:linear-gradient(60deg,#26c6da,#00acc1) | |
} | |
.card.bg-success, | |
.card .card-header-success .card-icon, | |
.card .card-header-success .card-text, | |
.card .card-header-success:not(.card-header-icon):not(.card-header-text), | |
.card.card-rotate.bg-success .back, | |
.card.card-rotate.bg-success .front { | |
background:linear-gradient(60deg,#66bb6a,#43a047) | |
} | |
.card.bg-warning, | |
.card .card-header-warning .card-icon, | |
.card .card-header-warning .card-text, | |
.card .card-header-warning:not(.card-header-icon):not(.card-header-text), | |
.card.card-rotate.bg-warning .back, | |
.card.card-rotate.bg-warning .front { | |
background:linear-gradient(60deg,#ffa726,#fb8c00) | |
} | |
.card.bg-danger, | |
.card .card-header-danger .card-icon, | |
.card .card-header-danger .card-text, | |
.card .card-header-danger:not(.card-header-icon):not(.card-header-text), | |
.card.card-rotate.bg-danger .back, | |
.card.card-rotate.bg-danger .front { | |
background:linear-gradient(60deg,#ef5350,#e53935) | |
} | |
.card.bg-rose, | |
.card .card-header-rose .card-icon, | |
.card .card-header-rose .card-text, | |
.card .card-header-rose:not(.card-header-icon):not(.card-header-text), | |
.card.card-rotate.bg-rose .back, | |
.card.card-rotate.bg-rose .front { | |
background:linear-gradient(60deg,#ec407a,#d81b60) | |
} | |
.card .card-header-primary .card-icon, | |
.card .card-header-primary .card-text, | |
.card .card-header-primary:not(.card-header-icon):not(.card-header-text) { | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(156,39,176,.4) | |
} | |
.card .card-header-danger .card-icon, | |
.card .card-header-danger .card-text, | |
.card .card-header-danger:not(.card-header-icon):not(.card-header-text) { | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(244,67,54,.4) | |
} | |
.card .card-header-rose .card-icon, | |
.card .card-header-rose .card-text, | |
.card .card-header-rose:not(.card-header-icon):not(.card-header-text) { | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(233,30,99,.4) | |
} | |
.card .card-header-warning .card-icon, | |
.card .card-header-warning .card-text, | |
.card .card-header-warning:not(.card-header-icon):not(.card-header-text) { | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(255,152,0,.4) | |
} | |
.card .card-header-info .card-icon, | |
.card .card-header-info .card-text, | |
.card .card-header-info:not(.card-header-icon):not(.card-header-text) { | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(0,188,212,.4) | |
} | |
.card .card-header-success .card-icon, | |
.card .card-header-success .card-text, | |
.card .card-header-success:not(.card-header-icon):not(.card-header-text) { | |
box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(76,175,80,.4) | |
} | |
.card[class*=bg-], | |
.card[class*=bg-] .card-title, | |
.card[class*=bg-] .card-title a, | |
.card[class*=bg-] .icon i, | |
.card [class*=card-header-], | |
.card [class*=card-header-] .card-title, | |
.card [class*=card-header-] .card-title a, | |
.card [class*=card-header-] .icon i { | |
color:#fff | |
} | |
.card[class*=bg-] .icon i, | |
.card [class*=card-header-] .icon i { | |
border-color:hsla(0,0%,100%,.25) | |
} | |
.card[class*=bg-] .author a, | |
.card[class*=bg-] .card-category, | |
.card[class*=bg-] .card-description, | |
.card[class*=bg-] .stats, | |
.card [class*=card-header-] .author a, | |
.card [class*=card-header-] .card-category, | |
.card [class*=card-header-] .card-description, | |
.card [class*=card-header-] .stats { | |
color:hsla(0,0%,100%,.8) | |
} | |
.card[class*=bg-] .author a:active, | |
.card[class*=bg-] .author a:focus, | |
.card[class*=bg-] .author a:hover, | |
.card [class*=card-header-] .author a:active, | |
.card [class*=card-header-] .author a:focus, | |
.card [class*=card-header-] .author a:hover { | |
color:#fff | |
} | |
.card .author .avatar { | |
width:30px; | |
height:30px; | |
overflow:hidden; | |
border-radius:50%; | |
margin-right:5px | |
} | |
.card .author a { | |
color:#3c4858; | |
text-decoration:none | |
} | |
.card .author a .ripple-container { | |
display:none | |
} | |
.card .card-category-social .fa { | |
font-size:24px; | |
position:relative; | |
margin-top:-4px; | |
top:2px; | |
margin-right:5px | |
} | |
.card .card-category-social .material-icons { | |
position:relative; | |
top:5px | |
} | |
.card[class*=bg-], | |
.card[class*=bg-] .card-body { | |
border-radius:6px | |
} | |
.card[class*=bg-] .card-body h1 small, | |
.card[class*=bg-] .card-body h2 small, | |
.card[class*=bg-] .card-body h3 small, | |
.card[class*=bg-] h1 small, | |
.card[class*=bg-] h2 small, | |
.card[class*=bg-] h3 small { | |
color:hsla(0,0%,100%,.8) | |
} | |
.card .card-stats { | |
background:transparent; | |
display:flex | |
} | |
.card .card-stats .author, | |
.card .card-stats .stats { | |
display:inline-flex | |
} | |
.card { | |
box-shadow:0 1px 4px 0 rgba(0,0,0,.14) | |
} | |
.card .table tr:first-child td { | |
border-top:none | |
} | |
.card .card-title { | |
margin-top:0; | |
margin-bottom:3px | |
} | |
.card .card-body { | |
padding:.9375rem 20px; | |
position:relative | |
} | |
.card .card-body .form-group { | |
margin:8px 0 0 | |
} | |
.card .card-header { | |
z-index:3!important | |
} | |
.card .card-header .card-title { | |
margin-bottom:3px | |
} | |
.card .card-header .card-category { | |
margin:0 | |
} | |
.card .card-header.card-header-text { | |
display:inline-block | |
} | |
.card .card-header.card-header-text:after { | |
content:""; | |
display:table | |
} | |
.card .card-header.card-header-icon i, | |
.card .card-header.card-header-text i { | |
width:33px; | |
height:33px; | |
text-align:center; | |
line-height:33px | |
} | |
.card .card-header.card-header-icon .card-title, | |
.card .card-header.card-header-text .card-title { | |
margin-top:15px; | |
color:#3c4858 | |
} | |
.card .card-header.card-header-icon h4, | |
.card .card-header.card-header-text h4 { | |
font-weight:300 | |
} | |
.card .card-header.card-header-tabs .nav-tabs { | |
background:transparent; | |
padding:0 | |
} | |
.card .card-header.card-header-tabs .nav-tabs-title { | |
float:left; | |
padding:10px 10px 10px 0; | |
line-height:24px | |
} | |
.card.card-plain .card-header.card-header-icon+.card-body .card-category, | |
.card.card-plain .card-header.card-header-icon+.card-body .card-title { | |
margin-top:-20px | |
} | |
.card .card-actions { | |
position:absolute; | |
z-index:1; | |
top:-50px; | |
width:calc(100% - 30px); | |
left:17px; | |
right:17px; | |
text-align:center | |
} | |
.card .card-actions .card-header { | |
padding:0; | |
min-height:160px | |
} | |
.card .card-actions .btn { | |
padding-left:12px; | |
padding-right:12px | |
} | |
.card .card-actions .fix-broken-card { | |
position:absolute; | |
top:-65px | |
} | |
.card.card-chart .card-footer i:nth-child(1n+2) { | |
width:18px; | |
text-align:center | |
} | |
.card.card-chart .card-category { | |
margin:0 | |
} | |
.card .card-body+.card-footer, | |
.card .card-footer { | |
padding:0; | |
padding-top:10px; | |
margin:0 15px 10px; | |
border-radius:0; | |
justify-content:space-between; | |
align-items:center | |
} | |
.card .card-body+.card-footer h6, | |
.card .card-footer h6 { | |
width:100% | |
} | |
.card .card-body+.card-footer .stats, | |
.card .card-footer .stats { | |
color:#999; | |
font-size:12px; | |
line-height:22px | |
} | |
.card .card-body+.card-footer .stats .card-category, | |
.card .card-footer .stats .card-category { | |
padding-top:7px; | |
padding-bottom:7px; | |
margin:0 | |
} | |
.card .card-body+.card-footer .stats .material-icons, | |
.card .card-footer .stats .material-icons { | |
position:relative; | |
top:4px; | |
font-size:16px | |
} | |
.card [class*=card-header-] { | |
margin:0 15px; | |
padding:0; | |
position:relative | |
} | |
.card [class*=card-header-] .card-title+.card-category { | |
color:hsla(0,0%,100%,.8) | |
} | |
.card [class*=card-header-] .card-title+.card-category a { | |
color:#fff | |
} | |
.card [class*=card-header-]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) { | |
border-radius:3px; | |
margin-top:-20px; | |
padding:15px | |
} | |
.card [class*=card-header-] .card-icon, | |
.card [class*=card-header-] .card-text { | |
border-radius:3px; | |
background-color:#999; | |
padding:15px; | |
margin-top:-20px; | |
margin-right:15px; | |
float:left | |
} | |
.card [class*=card-header-] .card-text { | |
float:none; | |
display:inline-block; | |
margin-right:0 | |
} | |
.card [class*=card-header-] .card-text .card-title { | |
color:#fff; | |
margin-top:0 | |
} | |
.card [class*=card-header-] .ct-chart .card-title { | |
color:#fff | |
} | |
.card [class*=card-header-] .ct-chart .card-category { | |
margin-bottom:0; | |
color:hsla(0,0%,100%,.62) | |
} | |
.card [class*=card-header-] .ct-chart .ct-label { | |
color:hsla(0,0%,100%,.7) | |
} | |
.card [class*=card-header-] .ct-chart .ct-grid { | |
stroke:hsla(0,0%,100%,.2) | |
} | |
.card [class*=card-header-] .ct-chart .ct-series-a .ct-bar, | |
.card [class*=card-header-] .ct-chart .ct-series-a .ct-line, | |
.card [class*=card-header-] .ct-chart .ct-series-a .ct-point, | |
.card [class*=card-header-] .ct-chart .ct-series-a .ct-slice-donut { | |
stroke:hsla(0,0%,100%,.8) | |
} | |
.card [class*=card-header-] .ct-chart .ct-series-a .ct-area, | |
.card [class*=card-header-] .ct-chart .ct-series-a .ct-slice-pie { | |
fill:hsla(0,0%,100%,.4) | |
} | |
.card [class*=card-header-] .ct-chart .ct-series-a .ct-bar { | |
stroke-width:10px | |
} | |
.card [class*=card-header-] .ct-chart .ct-point { | |
stroke-width:10px; | |
stroke-linecap:round | |
} | |
.card [class*=card-header-] .ct-chart .ct-line { | |
fill:none; | |
stroke-width:4px | |
} | |
.card [data-header-animation=true] { | |
transform:translateZ(0); | |
transition:all .3s cubic-bezier(.34,1.61,.7,1) | |
} | |
.card:hover [data-header-animation=true] { | |
transform:translate3d(0,-50px,0) | |
} | |
.card .map { | |
height:280px; | |
border-radius:6px; | |
margin-top:15px | |
} | |
.card .map.map-big { | |
height:420px | |
} | |
.card .card-body.table-full-width { | |
padding:0 | |
} | |
.card .card-plain .card-header-icon { | |
margin-right:15px!important | |
} | |
.table-sales { | |
margin-top:40px | |
} | |
.iframe-container { | |
width:100% | |
} | |
.iframe-container iframe { | |
width:100%; | |
height:500px; | |
border:0; | |
box-shadow:0 16px 38px -12px rgba(0,0,0,.56),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2) | |
} | |
.card-wizard .nav.nav-pills .nav-item { | |
margin:0 | |
} | |
.card-wizard .nav.nav-pills .nav-item .nav-link { | |
padding:6px 15px!important | |
} | |
.card-wizard .nav-pills:not(.flex-column) .nav-item+.nav-item:not(:first-child) { | |
margin-left:0 | |
} | |
.card-wizard .nav-item .nav-link.active, | |
.card-wizard .nav-item .nav-link:focus, | |
.card-wizard .nav-item .nav-link:hover { | |
background-color:inherit!important; | |
box-shadow:none!important | |
} | |
.card-wizard .input-group-text { | |
padding:6px 15px 0!important | |
} | |
.card-wizard .card-footer { | |
border-top:none!important | |
} | |
.card-chart .card-body+.card-footer, | |
.card-product .card-body+.card-footer { | |
border-top:1px solid #eee | |
} | |
.card-product .price { | |
color:inherit | |
} | |
.card-collapse { | |
margin-bottom:15px | |
} | |
.card-collapse .card .card-header a[aria-expanded=true] { | |
color:#e91e63 | |
} | |
.card-stats .card-header.card-header-icon, | |
.card-stats .card-header.card-header-text { | |
text-align:right | |
} | |
.card-stats .card-header .card-icon+.card-category, | |
.card-stats .card-header .card-icon+.card-title { | |
padding-top:10px | |
} | |
.card-stats .card-header.card-header-icon .card-category, | |
.card-stats .card-header.card-header-icon .card-title, | |
.card-stats .card-header.card-header-text .card-category, | |
.card-stats .card-header.card-header-text .card-title { | |
margin:0 | |
} | |
.card-stats .card-header .card-category { | |
margin-bottom:0; | |
margin-top:0 | |
} | |
.card-stats .card-header .card-category:not([class*=text-]) { | |
color:#999; | |
font-size:14px | |
} | |
.card-stats .card-header+.card-footer { | |
border-top:1px solid #eee; | |
margin-top:20px | |
} | |
.card-stats .card-header.card-header-icon i { | |
font-size:36px; | |
line-height:56px; | |
width:56px; | |
height:56px; | |
text-align:center | |
} | |
.card-stats .card-body { | |
text-align:right | |
} | |
.card-profile { | |
margin-top:30px; | |
text-align:center | |
} | |
.card-profile .card-avatar { | |
margin:-50px auto 0; | |
border-radius:50%; | |
overflow:hidden; | |
padding:0; | |
box-shadow:0 16px 38px -12px rgba(0,0,0,.56),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2) | |
} | |
.card-profile .card-avatar+.card-body { | |
margin-top:15px | |
} | |
.card-profile .card-avatar img { | |
width:100%; | |
height:auto | |
} | |
.card-profile .card-body+.card-footer { | |
margin-top:-15px | |
} | |
.card-profile .card-footer .btn.btn-just-icon { | |
font-size:20px; | |
padding:12px; | |
line-height:1em | |
} | |
.card-profile.card-plain .card-avatar { | |
margin-top:0 | |
} | |
.card-profile .card-header:not([class*=card-header-]) { | |
background:transparent | |
} | |
.card-profile .card-avatar { | |
max-width:130px; | |
max-height:130px | |
} | |
.card-plain { | |
background:transparent; | |
box-shadow:none | |
} | |
.card-plain .card-header:not(.card-avatar) { | |
margin-left:0; | |
margin-right:0 | |
} | |
.card-plain .card-body { | |
padding-left:5px; | |
padding-right:5px | |
} | |
.card-plain .card-header-image { | |
margin:0!important; | |
border-radius:6px | |
} | |
.card-plain .card-header-image img { | |
border-radius:6px | |
} | |
.card-plain .card-footer { | |
padding-left:5px; | |
padding-right:5px; | |
background-color:transparent | |
} | |
.animated { | |
animation-duration:1s; | |
animation-fill-mode:both | |
} | |
.animated.infinite { | |
animation-iteration-count:infinite | |
} | |
.animated.hinge { | |
animation-duration:2s | |
} | |
.animated.bounceIn, | |
.animated.bounceOut, | |
.animated.flipOutX, | |
.animated.flipOutY { | |
animation-duration:.75s | |
} | |
@keyframes e { | |
0%, | |
to { | |
transform:translateZ(0) | |
} | |
10%, | |
30%, | |
50%, | |
70%, | |
90% { | |
transform:translate3d(-10px,0,0) | |
} | |
20%, | |
40%, | |
60%, | |
80% { | |
transform:translate3d(10px,0,0) | |
} | |
} | |
.shake { | |
animation-name:e | |
} | |
@keyframes f { | |
0% { | |
opacity:0; | |
transform:translate3d(0,-100%,0) | |
} | |
to { | |
opacity:1; | |
transform:none | |
} | |
} | |
.fadeInDown { | |
animation-name:f | |
} | |
@keyframes g { | |
0% { | |
opacity:1 | |
} | |
to { | |
opacity:0 | |
} | |
} | |
.fadeOut { | |
animation-name:g | |
} | |
@keyframes h { | |
0% { | |
opacity:1 | |
} | |
to { | |
opacity:0; | |
transform:translate3d(0,100%,0) | |
} | |
} | |
.fadeOutDown { | |
animation-name:h | |
} | |
@keyframes i { | |
0% { | |
opacity:1 | |
} | |
to { | |
opacity:0; | |
transform:translate3d(0,-100%,0) | |
} | |
} | |
.fadeOutUp { | |
animation-name:i | |
} | |
.ct-chart .ct-series-a .ct-area, | |
.ct-chart .ct-series-a .ct-bar, | |
.ct-chart .ct-series-a .ct-line, | |
.ct-chart .ct-series-a .ct-point, | |
.ct-chart .ct-series-a .ct-slice-donut, | |
.ct-chart .ct-series-a .ct-slice-donut-solid, | |
.ct-chart .ct-series-a .ct-slice-pie { | |
stroke:#00bcd4 | |
} | |
.ct-chart .ct-series-b .ct-area, | |
.ct-chart .ct-series-b .ct-bar, | |
.ct-chart .ct-series-b .ct-line, | |
.ct-chart .ct-series-b .ct-point, | |
.ct-chart .ct-series-b .ct-slice-donut, | |
.ct-chart .ct-series-b .ct-slice-donut-solid, | |
.ct-chart .ct-series-b .ct-slice-pie { | |
stroke:#f44336 | |
} | |
.ct-chart .ct-series-c .ct-area, | |
.ct-chart .ct-series-c .ct-bar, | |
.ct-chart .ct-series-c .ct-line, | |
.ct-chart .ct-series-c .ct-point, | |
.ct-chart .ct-series-c .ct-slice-donut, | |
.ct-chart .ct-series-c .ct-slice-donut-solid, | |
.ct-chart .ct-series-c .ct-slice-pie { | |
stroke:#ff9800 | |
} | |
.ct-chart .ct-bar { | |
fill:none; | |
stroke-width:10px | |
} | |
.ct-chart .ct-line { | |
fill:none; | |
stroke-width:4px | |
} | |
.ct-chart .ct-point { | |
stroke-width:10px; | |
stroke-linecap:round | |
} | |
.ct-chart .ct-grid { | |
stroke:rgba(0,0,0,.2); | |
stroke-width:1px; | |
stroke-dasharray:2px | |
} | |
.ct-chart .ct-label { | |
fill:rgba(0,0,0,.4); | |
color:rgba(0,0,0,.4); | |
display:flex | |
} | |
.ct-chart .ct-label.ct-vertical.ct-start { | |
-ms-flex-align:flex-end; | |
align-items:flex-end; | |
-ms-flex-pack:flex-end; | |
justify-content:flex-end; | |
text-align:right; | |
text-anchor:end | |
} | |
.ct-chart .ct-series-a .ct-area, | |
.ct-chart .ct-series-a .ct-slice-donut-solid, | |
.ct-chart .ct-series-a .ct-slice-pie { | |
fill:#00bcd4 | |
} | |
.ct-chart .ct-series-b .ct-area, | |
.ct-chart .ct-series-b .ct-slice-donut-solid, | |
.ct-chart .ct-series-b .ct-slice-pie { | |
fill:#f44336 | |
} | |
.ct-chart .ct-series-c .ct-area, | |
.ct-chart .ct-series-c .ct-slice-donut-solid, | |
.ct-chart .ct-series-c .ct-slice-pie { | |
fill:#ff9800 | |
} | |
.ps-container { | |
-ms-touch-action:auto; | |
touch-action:auto; | |
overflow:hidden!important; | |
-ms-overflow-style:none | |
} | |
@supports (-ms-overflow-style:none) { | |
.ps-container { | |
overflow:auto!important | |
} | |
} | |
@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) { | |
.ps-container { | |
overflow:auto!important | |
} | |
} | |
.ps-container.ps-active-x>.ps-scrollbar-x-rail, | |
.ps-container.ps-active-y>.ps-scrollbar-y-rail { | |
display:block; | |
background-color:transparent | |
} | |
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail { | |
background-color:#eee; | |
opacity:.9 | |
} | |
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x { | |
background-color:#999; | |
height:11px | |
} | |
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail { | |
background-color:#eee; | |
opacity:.9 | |
} | |
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y { | |
background-color:#999; | |
width:11px | |
} | |
.ps-container>.ps-scrollbar-x-rail { | |
display:none; | |
position:absolute; | |
opacity:0; | |
transition:background-color .2s linear,opacity .2s linear; | |
bottom:0; | |
height:15px | |
} | |
.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x { | |
position:absolute; | |
background-color:#aaa; | |
border-radius:6px; | |
transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out; | |
bottom:2px; | |
height:6px | |
} | |
.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x, | |
.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x { | |
height:11px | |
} | |
.ps-container>.ps-scrollbar-y-rail { | |
display:none; | |
position:absolute; | |
opacity:0; | |
transition:background-color .2s linear,opacity .2s linear; | |
right:0; | |
width:15px | |
} | |
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y { | |
position:absolute; | |
background-color:#aaa; | |
border-radius:6px; | |
transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out; | |
right:2px; | |
width:6px | |
} | |
.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y, | |
.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y { | |
width:11px | |
} | |
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail { | |
background-color:#eee; | |
opacity:.9 | |
} | |
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x { | |
background-color:#999; | |
height:11px | |
} | |
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail { | |
background-color:#eee; | |
opacity:.9 | |
} | |
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y { | |
background-color:#999; | |
width:11px | |
} | |
.ps-container:hover>.ps-scrollbar-x-rail, | |
.ps-container:hover>.ps-scrollbar-y-rail { | |
opacity:.6 | |
} | |
.ps-container:hover>.ps-scrollbar-x-rail:hover { | |
background-color:#eee; | |
opacity:.9 | |
} | |
.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x { | |
background-color:#999 | |
} | |
.ps-container:hover>.ps-scrollbar-y-rail:hover { | |
background-color:#eee; | |
opacity:.9 | |
} | |
.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y { | |
background-color:#999 | |
} | |
@media (max-width:991px) { | |
[class*=navbar-expand-]>.container, | |
[class*=navbar-expand-]>.container-fluid { | |
padding-left:15px; | |
padding-right:15px | |
} | |
.navbar .navbar-collapse .navbar-nav>li.button-container { | |
padding:15px | |
} | |
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { | |
width:-webkit-fill-available!important | |
} | |
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .dropdown-menu.show { | |
min-width:auto; | |
left:auto | |
} | |
.carousel .card .card-body { | |
max-width:340px; | |
margin:0 auto; | |
min-height:400px | |
} | |
.navbar-collapse { | |
position:fixed; | |
display:block; | |
top:0; | |
height:100vh; | |
width:230px; | |
right:0; | |
margin-right:0!important; | |
z-index:1032; | |
visibility:visible; | |
background-color:#999; | |
overflow-y:visible; | |
border-top:none; | |
text-align:left; | |
padding-right:0; | |
padding-left:0; | |
max-height:none!important; | |
transform:translate3d(230px,0,0); | |
transition:all .5s cubic-bezier(.685,.0473,.346,1) | |
} | |
.navbar-collapse:after { | |
top:0; | |
left:0; | |
height:100%; | |
width:100%; | |
position:absolute; | |
background-color:#fff; | |
display:block; | |
content:""; | |
z-index:1 | |
} | |
.navbar-collapse .dropdown-toggle:after { | |
position:absolute; | |
right:16px; | |
margin-top:8px | |
} | |
.navbar-collapse .navbar-nav { | |
position:relative; | |
z-index:3 | |
} | |
.navbar-collapse .navbar-nav .nav-item .nav-link { | |
color:#3c4858; | |
margin:5px 15px | |
} | |
.navbar-collapse .navbar-nav .nav-item.button-container .nav-link { | |
margin:15px | |
} | |
.navbar-collapse .navbar-nav .nav-item:after { | |
width:calc(100% - 30px); | |
content:""; | |
display:block; | |
height:1px; | |
margin-left:15px | |
} | |
.navbar-collapse .navbar-nav .nav-item:last-child:after { | |
display:none | |
} | |
.nav-open .navbar-collapse { | |
transform:translateZ(0) | |
} | |
.nav-open .navbar-translate { | |
transform:translate3d(-230px,0,0) | |
} | |
.navbar .navbar-translate { | |
width:100%; | |
position:relative; | |
display:flex; | |
-ms-flex-pack:justify!important; | |
justify-content:space-between!important; | |
-ms-flex-align:center; | |
align-items:center; | |
transition:transform .5s cubic-bezier(.685,.0473,.346,1) | |
} | |
.navbar .dropdown.show .dropdown-menu { | |
display:block | |
} | |
.navbar .dropdown .dropdown-menu { | |
display:none | |
} | |
.navbar .dropdown-menu .dropdown-item { | |
margin-left:1.5rem; | |
margin-right:1.5rem | |
} | |
.navbar .dropdown .dropdown-menu, | |
.navbar .dropdown.show .dropdown-menu { | |
background-color:transparent; | |
border:0; | |
padding-bottom:15px; | |
transition:none; | |
box-shadow:none; | |
transform:none!important; | |
width:auto; | |
margin-bottom:15px; | |
padding-top:0; | |
height:300px; | |
animation:none; | |
opacity:1; | |
overflow-y:scroll | |
} | |
.navbar.navbar-transparent .navbar-toggler .navbar-toggler-icon { | |
background-color:#fff | |
} | |
#bodyClick { | |
height:100%; | |
width:100%; | |
position:fixed; | |
opacity:0; | |
top:0; | |
left:auto; | |
right:230px; | |
content:""; | |
z-index:1029; | |
overflow-x:hidden | |
} | |
#navbar .navbar-collapse, | |
#navigation .navbar-collapse { | |
display:none!important | |
} | |
.dropdown-menu.show .dropdown-item.open+.dropdown-menu.show { | |
right:101%!important | |
} | |
.dropdown-menu.show .dropdown-item.open+.dropdown-menu.show .dropdown-item.open+.dropdown-menu, | |
.dropdown-menu.show .dropdown-item.open+.dropdown-menu.show .dropdown-item.open+.dropdown-menu.show { | |
left:-165px!important | |
} | |
} | |
@media (min-width:991px) { | |
.navbar .navbar-nav { | |
align-items:center | |
} | |
.navbar .navbar-nav .button-container { | |
margin-left:.1875px | |
} | |
.sidebar .navbar-form { | |
display:none!important | |
} | |
} | |
@media screen and (max-width:991px) { | |
.presentation-page .section-components .components-macbook { | |
max-width:850px!important; | |
max-height:480px!important; | |
margin-top:12vh; | |
left:-12px | |
} | |
.presentation-page .section-components .coloured-card-img, | |
.presentation-page .section-components .table-img { | |
display:none | |
} | |
.presentation-page .section-components .social-img { | |
left:47%; | |
top:37% | |
} | |
.presentation-page .section-components .pin-btn-img { | |
top:54% | |
} | |
.presentation-page .section-components .share-btn-img { | |
top:12% | |
} | |
.presentation-page .section-components .coloured-card-btn-img { | |
top:-2%; | |
left:65% | |
} | |
.presentation-page .section-content .area-img { | |
max-width:130px; | |
max-height:170px | |
} | |
.presentation-page .section-content .info-img { | |
max-width:170px; | |
max-height:120px | |
} | |
} | |
@media screen and (max-width:767px) { | |
.presentation-page .section-components .components-macbook { | |
max-width:350px!important; | |
max-height:250px!important; | |
margin-top:12vh; | |
left:-12px | |
} | |
.presentation-page .section-components .coloured-card-img, | |
.presentation-page .section-components .table-img { | |
display:none | |
} | |
.presentation-page .section-components .social-img { | |
left:-7%; | |
top:37% | |
} | |
.presentation-page .section-components .pin-btn-img { | |
top:54% | |
} | |
.presentation-page .section-components .share-btn-img { | |
top:7% | |
} | |
.presentation-page .section-components .coloured-card-btn-img { | |
top:-2% | |
} | |
.login-page .container { | |
padding-top:100px!important | |
} | |
.index-page #cd-vertical-nav, | |
.presentation-page #cd-vertical-nav, | |
.section-page #cd-vertical-nav { | |
display:none | |
} | |
.index-page .cd-section .tim-typo .tim-note { | |
width:60px | |
} | |
} | |
@media screen and (max-width:400px) { | |
.cd-vertical-nav { | |
display:none!important | |
} | |
} | |
@media (max-width:991px) { | |
.form-group textarea { | |
padding-top:15px | |
} | |
.nav-open .menu-on-left .main-panel { | |
position:static | |
} | |
body, | |
html { | |
overflow-x:hidden | |
} | |
.nav-open .menu-on-left .main-panel, | |
.nav-open .menu-on-left .navbar-fixed>div, | |
.nav-open .menu-on-left .wrapper-full-page { | |
transform:translate3d(260px,0,0) | |
} | |
.menu-on-left .off-canvas-sidebar, | |
.menu-on-left .sidebar { | |
left:0; | |
right:auto; | |
transform:translate3d(-260px,0,0) | |
} | |
.menu-on-left .close-layer { | |
left:auto; | |
right:0 | |
} | |
.timeline:before, | |
.timeline>li>.timeline-badge { | |
left:5% | |
} | |
.timeline>li>.timeline-panel { | |
float:right; | |
width:86% | |
} | |
.timeline>li>.timeline-panel:before { | |
border-left-width:0; | |
border-right-width:15px; | |
left:-15px; | |
right:auto | |
} | |
.timeline>li>.timeline-panel:after { | |
border-left-width:0; | |
border-right-width:14px; | |
left:-14px; | |
right:auto | |
} | |
.nav-mobile-menu .dropdown .dropdown-menu { | |
display:none; | |
position:static!important; | |
background-color:transparent; | |
width:auto; | |
float:none; | |
box-shadow:none | |
} | |
.nav-mobile-menu .dropdown .dropdown-menu.showing { | |
animation:initial; | |
animation-duration:0s | |
} | |
.nav-mobile-menu .dropdown .dropdown-menu.hiding { | |
transform:none; | |
opacity:1 | |
} | |
.nav-mobile-menu .dropdown.show .dropdown-menu { | |
display:block | |
} | |
.nav-mobile-menu li.active>a { | |
background-color:hsla(0,0%,100%,.1) | |
} | |
.navbar-minimize { | |
display:none | |
} | |
.card .form-horizontal .label-on-left, | |
.card .form-horizontal .label-on-right { | |
padding-left:15px; | |
padding-top:8px | |
} | |
.card .form-horizontal .form-group { | |
margin-top:0 | |
} | |
.card .form-horizontal .checkbox-radios { | |
padding-bottom:15px | |
} | |
.card .form-horizontal .checkbox-inline, | |
.card .form-horizontal .checkbox-radios .checkbox:first-child, | |
.card .form-horizontal .checkbox-radios .radio:first-child { | |
margin-top:0 | |
} | |
.sidebar { | |
display:none; | |
box-shadow:none | |
} | |
.sidebar .sidebar-wrapper { | |
padding-bottom:60px | |
} | |
.sidebar .nav-mobile-menu { | |
margin-top:0 | |
} | |
.sidebar .nav-mobile-menu .notification { | |
float:left; | |
line-height:30px; | |
margin-right:8px | |
} | |
.sidebar .nav-mobile-menu .open .dropdown-menu { | |
position:static; | |
float:none; | |
width:auto; | |
margin-top:0; | |
background-color:transparent; | |
border:0; | |
box-shadow:none | |
} | |
.main-panel { | |
width:100% | |
} | |
.navbar-transparent { | |
padding-top:15px; | |
background-color:rgba(0,0,0,.45) | |
} | |
body { | |
position:relative | |
} | |
.nav-open .main-panel, | |
.nav-open .navbar .container, | |
.nav-open .navbar .container .navbar-toggler, | |
.nav-open .navbar .container .navbar-wrapper, | |
.nav-open .wrapper-full-page { | |
left:0; | |
transform:translate3d(-260px,0,0) | |
} | |
.nav-open .sidebar { | |
box-shadow:0 16px 38px -12px rgba(0,0,0,.56),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2) | |
} | |
.nav-open .off-canvas-sidebar .navbar-collapse, | |
.nav-open .sidebar { | |
transform:translateZ(0) | |
} | |
.navbar .container, | |
.navbar .container .navbar-toggler, | |
.navbar .container .navbar-wrapper, | |
.wrapper-full-page { | |
transform:translateZ(0); | |
transition:all .33s cubic-bezier(.685,.0473,.346,1); | |
left:0 | |
} | |
.off-canvas-sidebar .navbar .container { | |
transform:none | |
} | |
.main-panel, | |
.navbar-collapse { | |
transition:all .33s cubic-bezier(.685,.0473,.346,1) | |
} | |
.navbar .navbar-collapse.collapse, | |
.navbar .navbar-collapse.collapse.in, | |
.navbar .navbar-collapse.collapsing { | |
display:none!important | |
} | |
.off-canvas-sidebar .navbar .navbar-collapse.collapse, | |
.off-canvas-sidebar .navbar .navbar-collapse.collapse.in, | |
.off-canvas-sidebar .navbar .navbar-collapse.collapsing { | |
display:block!important | |
} | |
.navbar-nav>li { | |
float:none; | |
position:relative; | |
display:block | |
} | |
.off-canvas-sidebar nav .navbar-collapse { | |
margin:0 | |
} | |
.off-canvas-sidebar nav .navbar-collapse>ul { | |
margin-top:19px | |
} | |
.off-canvas-sidebar nav .navbar-collapse, | |
.sidebar { | |
position:fixed; | |
display:block; | |
top:0; | |
height:100vh; | |
width:260px; | |
right:0; | |
left:auto; | |
z-index:1032; | |
visibility:visible; | |
background-color:#9a9a9a; | |
overflow-y:visible; | |
border-top:none; | |
text-align:left; | |
padding-right:0; | |
padding-left:0; | |
transform:translate3d(260px,0,0); | |
transition:all .33s cubic-bezier(.685,.0473,.346,1) | |
} | |
.off-canvas-sidebar nav .navbar-collapse>ul, | |
.sidebar>ul { | |
position:relative; | |
z-index:4; | |
width:100% | |
} | |
.off-canvas-sidebar nav .navbar-collapse:before, | |
.sidebar:before { | |
top:0; | |
left:0; | |
height:100%; | |
width:100%; | |
position:absolute; | |
background-color:#282828; | |
display:block; | |
content:""; | |
z-index:1 | |
} | |
.off-canvas-sidebar nav .navbar-collapse .logo, | |
.sidebar .logo { | |
position:relative; | |
z-index:4 | |
} | |
.off-canvas-sidebar nav .navbar-collapse .navbar-form, | |
.sidebar .navbar-form { | |
margin:10px 0; | |
float:none!important; | |
padding-top:1px; | |
padding-bottom:1px; | |
position:relative | |
} | |
.off-canvas-sidebar nav .navbar-collapse .table-responsive, | |
.sidebar .table-responsive { | |
width:100%; | |
margin-bottom:15px; | |
overflow-x:scroll; | |
overflow-y:hidden; | |
-ms-overflow-style:-ms-autohiding-scrollbar; | |
-webkit-overflow-scrolling:touch | |
} | |
.form-group.form-search .form-control { | |
font-size:1.7em; | |
height:37px; | |
width:78% | |
} | |
.navbar-form .btn { | |
position:absolute; | |
top:-5px; | |
right:-50px | |
} | |
.close-layer { | |
height:100%; | |
width:100%; | |
position:absolute; | |
opacity:0; | |
top:0; | |
left:auto; | |
background:rgba(0,0,0,.35); | |
content:""; | |
z-index:9999; | |
overflow-x:hidden; | |
transition:all .37s ease-in | |
} | |
.close-layer.visible { | |
opacity:1 | |
} | |
.navbar-toggler .icon-bar { | |
display:block; | |
position:relative; | |
background:#555!important; | |
width:24px; | |
height:2px; | |
border-radius:1px; | |
margin:0 auto | |
} | |
.navbar-header .navbar-toggler { | |
padding:15px; | |
margin-top:4px; | |
width:40px; | |
height:40px | |
} | |
.bar1, | |
.bar2, | |
.bar3 { | |
outline:1px solid transparent | |
} | |
@keyframes j { | |
0% { | |
top:0; | |
transform:rotate(0deg) | |
} | |
45% { | |
top:6px; | |
transform:rotate(145deg) | |
} | |
75% { | |
transform:rotate(130deg) | |
} | |
to { | |
transform:rotate(135deg) | |
} | |
} | |
@keyframes k { | |
0% { | |
top:6px; | |
transform:rotate(135deg) | |
} | |
45% { | |
transform:rotate(-10deg) | |
} | |
75% { | |
transform:rotate(5deg) | |
} | |
to { | |
top:0; | |
transform:rotate(0) | |
} | |
} | |
@keyframes l { | |
0% { | |
bottom:0; | |
transform:rotate(0deg) | |
} | |
45% { | |
bottom:6px; | |
transform:rotate(-145deg) | |
} | |
75% { | |
transform:rotate(-130deg) | |
} | |
to { | |
transform:rotate(-135deg) | |
} | |
} | |
@keyframes m { | |
0% { | |
bottom:6px; | |
transform:rotate(-135deg) | |
} | |
45% { | |
transform:rotate(10deg) | |
} | |
75% { | |
transform:rotate(-5deg) | |
} | |
to { | |
bottom:0; | |
transform:rotate(0) | |
} | |
} | |
.navbar-toggler .icon-bar:nth-child(2) { | |
top:0; | |
animation:k .5s 0s; | |
animation-fill-mode:forwards | |
} | |
.navbar-toggler .icon-bar:nth-child(3) { | |
opacity:1 | |
} | |
.navbar-toggler .icon-bar:nth-child(4) { | |
bottom:0; | |
animation:m .5s 0s; | |
animation-fill-mode:forwards | |
} | |
.navbar-toggler.toggled .icon-bar:nth-child(2) { | |
top:6px; | |
animation:j .5s 0s; | |
animation-fill-mode:forwards | |
} | |
.navbar-toggler.toggled .icon-bar:nth-child(3) { | |
opacity:0 | |
} | |
.navbar-toggler.toggled .icon-bar:nth-child(4) { | |
bottom:6px; | |
animation:l .5s 0s; | |
animation-fill-mode:forwards | |
} | |
.dropdown-menu .divider { | |
background-color:hsla(0,0%,90%,.15) | |
} | |
.navbar-nav { | |
margin:1px 0 | |
} | |
.navbar-nav .open .dropdown-menu>li>a { | |
padding:15px 15px 5px 50px | |
} | |
.navbar-nav .open .dropdown-menu>li:first-child>a { | |
padding:5px 15px 5px 50px | |
} | |
.navbar-nav .open .dropdown-menu>li:last-child>a { | |
padding:15px 15px 25px 50px | |
} | |
[class*=navbar-] .navbar-nav .active>a, | |
[class*=navbar-] .navbar-nav .active>a:focus, | |
[class*=navbar-] .navbar-nav .active>a:hover, | |
[class*=navbar-] .navbar-nav .navbar-nav .open .dropdown-menu>li>a:active, | |
[class*=navbar-] .navbar-nav .open .dropdown-menu>li>a, | |
[class*=navbar-] .navbar-nav .open .dropdown-menu>li>a:focus, | |
[class*=navbar-] .navbar-nav .open .dropdown-menu>li>a:hover, | |
[class*=navbar-] .navbar-nav>li>a, | |
[class*=navbar-] .navbar-nav>li>a:focus, | |
[class*=navbar-] .navbar-nav>li>a:hover { | |
color:#fff | |
} | |
[class*=navbar-] .navbar-nav .open .dropdown-menu>li>a, | |
[class*=navbar-] .navbar-nav .open .dropdown-menu>li>a:focus, | |
[class*=navbar-] .navbar-nav .open .dropdown-menu>li>a:hover, | |
[class*=navbar-] .navbar-nav>li>a, | |
[class*=navbar-] .navbar-nav>li>a:focus, | |
[class*=navbar-] .navbar-nav>li>a:hover { | |
opacity:.7; | |
background:transparent | |
} | |
[class*=navbar-] .navbar-nav.navbar-nav .open .dropdown-menu>li>a:active { | |
opacity:1 | |
} | |
[class*=navbar-] .navbar-nav .dropdown>a:hover .caret { | |
border-bottom-color:#777; | |
border-top-color:#777 | |
} | |
[class*=navbar-] .navbar-nav .dropdown>a:active .caret { | |
border-bottom-color:#fff; | |
border-top-color:#fff | |
} | |
.dropdown-menu { | |
display:none | |
} | |
.navbar-fixed-top { | |
-webkit-backface-visibility:hidden | |
} | |
#bodyClick { | |
height:100%; | |
width:100%; | |
position:fixed; | |
opacity:0; | |
top:0; | |
left:auto; | |
right:260px; | |
content:""; | |
z-index:9999; | |
overflow-x:hidden | |
} | |
.social-line .btn, | |
.subscribe-line .form-control { | |
margin:0 0 10px | |
} | |
.footer:not(.footer-big) nav>ul li, | |
.social-line.pull-right { | |
float:none | |
} | |
.social-area.pull-right { | |
float:none!important | |
} | |
.form-control+.form-control-feedback { | |
margin-top:-8px | |
} | |
.navbar-toggle:focus, | |
.navbar-toggle:hover { | |
background-color:transparent!important | |
} | |
.media-post .author { | |
width:20%; | |
float:none!important; | |
display:block; | |
margin:0 auto 10px | |
} | |
.media-post .media-body { | |
width:100% | |
} | |
.navbar-collapse.collapse { | |
height:100%!important | |
} | |
.navbar-collapse.collapse.in { | |
display:block | |
} | |
.navbar-header .collapse, | |
.navbar-toggle { | |
display:block!important | |
} | |
.navbar-header { | |
float:none | |
} | |
.navbar-collapse .nav p { | |
font-size:1rem; | |
margin:0 | |
} | |
} | |
@media (min-width:992px) { | |
.main-panel .navbar .navbar-collapse .navbar-nav .nav-item .nav-link p { | |
display:none | |
} | |
.nav-mobile-menu, | |
.sidebar .navbar-form { | |
display:none!important | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment