Last active
December 1, 2016 23:33
-
-
Save rafcontreras/87f0455bb83ab9b27e7c8b07519b0c9d to your computer and use it in GitHub Desktop.
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
html { | |
font-family: sans-serif; | |
-ms-text-size-adjust: 100%; | |
-webkit-text-size-adjust: 100% | |
} | |
article, | |
aside, | |
details, | |
figcaption, | |
figure, | |
footer, | |
header, | |
hgroup, | |
main, | |
menu, | |
nav, | |
section, | |
summary { | |
display: block | |
} | |
audio, | |
canvas, | |
progress, | |
video { | |
display: inline-block; | |
vertical-align: baseline | |
} | |
audio:not([controls]) { | |
display: none; | |
height: 0 | |
} | |
[hidden], | |
template { | |
display: none | |
} | |
a { | |
background-color: transparent | |
} | |
a:active, | |
a:hover { | |
outline: 0 | |
} | |
b, | |
optgroup, | |
strong { | |
font-weight: 700 | |
} | |
dfn { | |
font-style: italic | |
} | |
h1 { | |
margin: .67em 0 | |
} | |
mark { | |
background: #ff0; | |
color: #000 | |
} | |
sub, | |
sup { | |
font-size: 75%; | |
line-height: 0; | |
position: relative; | |
vertical-align: baseline | |
} | |
sup { | |
top: -.5em | |
} | |
sub { | |
bottom: -.25em | |
} | |
img { | |
border: 0; | |
vertical-align: middle | |
} | |
svg:not(:root) { | |
overflow: hidden | |
} | |
hr { | |
box-sizing: content-box; | |
height: 0 | |
} | |
pre, | |
textarea { | |
overflow: auto | |
} | |
code, | |
kbd, | |
pre, | |
samp { | |
font-size: 1em | |
} | |
button, | |
input, | |
optgroup, | |
select, | |
textarea { | |
color: inherit; | |
font: inherit; | |
margin: 0 | |
} | |
button { | |
overflow: visible | |
} | |
button, | |
select { | |
text-transform: none | |
} | |
button, | |
html input[type=button], | |
input[type=reset], | |
input[type=submit] { | |
-webkit-appearance: button; | |
cursor: url(/public/img/svg/cursor-pointer.svg) 14.5 11, pointer | |
} | |
button[disabled], | |
html input[disabled] { | |
cursor: url(/public/img/svg/cursor-default.svg) 11 11, default | |
} | |
button::-moz-focus-inner, | |
input::-moz-focus-inner { | |
border: 0; | |
padding: 0 | |
} | |
input[type=checkbox], | |
input[type=radio] { | |
box-sizing: border-box; | |
padding: 0 | |
} | |
input[type=number]::-webkit-inner-spin-button, | |
input[type=number]::-webkit-outer-spin-button { | |
height: auto | |
} | |
input[type=search]::-webkit-search-cancel-button, | |
input[type=search]::-webkit-search-decoration { | |
-webkit-appearance: none | |
} | |
table { | |
border-collapse: collapse; | |
border-spacing: 0 | |
} | |
td, | |
th { | |
padding: 0 | |
} | |
@media print { | |
:not(.print-color), | |
:not(.print-color):after, | |
:not(.print-color):before { | |
background: 0 0!important; | |
color: #000!important; | |
box-shadow: none!important; | |
text-shadow: none!important | |
} | |
a, | |
a:visited { | |
text-decoration: underline | |
} | |
a[href]:after { | |
content: " (" attr(href) ")" | |
} | |
abbr[title]:after { | |
content: " (" attr(title) ")" | |
} | |
a[href^="javascript:"]:after, | |
a[href^="#"]:after { | |
content: "" | |
} | |
blockquote, | |
pre { | |
border: 1px solid #999; | |
page-break-inside: avoid | |
} | |
thead { | |
display: table-header-group | |
} | |
img, | |
tr { | |
page-break-inside: avoid | |
} | |
img { | |
max-width: 100%!important | |
} | |
h2, | |
h3, | |
p { | |
orphans: 3; | |
widows: 3 | |
} | |
h2, | |
h3 { | |
page-break-after: avoid | |
} | |
.navbar { | |
display: none | |
} | |
.btn>.caret, | |
.dropup>.btn>.caret { | |
border-top-color: #000!important | |
} | |
.label { | |
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-size: 10px; | |
-webkit-tap-highlight-color: transparent | |
} | |
body { | |
margin: 0; | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-size: 14px; | |
line-height: 1.42857143; | |
color: #333; | |
background-color: #fff | |
} | |
button, | |
input, | |
select, | |
textarea { | |
font-family: inherit; | |
font-size: inherit; | |
line-height: inherit | |
} | |
a { | |
color: #00263a; | |
text-decoration: none | |
} | |
a:focus, | |
a:hover { | |
color: #000; | |
text-decoration: underline | |
} | |
a:focus { | |
outline: dotted thin; | |
outline: -webkit-focus-ring-color auto 5px; | |
outline-offset: -2px | |
} | |
figure { | |
margin: 0 | |
} | |
.img-responsive, | |
.thumbnail a>img, | |
.thumbnail>img { | |
display: block; | |
max-width: 100%; | |
height: auto | |
} | |
.img-rounded { | |
border-radius: 6px | |
} | |
.img-thumbnail { | |
padding: 4px; | |
line-height: 1.42857143; | |
background-color: #fff; | |
border: 1px solid #ddd; | |
border-radius: 4px; | |
-webkit-transition: all .2s ease-in-out; | |
transition: all .2s ease-in-out; | |
display: inline-block; | |
max-width: 100%; | |
height: auto | |
} | |
.img-circle { | |
border-radius: 50% | |
} | |
hr { | |
margin-top: 20px; | |
margin-bottom: 20px; | |
border: 0; | |
border-top: 1px solid #eee | |
} | |
.sr-only { | |
position: absolute; | |
width: 1px; | |
height: 1px; | |
margin: -1px; | |
padding: 0; | |
overflow: hidden; | |
clip: rect(0, 0, 0, 0); | |
border: 0 | |
} | |
.sr-only-focusable:active, | |
.sr-only-focusable:focus { | |
position: static; | |
width: auto; | |
height: auto; | |
margin: 0; | |
overflow: visible; | |
clip: auto | |
} | |
[role=button] { | |
cursor: url(/public/img/svg/cursor-pointer.svg) 14.5 11, pointer | |
} | |
.h1, | |
.h2, | |
.h3, | |
.h4, | |
.h5, | |
.h6, | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6 { | |
font-family: inherit; | |
font-weight: 500; | |
line-height: 1.1; | |
color: inherit | |
} | |
.h1 .small, | |
.h1 small, | |
.h2 .small, | |
.h2 small, | |
.h3 .small, | |
.h3 small, | |
.h4 .small, | |
.h4 small, | |
.h5 .small, | |
.h5 small, | |
.h6 .small, | |
.h6 small, | |
h1 .small, | |
h1 small, | |
h2 .small, | |
h2 small, | |
h3 .small, | |
h3 small, | |
h4 .small, | |
h4 small, | |
h5 .small, | |
h5 small, | |
h6 .small, | |
h6 small { | |
font-weight: 400; | |
line-height: 1; | |
color: #777 | |
} | |
.h1, | |
.h2, | |
.h3, | |
h1, | |
h2, | |
h3 { | |
margin-top: 20px; | |
margin-bottom: 10px | |
} | |
.h1 .small, | |
.h1 small, | |
.h2 .small, | |
.h2 small, | |
.h3 .small, | |
.h3 small, | |
h1 .small, | |
h1 small, | |
h2 .small, | |
h2 small, | |
h3 .small, | |
h3 small { | |
font-size: 65% | |
} | |
.h4, | |
.h5, | |
.h6, | |
h4, | |
h5, | |
h6 { | |
margin-top: 10px; | |
margin-bottom: 10px | |
} | |
.h4 .small, | |
.h4 small, | |
.h5 .small, | |
.h5 small, | |
.h6 .small, | |
.h6 small, | |
h4 .small, | |
h4 small, | |
h5 .small, | |
h5 small, | |
h6 .small, | |
h6 small { | |
font-size: 75% | |
} | |
.h1, | |
h1 { | |
font-size: 36px | |
} | |
.h2, | |
h2 { | |
font-size: 30px | |
} | |
.h3, | |
h3 { | |
font-size: 24px | |
} | |
.h4, | |
h4 { | |
font-size: 18px | |
} | |
.h5, | |
h5 { | |
font-size: 14px | |
} | |
.h6, | |
h6 { | |
font-size: 12px | |
} | |
p { | |
margin: 0 0 10px | |
} | |
.lead { | |
margin-bottom: 20px; | |
font-size: 16px; | |
font-weight: 300; | |
line-height: 1.4 | |
} | |
@media (min-width:768px) { | |
.lead { | |
font-size: 21px | |
} | |
} | |
.small, | |
small { | |
font-size: 85% | |
} | |
.mark, | |
mark { | |
background-color: #fff8e8; | |
padding: .2em | |
} | |
.text-left { | |
text-align: left | |
} | |
.text-right { | |
text-align: right | |
} | |
.text-center { | |
text-align: center | |
} | |
.text-justify { | |
text-align: justify | |
} | |
.text-nowrap { | |
white-space: nowrap | |
} | |
.text-lowercase { | |
text-transform: lowercase | |
} | |
.text-uppercase { | |
text-transform: uppercase | |
} | |
.text-capitalize { | |
text-transform: capitalize | |
} | |
.text-muted { | |
color: #777 | |
} | |
.text-primary { | |
color: #00263a | |
} | |
a.text-primary:focus, | |
a.text-primary:hover { | |
color: #000507 | |
} | |
.text-success { | |
color: #44b3b7 | |
} | |
a.text-success:focus, | |
a.text-success:hover { | |
color: #368f92 | |
} | |
.text-info { | |
color: #5b7f95 | |
} | |
a.text-info:focus, | |
a.text-info:hover { | |
color: #486475 | |
} | |
.text-warning { | |
color: #ffb81c | |
} | |
a.text-warning:focus, | |
a.text-warning:hover { | |
color: #e89f00 | |
} | |
.text-danger { | |
color: #a6192e | |
} | |
a.text-danger:focus, | |
a.text-danger:hover { | |
color: #7a1222 | |
} | |
.bg-primary { | |
color: #fff; | |
background-color: #00263a | |
} | |
a.bg-primary:focus, | |
a.bg-primary:hover { | |
background-color: #000507 | |
} | |
.bg-success { | |
background-color: #d7eff0 | |
} | |
a.bg-success:focus, | |
a.bg-success:hover { | |
background-color: #b2e1e2 | |
} | |
.bg-info { | |
background-color: #d6e0e6 | |
} | |
a.bg-info:focus, | |
a.bg-info:hover { | |
background-color: #b6c8d3 | |
} | |
.bg-warning { | |
background-color: #fff8e8 | |
} | |
a.bg-warning:focus, | |
a.bg-warning:hover { | |
background-color: #ffe8b5 | |
} | |
.bg-danger { | |
background-color: #f09ba8 | |
} | |
a.bg-danger:focus, | |
a.bg-danger:hover { | |
background-color: #e96f81 | |
} | |
.page-header { | |
padding-bottom: 9px; | |
margin: 40px 0 20px; | |
border-bottom: 1px solid #eee | |
} | |
ol, | |
ul { | |
margin-top: 0; | |
margin-bottom: 10px | |
} | |
ol ol, | |
ol ul, | |
ul ol, | |
ul ul { | |
margin-bottom: 0 | |
} | |
.list-unstyled, | |
.list-unstyled ul { | |
padding-left: 0; | |
list-style: none | |
} | |
.list-inline { | |
padding-left: 0; | |
list-style: none; | |
margin-left: -5px | |
} | |
.list-inline>li { | |
display: inline-block; | |
padding-left: 5px; | |
padding-right: 5px | |
} | |
dl { | |
margin-top: 0; | |
margin-bottom: 20px | |
} | |
dd, | |
dt { | |
line-height: 1.42857143 | |
} | |
dt { | |
font-weight: 700 | |
} | |
dd { | |
margin-left: 0 | |
} | |
@media (min-width:768px) { | |
.dl-horizontal dt { | |
float: left; | |
width: 160px; | |
clear: left; | |
text-align: right; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
white-space: nowrap | |
} | |
.dl-horizontal dd { | |
margin-left: 180px | |
} | |
.container { | |
width: 750px | |
} | |
} | |
abbr[data-original-title], | |
abbr[title] { | |
cursor: help; | |
border-bottom: 1px dotted #777 | |
} | |
.initialism { | |
font-size: 90%; | |
text-transform: uppercase | |
} | |
blockquote { | |
padding: 10px 20px; | |
margin: 0 0 20px; | |
font-size: 17.5px; | |
border-left: 5px solid #eee | |
} | |
blockquote ol:last-child, | |
blockquote p:last-child, | |
blockquote ul:last-child { | |
margin-bottom: 0 | |
} | |
blockquote .small, | |
blockquote footer, | |
blockquote small { | |
display: block; | |
font-size: 80%; | |
line-height: 1.42857143; | |
color: #777 | |
} | |
blockquote .small:before, | |
blockquote footer:before, | |
blockquote small:before { | |
content: '\2014 \00A0' | |
} | |
.blockquote-reverse, | |
blockquote.pull-right { | |
padding-right: 15px; | |
padding-left: 0; | |
border-right: 5px solid #eee; | |
border-left: 0; | |
text-align: right | |
} | |
.blockquote-reverse .small:before, | |
.blockquote-reverse footer:before, | |
.blockquote-reverse small:before, | |
blockquote.pull-right .small:before, | |
blockquote.pull-right footer:before, | |
blockquote.pull-right small:before { | |
content: '' | |
} | |
.blockquote-reverse .small:after, | |
.blockquote-reverse footer:after, | |
.blockquote-reverse small:after, | |
blockquote.pull-right .small:after, | |
blockquote.pull-right footer:after, | |
blockquote.pull-right small:after { | |
content: '\00A0 \2014' | |
} | |
address { | |
margin-bottom: 20px; | |
font-style: normal; | |
line-height: 1.42857143 | |
} | |
code, | |
kbd, | |
pre, | |
samp { | |
font-family: Menlo, Monaco, Consolas, "Courier New", monospace | |
} | |
code { | |
padding: 2px 4px; | |
font-size: 90%; | |
color: #c7254e; | |
background-color: #f9f2f4; | |
border-radius: 4px | |
} | |
kbd { | |
padding: 2px 4px; | |
font-size: 90%; | |
color: #fff; | |
background-color: #333; | |
border-radius: 3px; | |
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25) | |
} | |
kbd kbd { | |
padding: 0; | |
font-size: 100%; | |
font-weight: 700; | |
box-shadow: none | |
} | |
pre { | |
display: block; | |
padding: 9.5px; | |
margin: 0 0 10px; | |
font-size: 13px; | |
line-height: 1.42857143; | |
word-break: break-all; | |
word-wrap: break-word; | |
color: #333; | |
background-color: #f5f5f5; | |
border: 1px solid #ccc; | |
border-radius: 4px | |
} | |
pre code { | |
padding: 0; | |
font-size: inherit; | |
color: inherit; | |
white-space: pre-wrap; | |
background-color: transparent; | |
border-radius: 0 | |
} | |
.pre-scrollable { | |
max-height: 340px; | |
overflow-y: scroll | |
} | |
.container { | |
margin-right: auto; | |
margin-left: auto; | |
padding-left: 15px; | |
padding-right: 15px | |
} | |
@media (min-width:992px) { | |
.container { | |
width: 970px | |
} | |
} | |
@media (min-width:1200px) { | |
.container { | |
width: 1170px | |
} | |
} | |
.container-fluid { | |
margin-right: auto; | |
margin-left: auto; | |
padding-left: 15px; | |
padding-right: 15px | |
} | |
.row { | |
margin-left: -15px; | |
margin-right: -15px | |
} | |
.col-lg-1, | |
.col-lg-10, | |
.col-lg-11, | |
.col-lg-12, | |
.col-lg-2, | |
.col-lg-3, | |
.col-lg-4, | |
.col-lg-5, | |
.col-lg-6, | |
.col-lg-7, | |
.col-lg-8, | |
.col-lg-9, | |
.col-md-1, | |
.col-md-10, | |
.col-md-11, | |
.col-md-12, | |
.col-md-2, | |
.col-md-3, | |
.col-md-4, | |
.col-md-5, | |
.col-md-6, | |
.col-md-7, | |
.col-md-8, | |
.col-md-9, | |
.col-sm-1, | |
.col-sm-10, | |
.col-sm-11, | |
.col-sm-12, | |
.col-sm-2, | |
.col-sm-3, | |
.col-sm-4, | |
.col-sm-5, | |
.col-sm-6, | |
.col-sm-7, | |
.col-sm-8, | |
.col-sm-9, | |
.col-xs-1, | |
.col-xs-10, | |
.col-xs-11, | |
.col-xs-12, | |
.col-xs-2, | |
.col-xs-3, | |
.col-xs-4, | |
.col-xs-5, | |
.col-xs-6, | |
.col-xs-7, | |
.col-xs-8, | |
.col-xs-9 { | |
position: relative; | |
min-height: 1px; | |
padding-left: 15px; | |
padding-right: 15px | |
} | |
.col-xs-1, | |
.col-xs-10, | |
.col-xs-11, | |
.col-xs-12, | |
.col-xs-2, | |
.col-xs-3, | |
.col-xs-4, | |
.col-xs-5, | |
.col-xs-6, | |
.col-xs-7, | |
.col-xs-8, | |
.col-xs-9 { | |
float: left | |
} | |
.col-xs-12 { | |
width: 100% | |
} | |
.col-xs-11 { | |
width: 91.66666667% | |
} | |
.col-xs-10 { | |
width: 83.33333333% | |
} | |
.col-xs-9 { | |
width: 75% | |
} | |
.col-xs-8 { | |
width: 66.66666667% | |
} | |
.col-xs-7 { | |
width: 58.33333333% | |
} | |
.col-xs-6 { | |
width: 50% | |
} | |
.col-xs-5 { | |
width: 41.66666667% | |
} | |
.col-xs-4 { | |
width: 33.33333333% | |
} | |
.col-xs-3 { | |
width: 25% | |
} | |
.col-xs-2 { | |
width: 16.66666667% | |
} | |
.col-xs-1 { | |
width: 8.33333333% | |
} | |
.col-xs-pull-12 { | |
right: 100% | |
} | |
.col-xs-pull-11 { | |
right: 91.66666667% | |
} | |
.col-xs-pull-10 { | |
right: 83.33333333% | |
} | |
.col-xs-pull-9 { | |
right: 75% | |
} | |
.col-xs-pull-8 { | |
right: 66.66666667% | |
} | |
.col-xs-pull-7 { | |
right: 58.33333333% | |
} | |
.col-xs-pull-6 { | |
right: 50% | |
} | |
.col-xs-pull-5 { | |
right: 41.66666667% | |
} | |
.col-xs-pull-4 { | |
right: 33.33333333% | |
} | |
.col-xs-pull-3 { | |
right: 25% | |
} | |
.col-xs-pull-2 { | |
right: 16.66666667% | |
} | |
.col-xs-pull-1 { | |
right: 8.33333333% | |
} | |
.col-xs-pull-0 { | |
right: auto | |
} | |
.col-xs-push-12 { | |
left: 100% | |
} | |
.col-xs-push-11 { | |
left: 91.66666667% | |
} | |
.col-xs-push-10 { | |
left: 83.33333333% | |
} | |
.col-xs-push-9 { | |
left: 75% | |
} | |
.col-xs-push-8 { | |
left: 66.66666667% | |
} | |
.col-xs-push-7 { | |
left: 58.33333333% | |
} | |
.col-xs-push-6 { | |
left: 50% | |
} | |
.col-xs-push-5 { | |
left: 41.66666667% | |
} | |
.col-xs-push-4 { | |
left: 33.33333333% | |
} | |
.col-xs-push-3 { | |
left: 25% | |
} | |
.col-xs-push-2 { | |
left: 16.66666667% | |
} | |
.col-xs-push-1 { | |
left: 8.33333333% | |
} | |
.col-xs-push-0 { | |
left: auto | |
} | |
.col-xs-offset-12 { | |
margin-left: 100% | |
} | |
.col-xs-offset-11 { | |
margin-left: 91.66666667% | |
} | |
.col-xs-offset-10 { | |
margin-left: 83.33333333% | |
} | |
.col-xs-offset-9 { | |
margin-left: 75% | |
} | |
.col-xs-offset-8 { | |
margin-left: 66.66666667% | |
} | |
.col-xs-offset-7 { | |
margin-left: 58.33333333% | |
} | |
.col-xs-offset-6 { | |
margin-left: 50% | |
} | |
.col-xs-offset-5 { | |
margin-left: 41.66666667% | |
} | |
.col-xs-offset-4 { | |
margin-left: 33.33333333% | |
} | |
.col-xs-offset-3 { | |
margin-left: 25% | |
} | |
.col-xs-offset-2 { | |
margin-left: 16.66666667% | |
} | |
.col-xs-offset-1 { | |
margin-left: 8.33333333% | |
} | |
.col-xs-offset-0 { | |
margin-left: 0 | |
} | |
@media (min-width:768px) { | |
.col-sm-1, | |
.col-sm-10, | |
.col-sm-11, | |
.col-sm-12, | |
.col-sm-2, | |
.col-sm-3, | |
.col-sm-4, | |
.col-sm-5, | |
.col-sm-6, | |
.col-sm-7, | |
.col-sm-8, | |
.col-sm-9 { | |
float: left | |
} | |
.col-sm-12 { | |
width: 100% | |
} | |
.col-sm-11 { | |
width: 91.66666667% | |
} | |
.col-sm-10 { | |
width: 83.33333333% | |
} | |
.col-sm-9 { | |
width: 75% | |
} | |
.col-sm-8 { | |
width: 66.66666667% | |
} | |
.col-sm-7 { | |
width: 58.33333333% | |
} | |
.col-sm-6 { | |
width: 50% | |
} | |
.col-sm-5 { | |
width: 41.66666667% | |
} | |
.col-sm-4 { | |
width: 33.33333333% | |
} | |
.col-sm-3 { | |
width: 25% | |
} | |
.col-sm-2 { | |
width: 16.66666667% | |
} | |
.col-sm-1 { | |
width: 8.33333333% | |
} | |
.col-sm-pull-12 { | |
right: 100% | |
} | |
.col-sm-pull-11 { | |
right: 91.66666667% | |
} | |
.col-sm-pull-10 { | |
right: 83.33333333% | |
} | |
.col-sm-pull-9 { | |
right: 75% | |
} | |
.col-sm-pull-8 { | |
right: 66.66666667% | |
} | |
.col-sm-pull-7 { | |
right: 58.33333333% | |
} | |
.col-sm-pull-6 { | |
right: 50% | |
} | |
.col-sm-pull-5 { | |
right: 41.66666667% | |
} | |
.col-sm-pull-4 { | |
right: 33.33333333% | |
} | |
.col-sm-pull-3 { | |
right: 25% | |
} | |
.col-sm-pull-2 { | |
right: 16.66666667% | |
} | |
.col-sm-pull-1 { | |
right: 8.33333333% | |
} | |
.col-sm-pull-0 { | |
right: auto | |
} | |
.col-sm-push-12 { | |
left: 100% | |
} | |
.col-sm-push-11 { | |
left: 91.66666667% | |
} | |
.col-sm-push-10 { | |
left: 83.33333333% | |
} | |
.col-sm-push-9 { | |
left: 75% | |
} | |
.col-sm-push-8 { | |
left: 66.66666667% | |
} | |
.col-sm-push-7 { | |
left: 58.33333333% | |
} | |
.col-sm-push-6 { | |
left: 50% | |
} | |
.col-sm-push-5 { | |
left: 41.66666667% | |
} | |
.col-sm-push-4 { | |
left: 33.33333333% | |
} | |
.col-sm-push-3 { | |
left: 25% | |
} | |
.col-sm-push-2 { | |
left: 16.66666667% | |
} | |
.col-sm-push-1 { | |
left: 8.33333333% | |
} | |
.col-sm-push-0 { | |
left: auto | |
} | |
.col-sm-offset-12 { | |
margin-left: 100% | |
} | |
.col-sm-offset-11 { | |
margin-left: 91.66666667% | |
} | |
.col-sm-offset-10 { | |
margin-left: 83.33333333% | |
} | |
.col-sm-offset-9 { | |
margin-left: 75% | |
} | |
.col-sm-offset-8 { | |
margin-left: 66.66666667% | |
} | |
.col-sm-offset-7 { | |
margin-left: 58.33333333% | |
} | |
.col-sm-offset-6 { | |
margin-left: 50% | |
} | |
.col-sm-offset-5 { | |
margin-left: 41.66666667% | |
} | |
.col-sm-offset-4 { | |
margin-left: 33.33333333% | |
} | |
.col-sm-offset-3 { | |
margin-left: 25% | |
} | |
.col-sm-offset-2 { | |
margin-left: 16.66666667% | |
} | |
.col-sm-offset-1 { | |
margin-left: 8.33333333% | |
} | |
.col-sm-offset-0 { | |
margin-left: 0 | |
} | |
} | |
@media (min-width:992px) { | |
.col-md-1, | |
.col-md-10, | |
.col-md-11, | |
.col-md-12, | |
.col-md-2, | |
.col-md-3, | |
.col-md-4, | |
.col-md-5, | |
.col-md-6, | |
.col-md-7, | |
.col-md-8, | |
.col-md-9 { | |
float: left | |
} | |
.col-md-12 { | |
width: 100% | |
} | |
.col-md-11 { | |
width: 91.66666667% | |
} | |
.col-md-10 { | |
width: 83.33333333% | |
} | |
.col-md-9 { | |
width: 75% | |
} | |
.col-md-8 { | |
width: 66.66666667% | |
} | |
.col-md-7 { | |
width: 58.33333333% | |
} | |
.col-md-6 { | |
width: 50% | |
} | |
.col-md-5 { | |
width: 41.66666667% | |
} | |
.col-md-4 { | |
width: 33.33333333% | |
} | |
.col-md-3 { | |
width: 25% | |
} | |
.col-md-2 { | |
width: 16.66666667% | |
} | |
.col-md-1 { | |
width: 8.33333333% | |
} | |
.col-md-pull-12 { | |
right: 100% | |
} | |
.col-md-pull-11 { | |
right: 91.66666667% | |
} | |
.col-md-pull-10 { | |
right: 83.33333333% | |
} | |
.col-md-pull-9 { | |
right: 75% | |
} | |
.col-md-pull-8 { | |
right: 66.66666667% | |
} | |
.col-md-pull-7 { | |
right: 58.33333333% | |
} | |
.col-md-pull-6 { | |
right: 50% | |
} | |
.col-md-pull-5 { | |
right: 41.66666667% | |
} | |
.col-md-pull-4 { | |
right: 33.33333333% | |
} | |
.col-md-pull-3 { | |
right: 25% | |
} | |
.col-md-pull-2 { | |
right: 16.66666667% | |
} | |
.col-md-pull-1 { | |
right: 8.33333333% | |
} | |
.col-md-pull-0 { | |
right: auto | |
} | |
.col-md-push-12 { | |
left: 100% | |
} | |
.col-md-push-11 { | |
left: 91.66666667% | |
} | |
.col-md-push-10 { | |
left: 83.33333333% | |
} | |
.col-md-push-9 { | |
left: 75% | |
} | |
.col-md-push-8 { | |
left: 66.66666667% | |
} | |
.col-md-push-7 { | |
left: 58.33333333% | |
} | |
.col-md-push-6 { | |
left: 50% | |
} | |
.col-md-push-5 { | |
left: 41.66666667% | |
} | |
.col-md-push-4 { | |
left: 33.33333333% | |
} | |
.col-md-push-3 { | |
left: 25% | |
} | |
.col-md-push-2 { | |
left: 16.66666667% | |
} | |
.col-md-push-1 { | |
left: 8.33333333% | |
} | |
.col-md-push-0 { | |
left: auto | |
} | |
.col-md-offset-12 { | |
margin-left: 100% | |
} | |
.col-md-offset-11 { | |
margin-left: 91.66666667% | |
} | |
.col-md-offset-10 { | |
margin-left: 83.33333333% | |
} | |
.col-md-offset-9 { | |
margin-left: 75% | |
} | |
.col-md-offset-8 { | |
margin-left: 66.66666667% | |
} | |
.col-md-offset-7 { | |
margin-left: 58.33333333% | |
} | |
.col-md-offset-6 { | |
margin-left: 50% | |
} | |
.col-md-offset-5 { | |
margin-left: 41.66666667% | |
} | |
.col-md-offset-4 { | |
margin-left: 33.33333333% | |
} | |
.col-md-offset-3 { | |
margin-left: 25% | |
} | |
.col-md-offset-2 { | |
margin-left: 16.66666667% | |
} | |
.col-md-offset-1 { | |
margin-left: 8.33333333% | |
} | |
.col-md-offset-0 { | |
margin-left: 0 | |
} | |
} | |
@media (min-width:1200px) { | |
.col-lg-1, | |
.col-lg-10, | |
.col-lg-11, | |
.col-lg-12, | |
.col-lg-2, | |
.col-lg-3, | |
.col-lg-4, | |
.col-lg-5, | |
.col-lg-6, | |
.col-lg-7, | |
.col-lg-8, | |
.col-lg-9 { | |
float: left | |
} | |
.col-lg-12 { | |
width: 100% | |
} | |
.col-lg-11 { | |
width: 91.66666667% | |
} | |
.col-lg-10 { | |
width: 83.33333333% | |
} | |
.col-lg-9 { | |
width: 75% | |
} | |
.col-lg-8 { | |
width: 66.66666667% | |
} | |
.col-lg-7 { | |
width: 58.33333333% | |
} | |
.col-lg-6 { | |
width: 50% | |
} | |
.col-lg-5 { | |
width: 41.66666667% | |
} | |
.col-lg-4 { | |
width: 33.33333333% | |
} | |
.col-lg-3 { | |
width: 25% | |
} | |
.col-lg-2 { | |
width: 16.66666667% | |
} | |
.col-lg-1 { | |
width: 8.33333333% | |
} | |
.col-lg-pull-12 { | |
right: 100% | |
} | |
.col-lg-pull-11 { | |
right: 91.66666667% | |
} | |
.col-lg-pull-10 { | |
right: 83.33333333% | |
} | |
.col-lg-pull-9 { | |
right: 75% | |
} | |
.col-lg-pull-8 { | |
right: 66.66666667% | |
} | |
.col-lg-pull-7 { | |
right: 58.33333333% | |
} | |
.col-lg-pull-6 { | |
right: 50% | |
} | |
.col-lg-pull-5 { | |
right: 41.66666667% | |
} | |
.col-lg-pull-4 { | |
right: 33.33333333% | |
} | |
.col-lg-pull-3 { | |
right: 25% | |
} | |
.col-lg-pull-2 { | |
right: 16.66666667% | |
} | |
.col-lg-pull-1 { | |
right: 8.33333333% | |
} | |
.col-lg-pull-0 { | |
right: auto | |
} | |
.col-lg-push-12 { | |
left: 100% | |
} | |
.col-lg-push-11 { | |
left: 91.66666667% | |
} | |
.col-lg-push-10 { | |
left: 83.33333333% | |
} | |
.col-lg-push-9 { | |
left: 75% | |
} | |
.col-lg-push-8 { | |
left: 66.66666667% | |
} | |
.col-lg-push-7 { | |
left: 58.33333333% | |
} | |
.col-lg-push-6 { | |
left: 50% | |
} | |
.col-lg-push-5 { | |
left: 41.66666667% | |
} | |
.col-lg-push-4 { | |
left: 33.33333333% | |
} | |
.col-lg-push-3 { | |
left: 25% | |
} | |
.col-lg-push-2 { | |
left: 16.66666667% | |
} | |
.col-lg-push-1 { | |
left: 8.33333333% | |
} | |
.col-lg-push-0 { | |
left: auto | |
} | |
.col-lg-offset-12 { | |
margin-left: 100% | |
} | |
.col-lg-offset-11 { | |
margin-left: 91.66666667% | |
} | |
.col-lg-offset-10 { | |
margin-left: 83.33333333% | |
} | |
.col-lg-offset-9 { | |
margin-left: 75% | |
} | |
.col-lg-offset-8 { | |
margin-left: 66.66666667% | |
} | |
.col-lg-offset-7 { | |
margin-left: 58.33333333% | |
} | |
.col-lg-offset-6 { | |
margin-left: 50% | |
} | |
.col-lg-offset-5 { | |
margin-left: 41.66666667% | |
} | |
.col-lg-offset-4 { | |
margin-left: 33.33333333% | |
} | |
.col-lg-offset-3 { | |
margin-left: 25% | |
} | |
.col-lg-offset-2 { | |
margin-left: 16.66666667% | |
} | |
.col-lg-offset-1 { | |
margin-left: 8.33333333% | |
} | |
.col-lg-offset-0 { | |
margin-left: 0 | |
} | |
} | |
table { | |
background-color: transparent | |
} | |
caption { | |
padding-top: 8px; | |
padding-bottom: 8px; | |
color: #777; | |
text-align: left | |
} | |
th { | |
text-align: left | |
} | |
.table { | |
width: 100%; | |
max-width: 100%; | |
margin-bottom: 20px | |
} | |
.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: 8px; | |
line-height: 1.42857143; | |
vertical-align: top; | |
border-top: 1px solid #ddd | |
} | |
.table>thead>tr>th { | |
vertical-align: bottom; | |
border-bottom: 2px solid #ddd | |
} | |
.table>caption+thead>tr:first-child>td, | |
.table>caption+thead>tr:first-child>th, | |
.table>colgroup+thead>tr:first-child>td, | |
.table>colgroup+thead>tr:first-child>th, | |
.table>thead:first-child>tr:first-child>td, | |
.table>thead:first-child>tr:first-child>th { | |
border-top: 0 | |
} | |
.table>tbody+tbody { | |
border-top: 2px solid #ddd | |
} | |
.table .table { | |
background-color: #fff | |
} | |
.table-no-thead>tbody>tr:first-of-type>td { | |
border-top: none | |
} | |
.table-condensed>tbody>tr>td, | |
.table-condensed>tbody>tr>th, | |
.table-condensed>tfoot>tr>td, | |
.table-condensed>tfoot>tr>th, | |
.table-condensed>thead>tr>td, | |
.table-condensed>thead>tr>th { | |
padding: 5px | |
} | |
.table-bordered, | |
.table-bordered>tbody>tr>td, | |
.table-bordered>tbody>tr>th, | |
.table-bordered>tfoot>tr>td, | |
.table-bordered>tfoot>tr>th, | |
.table-bordered>thead>tr>td, | |
.table-bordered>thead>tr>th { | |
border: 1px solid #ddd | |
} | |
.table-bordered>thead>tr>td, | |
.table-bordered>thead>tr>th { | |
border-bottom-width: 2px | |
} | |
.table-striped>tbody>tr:nth-of-type(odd) { | |
background-color: #f9f9f9 | |
} | |
.table-hover>tbody>tr:hover { | |
background-color: #f5f5f5 | |
} | |
table col[class*=col-] { | |
position: static; | |
float: none; | |
display: table-column | |
} | |
table td[class*=col-], | |
table th[class*=col-] { | |
position: static; | |
float: none; | |
display: table-cell | |
} | |
.table>tbody>tr.active>td, | |
.table>tbody>tr.active>th, | |
.table>tbody>tr>td.active, | |
.table>tbody>tr>th.active, | |
.table>tfoot>tr.active>td, | |
.table>tfoot>tr.active>th, | |
.table>tfoot>tr>td.active, | |
.table>tfoot>tr>th.active, | |
.table>thead>tr.active>td, | |
.table>thead>tr.active>th, | |
.table>thead>tr>td.active, | |
.table>thead>tr>th.active { | |
background-color: #f5f5f5 | |
} | |
.table-hover>tbody>tr.active:hover>td, | |
.table-hover>tbody>tr.active:hover>th, | |
.table-hover>tbody>tr:hover>.active, | |
.table-hover>tbody>tr>td.active:hover, | |
.table-hover>tbody>tr>th.active:hover { | |
background-color: #e8e8e8 | |
} | |
.table>tbody>tr.success>td, | |
.table>tbody>tr.success>th, | |
.table>tbody>tr>td.success, | |
.table>tbody>tr>th.success, | |
.table>tfoot>tr.success>td, | |
.table>tfoot>tr.success>th, | |
.table>tfoot>tr>td.success, | |
.table>tfoot>tr>th.success, | |
.table>thead>tr.success>td, | |
.table>thead>tr.success>th, | |
.table>thead>tr>td.success, | |
.table>thead>tr>th.success { | |
background-color: #d7eff0 | |
} | |
.table-hover>tbody>tr.success:hover>td, | |
.table-hover>tbody>tr.success:hover>th, | |
.table-hover>tbody>tr:hover>.success, | |
.table-hover>tbody>tr>td.success:hover, | |
.table-hover>tbody>tr>th.success:hover { | |
background-color: #c4e8e9 | |
} | |
.table>tbody>tr.info>td, | |
.table>tbody>tr.info>th, | |
.table>tbody>tr>td.info, | |
.table>tbody>tr>th.info, | |
.table>tfoot>tr.info>td, | |
.table>tfoot>tr.info>th, | |
.table>tfoot>tr>td.info, | |
.table>tfoot>tr>th.info, | |
.table>thead>tr.info>td, | |
.table>thead>tr.info>th, | |
.table>thead>tr>td.info, | |
.table>thead>tr>th.info { | |
background-color: #d6e0e6 | |
} | |
.table-hover>tbody>tr.info:hover>td, | |
.table-hover>tbody>tr.info:hover>th, | |
.table-hover>tbody>tr:hover>.info, | |
.table-hover>tbody>tr>td.info:hover, | |
.table-hover>tbody>tr>th.info:hover { | |
background-color: #c6d4dc | |
} | |
.table>tbody>tr.warning>td, | |
.table>tbody>tr.warning>th, | |
.table>tbody>tr>td.warning, | |
.table>tbody>tr>th.warning, | |
.table>tfoot>tr.warning>td, | |
.table>tfoot>tr.warning>th, | |
.table>tfoot>tr>td.warning, | |
.table>tfoot>tr>th.warning, | |
.table>thead>tr.warning>td, | |
.table>thead>tr.warning>th, | |
.table>thead>tr>td.warning, | |
.table>thead>tr>th.warning { | |
background-color: #fff8e8 | |
} | |
.table-hover>tbody>tr.warning:hover>td, | |
.table-hover>tbody>tr.warning:hover>th, | |
.table-hover>tbody>tr:hover>.warning, | |
.table-hover>tbody>tr>td.warning:hover, | |
.table-hover>tbody>tr>th.warning:hover { | |
background-color: #fff0cf | |
} | |
.table>tbody>tr.danger>td, | |
.table>tbody>tr.danger>th, | |
.table>tbody>tr>td.danger, | |
.table>tbody>tr>th.danger, | |
.table>tfoot>tr.danger>td, | |
.table>tfoot>tr.danger>th, | |
.table>tfoot>tr>td.danger, | |
.table>tfoot>tr>th.danger, | |
.table>thead>tr.danger>td, | |
.table>thead>tr.danger>th, | |
.table>thead>tr>td.danger, | |
.table>thead>tr>th.danger { | |
background-color: #f09ba8 | |
} | |
.table-hover>tbody>tr.danger:hover>td, | |
.table-hover>tbody>tr.danger:hover>th, | |
.table-hover>tbody>tr:hover>.danger, | |
.table-hover>tbody>tr>td.danger:hover, | |
.table-hover>tbody>tr>th.danger:hover { | |
background-color: #ed8594 | |
} | |
.table-responsive { | |
overflow-x: auto; | |
min-height: .01% | |
} | |
@media screen and (max-width:767px) { | |
.table-responsive { | |
width: 100%; | |
margin-bottom: 15px; | |
overflow-y: hidden; | |
-ms-overflow-style: -ms-autohiding-scrollbar; | |
border: 1px solid #ddd | |
} | |
.table-responsive>.table { | |
margin-bottom: 0 | |
} | |
.table-responsive>.table>tbody>tr>td, | |
.table-responsive>.table>tbody>tr>th, | |
.table-responsive>.table>tfoot>tr>td, | |
.table-responsive>.table>tfoot>tr>th, | |
.table-responsive>.table>thead>tr>td, | |
.table-responsive>.table>thead>tr>th { | |
white-space: nowrap | |
} | |
.table-responsive>.table-bordered { | |
border: 0 | |
} | |
.table-responsive>.table-bordered>tbody>tr>td:first-child, | |
.table-responsive>.table-bordered>tbody>tr>th:first-child, | |
.table-responsive>.table-bordered>tfoot>tr>td:first-child, | |
.table-responsive>.table-bordered>tfoot>tr>th:first-child, | |
.table-responsive>.table-bordered>thead>tr>td:first-child, | |
.table-responsive>.table-bordered>thead>tr>th:first-child { | |
border-left: 0 | |
} | |
.table-responsive>.table-bordered>tbody>tr>td:last-child, | |
.table-responsive>.table-bordered>tbody>tr>th:last-child, | |
.table-responsive>.table-bordered>tfoot>tr>td:last-child, | |
.table-responsive>.table-bordered>tfoot>tr>th:last-child, | |
.table-responsive>.table-bordered>thead>tr>td:last-child, | |
.table-responsive>.table-bordered>thead>tr>th:last-child { | |
border-right: 0 | |
} | |
.table-responsive>.table-bordered>tbody>tr:last-child>td, | |
.table-responsive>.table-bordered>tbody>tr:last-child>th, | |
.table-responsive>.table-bordered>tfoot>tr:last-child>td, | |
.table-responsive>.table-bordered>tfoot>tr:last-child>th { | |
border-bottom: 0 | |
} | |
} | |
fieldset { | |
padding: 0; | |
margin: 0; | |
border: 0; | |
min-width: 0 | |
} | |
legend { | |
display: block; | |
width: 100%; | |
padding: 0; | |
margin-bottom: 20px; | |
font-size: 21px; | |
line-height: inherit; | |
color: #333; | |
border: 0; | |
border-bottom: 1px solid #e5e5e5 | |
} | |
label { | |
display: inline-block; | |
max-width: 100%; | |
margin-bottom: 5px; | |
font-weight: 700 | |
} | |
input[type=search] { | |
box-sizing: border-box; | |
-webkit-appearance: none | |
} | |
input[type=checkbox], | |
input[type=radio] { | |
margin: 4px 0 0; | |
margin-top: 1px\9; | |
line-height: normal | |
} | |
input[type=file] { | |
display: block | |
} | |
input[type=range] { | |
display: block; | |
width: 100% | |
} | |
select[multiple], | |
select[size] { | |
height: auto | |
} | |
input[type=file]:focus, | |
input[type=checkbox]:focus, | |
input[type=radio]:focus { | |
outline: dotted thin; | |
outline: -webkit-focus-ring-color auto 5px; | |
outline-offset: -2px | |
} | |
output { | |
display: block; | |
padding-top: 7px; | |
font-size: 14px; | |
line-height: 1.42857143; | |
color: #555 | |
} | |
.form-control { | |
display: block; | |
width: 100%; | |
height: 34px; | |
padding: 6px 12px; | |
font-size: 14px; | |
line-height: 1.42857143; | |
color: #555; | |
background-color: #fff; | |
background-image: none; | |
border: 1px solid #ccc; | |
border-radius: 4px; | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); | |
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | |
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s | |
} | |
.form-control:focus { | |
border-color: #66afe9; | |
outline: 0; | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) | |
} | |
.form-control::-moz-placeholder { | |
color: #999; | |
opacity: 1 | |
} | |
.form-control:-ms-input-placeholder { | |
color: #999 | |
} | |
.form-control::-webkit-input-placeholder { | |
color: #999 | |
} | |
.form-control::-ms-expand { | |
border: 0; | |
background-color: transparent | |
} | |
.form-control[disabled], | |
.form-control[readonly], | |
fieldset[disabled] .form-control { | |
background-color: #eee; | |
opacity: 1 | |
} | |
.form-control[disabled], | |
fieldset[disabled] .form-control { | |
cursor: not-allowed | |
} | |
textarea.form-control { | |
height: auto | |
} | |
@media screen and (-webkit-min-device-pixel-ratio:0) { | |
input[type=date].form-control, | |
input[type=time].form-control, | |
input[type=datetime-local].form-control, | |
input[type=month].form-control { | |
line-height: 34px | |
} | |
.input-group-sm input[type=date], | |
.input-group-sm input[type=time], | |
.input-group-sm input[type=datetime-local], | |
.input-group-sm input[type=month], | |
input[type=date].input-sm, | |
input[type=time].input-sm, | |
input[type=datetime-local].input-sm, | |
input[type=month].input-sm { | |
line-height: 30px | |
} | |
.input-group-lg input[type=date], | |
.input-group-lg input[type=time], | |
.input-group-lg input[type=datetime-local], | |
.input-group-lg input[type=month], | |
input[type=date].input-lg, | |
input[type=time].input-lg, | |
input[type=datetime-local].input-lg, | |
input[type=month].input-lg { | |
line-height: 46px | |
} | |
} | |
.form-group { | |
padding: 5px | |
} | |
.checkbox, | |
.radio { | |
position: relative; | |
display: block; | |
margin-top: 10px; | |
margin-bottom: 10px | |
} | |
.checkbox label, | |
.radio label { | |
min-height: 20px; | |
padding-left: 20px; | |
margin-bottom: 0; | |
font-weight: 400; | |
cursor: url(/public/img/svg/cursor-pointer.svg) 14.5 11, pointer | |
} | |
.checkbox input[type=checkbox], | |
.checkbox-inline input[type=checkbox], | |
.radio input[type=radio], | |
.radio-inline input[type=radio] { | |
position: absolute; | |
margin-left: -20px; | |
margin-top: 4px\9 | |
} | |
.checkbox+.checkbox, | |
.radio+.radio { | |
margin-top: -5px | |
} | |
.checkbox-inline, | |
.radio-inline { | |
position: relative; | |
display: inline-block; | |
padding-left: 20px; | |
margin-bottom: 0; | |
vertical-align: middle; | |
font-weight: 400; | |
cursor: url(/public/img/svg/cursor-pointer.svg) 14.5 11, pointer | |
} | |
.checkbox-inline+.checkbox-inline, | |
.radio-inline+.radio-inline { | |
margin-top: 0; | |
margin-left: 10px | |
} | |
.checkbox-inline.disabled, | |
.checkbox.disabled label, | |
.radio-inline.disabled, | |
.radio.disabled label, | |
fieldset[disabled] .checkbox label, | |
fieldset[disabled] .checkbox-inline, | |
fieldset[disabled] .radio label, | |
fieldset[disabled] .radio-inline, | |
fieldset[disabled] input[type=checkbox], | |
fieldset[disabled] input[type=radio], | |
input[type=checkbox].disabled, | |
input[type=checkbox][disabled], | |
input[type=radio].disabled, | |
input[type=radio][disabled] { | |
cursor: not-allowed | |
} | |
.form-control-static { | |
padding-top: 7px; | |
padding-bottom: 7px; | |
margin-bottom: 0; | |
min-height: 34px | |
} | |
.form-control-static.input-lg, | |
.form-control-static.input-sm { | |
padding-left: 0; | |
padding-right: 0 | |
} | |
.input-sm { | |
height: 30px; | |
padding: 5px 10px; | |
font-size: 12px; | |
line-height: 1.5; | |
border-radius: 3px | |
} | |
select.input-sm { | |
height: 30px; | |
line-height: 30px | |
} | |
select[multiple].input-sm, | |
textarea.input-sm { | |
height: auto | |
} | |
.form-group-sm .form-control { | |
height: 30px; | |
padding: 5px 10px; | |
font-size: 12px; | |
line-height: 1.5; | |
border-radius: 3px | |
} | |
.form-group-sm select.form-control { | |
height: 30px; | |
line-height: 30px | |
} | |
.form-group-sm select[multiple].form-control, | |
.form-group-sm textarea.form-control { | |
height: auto | |
} | |
.form-group-sm .form-control-static { | |
height: 30px; | |
min-height: 32px; | |
padding: 6px 10px; | |
font-size: 12px; | |
line-height: 1.5 | |
} | |
.input-lg { | |
height: 46px; | |
padding: 10px 16px; | |
font-size: 18px; | |
line-height: 1.3333333; | |
border-radius: 6px | |
} | |
select.input-lg { | |
height: 46px; | |
line-height: 46px | |
} | |
select[multiple].input-lg, | |
textarea.input-lg { | |
height: auto | |
} | |
.form-group-lg .form-control { | |
height: 46px; | |
padding: 10px 16px; | |
font-size: 18px; | |
line-height: 1.3333333; | |
border-radius: 6px | |
} | |
.form-group-lg select.form-control { | |
height: 46px; | |
line-height: 46px | |
} | |
.form-group-lg select[multiple].form-control, | |
.form-group-lg textarea.form-control { | |
height: auto | |
} | |
.form-group-lg .form-control-static { | |
height: 46px; | |
min-height: 38px; | |
padding: 11px 16px; | |
font-size: 18px; | |
line-height: 1.3333333 | |
} | |
.has-feedback { | |
position: relative | |
} | |
.has-feedback .form-control { | |
padding-right: 42.5px | |
} | |
.form-control-feedback { | |
position: absolute; | |
top: 0; | |
right: 0; | |
z-index: 2; | |
display: block; | |
width: 34px; | |
height: 34px; | |
line-height: 34px; | |
text-align: center; | |
pointer-events: none | |
} | |
.form-group-lg .form-control+.form-control-feedback, | |
.input-group-lg+.form-control-feedback, | |
.input-lg+.form-control-feedback { | |
width: 46px; | |
height: 46px; | |
line-height: 46px | |
} | |
.form-group-sm .form-control+.form-control-feedback, | |
.input-group-sm+.form-control-feedback, | |
.input-sm+.form-control-feedback { | |
width: 30px; | |
height: 30px; | |
line-height: 30px | |
} | |
.has-success { | |
background: rgba(68, 179, 183, .25) | |
} | |
.has-success .checkbox, | |
.has-success .checkbox-inline, | |
.has-success .control-label, | |
.has-success .help-block, | |
.has-success .radio, | |
.has-success .radio-inline, | |
.has-success.checkbox label, | |
.has-success.checkbox-inline label, | |
.has-success.radio label, | |
.has-success.radio-inline label { | |
color: #44b3b7 | |
} | |
.has-success .form-control { | |
border-color: #44b3b7; | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) | |
} | |
.has-success .form-control:focus { | |
border-color: #368f92; | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #8dd2d4 | |
} | |
.has-success .input-group-addon { | |
color: #44b3b7; | |
border-color: #44b3b7; | |
background-color: #d7eff0 | |
} | |
.has-success .form-control-feedback { | |
color: #44b3b7 | |
} | |
.has-warning { | |
background: rgba(255, 184, 28, .25) | |
} | |
.has-warning .checkbox, | |
.has-warning .checkbox-inline, | |
.has-warning .control-label, | |
.has-warning .help-block, | |
.has-warning .radio, | |
.has-warning .radio-inline, | |
.has-warning.checkbox label, | |
.has-warning.checkbox-inline label, | |
.has-warning.radio label, | |
.has-warning.radio-inline label { | |
color: #ffb81c | |
} | |
.has-warning .form-control { | |
border-color: #ffb81c; | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) | |
} | |
.has-warning .form-control:focus { | |
border-color: #e89f00; | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ffd882 | |
} | |
.has-warning .input-group-addon { | |
color: #ffb81c; | |
border-color: #ffb81c; | |
background-color: #fff8e8 | |
} | |
.has-warning .form-control-feedback { | |
color: #ffb81c | |
} | |
.has-error { | |
background: rgba(166, 25, 46, .25) | |
} | |
.has-error .checkbox, | |
.has-error .checkbox-inline, | |
.has-error .control-label, | |
.has-error .help-block, | |
.has-error .radio, | |
.has-error .radio-inline, | |
.has-error.checkbox label, | |
.has-error.checkbox-inline label, | |
.has-error.radio label, | |
.has-error.radio-inline label { | |
color: #a6192e | |
} | |
.has-error .form-control { | |
border-color: #a6192e; | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) | |
} | |
.has-error .form-control:focus { | |
border-color: #7a1222; | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #e3425a | |
} | |
.has-error .input-group-addon { | |
color: #a6192e; | |
border-color: #a6192e; | |
background-color: #f09ba8 | |
} | |
.has-error .form-control-feedback { | |
color: #a6192e | |
} | |
.has-info { | |
background: rgba(91, 127, 149, .25) | |
} | |
.has-info .checkbox, | |
.has-info .checkbox-inline, | |
.has-info .control-label, | |
.has-info .help-block, | |
.has-info .radio, | |
.has-info .radio-inline, | |
.has-info.checkbox label, | |
.has-info.checkbox-inline label, | |
.has-info.radio label, | |
.has-info.radio-inline label { | |
color: #5b7f95 | |
} | |
.has-info .form-control { | |
border-color: #5b7f95; | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) | |
} | |
.has-info .form-control:focus { | |
border-color: #486475; | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #97b0bf | |
} | |
.has-info .input-group-addon { | |
color: #5b7f95; | |
border-color: #5b7f95; | |
background-color: #d6e0e6 | |
} | |
.has-info .form-control-feedback { | |
color: #5b7f95 | |
} | |
.has-feedback label~.form-control-feedback { | |
top: 25px | |
} | |
.has-feedback label.sr-only~.form-control-feedback { | |
top: 0 | |
} | |
.help-block { | |
display: block; | |
margin-top: 5px; | |
margin-bottom: 10px; | |
color: #737373 | |
} | |
@media (min-width:768px) { | |
.form-inline .form-group { | |
display: inline-block; | |
vertical-align: middle | |
} | |
.form-inline .form-control { | |
display: inline-block; | |
width: auto; | |
vertical-align: middle | |
} | |
.form-inline .form-control-static { | |
display: inline-block | |
} | |
.form-inline .input-group { | |
display: inline-table; | |
vertical-align: middle | |
} | |
.form-inline .input-group .form-control, | |
.form-inline .input-group .input-group-addon, | |
.form-inline .input-group .input-group-btn { | |
width: auto | |
} | |
.form-inline .input-group>.form-control { | |
width: 100% | |
} | |
.form-inline .control-label { | |
margin-bottom: 0; | |
vertical-align: middle | |
} | |
.form-inline .checkbox, | |
.form-inline .radio { | |
display: inline-block; | |
margin-top: 0; | |
margin-bottom: 0; | |
vertical-align: middle | |
} | |
.form-inline .checkbox label, | |
.form-inline .radio label { | |
padding-left: 0 | |
} | |
.form-inline .checkbox input[type=checkbox], | |
.form-inline .radio input[type=radio] { | |
position: relative; | |
margin-left: 0 | |
} | |
.form-inline .has-feedback .form-control-feedback { | |
top: 0 | |
} | |
.form-horizontal .control-label { | |
text-align: right; | |
margin-bottom: 0; | |
padding-top: 7px | |
} | |
} | |
.form-horizontal .checkbox, | |
.form-horizontal .checkbox-inline, | |
.form-horizontal .radio, | |
.form-horizontal .radio-inline { | |
margin-top: 0; | |
margin-bottom: 0; | |
padding-top: 7px | |
} | |
.form-horizontal .checkbox, | |
.form-horizontal .radio { | |
min-height: 27px | |
} | |
.form-horizontal .form-group { | |
margin-left: -15px; | |
margin-right: -15px | |
} | |
.form-horizontal .has-feedback .form-control-feedback { | |
right: 15px | |
} | |
@media (min-width:768px) { | |
.form-horizontal .form-group-lg .control-label { | |
padding-top: 11px; | |
font-size: 18px | |
} | |
.form-horizontal .form-group-sm .control-label { | |
padding-top: 6px; | |
font-size: 12px | |
} | |
} | |
.btn { | |
display: inline-block; | |
margin-bottom: 0; | |
font-weight: 400; | |
text-align: center; | |
vertical-align: middle; | |
touch-action: manipulation; | |
cursor: url(/public/img/svg/cursor-pointer.svg) 14.5 11, pointer; | |
background-image: none; | |
border: 1px solid transparent; | |
white-space: nowrap; | |
padding: 6px 12px; | |
font-size: 14px; | |
line-height: 1.42857143; | |
border-radius: 4px; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
user-select: none | |
} | |
.btn.active.focus, | |
.btn.active:focus, | |
.btn.focus, | |
.btn:active.focus, | |
.btn:active:focus, | |
.btn:focus { | |
outline: dotted thin; | |
outline: -webkit-focus-ring-color auto 5px; | |
outline-offset: -2px | |
} | |
.btn.focus, | |
.btn:focus, | |
.btn:hover { | |
color: #333; | |
text-decoration: none | |
} | |
.btn.active, | |
.btn:active { | |
outline: 0; | |
background-image: none; | |
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) | |
} | |
.btn.disabled, | |
.btn[disabled], | |
fieldset[disabled] .btn { | |
cursor: not-allowed; | |
opacity: .65; | |
filter: alpha(opacity=65); | |
box-shadow: none | |
} | |
a.btn.disabled, | |
fieldset[disabled] a.btn { | |
pointer-events: none | |
} | |
.btn-default { | |
color: #333; | |
background-color: #fff; | |
border-color: #ccc | |
} | |
.btn-default.focus, | |
.btn-default:focus { | |
color: #333; | |
background-color: #e6e6e6; | |
border-color: #8c8c8c | |
} | |
.btn-default.active, | |
.btn-default:active, | |
.btn-default:hover, | |
.open>.dropdown-toggle.btn-default { | |
color: #333; | |
background-color: #e6e6e6; | |
border-color: #adadad | |
} | |
.btn-default.active.focus, | |
.btn-default.active:focus, | |
.btn-default.active:hover, | |
.btn-default:active.focus, | |
.btn-default:active:focus, | |
.btn-default:active:hover, | |
.open>.dropdown-toggle.btn-default.focus, | |
.open>.dropdown-toggle.btn-default:focus, | |
.open>.dropdown-toggle.btn-default:hover { | |
color: #333; | |
background-color: #d4d4d4; | |
border-color: #8c8c8c | |
} | |
.btn-default.active, | |
.btn-default:active, | |
.open>.dropdown-toggle.btn-default { | |
background-image: none | |
} | |
.btn-default.disabled.focus, | |
.btn-default.disabled:focus, | |
.btn-default.disabled:hover, | |
.btn-default[disabled].focus, | |
.btn-default[disabled]:focus, | |
.btn-default[disabled]:hover, | |
fieldset[disabled] .btn-default.focus, | |
fieldset[disabled] .btn-default:focus, | |
fieldset[disabled] .btn-default:hover { | |
background-color: #fff; | |
border-color: #ccc | |
} | |
.btn-default .badge { | |
color: #fff; | |
background-color: #333 | |
} | |
.btn-primary { | |
color: #fff; | |
background-color: #00263a; | |
border-color: #001521 | |
} | |
.btn-primary.active, | |
.btn-primary.focus, | |
.btn-primary:active, | |
.btn-primary:focus, | |
.btn-primary:hover, | |
.open>.dropdown-toggle.btn-primary { | |
color: #fff; | |
background-color: #000507; | |
border-color: #000 | |
} | |
.btn-primary.active.focus, | |
.btn-primary.active:focus, | |
.btn-primary.active:hover, | |
.btn-primary:active.focus, | |
.btn-primary:active:focus, | |
.btn-primary:active:hover, | |
.open>.dropdown-toggle.btn-primary.focus, | |
.open>.dropdown-toggle.btn-primary:focus, | |
.open>.dropdown-toggle.btn-primary:hover { | |
color: #fff; | |
background-color: #000; | |
border-color: #000 | |
} | |
.btn-primary.active, | |
.btn-primary:active, | |
.open>.dropdown-toggle.btn-primary { | |
background-image: none | |
} | |
.btn-primary.disabled.focus, | |
.btn-primary.disabled:focus, | |
.btn-primary.disabled:hover, | |
.btn-primary[disabled].focus, | |
.btn-primary[disabled]:focus, | |
.btn-primary[disabled]:hover, | |
fieldset[disabled] .btn-primary.focus, | |
fieldset[disabled] .btn-primary:focus, | |
fieldset[disabled] .btn-primary:hover { | |
background-color: #00263a; | |
border-color: #001521 | |
} | |
.btn-primary .badge { | |
color: #00263a; | |
background-color: #fff | |
} | |
.btn-success { | |
color: #fff; | |
background-color: #44b3b7; | |
border-color: #3da1a4 | |
} | |
.btn-success.focus, | |
.btn-success:focus { | |
color: #fff; | |
background-color: #368f92; | |
border-color: #1b4647 | |
} | |
.btn-success.active, | |
.btn-success:active, | |
.btn-success:hover, | |
.open>.dropdown-toggle.btn-success { | |
color: #fff; | |
background-color: #368f92; | |
border-color: #2d7578 | |
} | |
.btn-success.active.focus, | |
.btn-success.active:focus, | |
.btn-success.active:hover, | |
.btn-success:active.focus, | |
.btn-success:active:focus, | |
.btn-success:active:hover, | |
.open>.dropdown-toggle.btn-success.focus, | |
.open>.dropdown-toggle.btn-success:focus, | |
.open>.dropdown-toggle.btn-success:hover { | |
color: #fff; | |
background-color: #2d7578; | |
border-color: #1b4647 | |
} | |
.btn-success.active, | |
.btn-success:active, | |
.open>.dropdown-toggle.btn-success { | |
background-image: none | |
} | |
.btn-success.disabled.focus, | |
.btn-success.disabled:focus, | |
.btn-success.disabled:hover, | |
.btn-success[disabled].focus, | |
.btn-success[disabled]:focus, | |
.btn-success[disabled]:hover, | |
fieldset[disabled] .btn-success.focus, | |
fieldset[disabled] .btn-success:focus, | |
fieldset[disabled] .btn-success:hover { | |
background-color: #44b3b7; | |
border-color: #3da1a4 | |
} | |
.btn-success .badge { | |
color: #44b3b7; | |
background-color: #fff | |
} | |
.btn-info { | |
color: #fff; | |
background-color: #5b7f95; | |
border-color: #517285 | |
} | |
.btn-info.focus, | |
.btn-info:focus { | |
color: #fff; | |
background-color: #486475; | |
border-color: #212e36 | |
} | |
.btn-info.active, | |
.btn-info:active, | |
.btn-info:hover, | |
.open>.dropdown-toggle.btn-info { | |
color: #fff; | |
background-color: #486475; | |
border-color: #3a515f | |
} | |
.btn-info.active.focus, | |
.btn-info.active:focus, | |
.btn-info.active:hover, | |
.btn-info:active.focus, | |
.btn-info:active:focus, | |
.btn-info:active:hover, | |
.open>.dropdown-toggle.btn-info.focus, | |
.open>.dropdown-toggle.btn-info:focus, | |
.open>.dropdown-toggle.btn-info:hover { | |
color: #fff; | |
background-color: #3a515f; | |
border-color: #212e36 | |
} | |
.btn-info.active, | |
.btn-info:active, | |
.open>.dropdown-toggle.btn-info { | |
background-image: none | |
} | |
.btn-info.disabled.focus, | |
.btn-info.disabled:focus, | |
.btn-info.disabled:hover, | |
.btn-info[disabled].focus, | |
.btn-info[disabled]:focus, | |
.btn-info[disabled]:hover, | |
fieldset[disabled] .btn-info.focus, | |
fieldset[disabled] .btn-info:focus, | |
fieldset[disabled] .btn-info:hover { | |
background-color: #5b7f95; | |
border-color: #517285 | |
} | |
.btn-info .badge { | |
color: #5b7f95; | |
background-color: #fff | |
} | |
.btn-warning { | |
color: #fff; | |
background-color: #ffb81c; | |
border-color: #ffb002 | |
} | |
.btn-warning.focus, | |
.btn-warning:focus { | |
color: #fff; | |
background-color: #e89f00; | |
border-color: #825900 | |
} | |
.btn-warning.active, | |
.btn-warning:active, | |
.btn-warning:hover, | |
.open>.dropdown-toggle.btn-warning { | |
color: #fff; | |
background-color: #e89f00; | |
border-color: #c48700 | |
} | |
.btn-warning.active.focus, | |
.btn-warning.active:focus, | |
.btn-warning.active:hover, | |
.btn-warning:active.focus, | |
.btn-warning:active:focus, | |
.btn-warning:active:hover, | |
.open>.dropdown-toggle.btn-warning.focus, | |
.open>.dropdown-toggle.btn-warning:focus, | |
.open>.dropdown-toggle.btn-warning:hover { | |
color: #fff; | |
background-color: #c48700; | |
border-color: #825900 | |
} | |
.btn-warning.active, | |
.btn-warning:active, | |
.open>.dropdown-toggle.btn-warning { | |
background-image: none | |
} | |
.btn-warning.disabled.focus, | |
.btn-warning.disabled:focus, | |
.btn-warning.disabled:hover, | |
.btn-warning[disabled].focus, | |
.btn-warning[disabled]:focus, | |
.btn-warning[disabled]:hover, | |
fieldset[disabled] .btn-warning.focus, | |
fieldset[disabled] .btn-warning:focus, | |
fieldset[disabled] .btn-warning:hover { | |
background-color: #ffb81c; | |
border-color: #ffb002 | |
} | |
.btn-warning .badge { | |
color: #ffb81c; | |
background-color: #fff | |
} | |
.btn-danger { | |
color: #fff; | |
background-color: #a6192e; | |
border-color: #901628 | |
} | |
.btn-danger.focus, | |
.btn-danger:focus { | |
color: #fff; | |
background-color: #7a1222; | |
border-color: #210509 | |
} | |
.btn-danger.active, | |
.btn-danger:active, | |
.btn-danger:hover, | |
.open>.dropdown-toggle.btn-danger { | |
color: #fff; | |
background-color: #7a1222; | |
border-color: #5b0e19 | |
} | |
.btn-danger.active.focus, | |
.btn-danger.active:focus, | |
.btn-danger.active:hover, | |
.btn-danger:active.focus, | |
.btn-danger:active:focus, | |
.btn-danger:active:hover, | |
.open>.dropdown-toggle.btn-danger.focus, | |
.open>.dropdown-toggle.btn-danger:focus, | |
.open>.dropdown-toggle.btn-danger:hover { | |
color: #fff; | |
background-color: #5b0e19; | |
border-color: #210509 | |
} | |
.btn-danger.active, | |
.btn-danger:active, | |
.open>.dropdown-toggle.btn-danger { | |
background-image: none | |
} | |
.btn-danger.disabled.focus, | |
.btn-danger.disabled:focus, | |
.btn-danger.disabled:hover, | |
.btn-danger[disabled].focus, | |
.btn-danger[disabled]:focus, | |
.btn-danger[disabled]:hover, | |
fieldset[disabled] .btn-danger.focus, | |
fieldset[disabled] .btn-danger:focus, | |
fieldset[disabled] .btn-danger:hover { | |
background-color: #a6192e; | |
border-color: #901628 | |
} | |
.btn-danger .badge { | |
color: #a6192e; | |
background-color: #fff | |
} | |
.btn-link { | |
color: #00263a; | |
font-weight: 400; | |
border-radius: 0 | |
} | |
.btn-link, | |
.btn-link.active, | |
.btn-link:active, | |
.btn-link[disabled], | |
fieldset[disabled] .btn-link { | |
background-color: transparent; | |
box-shadow: none | |
} | |
.btn-link, | |
.btn-link:active, | |
.btn-link:focus, | |
.btn-link:hover { | |
border-color: transparent | |
} | |
.btn-link:focus, | |
.btn-link:hover { | |
color: #000; | |
text-decoration: underline; | |
background-color: transparent | |
} | |
.btn-link[disabled]:focus, | |
.btn-link[disabled]:hover, | |
fieldset[disabled] .btn-link:focus, | |
fieldset[disabled] .btn-link:hover { | |
color: #777; | |
text-decoration: none | |
} | |
.btn-group-lg>.btn, | |
.btn-lg { | |
padding: 10px 16px; | |
font-size: 18px; | |
line-height: 1.3333333; | |
border-radius: 6px | |
} | |
.btn-group-sm>.btn, | |
.btn-sm { | |
padding: 5px 10px; | |
font-size: 12px; | |
line-height: 1.5; | |
border-radius: 3px | |
} | |
.btn-group-xs>.btn, | |
.btn-xs { | |
padding: 1px 5px; | |
font-size: 12px; | |
line-height: 1.5; | |
border-radius: 3px | |
} | |
.btn-block { | |
display: block; | |
width: 100% | |
} | |
.btn-block+.btn-block { | |
margin-top: 5px | |
} | |
input[type=button].btn-block, | |
input[type=reset].btn-block, | |
input[type=submit].btn-block { | |
width: 100% | |
} | |
.fade { | |
opacity: 0 | |
} | |
.fade.in { | |
opacity: 1 | |
} | |
.collapse { | |
display: none | |
} | |
.collapse.in { | |
display: block | |
} | |
tr.collapse.in { | |
display: table-row | |
} | |
tbody.collapse.in { | |
display: table-row-group | |
} | |
.collapsing { | |
position: relative; | |
height: 0; | |
overflow: hidden; | |
-webkit-transition-property: height, visibility; | |
transition-property: height, visibility; | |
-webkit-transition-duration: .35s; | |
transition-duration: .35s; | |
-webkit-transition-timing-function: ease; | |
transition-timing-function: ease | |
} | |
.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 | |
} | |
.dropdown, | |
.dropup { | |
position: relative | |
} | |
.dropdown-toggle:focus { | |
outline: 0 | |
} | |
.dropdown-menu { | |
position: absolute; | |
top: 100%; | |
left: 0; | |
z-index: 1000; | |
display: none; | |
float: left; | |
min-width: 160px; | |
padding: 5px 0; | |
margin: 2px 0 0; | |
list-style: none; | |
font-size: 14px; | |
text-align: left; | |
background-color: #fff; | |
border: 1px solid #ccc; | |
border: 1px solid rgba(0, 0, 0, .15); | |
border-radius: 4px; | |
box-shadow: 0 6px 12px rgba(0, 0, 0, .175); | |
background-clip: padding-box | |
} | |
.dropdown-menu.pull-right { | |
right: 0; | |
left: auto | |
} | |
.dropdown-menu .divider { | |
height: 1px; | |
margin: 9px 0; | |
overflow: hidden; | |
background-color: #e5e5e5 | |
} | |
.dropdown-menu>li>a { | |
display: block; | |
padding: 3px 20px; | |
clear: both; | |
font-weight: 400; | |
line-height: 1.42857143; | |
color: #333; | |
white-space: nowrap | |
} | |
.dropdown-menu>li>a:focus, | |
.dropdown-menu>li>a:hover { | |
text-decoration: none; | |
color: #262626; | |
background-color: #f5f5f5 | |
} | |
.dropdown-menu>.active>a, | |
.dropdown-menu>.active>a:focus, | |
.dropdown-menu>.active>a:hover { | |
color: #fff; | |
text-decoration: none; | |
outline: 0; | |
background-color: #5b7f95 | |
} | |
.dropdown-menu>.disabled>a, | |
.dropdown-menu>.disabled>a:focus, | |
.dropdown-menu>.disabled>a:hover { | |
color: #777 | |
} | |
.dropdown-menu>.disabled>a:focus, | |
.dropdown-menu>.disabled>a:hover { | |
text-decoration: none; | |
background-color: transparent; | |
background-image: none; | |
filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); | |
cursor: not-allowed | |
} | |
.open>.dropdown-menu { | |
display: block | |
} | |
.open>a { | |
outline: 0 | |
} | |
.dropdown-menu-right { | |
left: auto; | |
right: 0 | |
} | |
.dropdown-menu-left { | |
left: 0; | |
right: auto | |
} | |
.dropdown-header { | |
display: block; | |
padding: 3px 20px; | |
font-size: 12px; | |
line-height: 1.42857143; | |
color: #777; | |
white-space: nowrap | |
} | |
.dropdown-backdrop { | |
position: fixed; | |
left: 0; | |
right: 0; | |
bottom: 0; | |
top: 0; | |
z-index: 990 | |
} | |
.pull-right>.dropdown-menu { | |
right: 0; | |
left: auto | |
} | |
.dropup .caret, | |
.navbar-fixed-bottom .dropdown .caret { | |
border-top: 0; | |
border-bottom: 4px dashed; | |
border-bottom: 4px solid\9; | |
content: "" | |
} | |
.dropup .dropdown-menu, | |
.navbar-fixed-bottom .dropdown .dropdown-menu { | |
top: auto; | |
bottom: 100%; | |
margin-bottom: 2px | |
} | |
@media (min-width:768px) { | |
.navbar-right .dropdown-menu { | |
left: auto; | |
right: 0 | |
} | |
.navbar-right .dropdown-menu-left { | |
left: 0; | |
right: auto | |
} | |
} | |
.btn-group, | |
.btn-group-vertical { | |
position: relative; | |
display: inline-block; | |
vertical-align: middle | |
} | |
.btn-group-vertical>.btn, | |
.btn-group>.btn { | |
position: relative; | |
float: left | |
} | |
.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: 2 | |
} | |
.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 { | |
margin-left: -5px | |
} | |
.btn-toolbar .btn, | |
.btn-toolbar .btn-group, | |
.btn-toolbar .input-group { | |
float: left | |
} | |
.btn-toolbar>.btn, | |
.btn-toolbar>.btn-group, | |
.btn-toolbar>.input-group { | |
margin-left: 5px | |
} | |
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { | |
border-radius: 0 | |
} | |
.btn-group>.btn:first-child { | |
margin-left: 0 | |
} | |
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { | |
border-bottom-right-radius: 0; | |
border-top-right-radius: 0 | |
} | |
.btn-group>.btn:last-child:not(:first-child), | |
.btn-group>.dropdown-toggle:not(:first-child) { | |
border-bottom-left-radius: 0; | |
border-top-left-radius: 0 | |
} | |
.btn-group>.btn-group { | |
float: left | |
} | |
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn { | |
border-radius: 0 | |
} | |
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child, | |
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle { | |
border-bottom-right-radius: 0; | |
border-top-right-radius: 0 | |
} | |
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child { | |
border-bottom-left-radius: 0; | |
border-top-left-radius: 0 | |
} | |
.btn-group .dropdown-toggle:active, | |
.btn-group.open .dropdown-toggle { | |
outline: 0 | |
} | |
.btn-group>.btn+.dropdown-toggle { | |
padding-left: 8px; | |
padding-right: 8px | |
} | |
.btn-group>.btn-lg+.dropdown-toggle { | |
padding-left: 12px; | |
padding-right: 12px | |
} | |
.btn-group.open .dropdown-toggle { | |
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) | |
} | |
.btn-group.open .dropdown-toggle.btn-link { | |
box-shadow: none | |
} | |
.btn .caret:not(.pull-right) { | |
margin-left: 0 | |
} | |
.btn-lg .caret { | |
border-width: 5px 5px 0 | |
} | |
.dropup .btn-lg .caret { | |
border-width: 0 5px 5px | |
} | |
.btn-group-vertical>.btn, | |
.btn-group-vertical>.btn-group, | |
.btn-group-vertical>.btn-group>.btn { | |
display: block; | |
float: none; | |
width: 100%; | |
max-width: 100% | |
} | |
.btn-group-vertical>.btn-group>.btn { | |
float: none | |
} | |
.btn-group-vertical>.btn+.btn, | |
.btn-group-vertical>.btn+.btn-group, | |
.btn-group-vertical>.btn-group+.btn, | |
.btn-group-vertical>.btn-group+.btn-group { | |
margin-top: -1px; | |
margin-left: 0 | |
} | |
.btn-group-vertical>.btn:not(:first-child):not(:last-child) { | |
border-radius: 0 | |
} | |
.btn-group-vertical>.btn:first-child:not(:last-child) { | |
border-radius: 4px 4px 0 0 | |
} | |
.btn-group-vertical>.btn:last-child:not(:first-child) { | |
border-radius: 0 0 4px 4px | |
} | |
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn { | |
border-radius: 0 | |
} | |
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child, | |
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle { | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0 | |
} | |
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child { | |
border-top-right-radius: 0; | |
border-top-left-radius: 0 | |
} | |
.btn-group-justified { | |
display: table; | |
width: 100%; | |
table-layout: fixed; | |
border-collapse: separate | |
} | |
.btn-group-justified>.btn, | |
.btn-group-justified>.btn-group { | |
float: none; | |
display: table-cell; | |
width: 1% | |
} | |
.btn-group-justified>.btn-group .btn { | |
width: 100% | |
} | |
.btn-group-justified>.btn-group .dropdown-menu { | |
left: auto | |
} | |
[data-toggle=buttons]>.btn input[type=checkbox], | |
[data-toggle=buttons]>.btn input[type=radio], | |
[data-toggle=buttons]>.btn-group>.btn input[type=checkbox], | |
[data-toggle=buttons]>.btn-group>.btn input[type=radio] { | |
position: absolute; | |
clip: rect(0, 0, 0, 0); | |
pointer-events: none | |
} | |
.input-group { | |
position: relative; | |
display: table; | |
border-collapse: separate | |
} | |
.input-group[class*=col-] { | |
float: none; | |
padding-left: 0; | |
padding-right: 0 | |
} | |
.input-group .form-control { | |
position: relative; | |
z-index: 2; | |
float: left; | |
width: 100%; | |
margin-bottom: 0 | |
} | |
.input-group .form-control:focus { | |
z-index: 3 | |
} | |
.input-group-lg>.form-control, | |
.input-group-lg>.input-group-addon, | |
.input-group-lg>.input-group-btn>.btn { | |
height: 46px; | |
padding: 10px 16px; | |
font-size: 18px; | |
line-height: 1.3333333; | |
border-radius: 6px | |
} | |
select.input-group-lg>.form-control, | |
select.input-group-lg>.input-group-addon, | |
select.input-group-lg>.input-group-btn>.btn { | |
height: 46px; | |
line-height: 46px | |
} | |
select[multiple].input-group-lg>.form-control, | |
select[multiple].input-group-lg>.input-group-addon, | |
select[multiple].input-group-lg>.input-group-btn>.btn, | |
textarea.input-group-lg>.form-control, | |
textarea.input-group-lg>.input-group-addon, | |
textarea.input-group-lg>.input-group-btn>.btn { | |
height: auto | |
} | |
.input-group-sm>.form-control, | |
.input-group-sm>.input-group-addon, | |
.input-group-sm>.input-group-btn>.btn { | |
height: 30px; | |
padding: 5px 10px; | |
font-size: 12px; | |
line-height: 1.5; | |
border-radius: 3px | |
} | |
select.input-group-sm>.form-control, | |
select.input-group-sm>.input-group-addon, | |
select.input-group-sm>.input-group-btn>.btn { | |
height: 30px; | |
line-height: 30px | |
} | |
select[multiple].input-group-sm>.form-control, | |
select[multiple].input-group-sm>.input-group-addon, | |
select[multiple].input-group-sm>.input-group-btn>.btn, | |
textarea.input-group-sm>.form-control, | |
textarea.input-group-sm>.input-group-addon, | |
textarea.input-group-sm>.input-group-btn>.btn { | |
height: auto | |
} | |
.input-group .form-control, | |
.input-group-addon, | |
.input-group-btn { | |
display: table-cell | |
} | |
.input-group .form-control:not(:first-child):not(:last-child), | |
.input-group-addon:not(:first-child):not(:last-child), | |
.input-group-btn:not(:first-child):not(:last-child) { | |
border-radius: 0 | |
} | |
.input-group-addon, | |
.input-group-btn { | |
width: 1%; | |
white-space: nowrap; | |
vertical-align: middle | |
} | |
.input-group-addon { | |
padding: 6px 12px; | |
font-size: 14px; | |
font-weight: 400; | |
line-height: 1; | |
color: #555; | |
text-align: center; | |
background-color: #eee; | |
border: 1px solid #ccc; | |
border-radius: 4px | |
} | |
.input-group-addon.input-sm { | |
padding: 5px 10px; | |
font-size: 12px; | |
border-radius: 3px | |
} | |
.input-group-addon.input-lg { | |
padding: 10px 16px; | |
font-size: 18px; | |
border-radius: 6px | |
} | |
.input-group-addon input[type=checkbox], | |
.input-group-addon input[type=radio] { | |
margin-top: 0 | |
} | |
.input-group .form-control:first-child, | |
.input-group-addon:first-child, | |
.input-group-btn:first-child>.btn, | |
.input-group-btn:first-child>.btn-group>.btn, | |
.input-group-btn:first-child>.dropdown-toggle, | |
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn, | |
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) { | |
border-bottom-right-radius: 0; | |
border-top-right-radius: 0 | |
} | |
.input-group-addon:first-child { | |
border-right: 0 | |
} | |
.input-group .form-control:last-child, | |
.input-group-addon:last-child, | |
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn, | |
.input-group-btn:first-child>.btn:not(:first-child), | |
.input-group-btn:last-child>.btn, | |
.input-group-btn:last-child>.btn-group>.btn, | |
.input-group-btn:last-child>.dropdown-toggle { | |
border-bottom-left-radius: 0; | |
border-top-left-radius: 0 | |
} | |
.input-group-addon:last-child { | |
border-left: 0 | |
} | |
.input-group-btn { | |
position: relative; | |
font-size: 0; | |
white-space: nowrap | |
} | |
.input-group-btn>.btn { | |
position: relative | |
} | |
.input-group-btn>.btn+.btn { | |
margin-left: -1px | |
} | |
.input-group-btn>.btn:active, | |
.input-group-btn>.btn:focus, | |
.input-group-btn>.btn:hover { | |
z-index: 2 | |
} | |
.input-group-btn:first-child>.btn, | |
.input-group-btn:first-child>.btn-group { | |
margin-right: -1px | |
} | |
.input-group-btn:last-child>.btn, | |
.input-group-btn:last-child>.btn-group { | |
z-index: 2; | |
margin-left: -1px | |
} | |
.nav { | |
margin-bottom: 0; | |
padding-left: 0; | |
list-style: none | |
} | |
.nav>li { | |
position: relative; | |
display: block | |
} | |
.nav>li>a { | |
position: relative; | |
display: block; | |
padding: 10px 15px | |
} | |
.nav>li>a:focus, | |
.nav>li>a:hover { | |
text-decoration: none; | |
background-color: #eee | |
} | |
.nav>li.disabled>a { | |
color: #777 | |
} | |
.nav>li.disabled>a:focus, | |
.nav>li.disabled>a:hover { | |
color: #777; | |
text-decoration: none; | |
background-color: transparent; | |
cursor: not-allowed | |
} | |
.nav .open>a, | |
.nav .open>a:focus, | |
.nav .open>a:hover { | |
background-color: #eee; | |
border-color: #00263a | |
} | |
.nav .nav-divider { | |
height: 1px; | |
margin: 9px 0; | |
overflow: hidden; | |
background-color: #e5e5e5 | |
} | |
.nav>li>a>img { | |
max-width: none | |
} | |
.nav-tabs { | |
border-bottom: 1px solid #ddd | |
} | |
.nav-tabs>li { | |
float: left; | |
margin-bottom: -1px | |
} | |
.nav-tabs>li>a { | |
margin-right: 2px; | |
line-height: 1.42857143; | |
border: 1px solid transparent; | |
border-radius: 4px 4px 0 0 | |
} | |
.nav-tabs>li>a:hover { | |
border-color: #eee #eee #ddd | |
} | |
.nav-tabs>li.active>a, | |
.nav-tabs>li.active>a:focus, | |
.nav-tabs>li.active>a:hover { | |
color: #555; | |
background-color: #fff; | |
border: 1px solid #ddd; | |
border-bottom-color: transparent; | |
cursor: url(/public/img/svg/cursor-default.svg) 11 11, default | |
} | |
.nav-tabs.nav-justified { | |
width: 100%; | |
border-bottom: 0 | |
} | |
.nav-tabs.nav-justified>li { | |
float: none | |
} | |
.nav-tabs.nav-justified>li>a { | |
text-align: center; | |
margin-bottom: 5px; | |
margin-right: 0; | |
border-radius: 4px | |
} | |
.nav-tabs.nav-justified>.dropdown .dropdown-menu { | |
top: auto; | |
left: auto | |
} | |
.nav-tabs.nav-justified>.active>a, | |
.nav-tabs.nav-justified>.active>a:focus, | |
.nav-tabs.nav-justified>.active>a:hover { | |
border: 1px solid #ddd | |
} | |
@media (min-width:768px) { | |
.nav-tabs.nav-justified>li { | |
display: table-cell; | |
width: 1% | |
} | |
.nav-tabs.nav-justified>li>a { | |
margin-bottom: 0; | |
border-bottom: 1px solid #ddd; | |
border-radius: 4px 4px 0 0 | |
} | |
.nav-tabs.nav-justified>.active>a, | |
.nav-tabs.nav-justified>.active>a:focus, | |
.nav-tabs.nav-justified>.active>a:hover { | |
border-bottom-color: #fff | |
} | |
} | |
.nav-pills>li { | |
float: left | |
} | |
.nav-pills>li>a { | |
border-radius: 4px | |
} | |
.nav-pills>li+li { | |
margin-left: 2px | |
} | |
.nav-pills>li.active>a, | |
.nav-pills>li.active>a:focus, | |
.nav-pills>li.active>a:hover { | |
color: #fff; | |
background-color: #5b7f95 | |
} | |
.nav-stacked>li { | |
float: none | |
} | |
.nav-stacked>li+li { | |
margin-top: 2px; | |
margin-left: 0 | |
} | |
.nav-justified { | |
width: 100% | |
} | |
.nav-justified>li { | |
float: none | |
} | |
.nav-justified>li>a { | |
text-align: center; | |
margin-bottom: 5px | |
} | |
.nav-justified>.dropdown .dropdown-menu { | |
top: auto; | |
left: auto | |
} | |
.nav-tabs-justified { | |
border-bottom: 0 | |
} | |
.nav-tabs-justified>li>a { | |
margin-right: 0; | |
border-radius: 4px | |
} | |
.nav-tabs-justified>.active>a, | |
.nav-tabs-justified>.active>a:focus, | |
.nav-tabs-justified>.active>a:hover { | |
border: 1px solid #ddd | |
} | |
@media (min-width:768px) { | |
.nav-justified>li { | |
display: table-cell; | |
width: 1% | |
} | |
.nav-justified>li>a { | |
margin-bottom: 0 | |
} | |
.nav-tabs-justified>li>a { | |
border-bottom: 1px solid #ddd; | |
border-radius: 4px 4px 0 0 | |
} | |
.nav-tabs-justified>.active>a, | |
.nav-tabs-justified>.active>a:focus, | |
.nav-tabs-justified>.active>a:hover { | |
border-bottom-color: #fff | |
} | |
} | |
.tab-content>.tab-pane { | |
display: none | |
} | |
.tab-content>.active { | |
display: block | |
} | |
.nav-tabs .dropdown-menu { | |
margin-top: -1px; | |
border-top-right-radius: 0; | |
border-top-left-radius: 0 | |
} | |
.navbar { | |
position: relative; | |
min-height: 50px; | |
margin-bottom: 20px; | |
border: 1px solid transparent | |
} | |
.navbar-collapse { | |
overflow-x: visible; | |
padding-right: 15px; | |
padding-left: 15px; | |
border-top: 1px solid transparent; | |
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); | |
-webkit-overflow-scrolling: touch | |
} | |
.navbar-collapse.in { | |
overflow-y: auto | |
} | |
.navbar-fixed-bottom .navbar-collapse, | |
.navbar-fixed-top .navbar-collapse { | |
max-height: 340px | |
} | |
@media (max-device-width:480px) and (orientation:landscape) { | |
.navbar-fixed-bottom .navbar-collapse, | |
.navbar-fixed-top .navbar-collapse { | |
max-height: 200px | |
} | |
} | |
.container-fluid>.navbar-collapse, | |
.container-fluid>.navbar-header, | |
.container>.navbar-collapse, | |
.container>.navbar-header { | |
margin-right: -15px; | |
margin-left: -15px | |
} | |
@media (min-width:768px) { | |
.navbar { | |
border-radius: 4px | |
} | |
.navbar-header { | |
float: left | |
} | |
.navbar-collapse { | |
width: auto; | |
border-top: 0; | |
box-shadow: none | |
} | |
.navbar-collapse.collapse { | |
display: block!important; | |
height: auto!important; | |
padding-bottom: 0; | |
overflow: visible!important | |
} | |
.navbar-collapse.in { | |
overflow-y: visible | |
} | |
.navbar-fixed-bottom .navbar-collapse, | |
.navbar-fixed-top .navbar-collapse, | |
.navbar-static-top .navbar-collapse { | |
padding-left: 0; | |
padding-right: 0 | |
} | |
.container-fluid>.navbar-collapse, | |
.container-fluid>.navbar-header, | |
.container>.navbar-collapse, | |
.container>.navbar-header { | |
margin-right: 0; | |
margin-left: 0 | |
} | |
.navbar-static-top { | |
border-radius: 0 | |
} | |
} | |
.navbar-static-top { | |
z-index: 1000; | |
border-width: 0 0 1px | |
} | |
.navbar-fixed-bottom, | |
.navbar-fixed-top { | |
position: fixed; | |
right: 0; | |
left: 0; | |
z-index: 1030 | |
} | |
.navbar-fixed-top { | |
top: 0; | |
border-width: 0 0 1px | |
} | |
.navbar-fixed-bottom { | |
bottom: 0; | |
margin-bottom: 0; | |
border-width: 1px 0 0 | |
} | |
.navbar-brand { | |
float: left; | |
padding: 15px; | |
font-size: 18px; | |
line-height: 20px; | |
height: 50px | |
} | |
.navbar-brand:focus, | |
.navbar-brand:hover { | |
text-decoration: none | |
} | |
.navbar-brand>img { | |
display: block | |
} | |
@media (min-width:768px) { | |
.navbar-fixed-bottom, | |
.navbar-fixed-top { | |
border-radius: 0 | |
} | |
.navbar>.container .navbar-brand, | |
.navbar>.container-fluid .navbar-brand { | |
margin-left: -15px | |
} | |
} | |
.navbar-toggle { | |
position: relative; | |
float: right; | |
margin-right: 15px; | |
padding: 9px 10px; | |
margin-top: 8px; | |
margin-bottom: 8px; | |
background-color: transparent; | |
background-image: none; | |
border: 1px solid transparent; | |
border-radius: 4px | |
} | |
.navbar-toggle:focus { | |
outline: 0 | |
} | |
.navbar-toggle .icon-bar { | |
display: block; | |
width: 22px; | |
height: 2px; | |
border-radius: 1px | |
} | |
.navbar-toggle .icon-bar+.icon-bar { | |
margin-top: 4px | |
} | |
.navbar-nav { | |
margin: 7.5px -15px | |
} | |
.navbar-nav>li>a { | |
padding-top: 10px; | |
padding-bottom: 10px; | |
line-height: 20px | |
} | |
@media (max-width:767px) { | |
.navbar-nav .open .dropdown-menu { | |
position: static; | |
float: none; | |
width: auto; | |
margin-top: 0; | |
background-color: transparent; | |
border: 0; | |
box-shadow: none | |
} | |
.navbar-nav .open .dropdown-menu .dropdown-header, | |
.navbar-nav .open .dropdown-menu>li>a { | |
padding: 5px 15px 5px 25px | |
} | |
.navbar-nav .open .dropdown-menu>li>a { | |
line-height: 20px | |
} | |
.navbar-nav .open .dropdown-menu>li>a:focus, | |
.navbar-nav .open .dropdown-menu>li>a:hover { | |
background-image: none | |
} | |
} | |
@media (min-width:768px) { | |
.navbar-toggle { | |
display: none | |
} | |
.navbar-nav { | |
float: left; | |
margin: 0 | |
} | |
.navbar-nav>li { | |
float: left | |
} | |
.navbar-nav>li>a { | |
padding-top: 15px; | |
padding-bottom: 15px | |
} | |
} | |
.navbar-form { | |
padding: 10px 15px; | |
border-top: 1px solid transparent; | |
border-bottom: 1px solid transparent; | |
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); | |
margin: 8px -15px | |
} | |
@media (min-width:768px) { | |
.navbar-form .form-group { | |
display: inline-block; | |
vertical-align: middle | |
} | |
.navbar-form .form-control { | |
display: inline-block; | |
width: auto; | |
vertical-align: middle | |
} | |
.navbar-form .form-control-static { | |
display: inline-block | |
} | |
.navbar-form .input-group { | |
display: inline-table; | |
vertical-align: middle | |
} | |
.navbar-form .input-group .form-control, | |
.navbar-form .input-group .input-group-addon, | |
.navbar-form .input-group .input-group-btn { | |
width: auto | |
} | |
.navbar-form .input-group>.form-control { | |
width: 100% | |
} | |
.navbar-form .control-label { | |
margin-bottom: 0; | |
vertical-align: middle | |
} | |
.navbar-form .checkbox, | |
.navbar-form .radio { | |
display: inline-block; | |
margin-top: 0; | |
margin-bottom: 0; | |
vertical-align: middle | |
} | |
.navbar-form .checkbox label, | |
.navbar-form .radio label { | |
padding-left: 0 | |
} | |
.navbar-form .checkbox input[type=checkbox], | |
.navbar-form .radio input[type=radio] { | |
position: relative; | |
margin-left: 0 | |
} | |
.navbar-form .has-feedback .form-control-feedback { | |
top: 0 | |
} | |
.navbar-form { | |
width: auto; | |
border: 0; | |
margin-left: 0; | |
margin-right: 0; | |
padding-top: 0; | |
padding-bottom: 0; | |
box-shadow: none | |
} | |
} | |
@media (max-width:767px) { | |
.navbar-form .form-group { | |
margin-bottom: 5px | |
} | |
.navbar-form .form-group:last-child { | |
margin-bottom: 0 | |
} | |
} | |
.navbar-nav>li>.dropdown-menu { | |
margin-top: 0; | |
border-top-right-radius: 0; | |
border-top-left-radius: 0 | |
} | |
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu { | |
margin-bottom: 0; | |
border-radius: 4px 4px 0 0 | |
} | |
.navbar-btn { | |
margin-top: 8px; | |
margin-bottom: 8px | |
} | |
.navbar-btn.btn-sm { | |
margin-top: 10px; | |
margin-bottom: 10px | |
} | |
.navbar-btn.btn-xs { | |
margin-top: 14px; | |
margin-bottom: 14px | |
} | |
.navbar-text { | |
margin-top: 15px; | |
margin-bottom: 15px | |
} | |
@media (min-width:768px) { | |
.navbar-text { | |
float: left; | |
margin-left: 15px; | |
margin-right: 15px | |
} | |
.navbar-left { | |
float: left!important | |
} | |
.navbar-right { | |
float: right!important; | |
margin-right: -15px | |
} | |
.navbar-right~.navbar-right { | |
margin-right: 0 | |
} | |
} | |
.navbar-default { | |
background-color: #f8f8f8; | |
border-color: #e7e7e7 | |
} | |
.navbar-default .navbar-brand { | |
color: #777 | |
} | |
.navbar-default .navbar-brand:focus, | |
.navbar-default .navbar-brand:hover { | |
color: #5e5e5e; | |
background-color: transparent | |
} | |
.navbar-default .navbar-nav>li>a, | |
.navbar-default .navbar-text { | |
color: #777 | |
} | |
.navbar-default .navbar-nav>li>a:focus, | |
.navbar-default .navbar-nav>li>a:hover { | |
color: #333; | |
background-color: transparent | |
} | |
.navbar-default .navbar-nav>.active>a, | |
.navbar-default .navbar-nav>.active>a:focus, | |
.navbar-default .navbar-nav>.active>a:hover { | |
color: #555; | |
background-color: #e7e7e7 | |
} | |
.navbar-default .navbar-nav>.disabled>a, | |
.navbar-default .navbar-nav>.disabled>a:focus, | |
.navbar-default .navbar-nav>.disabled>a:hover { | |
color: #ccc; | |
background-color: transparent | |
} | |
.navbar-default .navbar-toggle { | |
border-color: #ddd | |
} | |
.navbar-default .navbar-toggle:focus, | |
.navbar-default .navbar-toggle:hover { | |
background-color: #ddd | |
} | |
.navbar-default .navbar-toggle .icon-bar { | |
background-color: #888 | |
} | |
.navbar-default .navbar-collapse, | |
.navbar-default .navbar-form { | |
border-color: #e7e7e7 | |
} | |
.navbar-default .navbar-nav>.open>a, | |
.navbar-default .navbar-nav>.open>a:focus, | |
.navbar-default .navbar-nav>.open>a:hover { | |
background-color: #e7e7e7; | |
color: #555 | |
} | |
@media (max-width:767px) { | |
.navbar-default .navbar-nav .open .dropdown-menu>li>a { | |
color: #777 | |
} | |
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, | |
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { | |
color: #333; | |
background-color: transparent | |
} | |
.navbar-default .navbar-nav .open .dropdown-menu>.active>a, | |
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, | |
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover { | |
color: #555; | |
background-color: #e7e7e7 | |
} | |
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, | |
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus, | |
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover { | |
color: #ccc; | |
background-color: transparent | |
} | |
} | |
.navbar-default .navbar-link { | |
color: #777 | |
} | |
.navbar-default .navbar-link:hover { | |
color: #333 | |
} | |
.navbar-default .btn-link { | |
color: #777 | |
} | |
.navbar-default .btn-link:focus, | |
.navbar-default .btn-link:hover { | |
color: #333 | |
} | |
.navbar-default .btn-link[disabled]:focus, | |
.navbar-default .btn-link[disabled]:hover, | |
fieldset[disabled] .navbar-default .btn-link:focus, | |
fieldset[disabled] .navbar-default .btn-link:hover { | |
color: #ccc | |
} | |
.navbar-inverse { | |
background-color: #222; | |
border-color: #080808 | |
} | |
.navbar-inverse .navbar-brand { | |
color: #9d9d9d | |
} | |
.navbar-inverse .navbar-brand:focus, | |
.navbar-inverse .navbar-brand:hover { | |
color: #fff; | |
background-color: transparent | |
} | |
.navbar-inverse .navbar-nav>li>a, | |
.navbar-inverse .navbar-text { | |
color: #9d9d9d | |
} | |
.navbar-inverse .navbar-nav>li>a:focus, | |
.navbar-inverse .navbar-nav>li>a:hover { | |
color: #fff; | |
background-color: transparent | |
} | |
.navbar-inverse .navbar-nav>.active>a, | |
.navbar-inverse .navbar-nav>.active>a:focus, | |
.navbar-inverse .navbar-nav>.active>a:hover { | |
color: #fff; | |
background-color: #080808 | |
} | |
.navbar-inverse .navbar-nav>.disabled>a, | |
.navbar-inverse .navbar-nav>.disabled>a:focus, | |
.navbar-inverse .navbar-nav>.disabled>a:hover { | |
color: #444; | |
background-color: transparent | |
} | |
.navbar-inverse .navbar-toggle { | |
border-color: #333 | |
} | |
.navbar-inverse .navbar-toggle:focus, | |
.navbar-inverse .navbar-toggle:hover { | |
background-color: #333 | |
} | |
.navbar-inverse .navbar-toggle .icon-bar { | |
background-color: #fff | |
} | |
.navbar-inverse .navbar-collapse, | |
.navbar-inverse .navbar-form { | |
border-color: #101010 | |
} | |
.navbar-inverse .navbar-nav>.open>a, | |
.navbar-inverse .navbar-nav>.open>a:focus, | |
.navbar-inverse .navbar-nav>.open>a:hover { | |
background-color: #080808; | |
color: #fff | |
} | |
@media (max-width:767px) { | |
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header { | |
border-color: #080808 | |
} | |
.navbar-inverse .navbar-nav .open .dropdown-menu .divider { | |
background-color: #080808 | |
} | |
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a { | |
color: #9d9d9d | |
} | |
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, | |
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover { | |
color: #fff; | |
background-color: transparent | |
} | |
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, | |
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus, | |
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover { | |
color: #fff; | |
background-color: #080808 | |
} | |
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, | |
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus, | |
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover { | |
color: #444; | |
background-color: transparent | |
} | |
} | |
.navbar-inverse .navbar-link { | |
color: #9d9d9d | |
} | |
.navbar-inverse .navbar-link:hover { | |
color: #fff | |
} | |
.navbar-inverse .btn-link { | |
color: #9d9d9d | |
} | |
.navbar-inverse .btn-link:focus, | |
.navbar-inverse .btn-link:hover { | |
color: #fff | |
} | |
.navbar-inverse .btn-link[disabled]:focus, | |
.navbar-inverse .btn-link[disabled]:hover, | |
fieldset[disabled] .navbar-inverse .btn-link:focus, | |
fieldset[disabled] .navbar-inverse .btn-link:hover { | |
color: #444 | |
} | |
.breadcrumb { | |
padding: 8px 15px; | |
margin-bottom: 20px; | |
list-style: none; | |
background-color: #f5f5f5; | |
border-radius: 4px | |
} | |
.breadcrumb>li { | |
display: inline-block | |
} | |
.breadcrumb>li+li:before { | |
content: "/\00a0"; | |
padding: 0 5px; | |
color: #ccc | |
} | |
.breadcrumb>.active { | |
color: #777 | |
} | |
.pagination { | |
display: inline-block; | |
padding-left: 0; | |
margin: 20px 0; | |
border-radius: 4px | |
} | |
.pagination>li { | |
display: inline | |
} | |
.pagination>li>a, | |
.pagination>li>span { | |
position: relative; | |
float: left; | |
padding: 6px 12px; | |
line-height: 1.42857143; | |
text-decoration: none; | |
color: #00263a; | |
background-color: #fff; | |
border: 1px solid #ddd; | |
margin-left: -1px | |
} | |
.pagination>li:first-child>a, | |
.pagination>li:first-child>span { | |
margin-left: 0; | |
border-bottom-left-radius: 4px; | |
border-top-left-radius: 4px | |
} | |
.pagination>li:last-child>a, | |
.pagination>li:last-child>span { | |
border-bottom-right-radius: 4px; | |
border-top-right-radius: 4px | |
} | |
.pagination>li>a:focus, | |
.pagination>li>a:hover, | |
.pagination>li>span:focus, | |
.pagination>li>span:hover { | |
z-index: 2; | |
color: #000; | |
background-color: #eee; | |
border-color: #ddd | |
} | |
.pagination>.active>a, | |
.pagination>.active>a:focus, | |
.pagination>.active>a:hover, | |
.pagination>.active>span, | |
.pagination>.active>span:focus, | |
.pagination>.active>span:hover { | |
z-index: 3; | |
color: #fff; | |
background-color: #00263a; | |
border-color: #00263a; | |
cursor: url(/public/img/svg/cursor-default.svg) 11 11, default | |
} | |
.pagination>.disabled>a, | |
.pagination>.disabled>a:focus, | |
.pagination>.disabled>a:hover, | |
.pagination>.disabled>span, | |
.pagination>.disabled>span:focus, | |
.pagination>.disabled>span:hover { | |
color: #777; | |
background-color: #fff; | |
border-color: #ddd; | |
cursor: not-allowed | |
} | |
.pagination-lg>li>a, | |
.pagination-lg>li>span { | |
padding: 10px 16px; | |
font-size: 18px; | |
line-height: 1.3333333 | |
} | |
.pagination-lg>li:first-child>a, | |
.pagination-lg>li:first-child>span { | |
border-bottom-left-radius: 6px; | |
border-top-left-radius: 6px | |
} | |
.pagination-lg>li:last-child>a, | |
.pagination-lg>li:last-child>span { | |
border-bottom-right-radius: 6px; | |
border-top-right-radius: 6px | |
} | |
.pagination-sm>li>a, | |
.pagination-sm>li>span { | |
padding: 5px 10px; | |
font-size: 12px; | |
line-height: 1.5 | |
} | |
.pagination-sm>li:first-child>a, | |
.pagination-sm>li:first-child>span { | |
border-bottom-left-radius: 3px; | |
border-top-left-radius: 3px | |
} | |
.pagination-sm>li:last-child>a, | |
.pagination-sm>li:last-child>span { | |
border-bottom-right-radius: 3px; | |
border-top-right-radius: 3px | |
} | |
.pager { | |
padding-left: 0; | |
margin: 20px 0; | |
list-style: none; | |
text-align: center | |
} | |
.pager li { | |
display: inline | |
} | |
.pager li>a, | |
.pager li>span { | |
display: inline-block; | |
padding: 5px 14px; | |
background-color: #fff; | |
border: 1px solid #ddd; | |
border-radius: 15px | |
} | |
.pager li>a:focus, | |
.pager li>a:hover { | |
text-decoration: none; | |
background-color: #eee | |
} | |
.pager .next>a, | |
.pager .next>span { | |
float: right | |
} | |
.pager .previous>a, | |
.pager .previous>span { | |
float: left | |
} | |
.pager .disabled>a, | |
.pager .disabled>a:focus, | |
.pager .disabled>a:hover, | |
.pager .disabled>span { | |
color: #777; | |
background-color: #fff; | |
cursor: not-allowed | |
} | |
.label { | |
display: inline; | |
padding: .2em .6em .3em; | |
font-size: 75%; | |
font-weight: 700; | |
line-height: 1; | |
color: #fff; | |
text-align: center; | |
white-space: nowrap; | |
vertical-align: baseline; | |
border-radius: .25em | |
} | |
a.label:focus, | |
a.label:hover { | |
color: #fff; | |
text-decoration: none; | |
cursor: url(/public/img/svg/cursor-pointer.svg) 14.5 11, pointer | |
} | |
.label:empty { | |
display: none | |
} | |
.btn .label { | |
position: relative; | |
top: -1px | |
} | |
.label-default { | |
background-color: #777 | |
} | |
.label-default[href]:focus, | |
.label-default[href]:hover { | |
background-color: #5e5e5e | |
} | |
.label-primary { | |
background-color: #00263a | |
} | |
.label-primary[href]:focus, | |
.label-primary[href]:hover { | |
background-color: #000507 | |
} | |
.label-success { | |
background-color: #44b3b7 | |
} | |
.label-success[href]:focus, | |
.label-success[href]:hover { | |
background-color: #368f92 | |
} | |
.label-info { | |
background-color: #5b7f95 | |
} | |
.label-info[href]:focus, | |
.label-info[href]:hover { | |
background-color: #486475 | |
} | |
.label-warning { | |
background-color: #ffb81c | |
} | |
.label-warning[href]:focus, | |
.label-warning[href]:hover { | |
background-color: #e89f00 | |
} | |
.label-danger { | |
background-color: #a6192e | |
} | |
.label-danger[href]:focus, | |
.label-danger[href]:hover { | |
background-color: #7a1222 | |
} | |
.badge { | |
display: inline-block; | |
min-width: 10px; | |
padding: 3px 7px; | |
font-size: 12px; | |
font-weight: 700; | |
color: #fff; | |
line-height: 1; | |
vertical-align: middle; | |
white-space: nowrap; | |
text-align: center; | |
background-color: #777; | |
border-radius: 10px | |
} | |
.badge:empty { | |
display: none | |
} | |
.btn .badge { | |
position: relative; | |
top: -1px | |
} | |
.btn-group-xs>.btn .badge, | |
.btn-xs .badge { | |
top: 0; | |
padding: 1px 5px | |
} | |
a.badge:focus, | |
a.badge:hover { | |
color: #fff; | |
text-decoration: none; | |
cursor: pointer | |
} | |
.list-group-item.active>.badge, | |
.nav-pills>.active>a>.badge { | |
color: #00263a; | |
background-color: #fff | |
} | |
.list-group-item>.badge { | |
float: right | |
} | |
.list-group-item>.badge+.badge { | |
margin-right: 5px | |
} | |
.nav-pills>li>a>.badge { | |
margin-left: 3px | |
} | |
.thumbnail { | |
display: block; | |
padding: 4px; | |
margin-bottom: 20px; | |
line-height: 1.42857143; | |
background-color: #fff; | |
border: 1px solid #ddd; | |
border-radius: 4px; | |
-webkit-transition: border .2s ease-in-out; | |
transition: border .2s ease-in-out | |
} | |
.thumbnail a>img, | |
.thumbnail>img { | |
margin-left: auto; | |
margin-right: auto | |
} | |
a.thumbnail.active, | |
a.thumbnail:focus, | |
a.thumbnail:hover { | |
border-color: #00263a | |
} | |
.thumbnail .caption { | |
padding: 9px; | |
color: #333 | |
} | |
.alert { | |
padding: 15px; | |
margin-bottom: 20px; | |
border: 1px solid transparent; | |
border-radius: 4px | |
} | |
.alert h4 { | |
margin-top: 0; | |
color: inherit | |
} | |
.alert .alert-link { | |
font-weight: 700 | |
} | |
.alert>p, | |
.alert>ul { | |
margin-bottom: 0 | |
} | |
.alert>p+p { | |
margin-top: 5px | |
} | |
.alert-dismissable, | |
.alert-dismissible { | |
padding-right: 35px | |
} | |
.alert-dismissable .close, | |
.alert-dismissible .close { | |
position: relative; | |
top: -2px; | |
right: -21px; | |
color: inherit | |
} | |
.alert-success { | |
background-color: #d7eff0; | |
border-color: #c4e9e4; | |
color: #44b3b7 | |
} | |
.alert-success hr { | |
border-top-color: #b2e2dc | |
} | |
.alert-success .alert-link { | |
color: #368f92 | |
} | |
.alert-info { | |
background-color: #d6e0e6; | |
border-color: #c0d3d8; | |
color: #5b7f95 | |
} | |
.alert-info hr { | |
border-top-color: #b0c8cf | |
} | |
.alert-info .alert-link { | |
color: #486475 | |
} | |
.alert-warning { | |
background-color: #fff8e8; | |
border-color: #ffe8cf; | |
color: #ffb81c | |
} | |
.alert-warning hr { | |
border-top-color: #ffdcb5 | |
} | |
.alert-warning .alert-link { | |
color: #e89f00 | |
} | |
.alert-danger { | |
background-color: #f09ba8; | |
border-color: #ed85a6; | |
color: #a6192e | |
} | |
.alert-danger hr { | |
border-top-color: #e96f95 | |
} | |
.alert-danger .alert-link { | |
color: #7a1222 | |
} | |
@-webkit-keyframes progress-bar-stripes { | |
from { | |
background-position: 40px 0 | |
} | |
to { | |
background-position: 0 0 | |
} | |
} | |
@keyframes progress-bar-stripes { | |
from { | |
background-position: 40px 0 | |
} | |
to { | |
background-position: 0 0 | |
} | |
} | |
.progress { | |
overflow: hidden; | |
height: 20px; | |
margin-bottom: 20px; | |
background-color: #f5f5f5; | |
border-radius: 4px; | |
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1) | |
} | |
.progress-bar { | |
float: left; | |
width: 0; | |
height: 100%; | |
font-size: 12px; | |
line-height: 20px; | |
color: #fff; | |
text-align: center; | |
background-color: #00263a; | |
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); | |
-webkit-transition: width .6s ease; | |
transition: width .6s ease | |
} | |
.progress-bar-striped, | |
.progress-striped .progress-bar { | |
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); | |
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); | |
background-size: 40px 40px | |
} | |
.progress-bar.active, | |
.progress.active .progress-bar { | |
-webkit-animation: progress-bar-stripes 2s linear infinite; | |
animation: progress-bar-stripes 2s linear infinite | |
} | |
.progress-bar-success { | |
background-color: #44b3b7 | |
} | |
.progress-striped .progress-bar-success { | |
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); | |
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) | |
} | |
.progress-bar-info { | |
background-color: #5b7f95 | |
} | |
.progress-striped .progress-bar-info { | |
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); | |
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) | |
} | |
.progress-bar-warning { | |
background-color: #ffb81c | |
} | |
.progress-striped .progress-bar-warning { | |
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); | |
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) | |
} | |
.progress-bar-danger { | |
background-color: #a6192e | |
} | |
.progress-striped .progress-bar-danger { | |
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); | |
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) | |
} | |
.media { | |
margin-top: 15px | |
} | |
.media:first-child { | |
margin-top: 0 | |
} | |
.media, | |
.media-body { | |
zoom: 1; | |
overflow: hidden | |
} | |
.media-body { | |
width: 10000px | |
} | |
.media-object { | |
display: block | |
} | |
.media-object.img-thumbnail { | |
max-width: none | |
} | |
.media-right, | |
.media>.pull-right { | |
padding-left: 10px | |
} | |
.media-left, | |
.media>.pull-left { | |
padding-right: 10px | |
} | |
.media-body, | |
.media-left, | |
.media-right { | |
display: table-cell; | |
vertical-align: top | |
} | |
.media-middle { | |
vertical-align: middle | |
} | |
.media-bottom { | |
vertical-align: bottom | |
} | |
.media-heading { | |
margin-top: 0; | |
margin-bottom: 5px | |
} | |
.media-list { | |
padding-left: 0; | |
list-style: none | |
} | |
.list-group { | |
margin-bottom: 20px; | |
padding-left: 0 | |
} | |
.list-group-item { | |
position: relative; | |
display: block; | |
padding: 10px 15px; | |
margin-bottom: -1px; | |
background-color: #fff; | |
border: 1px solid #ddd | |
} | |
.list-group-item:first-child { | |
border-top-right-radius: 4px; | |
border-top-left-radius: 4px | |
} | |
.list-group-item:last-child { | |
margin-bottom: 0; | |
border-bottom-right-radius: 4px; | |
border-bottom-left-radius: 4px | |
} | |
a.list-group-item, | |
button.list-group-item { | |
color: #555 | |
} | |
a.list-group-item .list-group-item-heading, | |
button.list-group-item .list-group-item-heading { | |
color: #333 | |
} | |
a.list-group-item:focus, | |
a.list-group-item:hover, | |
button.list-group-item:focus, | |
button.list-group-item:hover { | |
text-decoration: none; | |
color: #555; | |
background-color: #f5f5f5 | |
} | |
button.list-group-item { | |
width: 100%; | |
text-align: left | |
} | |
.list-group-item.disabled, | |
.list-group-item.disabled:focus, | |
.list-group-item.disabled:hover { | |
background-color: #eee; | |
color: #777; | |
cursor: not-allowed | |
} | |
.list-group-item.disabled .list-group-item-heading, | |
.list-group-item.disabled:focus .list-group-item-heading, | |
.list-group-item.disabled:hover .list-group-item-heading { | |
color: inherit | |
} | |
.list-group-item.disabled .list-group-item-text, | |
.list-group-item.disabled:focus .list-group-item-text, | |
.list-group-item.disabled:hover .list-group-item-text { | |
color: #777 | |
} | |
.list-group-item.active, | |
.list-group-item.active:focus, | |
.list-group-item.active:hover { | |
z-index: 2; | |
color: #fff; | |
background-color: #5b7f95; | |
border-color: #5b7f95 | |
} | |
.list-group-item.active .list-group-item-heading, | |
.list-group-item.active .list-group-item-heading>.small, | |
.list-group-item.active .list-group-item-heading>small, | |
.list-group-item.active:focus .list-group-item-heading, | |
.list-group-item.active:focus .list-group-item-heading>.small, | |
.list-group-item.active:focus .list-group-item-heading>small, | |
.list-group-item.active:hover .list-group-item-heading, | |
.list-group-item.active:hover .list-group-item-heading>.small, | |
.list-group-item.active:hover .list-group-item-heading>small { | |
color: inherit | |
} | |
.list-group-item.active .list-group-item-text, | |
.list-group-item.active:focus .list-group-item-text, | |
.list-group-item.active:hover .list-group-item-text { | |
color: #d6e0e6 | |
} | |
.list-group-item-success { | |
color: #44b3b7; | |
background-color: #d7eff0 | |
} | |
a.list-group-item-success, | |
button.list-group-item-success { | |
color: #44b3b7 | |
} | |
a.list-group-item-success .list-group-item-heading, | |
button.list-group-item-success .list-group-item-heading { | |
color: inherit | |
} | |
a.list-group-item-success:focus, | |
a.list-group-item-success:hover, | |
button.list-group-item-success:focus, | |
button.list-group-item-success:hover { | |
color: #44b3b7; | |
background-color: #c4e8e9 | |
} | |
a.list-group-item-success.active, | |
a.list-group-item-success.active:focus, | |
a.list-group-item-success.active:hover, | |
button.list-group-item-success.active, | |
button.list-group-item-success.active:focus, | |
button.list-group-item-success.active:hover { | |
color: #fff; | |
background-color: #44b3b7; | |
border-color: #44b3b7 | |
} | |
.list-group-item-info { | |
color: #5b7f95; | |
background-color: #d6e0e6 | |
} | |
a.list-group-item-info, | |
button.list-group-item-info { | |
color: #5b7f95 | |
} | |
a.list-group-item-info .list-group-item-heading, | |
button.list-group-item-info .list-group-item-heading { | |
color: inherit | |
} | |
a.list-group-item-info:focus, | |
a.list-group-item-info:hover, | |
button.list-group-item-info:focus, | |
button.list-group-item-info:hover { | |
color: #5b7f95; | |
background-color: #c6d4dc | |
} | |
a.list-group-item-info.active, | |
a.list-group-item-info.active:focus, | |
a.list-group-item-info.active:hover, | |
button.list-group-item-info.active, | |
button.list-group-item-info.active:focus, | |
button.list-group-item-info.active:hover { | |
color: #fff; | |
background-color: #5b7f95; | |
border-color: #5b7f95 | |
} | |
.list-group-item-warning { | |
color: #ffb81c; | |
background-color: #fff8e8 | |
} | |
a.list-group-item-warning, | |
button.list-group-item-warning { | |
color: #ffb81c | |
} | |
a.list-group-item-warning .list-group-item-heading, | |
button.list-group-item-warning .list-group-item-heading { | |
color: inherit | |
} | |
a.list-group-item-warning:focus, | |
a.list-group-item-warning:hover, | |
button.list-group-item-warning:focus, | |
button.list-group-item-warning:hover { | |
color: #ffb81c; | |
background-color: #fff0cf | |
} | |
a.list-group-item-warning.active, | |
a.list-group-item-warning.active:focus, | |
a.list-group-item-warning.active:hover, | |
button.list-group-item-warning.active, | |
button.list-group-item-warning.active:focus, | |
button.list-group-item-warning.active:hover { | |
color: #fff; | |
background-color: #ffb81c; | |
border-color: #ffb81c | |
} | |
.list-group-item-danger { | |
color: #a6192e; | |
background-color: #f09ba8 | |
} | |
a.list-group-item-danger, | |
button.list-group-item-danger { | |
color: #a6192e | |
} | |
a.list-group-item-danger .list-group-item-heading, | |
button.list-group-item-danger .list-group-item-heading { | |
color: inherit | |
} | |
a.list-group-item-danger:focus, | |
a.list-group-item-danger:hover, | |
button.list-group-item-danger:focus, | |
button.list-group-item-danger:hover { | |
color: #a6192e; | |
background-color: #ed8594 | |
} | |
a.list-group-item-danger.active, | |
a.list-group-item-danger.active:focus, | |
a.list-group-item-danger.active:hover, | |
button.list-group-item-danger.active, | |
button.list-group-item-danger.active:focus, | |
button.list-group-item-danger.active:hover { | |
color: #fff; | |
background-color: #a6192e; | |
border-color: #a6192e | |
} | |
.list-group-item-heading { | |
margin-top: 0; | |
margin-bottom: 5px | |
} | |
.list-group-item-text { | |
margin-bottom: 0; | |
line-height: 1.3 | |
} | |
.panel { | |
margin-bottom: 20px; | |
background-color: #fff; | |
border: 1px solid transparent; | |
border-radius: 4px; | |
box-shadow: 0 1px 1px rgba(0, 0, 0, .05) | |
} | |
.panel-body { | |
padding: 15px | |
} | |
.panel-heading { | |
padding: 10px 15px; | |
border-bottom: 1px solid transparent; | |
border-top-right-radius: 3px; | |
border-top-left-radius: 3px | |
} | |
.panel-heading>.dropdown .dropdown-toggle { | |
color: inherit | |
} | |
.panel-title { | |
margin-top: 0; | |
margin-bottom: 0; | |
font-size: 16px; | |
color: inherit | |
} | |
.panel-title>.small, | |
.panel-title>.small>a, | |
.panel-title>a, | |
.panel-title>small, | |
.panel-title>small>a { | |
color: inherit | |
} | |
.panel-footer { | |
padding: 10px 15px; | |
background-color: #f5f5f5; | |
border-top: 1px solid #ddd; | |
border-bottom-right-radius: 3px; | |
border-bottom-left-radius: 3px | |
} | |
.panel>.list-group, | |
.panel>.panel-collapse>.list-group { | |
margin-bottom: 0 | |
} | |
.panel>.list-group .list-group-item, | |
.panel>.panel-collapse>.list-group .list-group-item { | |
border-width: 1px 0; | |
border-radius: 0 | |
} | |
.panel>.list-group:first-child .list-group-item:first-child, | |
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child { | |
border-top: 0; | |
border-top-right-radius: 3px; | |
border-top-left-radius: 3px | |
} | |
.panel>.list-group:last-child .list-group-item:last-child, | |
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child { | |
border-bottom: 0; | |
border-bottom-right-radius: 3px; | |
border-bottom-left-radius: 3px | |
} | |
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child { | |
border-top-right-radius: 0; | |
border-top-left-radius: 0 | |
} | |
.list-group+.panel-footer, | |
.panel-heading+.list-group .list-group-item:first-child { | |
border-top-width: 0 | |
} | |
.panel>.panel-collapse>.table, | |
.panel>.table, | |
.panel>.table-responsive>.table { | |
margin-bottom: 0 | |
} | |
.panel>.panel-collapse>.table caption, | |
.panel>.table caption, | |
.panel>.table-responsive>.table caption { | |
padding-left: 15px; | |
padding-right: 15px | |
} | |
.panel>.table-responsive:first-child>.table:first-child, | |
.panel>.table:first-child { | |
border-top-right-radius: 3px; | |
border-top-left-radius: 3px | |
} | |
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child, | |
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child, | |
.panel>.table:first-child>tbody:first-child>tr:first-child, | |
.panel>.table:first-child>thead:first-child>tr:first-child { | |
border-top-left-radius: 3px; | |
border-top-right-radius: 3px | |
} | |
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, | |
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child, | |
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, | |
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, | |
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, | |
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, | |
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child, | |
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child { | |
border-top-left-radius: 3px | |
} | |
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, | |
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child, | |
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, | |
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, | |
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, | |
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, | |
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child, | |
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child { | |
border-top-right-radius: 3px | |
} | |
.panel>.table-responsive:last-child>.table:last-child, | |
.panel>.table:last-child { | |
border-bottom-right-radius: 3px; | |
border-bottom-left-radius: 3px | |
} | |
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, | |
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child, | |
.panel>.table:last-child>tbody:last-child>tr:last-child, | |
.panel>.table:last-child>tfoot:last-child>tr:last-child { | |
border-bottom-left-radius: 3px; | |
border-bottom-right-radius: 3px | |
} | |
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, | |
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, | |
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, | |
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child, | |
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, | |
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, | |
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, | |
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child { | |
border-bottom-left-radius: 3px | |
} | |
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, | |
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, | |
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, | |
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child, | |
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, | |
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, | |
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, | |
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child { | |
border-bottom-right-radius: 3px | |
} | |
.panel>.panel-body+.table, | |
.panel>.panel-body+.table-responsive, | |
.panel>.table+.panel-body, | |
.panel>.table-responsive+.panel-body { | |
border-top: 1px solid #ddd | |
} | |
.panel>.table>tbody:first-child>tr:first-child td, | |
.panel>.table>tbody:first-child>tr:first-child th { | |
border-top: 0 | |
} | |
.panel>.table-bordered, | |
.panel>.table-responsive>.table-bordered { | |
border: 0 | |
} | |
.panel>.table-bordered>tbody>tr>td:first-child, | |
.panel>.table-bordered>tbody>tr>th:first-child, | |
.panel>.table-bordered>tfoot>tr>td:first-child, | |
.panel>.table-bordered>tfoot>tr>th:first-child, | |
.panel>.table-bordered>thead>tr>td:first-child, | |
.panel>.table-bordered>thead>tr>th:first-child, | |
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, | |
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, | |
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child, | |
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, | |
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child, | |
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child { | |
border-left: 0 | |
} | |
.panel>.table-bordered>tbody>tr>td:last-child, | |
.panel>.table-bordered>tbody>tr>th:last-child, | |
.panel>.table-bordered>tfoot>tr>td:last-child, | |
.panel>.table-bordered>tfoot>tr>th:last-child, | |
.panel>.table-bordered>thead>tr>td:last-child, | |
.panel>.table-bordered>thead>tr>th:last-child, | |
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, | |
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, | |
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child, | |
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, | |
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child, | |
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child { | |
border-right: 0 | |
} | |
.panel>.table-bordered>tbody>tr:first-child>td, | |
.panel>.table-bordered>tbody>tr:first-child>th, | |
.panel>.table-bordered>tbody>tr:last-child>td, | |
.panel>.table-bordered>tbody>tr:last-child>th, | |
.panel>.table-bordered>tfoot>tr:last-child>td, | |
.panel>.table-bordered>tfoot>tr:last-child>th, | |
.panel>.table-bordered>thead>tr:first-child>td, | |
.panel>.table-bordered>thead>tr:first-child>th, | |
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, | |
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th, | |
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, | |
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, | |
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, | |
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th, | |
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td, | |
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th { | |
border-bottom: 0 | |
} | |
.panel>.table-responsive { | |
border: 0; | |
margin-bottom: 0 | |
} | |
.panel-group { | |
margin-bottom: 20px | |
} | |
.panel-group .panel { | |
margin-bottom: 0; | |
border-radius: 4px | |
} | |
.panel-group .panel+.panel { | |
margin-top: 5px | |
} | |
.panel-group .panel-heading { | |
border-bottom: 0 | |
} | |
.panel-group .panel-heading+.panel-collapse>.list-group, | |
.panel-group .panel-heading+.panel-collapse>.panel-body { | |
border-top: 1px solid #ddd | |
} | |
.panel-group .panel-footer { | |
border-top: 0 | |
} | |
.panel-group .panel-footer+.panel-collapse .panel-body { | |
border-bottom: 1px solid #ddd | |
} | |
.panel-default { | |
border-color: #ddd | |
} | |
.panel-default>.panel-heading { | |
color: #333; | |
background-color: #f5f5f5; | |
border-color: #ddd | |
} | |
.panel-default>.panel-heading+.panel-collapse>.panel-body { | |
border-top-color: #ddd | |
} | |
.panel-default>.panel-heading .badge { | |
color: #f5f5f5; | |
background-color: #333 | |
} | |
.panel-default>.panel-footer+.panel-collapse>.panel-body { | |
border-bottom-color: #ddd | |
} | |
.panel-primary { | |
border-color: #00263a | |
} | |
.panel-primary>.panel-heading { | |
color: #fff; | |
background-color: #00263a; | |
border-color: #00263a | |
} | |
.panel-primary>.panel-heading+.panel-collapse>.panel-body { | |
border-top-color: #00263a | |
} | |
.panel-primary>.panel-heading .badge { | |
color: #00263a; | |
background-color: #fff | |
} | |
.panel-primary>.panel-footer+.panel-collapse>.panel-body { | |
border-bottom-color: #00263a | |
} | |
.panel-success { | |
border-color: #c4e9e4 | |
} | |
.panel-success>.panel-heading { | |
color: #44b3b7; | |
background-color: #d7eff0; | |
border-color: #c4e9e4 | |
} | |
.panel-success>.panel-heading+.panel-collapse>.panel-body { | |
border-top-color: #c4e9e4 | |
} | |
.panel-success>.panel-heading .badge { | |
color: #d7eff0; | |
background-color: #44b3b7 | |
} | |
.panel-success>.panel-footer+.panel-collapse>.panel-body { | |
border-bottom-color: #c4e9e4 | |
} | |
.panel-info { | |
border-color: #c0d3d8 | |
} | |
.panel-info>.panel-heading { | |
color: #5b7f95; | |
background-color: #d6e0e6; | |
border-color: #c0d3d8 | |
} | |
.panel-info>.panel-heading+.panel-collapse>.panel-body { | |
border-top-color: #c0d3d8 | |
} | |
.panel-info>.panel-heading .badge { | |
color: #d6e0e6; | |
background-color: #5b7f95 | |
} | |
.panel-info>.panel-footer+.panel-collapse>.panel-body { | |
border-bottom-color: #c0d3d8 | |
} | |
.panel-warning { | |
border-color: #ffe8cf | |
} | |
.panel-warning>.panel-heading { | |
color: #ffb81c; | |
background-color: #fff8e8; | |
border-color: #ffe8cf | |
} | |
.panel-warning>.panel-heading+.panel-collapse>.panel-body { | |
border-top-color: #ffe8cf | |
} | |
.panel-warning>.panel-heading .badge { | |
color: #fff8e8; | |
background-color: #ffb81c | |
} | |
.panel-warning>.panel-footer+.panel-collapse>.panel-body { | |
border-bottom-color: #ffe8cf | |
} | |
.panel-danger { | |
border-color: #ed85a6 | |
} | |
.panel-danger>.panel-heading { | |
color: #a6192e; | |
background-color: #f09ba8; | |
border-color: #ed85a6 | |
} | |
.panel-danger>.panel-heading+.panel-collapse>.panel-body { | |
border-top-color: #ed85a6 | |
} | |
.panel-danger>.panel-heading .badge { | |
color: #f09ba8; | |
background-color: #a6192e | |
} | |
.panel-danger>.panel-footer+.panel-collapse>.panel-body { | |
border-bottom-color: #ed85a6 | |
} | |
.embed-responsive { | |
position: relative; | |
display: block; | |
height: 0; | |
padding: 0; | |
overflow: hidden | |
} | |
.embed-responsive .embed-responsive-item, | |
.embed-responsive embed, | |
.embed-responsive iframe, | |
.embed-responsive object, | |
.embed-responsive video { | |
position: absolute; | |
top: 0; | |
left: 0; | |
bottom: 0; | |
height: 100%; | |
width: 100%; | |
border: 0 | |
} | |
.embed-responsive-16by9 { | |
padding-bottom: 56.25% | |
} | |
.embed-responsive-4by3 { | |
padding-bottom: 75% | |
} | |
.embed-responsive-1by1 { | |
padding-bottom: 100% | |
} | |
.embed-responsive-anamorphic { | |
padding-bottom: 41.6666667% | |
} | |
.embed-responsive-office-profile { | |
padding-bottom: 56.9767442% | |
} | |
.embed-responsive-listing-thumbnail { | |
padding-bottom: 56.2857143% | |
} | |
.embed-responsive-news-thumbnail { | |
padding-bottom: 56.2222222% | |
} | |
.well { | |
min-height: 20px; | |
padding: 19px; | |
margin-bottom: 20px; | |
background-color: #f5f5f5; | |
border: 1px solid #e3e3e3; | |
border-radius: 4px; | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05) | |
} | |
.well blockquote { | |
border-color: #ddd; | |
border-color: rgba(0, 0, 0, .15) | |
} | |
.well-lg { | |
padding: 24px; | |
border-radius: 6px | |
} | |
.well-sm { | |
padding: 9px; | |
border-radius: 3px | |
} | |
.close { | |
float: right; | |
font-size: 21px; | |
font-weight: 700; | |
line-height: 1; | |
color: #000; | |
text-shadow: 0 1px 0 #fff; | |
opacity: .2; | |
filter: alpha(opacity=20) | |
} | |
.close:focus, | |
.close:hover { | |
color: #000; | |
text-decoration: none; | |
cursor: url(/public/img/svg/cursor-pointer.svg) 14.5 11, pointer; | |
opacity: .5; | |
filter: alpha(opacity=50) | |
} | |
button.close { | |
padding: 0; | |
cursor: url(/public/img/svg/cursor-pointer.svg) 14.5 11, pointer; | |
background: 0 0; | |
border: 0; | |
-webkit-appearance: none | |
} | |
.modal-open { | |
overflow: hidden | |
} | |
.modal { | |
display: none; | |
overflow: hidden; | |
position: fixed; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
z-index: 1050; | |
-webkit-overflow-scrolling: touch; | |
outline: 0 | |
} | |
.modal.fade .modal-dialog { | |
-webkit-transform: translate(0, -25%); | |
transform: translate(0, -25%); | |
-webkit-transition: -webkit-transform .3s ease-out; | |
transition: -webkit-transform .3s ease-out; | |
transition: transform .3s ease-out; | |
transition: transform .3s ease-out, -webkit-transform .3s ease-out | |
} | |
.modal.in .modal-dialog { | |
-webkit-transform: translate(0, 0); | |
transform: translate(0, 0) | |
} | |
.modal-open .modal { | |
overflow-x: hidden; | |
overflow-y: auto | |
} | |
.modal-dialog { | |
position: relative; | |
width: auto; | |
margin: 10px | |
} | |
.modal-content { | |
position: relative; | |
background-color: #fff; | |
border: 1px solid #999; | |
border: 1px solid rgba(0, 0, 0, .2); | |
border-radius: 6px; | |
box-shadow: 0 3px 9px rgba(0, 0, 0, .5); | |
background-clip: padding-box; | |
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; | |
filter: alpha(opacity=0) | |
} | |
.modal-backdrop.in { | |
opacity: .5; | |
filter: alpha(opacity=50) | |
} | |
.modal-header { | |
padding: 15px; | |
border-bottom: 1px solid #e5e5e5 | |
} | |
.modal-header .close { | |
margin-top: -2px | |
} | |
.modal-title { | |
margin: 0; | |
line-height: 1.42857143 | |
} | |
.modal-body { | |
position: relative; | |
padding: 15px | |
} | |
.modal-footer { | |
padding: 15px; | |
text-align: right; | |
border-top: 1px solid #e5e5e5 | |
} | |
.modal-footer .btn+.btn { | |
margin-left: 5px; | |
margin-bottom: 0 | |
} | |
.modal-footer .btn-group .btn+.btn { | |
margin-left: -1px | |
} | |
.modal-footer .btn-block+.btn-block { | |
margin-left: 0 | |
} | |
.modal-scrollbar-measure { | |
position: absolute; | |
top: -9999px; | |
width: 50px; | |
height: 50px; | |
overflow: scroll | |
} | |
@media (min-width:768px) { | |
.modal-dialog { | |
width: 600px; | |
margin: 30px auto | |
} | |
.modal-content { | |
box-shadow: 0 5px 15px rgba(0, 0, 0, .5) | |
} | |
.modal-sm { | |
width: 300px | |
} | |
} | |
@media (min-width:992px) { | |
.modal-lg { | |
width: 900px | |
} | |
} | |
.tooltip { | |
position: absolute; | |
z-index: 1070; | |
display: block; | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-style: normal; | |
font-weight: 400; | |
letter-spacing: normal; | |
line-break: auto; | |
line-height: 1.42857143; | |
text-align: left; | |
text-align: start; | |
text-decoration: none; | |
text-shadow: none; | |
text-transform: none; | |
white-space: normal; | |
word-break: normal; | |
word-spacing: normal; | |
word-wrap: normal; | |
font-size: 12px; | |
opacity: 0; | |
filter: alpha(opacity=0) | |
} | |
.tooltip.in { | |
opacity: .9; | |
filter: alpha(opacity=90) | |
} | |
.tooltip.top { | |
margin-top: -3px; | |
padding: 5px 0 | |
} | |
.tooltip.right { | |
margin-left: 3px; | |
padding: 0 5px | |
} | |
.tooltip.bottom { | |
margin-top: 3px; | |
padding: 5px 0 | |
} | |
.tooltip.left { | |
margin-left: -3px; | |
padding: 0 5px | |
} | |
.tooltip-inner { | |
max-width: 200px; | |
padding: 3px 8px; | |
color: #fff; | |
text-align: center; | |
background-color: #000; | |
border-radius: 4px | |
} | |
.tooltip-arrow { | |
position: absolute; | |
width: 0; | |
height: 0; | |
border-color: transparent; | |
border-style: solid | |
} | |
.tooltip.top .tooltip-arrow { | |
bottom: 0; | |
left: 50%; | |
margin-left: -5px; | |
border-width: 5px 5px 0; | |
border-top-color: #000 | |
} | |
.tooltip.top-left .tooltip-arrow { | |
bottom: 0; | |
right: 5px; | |
margin-bottom: -5px; | |
border-width: 5px 5px 0; | |
border-top-color: #000 | |
} | |
.tooltip.top-right .tooltip-arrow { | |
bottom: 0; | |
left: 5px; | |
margin-bottom: -5px; | |
border-width: 5px 5px 0; | |
border-top-color: #000 | |
} | |
.tooltip.right .tooltip-arrow { | |
top: 50%; | |
left: 0; | |
margin-top: -5px; | |
border-width: 5px 5px 5px 0; | |
border-right-color: #000 | |
} | |
.tooltip.left .tooltip-arrow { | |
top: 50%; | |
right: 0; | |
margin-top: -5px; | |
border-width: 5px 0 5px 5px; | |
border-left-color: #000 | |
} | |
.tooltip.bottom .tooltip-arrow { | |
top: 0; | |
left: 50%; | |
margin-left: -5px; | |
border-width: 0 5px 5px; | |
border-bottom-color: #000 | |
} | |
.tooltip.bottom-left .tooltip-arrow { | |
top: 0; | |
right: 5px; | |
margin-top: -5px; | |
border-width: 0 5px 5px; | |
border-bottom-color: #000 | |
} | |
.tooltip.bottom-right .tooltip-arrow { | |
top: 0; | |
left: 5px; | |
margin-top: -5px; | |
border-width: 0 5px 5px; | |
border-bottom-color: #000 | |
} | |
.popover { | |
position: absolute; | |
top: 0; | |
left: 0; | |
z-index: 1060; | |
display: none; | |
max-width: 276px; | |
padding: 1px; | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-style: normal; | |
font-weight: 400; | |
letter-spacing: normal; | |
line-break: auto; | |
line-height: 1.42857143; | |
text-align: left; | |
text-align: start; | |
text-decoration: none; | |
text-shadow: none; | |
text-transform: none; | |
white-space: normal; | |
word-break: normal; | |
word-spacing: normal; | |
word-wrap: normal; | |
font-size: 14px; | |
background-color: #fff; | |
background-clip: padding-box; | |
border: 1px solid #ccc; | |
border: 1px solid rgba(0, 0, 0, .2); | |
border-radius: 6px; | |
box-shadow: 0 5px 10px rgba(0, 0, 0, .2) | |
} | |
.popover.top { | |
margin-top: -10px | |
} | |
.popover.right { | |
margin-left: 10px | |
} | |
.popover.bottom { | |
margin-top: 10px | |
} | |
.popover.left { | |
margin-left: -10px | |
} | |
.popover-title { | |
margin: 0; | |
padding: 8px 14px; | |
font-size: 14px; | |
background-color: #f7f7f7; | |
border-bottom: 1px solid #ebebeb; | |
border-radius: 5px 5px 0 0 | |
} | |
.popover-content { | |
padding: 9px 14px | |
} | |
.popover>.arrow, | |
.popover>.arrow:after { | |
position: absolute; | |
display: block; | |
width: 0; | |
height: 0; | |
border-color: transparent; | |
border-style: solid | |
} | |
.popover>.arrow { | |
border-width: 11px | |
} | |
.popover>.arrow:after { | |
border-width: 10px; | |
content: "" | |
} | |
.popover.top>.arrow { | |
left: 50%; | |
margin-left: -11px; | |
border-bottom-width: 0; | |
border-top-color: #999; | |
border-top-color: rgba(0, 0, 0, .25); | |
bottom: -11px | |
} | |
.popover.top>.arrow:after { | |
content: " "; | |
bottom: 1px; | |
margin-left: -10px; | |
border-bottom-width: 0; | |
border-top-color: #fff | |
} | |
.popover.right>.arrow { | |
top: 50%; | |
left: -11px; | |
margin-top: -11px; | |
border-left-width: 0; | |
border-right-color: #999; | |
border-right-color: rgba(0, 0, 0, .25) | |
} | |
.popover.right>.arrow:after { | |
content: " "; | |
left: 1px; | |
bottom: -10px; | |
border-left-width: 0; | |
border-right-color: #fff | |
} | |
.popover.bottom>.arrow { | |
left: 50%; | |
margin-left: -11px; | |
border-top-width: 0; | |
border-bottom-color: #999; | |
border-bottom-color: rgba(0, 0, 0, .25); | |
top: -11px | |
} | |
.popover.bottom>.arrow:after { | |
content: " "; | |
top: 1px; | |
margin-left: -10px; | |
border-top-width: 0; | |
border-bottom-color: #fff | |
} | |
.popover.left>.arrow { | |
top: 50%; | |
right: -11px; | |
margin-top: -11px; | |
border-right-width: 0; | |
border-left-color: #999; | |
border-left-color: rgba(0, 0, 0, .25) | |
} | |
.popover.left>.arrow:after { | |
content: " "; | |
right: 1px; | |
border-right-width: 0; | |
border-left-color: #fff; | |
bottom: -10px | |
} | |
.btn-group-vertical>.btn-group:after, | |
.btn-group-vertical>.btn-group:before, | |
.btn-toolbar:after, | |
.btn-toolbar:before, | |
.clearfix:after, | |
.clearfix:before, | |
.container-fluid:after, | |
.container-fluid:before, | |
.container:after, | |
.container:before, | |
.dl-horizontal dd:after, | |
.dl-horizontal dd:before, | |
.form-horizontal .form-group:after, | |
.form-horizontal .form-group:before, | |
.modal-footer:after, | |
.modal-footer:before, | |
.modal-header:after, | |
.modal-header:before, | |
.nav:after, | |
.nav:before, | |
.navbar-collapse:after, | |
.navbar-collapse:before, | |
.navbar-header:after, | |
.navbar-header:before, | |
.navbar:after, | |
.navbar:before, | |
.pager:after, | |
.pager:before, | |
.panel-body:after, | |
.panel-body:before, | |
.row:after, | |
.row:before { | |
content: " "; | |
display: table | |
} | |
.btn-group-vertical>.btn-group:after, | |
.btn-toolbar:after, | |
.clearfix:after, | |
.container-fluid:after, | |
.container:after, | |
.dl-horizontal dd:after, | |
.form-horizontal .form-group:after, | |
.modal-footer:after, | |
.modal-header:after, | |
.nav:after, | |
.navbar-collapse:after, | |
.navbar-header:after, | |
.navbar:after, | |
.pager:after, | |
.panel-body:after, | |
.row:after { | |
clear: both | |
} | |
.center-block { | |
display: block; | |
margin-left: auto; | |
margin-right: auto | |
} | |
.pull-right { | |
float: right!important | |
} | |
.pull-left { | |
float: left!important | |
} | |
.hide { | |
display: none!important | |
} | |
.show { | |
display: block!important | |
} | |
.invisible { | |
visibility: hidden | |
} | |
.text-hide { | |
font: 0/0 a; | |
color: transparent; | |
text-shadow: none; | |
background-color: transparent; | |
border: 0 | |
} | |
.hidden { | |
display: none!important | |
} | |
.affix { | |
position: fixed | |
} | |
.visible-lg, | |
.visible-lg-block, | |
.visible-lg-inline, | |
.visible-lg-inline-block, | |
.visible-md, | |
.visible-md-block, | |
.visible-md-inline, | |
.visible-md-inline-block, | |
.visible-sm, | |
.visible-sm-block, | |
.visible-sm-inline, | |
.visible-sm-inline-block, | |
.visible-xs, | |
.visible-xs-block, | |
.visible-xs-inline, | |
.visible-xs-inline-block { | |
display: none!important | |
} | |
@media (max-width:767px) { | |
.visible-xs { | |
display: block!important | |
} | |
table.visible-xs { | |
display: table!important | |
} | |
tr.visible-xs { | |
display: table-row!important | |
} | |
td.visible-xs, | |
th.visible-xs { | |
display: table-cell!important | |
} | |
.visible-xs-block { | |
display: block!important | |
} | |
.visible-xs-inline { | |
display: inline!important | |
} | |
.visible-xs-inline-block { | |
display: inline-block!important | |
} | |
} | |
@media (min-width:768px) and (max-width:991px) { | |
.visible-sm { | |
display: block!important | |
} | |
table.visible-sm { | |
display: table!important | |
} | |
tr.visible-sm { | |
display: table-row!important | |
} | |
td.visible-sm, | |
th.visible-sm { | |
display: table-cell!important | |
} | |
.visible-sm-block { | |
display: block!important | |
} | |
.visible-sm-inline { | |
display: inline!important | |
} | |
.visible-sm-inline-block { | |
display: inline-block!important | |
} | |
} | |
@media (min-width:992px) and (max-width:1199px) { | |
.visible-md { | |
display: block!important | |
} | |
table.visible-md { | |
display: table!important | |
} | |
tr.visible-md { | |
display: table-row!important | |
} | |
td.visible-md, | |
th.visible-md { | |
display: table-cell!important | |
} | |
.visible-md-block { | |
display: block!important | |
} | |
.visible-md-inline { | |
display: inline!important | |
} | |
.visible-md-inline-block { | |
display: inline-block!important | |
} | |
} | |
@media (min-width:1200px) { | |
.visible-lg { | |
display: block!important | |
} | |
table.visible-lg { | |
display: table!important | |
} | |
tr.visible-lg { | |
display: table-row!important | |
} | |
td.visible-lg, | |
th.visible-lg { | |
display: table-cell!important | |
} | |
.visible-lg-block { | |
display: block!important | |
} | |
.visible-lg-inline { | |
display: inline!important | |
} | |
.visible-lg-inline-block { | |
display: inline-block!important | |
} | |
.hidden-lg { | |
display: none!important | |
} | |
} | |
@media (max-width:767px) { | |
.hidden-xs { | |
display: none!important | |
} | |
} | |
@media (min-width:768px) and (max-width:991px) { | |
.hidden-sm { | |
display: none!important | |
} | |
} | |
@media (min-width:992px) and (max-width:1199px) { | |
.hidden-md { | |
display: none!important | |
} | |
} | |
.visible-print { | |
display: none!important | |
} | |
@media print { | |
.visible-print { | |
display: block!important | |
} | |
table.visible-print { | |
display: table!important | |
} | |
tr.visible-print { | |
display: table-row!important | |
} | |
td.visible-print, | |
th.visible-print { | |
display: table-cell!important | |
} | |
} | |
.visible-print-block { | |
display: none!important | |
} | |
@media print { | |
.visible-print-block { | |
display: block!important | |
} | |
} | |
.visible-print-inline { | |
display: none!important | |
} | |
@media print { | |
.visible-print-inline { | |
display: inline!important | |
} | |
} | |
.visible-print-inline-block { | |
display: none!important | |
} | |
@media print { | |
.visible-print-inline-block { | |
display: inline-block!important | |
} | |
.hidden-print { | |
display: none!important | |
} | |
} | |
@-webkit-keyframes plyr-progress { | |
to { | |
background-position: 25px 0 | |
} | |
} | |
@keyframes plyr-progress { | |
to { | |
background-position: 25px 0 | |
} | |
} | |
.plyr { | |
position: relative; | |
max-width: 100%; | |
direction: ltr | |
} | |
.plyr a, | |
.plyr button, | |
.plyr input, | |
.plyr label { | |
touch-action: manipulation | |
} | |
.plyr audio, | |
.plyr video { | |
width: 100%; | |
height: auto; | |
vertical-align: middle; | |
border-radius: inherit | |
} | |
.plyr input[type=range] { | |
display: block; | |
height: 20px; | |
width: 100%; | |
margin: 0; | |
padding: 0; | |
vertical-align: middle; | |
-webkit-appearance: none; | |
-moz-appearance: none; | |
appearance: none; | |
cursor: pointer; | |
border: none; | |
background: 0 0 | |
} | |
.plyr input[type=range]::-webkit-slider-runnable-track { | |
height: 8px; | |
background: 0 0; | |
border: 0; | |
border-radius: 4px; | |
-webkit-user-select: none; | |
user-select: none | |
} | |
.plyr input[type=range]::-webkit-slider-thumb { | |
-webkit-appearance: none; | |
margin-top: -4px; | |
position: relative; | |
height: 16px; | |
width: 16px; | |
background: #fff; | |
border: 1px solid #5b7f95; | |
border-radius: 100%; | |
-webkit-transition: background .2s ease, border .2s ease, -webkit-transform .2s ease; | |
transition: background .2s ease, border .2s ease, -webkit-transform .2s ease; | |
transition: background .2s ease, border .2s ease, transform .2s ease; | |
transition: background .2s ease, border .2s ease, transform .2s ease, -webkit-transform .2s ease; | |
box-sizing: border-box | |
} | |
.plyr input[type=range]::-webkit-slider-thumb:before { | |
content: ''; | |
position: absolute; | |
width: 6px; | |
height: 6px; | |
background: #5b7f95; | |
top: 4px; | |
left: 4px; | |
border-radius: 4px | |
} | |
.plyr input[type=range]::-webkit-slider-thumb:hover { | |
background: #5b7f95 | |
} | |
.plyr input[type=range]::-webkit-slider-thumb:hover:before { | |
background: #fff; | |
z-index: 20 | |
} | |
.plyr input[type=range]::-moz-range-track { | |
height: 8px; | |
background: 0 0; | |
border: 0; | |
border-radius: 4px; | |
-moz-user-select: none; | |
user-select: none | |
} | |
.plyr input[type=range]::-moz-range-thumb { | |
position: relative; | |
height: 16px; | |
width: 16px; | |
background: #fff; | |
border: 1px solid #5b7f95; | |
border-radius: 100%; | |
-webkit-transition: background .2s ease, border .2s ease, -webkit-transform .2s ease; | |
transition: background .2s ease, border .2s ease, -webkit-transform .2s ease; | |
transition: background .2s ease, border .2s ease, transform .2s ease; | |
transition: background .2s ease, border .2s ease, transform .2s ease, -webkit-transform .2s ease; | |
box-sizing: border-box | |
} | |
.plyr input[type=range]::-moz-range-thumb:before { | |
content: ''; | |
position: absolute; | |
width: 6px; | |
height: 6px; | |
background: #5b7f95; | |
top: 4px; | |
left: 4px; | |
border-radius: 4px | |
} | |
.plyr input[type=range]::-moz-range-thumb:hover { | |
background: #5b7f95 | |
} | |
.plyr input[type=range]::-moz-range-thumb:hover:before { | |
background: #fff; | |
z-index: 20 | |
} | |
.plyr input[type=range]::-ms-track { | |
height: 8px; | |
background: 0 0; | |
border: 0; | |
color: transparent | |
} | |
.plyr input[type=range]::-ms-fill-upper { | |
height: 8px; | |
background: 0 0; | |
border: 0; | |
border-radius: 4px; | |
user-select: none | |
} | |
.plyr input[type=range]::-ms-fill-lower { | |
height: 8px; | |
border: 0; | |
border-radius: 4px; | |
user-select: none; | |
background: #5b7f95 | |
} | |
.plyr input[type=range]::-ms-thumb { | |
position: relative; | |
height: 16px; | |
width: 16px; | |
background: #fff; | |
border: 1px solid #5b7f95; | |
border-radius: 100%; | |
-webkit-transition: background .2s ease, border .2s ease, -webkit-transform .2s ease; | |
transition: background .2s ease, border .2s ease, -webkit-transform .2s ease; | |
transition: background .2s ease, border .2s ease, transform .2s ease; | |
transition: background .2s ease, border .2s ease, transform .2s ease, -webkit-transform .2s ease; | |
box-sizing: border-box; | |
margin-top: 0 | |
} | |
.plyr input[type=range]::-ms-thumb:before { | |
content: ''; | |
position: absolute; | |
width: 6px; | |
height: 6px; | |
background: #5b7f95; | |
top: 4px; | |
left: 4px; | |
border-radius: 4px | |
} | |
.plyr input[type=range]::-ms-thumb:hover { | |
background: #5b7f95 | |
} | |
.plyr input[type=range]::-ms-thumb:hover:before { | |
background: #fff; | |
z-index: 20 | |
} | |
.plyr input[type=range]::-ms-tooltip { | |
display: none | |
} | |
.plyr input[type=range]:focus { | |
outline: 0 | |
} | |
.plyr input[type=range]::-moz-focus-outer { | |
border: 0 | |
} | |
.plyr input[type=range].tab-focus:focus { | |
outline-offset: 3px | |
} | |
.plyr input[type=range]:active::-webkit-slider-thumb { | |
background: #00263a; | |
border-color: #e7eaec; | |
-webkit-transform: scale(1.25); | |
transform: scale(1.25) | |
} | |
.plyr input[type=range]:active::-webkit-slider-thumb:before { | |
content: ''; | |
position: absolute; | |
width: 6px; | |
height: 6px; | |
background: #5b7f95; | |
top: 4px; | |
left: 4px; | |
border-radius: 4px | |
} | |
.plyr input[type=range]:active::-moz-range-thumb { | |
background: #00263a; | |
border-color: #e7eaec; | |
transform: scale(1.25) | |
} | |
.plyr input[type=range]:active::-moz-range-thumb:before { | |
content: ''; | |
position: absolute; | |
width: 6px; | |
height: 6px; | |
background: #5b7f95; | |
top: 4px; | |
left: 4px; | |
border-radius: 4px | |
} | |
.plyr input[type=range]:active::-ms-thumb { | |
background: #00263a; | |
border-color: #e7eaec; | |
transform: scale(1.25) | |
} | |
.plyr input[type=range]:active::-ms-thumb:before { | |
content: ''; | |
position: absolute; | |
width: 6px; | |
height: 6px; | |
background: #5b7f95; | |
top: 4px; | |
left: 4px; | |
border-radius: 4px | |
} | |
.plyr--video input[type=range].tab-focus:focus { | |
outline: rgba(231, 234, 236, .5) dotted 1px | |
} | |
.plyr--audio input[type=range].tab-focus:focus { | |
outline: rgba(86, 93, 100, .5) dotted 1px | |
} | |
.plyr__sr-only { | |
clip: rect(1px, 1px, 1px, 1px); | |
overflow: hidden; | |
position: absolute!important; | |
padding: 0!important; | |
border: 0!important; | |
height: 1px!important; | |
width: 1px!important | |
} | |
.plyr__video-wrapper { | |
position: relative; | |
background: 0 0; | |
border-radius: inherit; | |
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC) | |
} | |
.plyr__video-embed { | |
padding-bottom: 56.25%; | |
height: 0; | |
overflow: hidden; | |
border-radius: inherit | |
} | |
.plyr__video-embed iframe { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
border: 0; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
user-select: none | |
} | |
.plyr__video-embed>div { | |
position: relative; | |
padding-bottom: 200%; | |
-webkit-transform: translateY(-35.95%); | |
transform: translateY(-35.95%) | |
} | |
.plyr .plyr__video-embed iframe { | |
pointer-events: none | |
} | |
.plyr video::-webkit-media-text-track-container { | |
display: none | |
} | |
.plyr__captions { | |
display: none; | |
position: absolute; | |
bottom: 0; | |
left: 0; | |
width: 100%; | |
padding: 20px; | |
-webkit-transform: translateY(-40px); | |
transform: translateY(-40px); | |
-webkit-transition: -webkit-transform .3s ease; | |
transition: -webkit-transform .3s ease; | |
transition: transform .3s ease; | |
transition: transform .3s ease, -webkit-transform .3s ease; | |
color: #e7eaec; | |
font-size: 16px; | |
text-align: center; | |
font-weight: 400 | |
} | |
.plyr__captions span { | |
border-radius: 2px; | |
padding: 3px 10px; | |
background: rgba(0, 38, 58, .7) | |
} | |
.plyr__captions span:empty { | |
display: none | |
} | |
@media (min-width:768px) { | |
.plyr__captions { | |
font-size: 24px | |
} | |
} | |
.plyr--captions-active .plyr__captions { | |
display: block | |
} | |
.plyr--fullscreen-active .plyr__captions { | |
font-size: 32px | |
} | |
.plyr--hide-controls .plyr__captions { | |
-webkit-transform: translateY(-15px); | |
transform: translateY(-15px) | |
} | |
.plyr::-webkit-media-controls { | |
display: none | |
} | |
.plyr__controls { | |
display: -webkit-box; | |
display: flex; | |
-webkit-box-align: center; | |
align-items: center; | |
line-height: 1; | |
text-align: center; | |
-webkit-transition: opacity .3s ease; | |
transition: opacity .3s ease | |
} | |
.plyr__controls .plyr__progress, | |
.plyr__controls .plyr__time, | |
.plyr__controls>button { | |
margin-left: 5px | |
} | |
.plyr__controls .plyr__progress:first-child, | |
.plyr__controls .plyr__time:first-child, | |
.plyr__controls>button:first-child { | |
margin-left: 0 | |
} | |
.plyr__controls .plyr__volume { | |
margin-left: 5px | |
} | |
.plyr__controls [data-plyr=pause] { | |
margin-left: 0 | |
} | |
.plyr__controls button { | |
position: relative; | |
display: inline-block; | |
flex-shrink: 0; | |
overflow: visible; | |
vertical-align: middle; | |
padding: 7px; | |
border: 0; | |
background: 0 0; | |
border-radius: 3px; | |
cursor: pointer; | |
-webkit-transition: background .3s ease, color .3s ease, opacity .3s ease; | |
transition: background .3s ease, color .3s ease, opacity .3s ease; | |
color: inherit | |
} | |
.plyr__controls button svg { | |
width: 18px; | |
height: 18px; | |
display: block; | |
fill: currentColor | |
} | |
.plyr__controls button:focus { | |
outline: 0 | |
} | |
.plyr__controls .icon--captions-on, | |
.plyr__controls .icon--exit-fullscreen, | |
.plyr__controls .icon--muted { | |
display: none | |
} | |
@media (min-width:480px) { | |
.plyr__controls .plyr__progress, | |
.plyr__controls .plyr__time, | |
.plyr__controls>button { | |
margin-left: 10px | |
} | |
} | |
.plyr--hide-controls .plyr__controls { | |
opacity: 0 | |
} | |
.plyr--video .plyr__controls { | |
position: absolute; | |
left: 0; | |
right: 0; | |
bottom: 0; | |
padding: 50px 10px 10px; | |
background: -webkit-linear-gradient(rgba(0, 38, 58, 0), rgba(0, 38, 58, .5)); | |
background: linear-gradient(rgba(0, 38, 58, 0), rgba(0, 38, 58, .5)); | |
border-bottom-left-radius: inherit; | |
border-bottom-right-radius: inherit; | |
color: #e7eaec | |
} | |
.plyr--video .plyr__controls button.tab-focus:focus, | |
.plyr--video .plyr__controls button:hover { | |
background: #5b7f95; | |
color: #e7eaec | |
} | |
.slick-slide .plyr--video .plyr__controls { | |
padding: 50px 50px 10px | |
} | |
.plyr--audio .plyr__controls { | |
padding: 10px; | |
border-radius: inherit; | |
background: #e7eaec; | |
border: 1px solid #dbe3e8; | |
color: #565D64 | |
} | |
.plyr--audio .plyr__controls button.tab-focus:focus, | |
.plyr--audio .plyr__controls button:hover { | |
background: #5b7f95; | |
color: #e7eaec | |
} | |
.plyr__play-large { | |
display: none; | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
-webkit-transform: translate(-50%, -50%); | |
transform: translate(-50%, -50%); | |
padding: 10px; | |
background: #5b7f95; | |
border: 4px solid currentColor; | |
border-radius: 100%; | |
color: #e7eaec; | |
-webkit-transition: all .3s ease; | |
transition: all .3s ease | |
} | |
.plyr__play-large svg { | |
position: relative; | |
left: 2px; | |
width: 20px; | |
height: 20px; | |
display: block; | |
fill: currentColor | |
} | |
.plyr__play-large:focus { | |
outline: rgba(231, 234, 236, .5) dotted 1px | |
} | |
.plyr .plyr__play-large { | |
display: inline-block | |
} | |
.plyr--audio .plyr__play-large { | |
display: none | |
} | |
.plyr--playing .plyr__play-large { | |
opacity: 0; | |
visibility: hidden | |
} | |
.plyr--playing .plyr__controls [data-plyr=play], | |
.plyr__controls [data-plyr=pause] { | |
display: none | |
} | |
.plyr--playing .plyr__controls [data-plyr=pause] { | |
display: inline-block | |
} | |
.plyr--captions-active .plyr__controls .icon--captions-on, | |
.plyr--fullscreen-active .icon--exit-fullscreen, | |
.plyr--muted .plyr__controls .icon--muted { | |
display: block | |
} | |
.plyr [data-plyr=captions], | |
.plyr [data-plyr=fullscreen], | |
.plyr--captions-active .plyr__controls .icon--captions-on+svg, | |
.plyr--fullscreen-active .icon--exit-fullscreen+svg, | |
.plyr--muted .plyr__controls .icon--muted+svg { | |
display: none | |
} | |
.plyr--captions-enabled [data-plyr=captions], | |
.plyr--fullscreen-enabled [data-plyr=fullscreen] { | |
display: inline-block | |
} | |
.plyr__tooltip { | |
position: absolute; | |
z-index: 2; | |
bottom: 100%; | |
margin-bottom: 6.67px; | |
padding: 3.33px; | |
pointer-events: none; | |
opacity: 0; | |
background: #5b7f95; | |
border-radius: 3px; | |
color: #e7eaec; | |
font-size: 11px; | |
line-height: 1.3; | |
-webkit-transform: translate(-50%, 10px) scale(.8); | |
transform: translate(-50%, 10px) scale(.8); | |
-webkit-transform-origin: 50% 100%; | |
transform-origin: 50% 100%; | |
-webkit-transition: opacity .2s .1s ease, -webkit-transform .2s .1s ease; | |
transition: opacity .2s .1s ease, -webkit-transform .2s .1s ease; | |
transition: transform .2s .1s ease, opacity .2s .1s ease; | |
transition: transform .2s .1s ease, opacity .2s .1s ease, -webkit-transform .2s .1s ease | |
} | |
.plyr__tooltip::before { | |
content: ''; | |
position: absolute; | |
width: 0; | |
height: 0; | |
left: 50%; | |
-webkit-transform: translateX(-50%); | |
transform: translateX(-50%); | |
bottom: -4px; | |
border-right: 4px solid transparent; | |
border-top: 4px solid #5b7f95; | |
border-left: 4px solid transparent; | |
z-index: 2 | |
} | |
.plyr button.tab-focus:focus .plyr__tooltip, | |
.plyr button:hover .plyr__tooltip, | |
.plyr__tooltip--visible { | |
opacity: 1; | |
-webkit-transform: translate(-50%, 0) scale(1); | |
transform: translate(-50%, 0) scale(1) | |
} | |
.plyr button:hover .plyr__tooltip { | |
z-index: 3 | |
} | |
.plyr__controls button:first-child .plyr__tooltip { | |
left: 0; | |
-webkit-transform: translate(0, 10px) scale(.8); | |
transform: translate(0, 10px) scale(.8); | |
-webkit-transform-origin: 0 100%; | |
transform-origin: 0 100% | |
} | |
.plyr__controls button:first-child .plyr__tooltip::before { | |
left: 16px | |
} | |
.plyr__controls button:last-child .plyr__tooltip { | |
right: 0; | |
-webkit-transform: translate(0, 10px) scale(.8); | |
transform: translate(0, 10px) scale(.8); | |
-webkit-transform-origin: 100% 100%; | |
transform-origin: 100% 100% | |
} | |
.plyr__controls button:last-child .plyr__tooltip::before { | |
left: auto; | |
right: 16px; | |
-webkit-transform: translateX(50%); | |
transform: translateX(50%) | |
} | |
.plyr__controls button:first-child .plyr__tooltip--visible, | |
.plyr__controls button:first-child.tab-focus:focus .plyr__tooltip, | |
.plyr__controls button:first-child:hover .plyr__tooltip, | |
.plyr__controls button:last-child .plyr__tooltip--visible, | |
.plyr__controls button:last-child.tab-focus:focus .plyr__tooltip, | |
.plyr__controls button:last-child:hover .plyr__tooltip { | |
-webkit-transform: translate(0, 0) scale(1); | |
transform: translate(0, 0) scale(1) | |
} | |
.plyr__progress { | |
position: relative; | |
display: none; | |
-webkit-box-flex: 1; | |
flex: 1 | |
} | |
.plyr__progress input[type=range] { | |
position: relative; | |
z-index: 2 | |
} | |
.plyr__progress input[type=range]::-webkit-slider-runnable-track { | |
background: 0 0 | |
} | |
.plyr__progress input[type=range]::-moz-range-track { | |
background: 0 0 | |
} | |
.plyr__progress input[type=range]::-ms-fill-upper { | |
background: 0 0 | |
} | |
.plyr__progress .plyr__tooltip { | |
left: 0 | |
} | |
.plyr .plyr__progress { | |
display: inline-block | |
} | |
.plyr__progress--buffer, | |
.plyr__progress--played, | |
.plyr__volume--display { | |
position: absolute; | |
left: 0; | |
top: 50%; | |
width: 100%; | |
height: 8px; | |
margin: -4px 0 0; | |
padding: 0; | |
vertical-align: top; | |
-webkit-appearance: none; | |
-moz-appearance: none; | |
appearance: none; | |
border: none; | |
border-radius: 100px | |
} | |
.plyr__progress--buffer::-webkit-progress-bar, | |
.plyr__progress--played::-webkit-progress-bar, | |
.plyr__volume--display::-webkit-progress-bar { | |
background: 0 0 | |
} | |
.plyr__progress--buffer::-webkit-progress-value, | |
.plyr__progress--played::-webkit-progress-value, | |
.plyr__volume--display::-webkit-progress-value { | |
background: currentColor; | |
border-radius: 100px; | |
min-width: 8px | |
} | |
.plyr__progress--buffer::-moz-progress-bar, | |
.plyr__progress--played::-moz-progress-bar, | |
.plyr__volume--display::-moz-progress-bar { | |
background: currentColor; | |
border-radius: 100px; | |
min-width: 8px | |
} | |
.plyr__progress--buffer::-ms-fill, | |
.plyr__progress--played::-ms-fill, | |
.plyr__volume--display::-ms-fill { | |
border-radius: 100px | |
} | |
.plyr__progress--played, | |
.plyr__volume--display { | |
z-index: 1; | |
color: #5b7f95; | |
background: 0 0; | |
-webkit-transition: none; | |
transition: none | |
} | |
.plyr__progress--played::-webkit-progress-value, | |
.plyr__volume--display::-webkit-progress-value { | |
min-width: 8px; | |
max-width: 99%; | |
border-top-right-radius: 0; | |
border-bottom-right-radius: 0; | |
-webkit-transition: none; | |
transition: none | |
} | |
.plyr__progress--played::-moz-progress-bar, | |
.plyr__volume--display::-moz-progress-bar { | |
min-width: 8px; | |
max-width: 99%; | |
border-top-right-radius: 0; | |
border-bottom-right-radius: 0; | |
-webkit-transition: none; | |
transition: none | |
} | |
.plyr__progress--played::-ms-fill, | |
.plyr__volume--display::-ms-fill { | |
display: none | |
} | |
.plyr__progress--buffer::-webkit-progress-value { | |
-webkit-transition: width .2s ease; | |
transition: width .2s ease | |
} | |
.plyr__progress--buffer::-moz-progress-bar { | |
-webkit-transition: width .2s ease; | |
transition: width .2s ease | |
} | |
.plyr__progress--buffer::-ms-fill { | |
-webkit-transition: width .2s ease; | |
transition: width .2s ease | |
} | |
.plyr--video .plyr__progress--buffer, | |
.plyr--video .plyr__volume--display { | |
background: rgba(231, 234, 236, .25) | |
} | |
.plyr--video .plyr__progress--buffer { | |
color: rgba(231, 234, 236, .25) | |
} | |
.plyr--audio .plyr__progress--buffer, | |
.plyr--audio .plyr__volume--display { | |
background: rgba(198, 214, 219, .66) | |
} | |
.plyr--audio .plyr__progress--buffer { | |
color: rgba(198, 214, 219, .66) | |
} | |
.plyr--loading .plyr__progress--buffer { | |
-webkit-animation: plyr-progress 1s linear infinite; | |
animation: plyr-progress 1s linear infinite; | |
background-size: 25px 25px; | |
background-repeat: repeat-x; | |
background-image: -webkit-linear-gradient(135deg, rgba(0, 38, 58, .15) 25%, transparent 25%, transparent 50%, rgba(0, 38, 58, .15) 50%, rgba(0, 38, 58, .15) 75%, transparent 75%, transparent); | |
background-image: linear-gradient(-45deg, rgba(0, 38, 58, .15) 25%, transparent 25%, transparent 50%, rgba(0, 38, 58, .15) 50%, rgba(0, 38, 58, .15) 75%, transparent 75%, transparent); | |
color: transparent | |
} | |
.plyr--video.plyr--loading .plyr__progress--buffer { | |
background-color: rgba(231, 234, 236, .25) | |
} | |
.plyr--audio.plyr--loading .plyr__progress--buffer { | |
background-color: rgba(198, 214, 219, .66) | |
} | |
.plyr__time { | |
display: inline-block; | |
vertical-align: middle; | |
font-size: 11px; | |
line-height: .95 | |
} | |
.plyr__time+.plyr__time { | |
display: none | |
} | |
@media (min-width:768px) { | |
.plyr__time+.plyr__time { | |
display: inline-block | |
} | |
} | |
.plyr__time+.plyr__time::before { | |
content: '\2044'; | |
margin-right: 10px | |
} | |
.plyr__volume { | |
display: none | |
} | |
.plyr .plyr__volume { | |
-webkit-box-flex: 1; | |
flex: 1; | |
position: relative | |
} | |
.plyr .plyr__volume input[type=range] { | |
position: relative; | |
z-index: 2 | |
} | |
@media (min-width:480px) { | |
.plyr .plyr__volume { | |
display: block; | |
max-width: 60px | |
} | |
} | |
@media (min-width:768px) { | |
.plyr .plyr__volume { | |
max-width: 100px | |
} | |
} | |
.plyr--is-ios .plyr__volume, | |
.plyr--is-ios [data-plyr=mute] { | |
display: none!important | |
} | |
.plyr--fullscreen, | |
.plyr--fullscreen-active { | |
position: fixed; | |
top: 0; | |
left: 0; | |
right: 0; | |
bottom: 0; | |
height: 100%; | |
width: 100%; | |
z-index: 10000000; | |
background: #000; | |
border-radius: 0 | |
} | |
.plyr--fullscreen video, | |
.plyr--fullscreen-active video { | |
height: 100% | |
} | |
.plyr--fullscreen .plyr__video-wrapper, | |
.plyr--fullscreen-active .plyr__video-wrapper { | |
height: 100%; | |
width: 100% | |
} | |
.plyr--fullscreen .plyr__controls, | |
.plyr--fullscreen-active .plyr__controls { | |
position: absolute; | |
bottom: 0; | |
left: 0; | |
right: 0 | |
} | |
.plyr--fullscreen-active.plyr--vimeo .plyr__video-wrapper, | |
.plyr--fullscreen.plyr--vimeo .plyr__video-wrapper { | |
height: 0; | |
top: 50%; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%) | |
} | |
@charset "UTF-8"; | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6 { | |
font-weight: 100 | |
} | |
.h1 .small, | |
.h1 small, | |
.h2 .small, | |
.h2 small, | |
.h3 .small, | |
.h3 small, | |
.h4 .small, | |
.h4 small, | |
.h5 .small, | |
.h5 small, | |
.h6 .small, | |
.h6 small, | |
h1 .small, | |
h1 small, | |
h2 .small, | |
h2 small, | |
h3 .small, | |
h3 small, | |
h4 .small, | |
h4 small, | |
h5 .small, | |
h5 small, | |
h6 .small, | |
h6 small { | |
font-weight: inherit!important; | |
color: inherit!important | |
} | |
.font-12 { | |
font-size: 12px | |
} | |
.font-14 { | |
font-size: 14px | |
} | |
.font-15 { | |
font-size: 15px | |
} | |
.font-16 { | |
font-size: 16px | |
} | |
.font-18 { | |
font-size: 18px | |
} | |
.font-20 { | |
font-size: 20px | |
} | |
.font-24 { | |
font-size: 24px | |
} | |
.font-32 { | |
font-size: 32px | |
} | |
.font-weight-100 { | |
font-weight: 100 | |
} | |
.font-weight-200 { | |
font-weight: 200 | |
} | |
.text-ellipsis-overflow { | |
white-space: nowrap; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
display: block | |
} | |
h4.text-ellipsis-overflow { | |
line-height: 1.3 | |
} | |
.text-shadow { | |
text-shadow: 1px 1px 2px #000 | |
} | |
.three-columns { | |
-webkit-columns: 3 320px; | |
-moz-columns: 3 320px; | |
columns: 3 320px; | |
-webkit-column-gap: 2em; | |
-moz-column-gap: 2em; | |
column-gap: 2em | |
} | |
.first-uppercase { | |
text-transform: lowercase | |
} | |
.first-uppercase::first-letter { | |
text-transform: uppercase | |
} | |
.first-uppercase .no-case, | |
.first-uppercase .no-case::first-letter, | |
.no-case { | |
text-transform: none!important | |
} | |
.navbar-brand { | |
height: 60px; | |
max-height: 60px | |
} | |
.navbar-brand .svg.svg-bayleys-logo { | |
height: 40px; | |
width: 158px; | |
margin: 10px | |
} | |
.svg.fifty-six { | |
height: 56px; | |
width: 56px | |
} | |
.feature-icons .svg { | |
width: 100%; | |
height: auto; | |
max-height: 60px | |
} | |
.navbar-fixed-top { | |
background-color: rgba(255, 255, 255, .9)!important; | |
backdrop-filter: blur(5px); | |
-webkit-backdrop-filter: blur(5px) | |
} | |
.navbar-fixed-top .right-sidebar-toggle { | |
margin: 15px 10px 0; | |
position: relative | |
} | |
.nav.navbar-nav.navbar-top-links.navbar-right { | |
margin-right: 15px | |
} | |
.nav.navbar-nav.navbar-top-links>li>a { | |
color: #00263a; | |
padding: 20px 20px 20px 25px | |
} | |
.nav.navbar-nav.navbar-top-links>li.active>a { | |
color: #fff | |
} | |
.nav.navbar-nav.navbar-top-links>li:hover>a { | |
color: #5b7f95 | |
} | |
.nav.navbar-nav.navbar-top-links>li.open>a, | |
.nav.navbar-nav.navbar-top-links>li.open>a:focus, | |
.nav.navbar-nav.navbar-top-links>li.open>a:hover { | |
background-color: #5b7f95; | |
color: #fff | |
} | |
.nav.navbar-top-links>li>a:focus, | |
.nav.navbar-top-links>li>a:hover { | |
background-color: transparent | |
} | |
.nav>li>a i { | |
margin-right: 6px | |
} | |
.navbar { | |
border: 0 | |
} | |
.history-buttons { | |
position: absolute; | |
right: 0; | |
top: 0 | |
} | |
.history-buttons .btn-group { | |
margin: 13.5px 13.5px 0 0 | |
} | |
.navbar.navbar-default.megamenu.navbar-fixed-top .navbar-brand { | |
padding: 0; | |
height: 60px | |
} | |
.dropdown-menu { | |
border: none; | |
border-radius: 3px; | |
box-shadow: 0 0 3px rgba(86, 96, 117, .7); | |
display: none; | |
float: left; | |
font-size: 12px; | |
left: 0; | |
list-style: none; | |
padding: 0; | |
position: absolute; | |
text-shadow: none; | |
top: 100%; | |
z-index: 1000 | |
} | |
.dropdown-menu>li>a { | |
border-radius: 3px; | |
color: inherit; | |
line-height: 25px; | |
margin: 4px; | |
text-align: left; | |
font-weight: 400 | |
} | |
.navbar-top-links .dropdown-menu li { | |
display: block | |
} | |
.navbar-top-links .dropdown-menu li:last-child { | |
margin-right: 0 | |
} | |
.navbar-top-links .dropdown-menu li>a { | |
padding: 3px 20px; | |
min-height: 0 | |
} | |
.navbar-top-links .dropdown-menu li a div { | |
white-space: normal | |
} | |
.navbar-top-links .dropdown-alerts, | |
.navbar-top-links .dropdown-messages, | |
.navbar-top-links .dropdown-tasks { | |
width: 310px; | |
min-width: 0 | |
} | |
.navbar-top-links .dropdown-messages { | |
margin-left: 5px | |
} | |
.navbar-top-links .dropdown-tasks { | |
margin-left: -59px | |
} | |
.navbar-top-links .dropdown-alerts { | |
margin-left: -123px | |
} | |
.navbar-top-links .dropdown-user { | |
right: 0; | |
left: auto | |
} | |
.nav-header { | |
padding: 33px 25px | |
} | |
.footer-navigation { | |
z-index: 2030; | |
background: rgba(255, 255, 255, .9); | |
backdrop-filter: blur(5px); | |
-webkit-backdrop-filter: blur(5px); | |
width: 100vw; | |
height: 60px; | |
position: fixed; | |
bottom: 0; | |
left: 0; | |
border-top: 1px solid #aaa | |
} | |
.footer-navigation .dropdown-toggle { | |
-webkit-touch-callout: none; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
user-select: none; | |
touch-action: manipulation | |
} | |
.footer-navigation .right-sidebar-toggle-bottom.active { | |
color: #00263a | |
} | |
.footer-navigation .footer-table-nav { | |
display: table; | |
table-layout: fixed; | |
border-collapse: collapse; | |
text-align: center; | |
vertical-align: text-top; | |
height: 60px; | |
width: 100vw | |
} | |
.footer-navigation .footer-table-nav>tbody>tr>td { | |
width: 20vw | |
} | |
.footer-navigation .footer-table-nav>tbody>tr>td:not(: first-of-type) { | |
border-left: 1px solid #f1f1f9 | |
} | |
.footer-navigation .footer-table-nav>tbody>tr>td>a>.svg { | |
font-size: 24px; | |
display: block; | |
margin: 0 auto | |
} | |
.fixed-nav #wrapper { | |
margin-top: 0 | |
} | |
.footer-nav nav.row { | |
background: #d1d1d3; | |
padding: 40px | |
} | |
body.top-navigation.fixed-nav #wrapper #page-wrapper { | |
margin-top: 0 | |
} | |
body.fixed-nav #wrapper #page-wrapper, | |
body.fixed-nav #wrapper .navbar-static-side { | |
margin-top: 60px | |
} | |
body.standalone .navbar-fixed-top:before { | |
position: fixed; | |
height: 20px; | |
width: 100vw; | |
top: 0; | |
left: 0; | |
background: rgba(0, 38, 58, .75); | |
backdrop-filter: blur(5px); | |
-webkit-backdrop-filter: blur(5px) | |
} | |
.white-bg .navbar-fixed-top, | |
.white-bg .navbar-static-top { | |
background: #fff | |
} | |
.navbar .dropdown-menu { | |
margin-top: 0 | |
} | |
.canvas-menu #page-wrapper { | |
margin: 0 | |
} | |
.menu-visible-lg, | |
.menu-visible-md { | |
display: none!important | |
} | |
@media (min-width:1200px) { | |
.menu-visible-lg { | |
display: block!important | |
} | |
} | |
@media (min-width:992px) { | |
.menu-visible-md { | |
display: block!important | |
} | |
} | |
@media (max-width:767px) { | |
.menu-visible-lg, | |
.menu-visible-md { | |
display: block!important | |
} | |
} | |
.btn { | |
border-radius: 3px | |
} | |
.float-e-margins .btn { | |
margin-bottom: 5px | |
} | |
.btn-w-m { | |
min-width: 120px | |
} | |
.btn-primary.btn-outline { | |
color: #00263a | |
} | |
.btn-success.btn-outline { | |
color: #44b3b7 | |
} | |
.btn-info.btn-outline { | |
color: #5b7f95 | |
} | |
.btn-warning.btn-outline { | |
color: #ffb81c | |
} | |
.btn-danger.btn-outline { | |
color: #a6192e | |
} | |
.btn-action.btn-outline { | |
color: #fa6423 | |
} | |
.btn-danger.btn-outline:hover, | |
.btn-info.btn-outline:hover, | |
.btn-primary.btn-outline:hover, | |
.btn-success.btn-outline:hover, | |
.btn-warning.btn-outline:hover { | |
color: #fff | |
} | |
.btn-primary { | |
background-color: #00263a; | |
border-color: #00263a; | |
color: #FFF | |
} | |
.btn-primary.active, | |
.btn-primary.active:focus, | |
.btn-primary.active:hover, | |
.btn-primary:active, | |
.btn-primary:active:focus, | |
.btn-primary:active:hover, | |
.btn-primary:focus, | |
.btn-primary:hover, | |
.open .dropdown-toggle.btn-primary { | |
background-color: #001c2b; | |
border-color: #001c2b; | |
color: #FFF | |
} | |
.btn-primary.active, | |
.btn-primary:active, | |
.open .dropdown-toggle.btn-primary { | |
background-image: none | |
} | |
.btn-primary.active[disabled], | |
.btn-primary.disabled, | |
.btn-primary.disabled.active, | |
.btn-primary.disabled:active, | |
.btn-primary.disabled:focus, | |
.btn-primary.disabled:hover, | |
.btn-primary[disabled], | |
.btn-primary[disabled]:active, | |
.btn-primary[disabled]:focus, | |
.btn-primary[disabled]:hover, | |
fieldset[disabled] .btn-primary, | |
fieldset[disabled] .btn-primary.active, | |
fieldset[disabled] .btn-primary:active, | |
fieldset[disabled] .btn-primary:focus, | |
fieldset[disabled] .btn-primary:hover { | |
background-color: #00334e; | |
border-color: #00334e | |
} | |
.btn-success { | |
background-color: #44b3b7; | |
border-color: #44b3b7; | |
color: #FFF | |
} | |
.btn-success.active, | |
.btn-success.active:focus, | |
.btn-success.active:hover, | |
.btn-success:active, | |
.btn-success:active:focus, | |
.btn-success:active:hover, | |
.btn-success:focus, | |
.btn-success:hover, | |
.open .dropdown-toggle.btn-success { | |
background-color: #40a8ac; | |
border-color: #40a8ac; | |
color: #FFF | |
} | |
.btn-success.active, | |
.btn-success:active, | |
.open .dropdown-toggle.btn-success { | |
background-image: none | |
} | |
.btn-success.active[disabled], | |
.btn-success.disabled, | |
.btn-success.disabled.active, | |
.btn-success.disabled:active, | |
.btn-success.disabled:focus, | |
.btn-success.disabled:hover, | |
.btn-success[disabled], | |
.btn-success[disabled]:active, | |
.btn-success[disabled]:focus, | |
.btn-success[disabled]:hover, | |
fieldset[disabled] .btn-success, | |
fieldset[disabled] .btn-success.active, | |
fieldset[disabled] .btn-success:active, | |
fieldset[disabled] .btn-success:focus, | |
fieldset[disabled] .btn-success:hover { | |
background-color: #51bbbe; | |
border-color: #51bbbe | |
} | |
.btn-info { | |
background-color: #5b7f95; | |
border-color: #5b7f95; | |
color: #FFF | |
} | |
.btn-info.active, | |
.btn-info.active:focus, | |
.btn-info.active:hover, | |
.btn-info:active, | |
.btn-info:active:focus, | |
.btn-info:active:hover, | |
.btn-info:focus, | |
.btn-info:hover, | |
.open .dropdown-toggle.btn-info { | |
background-color: #55778c; | |
border-color: #55778c; | |
color: #FFF | |
} | |
.btn-info.active, | |
.btn-info:active, | |
.open .dropdown-toggle.btn-info { | |
background-image: none | |
} | |
.btn-info.active[disabled], | |
.btn-info.disabled, | |
.btn-info.disabled.active, | |
.btn-info.disabled:active, | |
.btn-info.disabled:focus, | |
.btn-info.disabled:hover, | |
.btn-info[disabled], | |
.btn-info[disabled]:active, | |
.btn-info[disabled]:focus, | |
.btn-info[disabled]:hover, | |
fieldset[disabled] .btn-info, | |
fieldset[disabled] .btn-info.active, | |
fieldset[disabled] .btn-info:active, | |
fieldset[disabled] .btn-info:focus, | |
fieldset[disabled] .btn-info:hover { | |
background-color: #6489a0; | |
border-color: #6489a0 | |
} | |
.btn-default { | |
background-color: #c2c2c2; | |
border-color: #c2c2c2; | |
color: #FFF | |
} | |
.btn-default.active, | |
.btn-default.active:focus, | |
.btn-default.active:hover, | |
.btn-default:active, | |
.btn-default:active:focus, | |
.btn-default:active:hover, | |
.btn-default:focus, | |
.btn-default:hover, | |
.open .dropdown-toggle.btn-default { | |
background-color: #bababa; | |
border-color: #bababa; | |
color: #FFF | |
} | |
.btn-default.active, | |
.btn-default:active, | |
.open .dropdown-toggle.btn-default { | |
background-image: none | |
} | |
.btn-default.active[disabled], | |
.btn-default.disabled, | |
.btn-default.disabled.active, | |
.btn-default.disabled:active, | |
.btn-default.disabled:focus, | |
.btn-default.disabled:hover, | |
.btn-default[disabled], | |
.btn-default[disabled]:active, | |
.btn-default[disabled]:focus, | |
.btn-default[disabled]:hover, | |
fieldset[disabled] .btn-default, | |
fieldset[disabled] .btn-default.active, | |
fieldset[disabled] .btn-default:active, | |
fieldset[disabled] .btn-default:focus, | |
fieldset[disabled] .btn-default:hover { | |
background-color: #ccc; | |
border-color: #ccc | |
} | |
.btn-warning { | |
background-color: #ffb81c; | |
border-color: #ffb81c; | |
color: #FFF | |
} | |
.btn-warning.active, | |
.btn-warning.active:focus, | |
.btn-warning.active:hover, | |
.btn-warning:active, | |
.btn-warning:active:focus, | |
.btn-warning:active:hover, | |
.btn-warning:focus, | |
.btn-warning:hover, | |
.open .dropdown-toggle.btn-warning { | |
background-color: #ffb30d; | |
border-color: #ffb30d; | |
color: #FFF | |
} | |
.btn-warning.active, | |
.btn-warning:active, | |
.open .dropdown-toggle.btn-warning { | |
background-image: none | |
} | |
.btn-warning.active[disabled], | |
.btn-warning.disabled, | |
.btn-warning.disabled.active, | |
.btn-warning.disabled:active, | |
.btn-warning.disabled:focus, | |
.btn-warning.disabled:hover, | |
.btn-warning[disabled], | |
.btn-warning[disabled]:active, | |
.btn-warning[disabled]:focus, | |
.btn-warning[disabled]:hover, | |
fieldset[disabled] .btn-warning, | |
fieldset[disabled] .btn-warning.active, | |
fieldset[disabled] .btn-warning:active, | |
fieldset[disabled] .btn-warning:focus, | |
fieldset[disabled] .btn-warning:hover { | |
background-color: #ffbe30; | |
border-color: #ffbe30 | |
} | |
.btn-danger { | |
background-color: #a6192e; | |
border-color: #a6192e; | |
color: #FFF | |
} | |
.btn-danger.active, | |
.btn-danger.active:focus, | |
.btn-danger.active:hover, | |
.btn-danger:active, | |
.btn-danger:active:focus, | |
.btn-danger:active:hover, | |
.btn-danger:focus, | |
.btn-danger:hover, | |
.open .dropdown-toggle.btn-danger { | |
background-color: #99172a; | |
border-color: #99172a; | |
color: #FFF | |
} | |
.btn-danger.active, | |
.btn-danger:active, | |
.open .dropdown-toggle.btn-danger { | |
background-image: none | |
} | |
.btn-danger.active[disabled], | |
.btn-danger.disabled, | |
.btn-danger.disabled.active, | |
.btn-danger.disabled:active, | |
.btn-danger.disabled:focus, | |
.btn-danger.disabled:hover, | |
.btn-danger[disabled], | |
.btn-danger[disabled]:active, | |
.btn-danger[disabled]:focus, | |
.btn-danger[disabled]:hover, | |
fieldset[disabled] .btn-danger, | |
fieldset[disabled] .btn-danger.active, | |
fieldset[disabled] .btn-danger:active, | |
fieldset[disabled] .btn-danger:focus, | |
fieldset[disabled] .btn-danger:hover { | |
background-color: #b81c33; | |
border-color: #b81c33 | |
} | |
.btn-action { | |
background-color: #fa6423; | |
border-color: #fa6423; | |
color: #FFF | |
} | |
.btn-action.active, | |
.btn-action.active:focus, | |
.btn-action.active:hover, | |
.btn-action:active, | |
.btn-action:active:focus, | |
.btn-action:active:hover, | |
.btn-action:focus, | |
.btn-action:hover, | |
.open .dropdown-toggle.btn-action { | |
background-color: #fa5914; | |
border-color: #fa5914; | |
color: #FFF | |
} | |
.btn-action.active, | |
.btn-action:active, | |
.open .dropdown-toggle.btn-action { | |
background-image: none | |
} | |
.btn-action.active[disabled], | |
.btn-action.disabled, | |
.btn-action.disabled.active, | |
.btn-action.disabled:active, | |
.btn-action.disabled:focus, | |
.btn-action.disabled:hover, | |
.btn-action[disabled], | |
.btn-action[disabled]:active, | |
.btn-action[disabled]:focus, | |
.btn-action[disabled]:hover, | |
fieldset[disabled] .btn-action, | |
fieldset[disabled] .btn-action.active, | |
fieldset[disabled] .btn-action:active, | |
fieldset[disabled] .btn-action:focus, | |
fieldset[disabled] .btn-action:hover { | |
background-color: #fa7237; | |
border-color: #fa7237 | |
} | |
.btn-link { | |
color: inherit | |
} | |
.btn-link.active, | |
.btn-link:active, | |
.btn-link:focus, | |
.btn-link:hover, | |
.open .dropdown-toggle.btn-link { | |
color: #00263a; | |
text-decoration: none | |
} | |
.btn-link.active, | |
.btn-link:active, | |
.open .dropdown-toggle.btn-link { | |
background-image: none | |
} | |
.btn-link.active[disabled], | |
.btn-link.disabled, | |
.btn-link.disabled.active, | |
.btn-link.disabled:active, | |
.btn-link.disabled:focus, | |
.btn-link.disabled:hover, | |
.btn-link[disabled], | |
.btn-link[disabled]:active, | |
.btn-link[disabled]:focus, | |
.btn-link[disabled]:hover, | |
fieldset[disabled] .btn-link, | |
fieldset[disabled] .btn-link.active, | |
fieldset[disabled] .btn-link:active, | |
fieldset[disabled] .btn-link:focus, | |
fieldset[disabled] .btn-link:hover { | |
color: #cacaca | |
} | |
.btn-white { | |
color: inherit; | |
background: #fff; | |
border: 1px solid #e7eaec | |
} | |
.btn-white.active, | |
.btn-white.active:focus, | |
.btn-white.active:hover, | |
.btn-white:active, | |
.btn-white:active:focus, | |
.btn-white:active:hover, | |
.btn-white:focus, | |
.btn-white:hover, | |
.open .dropdown-toggle.btn-white { | |
color: inherit; | |
border: 1px solid #d2d2d2 | |
} | |
.btn-white.active, | |
.btn-white:active { | |
box-shadow: 0 2px 5px rgba(0, 0, 0, .15) inset | |
} | |
.btn-white.active, | |
.btn-white:active, | |
.open .dropdown-toggle.btn-white { | |
background-image: none | |
} | |
.btn-white.active[disabled], | |
.btn-white.disabled, | |
.btn-white.disabled.active, | |
.btn-white.disabled:active, | |
.btn-white.disabled:focus, | |
.btn-white.disabled:hover, | |
.btn-white[disabled], | |
.btn-white[disabled]:active, | |
.btn-white[disabled]:focus, | |
.btn-white[disabled]:hover, | |
fieldset[disabled] .btn-white, | |
fieldset[disabled] .btn-white.active, | |
fieldset[disabled] .btn-white:active, | |
fieldset[disabled] .btn-white:focus, | |
fieldset[disabled] .btn-white:hover { | |
color: #cacaca | |
} | |
.form-control, | |
.form-control:focus, | |
.has-error .form-control:focus, | |
.has-success .form-control:focus, | |
.has-warning .form-control:focus, | |
.navbar-collapse, | |
.navbar-form, | |
.navbar-form-custom .form-control:focus, | |
.navbar-form-custom .form-control:hover, | |
.open .btn.dropdown-toggle, | |
.panel, | |
.popover, | |
.progress, | |
.progress-bar { | |
box-shadow: none | |
} | |
.btn-outline { | |
color: inherit; | |
background-color: transparent; | |
-webkit-transition: all .5s; | |
transition: all .5s | |
} | |
.btn-rounded { | |
border-radius: 50px | |
} | |
.btn-large-dim { | |
width: 90px; | |
height: 90px; | |
font-size: 42px | |
} | |
.dim { | |
color: #fff; | |
text-decoration: none; | |
margin-right: 10px; | |
border-radius: 5px | |
} | |
.dim:active { | |
margin-top: 3px; | |
margin-bottom: -3px | |
} | |
.btn-primary.dim { | |
box-shadow: inset 0 0 0 #000b11, 0 5px 0 0 #000b11 | |
} | |
.btn-primary.dim:active { | |
box-shadow: inset 0 0 0 #000b11, 0 2px 0 0 #000b11, 0 -2px 0 0 #000 | |
} | |
.btn-default.dim { | |
box-shadow: inset 0 0 0 #aeaeae, 0 5px 0 0 #aeaeae | |
} | |
.btn-default.dim:active { | |
box-shadow: inset 0 0 0 #aeaeae, 0 2px 0 0 #aeaeae, 0 -2px 0 0 #a3a3a3 | |
} | |
.btn-warning.dim { | |
box-shadow: inset 0 0 0 #f2a600, 0 5px 0 0 #f2a600 | |
} | |
.btn-warning.dim:active { | |
box-shadow: inset 0 0 0 #f2a600, 0 2px 0 0 #f2a600, 0 -2px 0 0 #de9800 | |
} | |
.btn-info.dim { | |
box-shadow: inset 0 0 0 #4c697c, 0 5px 0 0 #4c697c | |
} | |
.btn-info.dim:active { | |
box-shadow: inset 0 0 0 #4c697c, 0 2px 0 0 #4c697c, 0 -2px 0 0 #445f6f | |
} | |
.btn-success.dim { | |
box-shadow: inset 0 0 0 #399699, 0 5px 0 0 #399699 | |
} | |
.btn-success.dim:active { | |
box-shadow: inset 0 0 0 #399699, 0 2px 0 0 #399699, 0 -2px 0 0 #33878a | |
} | |
.btn-danger.dim { | |
box-shadow: inset 0 0 0 #831424, 0 5px 0 0 #831424 | |
} | |
.btn-danger.dim:active { | |
box-shadow: inset 0 0 0 #831424, 0 2px 0 0 #831424, 0 -2px 0 0 #71111f | |
} | |
.btn-action.dim { | |
box-shadow: inset 0 0 0 #ef4c05, 0 5px 0 0 #ef4c05 | |
} | |
.btn-action.dim:active { | |
box-shadow: inset 0 0 0 #ef4c05, 0 2px 0 0 #ef4c05, 0 -2px 0 0 #db4605 | |
} | |
.dim:before { | |
font-size: 50px; | |
line-height: 1em; | |
font-weight: 400; | |
color: #fff; | |
display: block; | |
padding-top: 10px | |
} | |
.dim:active:before { | |
top: 7px; | |
font-size: 50px | |
} | |
#search-options-btn.active .caret, | |
#topNavigationSearch .open .caret, | |
.multiselect.dropdown-toggle.btn:focus .caret { | |
-webkit-transform: rotate(180deg); | |
transform: rotate(180deg) | |
} | |
share-button { | |
position: relative | |
} | |
share-button .sb-social { | |
position: absolute; | |
opacity: 0; | |
visibility: hidden; | |
-webkit-transition: all .4s ease; | |
transition: all .4s ease | |
} | |
share-button .sb-social.sb-center { | |
left: 50% | |
} | |
share-button .sb-social.sb-center.sb-top { | |
top: 0; | |
-webkit-transform: translate(-50%, -100%); | |
transform: translate(-50%, -100%) | |
} | |
share-button .sb-social.sb-center.sb-bottom { | |
bottom: 0; | |
-webkit-transform: translate(-50%, 100%); | |
transform: translate(-50%, 100%) | |
} | |
share-button .sb-social.sb-center.active.sb-top { | |
top: -1em | |
} | |
share-button .sb-social.sb-center.active.sb-bottom { | |
bottom: -1em | |
} | |
share-button .sb-social.sb-left { | |
left: 50% | |
} | |
share-button .sb-social.sb-left.sb-top { | |
top: 0; | |
-webkit-transform: translate(calc(-70%), -100%); | |
transform: translate(calc(-70%), -100%) | |
} | |
share-button .sb-social.sb-left.sb-middle { | |
top: 50%; | |
left: 0; | |
-webkit-transform: translate(-100%, -50%); | |
transform: translate(-100%, -50%) | |
} | |
share-button .sb-social.sb-left.sb-bottom { | |
bottom: 0; | |
-webkit-transform: translate(calc(-70%), 100%); | |
transform: translate(calc(-70%), 100%) | |
} | |
share-button .sb-social.sb-left.active.sb-top { | |
top: -1em | |
} | |
share-button .sb-social.sb-left.active.sb-middle { | |
left: -1em | |
} | |
share-button .sb-social.sb-left.active.sb-bottom { | |
bottom: -1em | |
} | |
share-button .sb-social.sb-right { | |
left: 50% | |
} | |
share-button .sb-social.sb-right.sb-top { | |
top: 0; | |
-webkit-transform: translate(-30px, -100%); | |
transform: translate(-30px, -100%) | |
} | |
share-button .sb-social.sb-right.sb-middle { | |
top: 50%; | |
left: 100%; | |
-webkit-transform: translate(0, -50%); | |
transform: translate(0, -50%) | |
} | |
share-button .sb-social.sb-right.sb-bottom { | |
bottom: 0; | |
-webkit-transform: translate(-30px, 100%); | |
transform: translate(-30px, 100%) | |
} | |
share-button .sb-social.sb-right.active.sb-top { | |
top: -1em | |
} | |
share-button .sb-social.sb-right.active.sb-middle { | |
left: calc(101%) | |
} | |
share-button .sb-social.sb-right.active.sb-bottom { | |
bottom: -1em | |
} | |
share-button .sb-social.active { | |
opacity: 1; | |
-webkit-transition: all .4s ease; | |
transition: all .4s ease; | |
visibility: visible | |
} | |
share-button .sb-social.load { | |
-webkit-transition: none!important; | |
transition: none!important | |
} | |
@media screen and (max-width:400px) { | |
share-button .sb-social.networks-6.sb-center { | |
white-space: initial; | |
text-align: center; | |
width: 300px | |
} | |
} | |
@media screen and (max-width:460px) { | |
share-button .sb-social.networks-7.sb-center { | |
white-space: initial; | |
text-align: center; | |
width: 360px | |
} | |
} | |
@media screen and (max-width:400px) { | |
share-button .sb-social.networks-7.sb-center { | |
white-space: initial; | |
text-align: center; | |
width: 300px | |
} | |
} | |
@media screen and (max-width:520px) { | |
share-button .sb-social.networks-8.sb-center { | |
white-space: initial; | |
text-align: center; | |
width: 420px | |
} | |
} | |
@media screen and (max-width:460px) { | |
share-button .sb-social.networks-8.sb-center { | |
white-space: initial; | |
text-align: center; | |
width: 360px | |
} | |
} | |
@media screen and (max-width:400px) { | |
share-button .sb-social.networks-8.sb-center { | |
white-space: initial; | |
text-align: center; | |
width: 300px | |
} | |
} | |
share-button .sb-social ul { | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
line-height: 0 | |
} | |
share-button .sb-social ul li { | |
position: relative; | |
height: 22px; | |
width: 60px; | |
padding: 12px 0; | |
margin: 0; | |
text-align: center; | |
font-size: 20px; | |
cursor: pointer; | |
z-index: 2; | |
box-sizing: content-box; | |
-webkit-transition: all .3s ease; | |
transition: all .3s ease | |
} | |
share-button .sb-social ul li.enabled { | |
display: inline-block | |
} | |
share-button .sb-social ul li.disabled { | |
display: none | |
} | |
share-button .sb-social ul li:hover:before { | |
opacity: 0 | |
} | |
share-button .sb-social ul li:hover:after { | |
opacity: .5 | |
} | |
share-button .sb-social ul li:after, | |
share-button .sb-social ul li:before { | |
content: ' '; | |
position: absolute; | |
width: inherit; | |
height: inherit; | |
-webkit-transform: translate(-20%, 0); | |
transform: translate(-20%, 0); | |
-webkit-transition: all .3s ease; | |
transition: all .3s ease; | |
background-repeat: no-repeat!important | |
} | |
share-button .sb-social ul li:before { | |
opacity: 1 | |
} | |
share-button .sb-social ul li:after { | |
opacity: 0 | |
} | |
share-button .sb-social ul li a { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
z-index: 3 | |
} | |
share-button .sb-social li[class*=email] { | |
background: #42c5b0 | |
} | |
share-button .sb-social li[class*=email]:before { | |
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22fill%3A%23fff%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M18.64%202.634c-.344.12-17.32%206.104-17.656%206.222-.284.1-.347.345-.01.48l3.796%201.52%202.25.9L18.004%203.69c.148-.106.318.097.21.213-.106.117-7.87%208.513-7.87%208.513v.002l-.452.503.6.323%204.98%202.682c.292.156.67.027.753-.334.1-.425%202.845-12.26%202.906-12.524.08-.343-.146-.552-.49-.43zM7%2017.162c0%20.246.14.315.33.14.252-.228%202.85-2.56%202.85-2.56L7%2013.098v4.064z%22%2F%3E%0A%3C%2Fsvg%3E) | |
} | |
share-button .sb-social li[class*=email]:after { | |
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22fill%3A%23000%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M18.64%202.634c-.344.12-17.32%206.104-17.656%206.222-.284.1-.347.345-.01.48l3.796%201.52%202.25.9L18.004%203.69c.148-.106.318.097.21.213-.106.117-7.87%208.513-7.87%208.513v.002l-.452.503.6.323%204.98%202.682c.292.156.67.027.753-.334.1-.425%202.845-12.26%202.906-12.524.08-.343-.146-.552-.49-.43zM7%2017.162c0%20.246.14.315.33.14.252-.228%202.85-2.56%202.85-2.56L7%2013.098v4.064z%22%2F%3E%0A%3C%2Fsvg%3E) | |
} | |
share-button .sb-social li[class*=facebook] { | |
background: #3b5998 | |
} | |
share-button .sb-social li[class*=facebook]:before { | |
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22fill%3A%23fff%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M288%20192v-38.1c0-17.2%203.8-25.9%2030.5-25.9H352V64h-55.9c-68.5%200-91.1%2031.4-91.1%2085.3V192h-45v64h45v192h83V256h56.4l7.6-64h-64z%22%2F%3E%0A%3C%2Fsvg%3E) | |
} | |
share-button .sb-social li[class*=facebook]:after { | |
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22fill%3A%23000%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M288%20192v-38.1c0-17.2%203.8-25.9%2030.5-25.9H352V64h-55.9c-68.5%200-91.1%2031.4-91.1%2085.3V192h-45v64h45v192h83V256h56.4l7.6-64h-64z%22%2F%3E%0A%3C%2Fsvg%3E) | |
} | |
share-button .sb-social li[class*=googlePlus] { | |
background: #e34429 | |
} | |
share-button .sb-social li[class*=googlePlus]:before { | |
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22fill%3A%23fff%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M1.99%205.59c0%201.493.498%202.57%201.48%203.204.807.52%201.74.598%202.227.598.118%200%20.213-.006.28-.01%200%200-.155%201.004.59%201.996H6.53c-1.29%200-5.493.27-5.493%203.727%200%203.516%203.86%203.695%204.635%203.695.06%200%20.097-.002.097-.002.007%200%20.062.002.157.002.497%200%201.782-.062%202.975-.643%201.548-.75%202.333-2.06%202.333-3.885%200-1.764-1.196-2.814-2.07-3.582-.532-.47-.993-.873-.993-1.266%200-.4.337-.7.762-1.082.69-.615%201.34-1.492%201.34-3.15%200-1.457-.19-2.436-1.355-3.057.12-.062.55-.107.762-.137.63-.086%201.554-.184%201.554-.7V1.2h-4.6c-.046.002-4.65.172-4.65%204.39zm7.422%209.01c.088%201.406-1.115%202.443-2.922%202.574-1.834.135-3.344-.69-3.432-2.096-.043-.676.254-1.336.835-1.863.59-.533%201.398-.863%202.278-.928.106-.007.21-.013.31-.013%201.7%200%202.85%201%202.934%202.325zm-1.2-9.976c.45%201.588-.23%203.246-1.317%203.553-.125.034-.253.05-.384.05-.993%200-1.98-1.005-2.344-2.392-.204-.776-.187-1.458.047-2.112.23-.645.643-1.078%201.163-1.225.125-.034.254-.052.385-.052%201.2%200%201.973.498%202.45%202.178zM16%208V5h-2v3h-3v2h3v3h2v-3h3V8h-3z%22%2F%3E%0A%3C%2Fsvg%3E) | |
} | |
share-button .sb-social li[class*=googlePlus]:after { | |
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22fill%3A%23000%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M1.99%205.59c0%201.493.498%202.57%201.48%203.204.807.52%201.74.598%202.227.598.118%200%20.213-.006.28-.01%200%200-.155%201.004.59%201.996H6.53c-1.29%200-5.493.27-5.493%203.727%200%203.516%203.86%203.695%204.635%203.695.06%200%20.097-.002.097-.002.007%200%20.062.002.157.002.497%200%201.782-.062%202.975-.643%201.548-.75%202.333-2.06%202.333-3.885%200-1.764-1.196-2.814-2.07-3.582-.532-.47-.993-.873-.993-1.266%200-.4.337-.7.762-1.082.69-.615%201.34-1.492%201.34-3.15%200-1.457-.19-2.436-1.355-3.057.12-.062.55-.107.762-.137.63-.086%201.554-.184%201.554-.7V1.2h-4.6c-.046.002-4.65.172-4.65%204.39zm7.422%209.01c.088%201.406-1.115%202.443-2.922%202.574-1.834.135-3.344-.69-3.432-2.096-.043-.676.254-1.336.835-1.863.59-.533%201.398-.863%202.278-.928.106-.007.21-.013.31-.013%201.7%200%202.85%201%202.934%202.325zm-1.2-9.976c.45%201.588-.23%203.246-1.317%203.553-.125.034-.253.05-.384.05-.993%200-1.98-1.005-2.344-2.392-.204-.776-.187-1.458.047-2.112.23-.645.643-1.078%201.163-1.225.125-.034.254-.052.385-.052%201.2%200%201.973.498%202.45%202.178zM16%208V5h-2v3h-3v2h3v3h2v-3h3V8h-3z%22%2F%3E%0A%3C%2Fsvg%3E) | |
} | |
share-button .sb-social li[class*=linkedin] { | |
background: #4875b4 | |
} | |
share-button .sb-social li[class*=linkedin]:before { | |
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22fill%3A%23fff%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M5%203c0%201.1-.7%202-2%202-1.2%200-2-.9-2-1.9C1%202%201.8%201%203%201s2%20.9%202%202zM1%2019h4V6H1v13zM14.6%206.2c-2.1%200-3.3%201.2-3.8%202h-.1l-.2-1.7H6.9c0%201.1.1%202.4.1%203.9V19h4v-7.1c0-.4%200-.7.1-1%20.3-.7.8-1.6%201.9-1.6%201.4%200%202%201.2%202%202.8V19h4v-7.4c0-3.7-1.9-5.4-4.4-5.4z%22%2F%3E%0A%3C%2Fsvg%3E) | |
} | |
share-button .sb-social li[class*=linkedin]:after { | |
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22fill%3A%23000%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M5%203c0%201.1-.7%202-2%202-1.2%200-2-.9-2-1.9C1%202%201.8%201%203%201s2%20.9%202%202zM1%2019h4V6H1v13zM14.6%206.2c-2.1%200-3.3%201.2-3.8%202h-.1l-.2-1.7H6.9c0%201.1.1%202.4.1%203.9V19h4v-7.1c0-.4%200-.7.1-1%20.3-.7.8-1.6%201.9-1.6%201.4%200%202%201.2%202%202.8V19h4v-7.4c0-3.7-1.9-5.4-4.4-5.4z%22%2F%3E%0A%3C%2Fsvg%3E) | |
} | |
share-button .sb-social li[class*=pinterest] { | |
background: #c5282f | |
} | |
share-button .sb-social li[class*=pinterest]:before { | |
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22fill%3A%23fff%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M8.617%2013.227C8.09%2015.98%207.45%2018.62%205.55%2020c-.587-4.162.86-7.287%201.533-10.605-1.147-1.93.138-5.812%202.555-4.855%202.975%201.176-2.576%207.172%201.15%207.922%203.89.78%205.48-6.75%203.066-9.2C10.37-.274%203.708%203.18%204.528%208.246c.2%201.238%201.478%201.613.51%203.322-2.23-.494-2.896-2.254-2.81-4.6.138-3.84%203.45-6.527%206.77-6.9%204.202-.47%208.145%201.543%208.69%205.494.613%204.462-1.896%209.294-6.39%208.946-1.217-.095-1.727-.7-2.68-1.28z%22%2F%3E%0A%3C%2Fsvg%3E) | |
} | |
share-button .sb-social li[class*=pinterest]:after { | |
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22fill%3A%23000%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M8.617%2013.227C8.09%2015.98%207.45%2018.62%205.55%2020c-.587-4.162.86-7.287%201.533-10.605-1.147-1.93.138-5.812%202.555-4.855%202.975%201.176-2.576%207.172%201.15%207.922%203.89.78%205.48-6.75%203.066-9.2C10.37-.274%203.708%203.18%204.528%208.246c.2%201.238%201.478%201.613.51%203.322-2.23-.494-2.896-2.254-2.81-4.6.138-3.84%203.45-6.527%206.77-6.9%204.202-.47%208.145%201.543%208.69%205.494.613%204.462-1.896%209.294-6.39%208.946-1.217-.095-1.727-.7-2.68-1.28z%22%2F%3E%0A%3C%2Fsvg%3E) | |
} | |
share-button .sb-social li[class*=reddit] { | |
background: #a1caf2 | |
} | |
share-button .sb-social li[class*=reddit]:before { | |
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20426.66%22%20style%3D%22fill%3A%23fff%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M478.905%20196.556c0-4.5-1.028-8.933-3.268-13.09l-.053-.053-.026-.06c-3.004-6.198-7.72-10.862-13.4-14.05-5.677-3.19-12.317-4.836-18.983-4.836-6.02%200-12.016%201.363-17.338%204.038%2016.916%2014.677%2031.765%2032.37%2041.37%2053.128%203.08-2.668%205.717-5.97%207.68-9.604%202.57-4.785%204.018-10.186%204.018-15.475zm-33.635%2073.442c0-18.484-6.653-36.98-17.43-51.94-21.476-29.868-54.82-49.38-89.497-60.243l-.25-.118c-6.64-2.05-13.373-3.808-20.158-5.402-20.263-4.61-41.026-6.884-61.796-6.884-27.874%200-55.738%204.1-82.43%2012.347-34.67%2011.034-68.108%2030.375-89.557%2060.36v.054C73.29%20233.138%2066.92%20251.74%2066.92%20270.226c0%206.824.857%2013.648%202.655%2020.315h.02c3.906%2014.834%2011.54%2028.153%2021.416%2039.76%209.875%2011.542%2021.99%2021.45%2034.736%2029.525%202.82%201.766%205.652%203.412%208.55%205.06%2037.01%2020.645%2079.63%2029.695%20121.947%2029.695%207.146%200%2014.354-.224%2021.455-.737%2042.62-3.518%2085.41-16.1%20119.995-41.804h.013c11.015-8.145%2021.212-18.05%2029.288-29.25%208.09-11.21%2014.018-23.715%2016.653-37.31v-.067h.012c1.093-5.126%201.607-10.238%201.607-15.416zM86.078%20168.736c-5.514-2.562-11.212-4.387-16.845-4.387-.94%200-1.896.057-2.846.17h-.27c-8.09.23-16.25%203.754-22.377%209.445-6.133%205.633-10.19%2013.2-10.494%2021.62v.053l-.013.06c-.06.684-.08%201.362-.08%201.988%200%205.178%201.59%2010.184%204.276%2014.735%201.994%203.414%204.602%206.483%207.554%209.158%209.453-20.703%2024.222-38.226%2041.093-52.844zM390.448%2058.2c0%20.566%200%201.14.066%201.706v.112c.25%207.167%203.637%2013.827%208.788%2018.774%205.164%204.895%2012.016%207.964%2018.972%207.964h.185l1.5.06c7.01%200%2013.98-3.017%2019.21-7.91%205.242-4.948%208.707-11.66%208.983-18.888v-.053c.053-.572.08-1.08.08-1.653%200-7.45-3.48-14.505-8.933-19.795-5.414-5.237-12.713-8.478-19.92-8.478-2.318%200-4.61.34-6.877%201.026l-.053.053h-.08c-5.928%201.534-11.487%205.177-15.48%2010.07-4.017%204.835-6.44%2010.81-6.44%2017.01zm121.447%20134.937v.06c.08%201.14.105%202.22.105%203.36%200%2012.396-3.992%2024.405-10.646%2034.523-6.218%209.5-14.782%2017.47-24.637%2022.818.633%204.94%201%209.947%201%2014.9-.025%2026.798-9.247%2053.135-25.334%2074.24h-.026c-29.735%2039.538-75.373%2062.857-121.46%2074.583h-.012l-.04.055c-24.57%205.98-49.906%208.985-75.247%208.985-37.766%200-75.512-6.772-110.722-20.923h-.046c-36.508-15.085-71.296-38.97-92.633-74.016-11.475-18.72-17.772-40.683-17.772-62.685%200-5.006.33-10.013%201-14.913-9.617-5.454-17.937-13.082-24.116-22.238C4.71%20221.976.532%20210.487%200%20198.314v-.224c.013-17.068%207.424-33.228%2018.945-45.11%2011.52-11.95%2027.252-19.743%2044.136-19.743h.7c1.76-.12%203.558-.172%205.343-.172%208.478%200%2016.976%201.364%2025.045%204.493h.086c6.89%202.904%2013.734%206.43%2019.834%2011.265%201.977-1.02%204.13-2.22%206.555-3.13%2036.982-21.902%2079.958-30.32%20121.848-32.766.363-20.764%202.91-42.495%2013.03-61.5%208.426-15.81%2023.05-28.102%2040.48-32.37h.158c6.627-1.305%2013.32-1.877%2019.96-1.877%2017.706%200%2035.19%204.156%2051.565%2010.698%207.233-10.922%2017.575-19.46%2029.71-24.235l.118-.06.106-.053C404.73%201.31%20412.266%200%20419.83%200c7.956%200%2015.98%201.482%2023.503%204.835v-.053l.026.053.13.06c10.79%204.157%2019.92%2011.83%2026.39%2021.33%206.47%209.618%2010.29%2021.105%2010.29%2032.884%200%202.16-.133%204.32-.384%206.54l-.013.06-.026.11c-1.265%2015.25-8.985%2028.617-19.92%2038.116-11%209.617-25.243%2015.42-39.867%2015.42-2.345%200-4.716-.17-7.06-.46-14.507-1.134-28.024-8.13-37.958-18.604-9.974-10.408-16.39-24.347-16.39-39.36%200-.685.066-1.48.093-2.166-13.623-6.087-28.062-11.094-42.437-11.094-2.068%200-4.15.12-6.23.343h-.027c-10.75%201.027-20.75%207.793-25.597%2017.522v.053c-7.365%2014.342-8.814%2031.067-9.038%2047.733%2041.224%202.675%2082.71%2012.575%20119.087%2033.45h.054l.527.343c.686.396%201.95%201.08%203.123%201.707%202.49-2.05%205.14-4.098%208.155-5.916%2011.028-7.338%2024.085-10.98%2037.154-10.98%205.81%200%2011.62.737%2017.26%202.16h.013l.225.06.224.06c13.307%203.41%2025.36%2011.033%2034.426%2021.33%209.05%2010.354%2015.15%2023.384%2016.337%2037.6zm-345.39%2080.38h.15c3.254%201.198%206.606%201.765%209.934%201.765%208.285%200%2016.34-3.347%2022.44-8.866%206.094-5.573%2010.258-13.426%2010.258-22.358l-.015-.737.033-1.315c0-8.867-4.11-16.785-10.145-22.292-6.053-5.64-14.09-9.05-22.41-9.05-2.22%200-4.492.288-6.7.796h-.124c-11.008%202.34-20.678%2010.466-24.24%2021.73l-.015.066c-1.02%203.057-1.494%206.244-1.494%209.38%200%206.93%202.272%2013.597%206.198%2019.17%203.887%205.4%209.4%209.67%2016.008%2011.66m179.218%2041.42c-2.635-1.713-5.665-2.74-8.88-2.74-2.582%200-5.27.737-7.654%202.345-22.62%2013.48-49.234%2020.87-75.644%2020.87-19.82%200-39.524-4.15-57.37-12.91l-.092-.054-.085-.053c-2.688-1.08-5.758-3.426-9.104-5.64-1.7-1.132-3.47-2.213-5.44-3.017-1.942-.855-4.103-1.423-6.41-1.423-1.91%200-3.92.462-5.9%201.305l-.303.118h.013c-3.107%201.2-5.538%203.413-7.106%205.97-1.634%202.687-2.438%205.743-2.438%208.826%200%202.794.66%205.574%202.016%208.077%201.29%202.384%203.274%204.49%205.876%205.86%2025.514%2017.233%2055.545%2025.03%2085.702%2024.967%2027.187%200%2054.538-6.258%2078.885-17.747l.132-.054.132-.052c3.2-1.95%207.47-3.65%2011.486-6.087%202.003-1.317%203.94-2.74%205.612-4.678%201.66-1.87%203.003-4.204%203.767-6.997.304-1.252.462-2.45.462-3.584%200-2.267-.567-4.428-1.49-6.378-1.373-2.844-3.585-5.215-6.168-6.928zm20.473-82.5c1.318%203.372%201.91%206.89%201.91%2010.354%200%206.942-2.41%2013.78-6.455%2019.287-3.992%205.468-9.657%209.67-16.323%2011.555l-.146.053h-.09c-3.11%201.08-6.326%201.594-9.488%201.594-7.457%200-14.756-2.677-20.605-7.274-5.797-4.56-10.197-11.093-11.567-18.84h-.012l-.014-.105-.026-.064h.026c-.435-1.99-.658-3.98-.658-5.97%200-6.718%202.292-13.2%206.073-18.496%203.766-5.342%209.075-9.55%2015.294-11.712h.093c3.518-1.31%207.232-1.99%2010.896-1.99%206.692%200%2013.28%202.043%2018.84%205.745%205.48%203.637%209.934%208.985%2012.173%2015.65l.053.106.04.103h-.016z%22%2F%3E%0A%3C%2Fsvg%3E) | |
} | |
share-button .sb-social li[class*=reddit]:after { | |
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20426.66%22%20style%3D%22fill%3A%23000%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M478.905%20196.556c0-4.5-1.028-8.933-3.268-13.09l-.053-.053-.026-.06c-3.004-6.198-7.72-10.862-13.4-14.05-5.677-3.19-12.317-4.836-18.983-4.836-6.02%200-12.016%201.363-17.338%204.038%2016.916%2014.677%2031.765%2032.37%2041.37%2053.128%203.08-2.668%205.717-5.97%207.68-9.604%202.57-4.785%204.018-10.186%204.018-15.475zm-33.635%2073.442c0-18.484-6.653-36.98-17.43-51.94-21.476-29.868-54.82-49.38-89.497-60.243l-.25-.118c-6.64-2.05-13.373-3.808-20.158-5.402-20.263-4.61-41.026-6.884-61.796-6.884-27.874%200-55.738%204.1-82.43%2012.347-34.67%2011.034-68.108%2030.375-89.557%2060.36v.054C73.29%20233.138%2066.92%20251.74%2066.92%20270.226c0%206.824.857%2013.648%202.655%2020.315h.02c3.906%2014.834%2011.54%2028.153%2021.416%2039.76%209.875%2011.542%2021.99%2021.45%2034.736%2029.525%202.82%201.766%205.652%203.412%208.55%205.06%2037.01%2020.645%2079.63%2029.695%20121.947%2029.695%207.146%200%2014.354-.224%2021.455-.737%2042.62-3.518%2085.41-16.1%20119.995-41.804h.013c11.015-8.145%2021.212-18.05%2029.288-29.25%208.09-11.21%2014.018-23.715%2016.653-37.31v-.067h.012c1.093-5.126%201.607-10.238%201.607-15.416zM86.078%20168.736c-5.514-2.562-11.212-4.387-16.845-4.387-.94%200-1.896.057-2.846.17h-.27c-8.09.23-16.25%203.754-22.377%209.445-6.133%205.633-10.19%2013.2-10.494%2021.62v.053l-.013.06c-.06.684-.08%201.362-.08%201.988%200%205.178%201.59%2010.184%204.276%2014.735%201.994%203.414%204.602%206.483%207.554%209.158%209.453-20.703%2024.222-38.226%2041.093-52.844zM390.448%2058.2c0%20.566%200%201.14.066%201.706v.112c.25%207.167%203.637%2013.827%208.788%2018.774%205.164%204.895%2012.016%207.964%2018.972%207.964h.185l1.5.06c7.01%200%2013.98-3.017%2019.21-7.91%205.242-4.948%208.707-11.66%208.983-18.888v-.053c.053-.572.08-1.08.08-1.653%200-7.45-3.48-14.505-8.933-19.795-5.414-5.237-12.713-8.478-19.92-8.478-2.318%200-4.61.34-6.877%201.026l-.053.053h-.08c-5.928%201.534-11.487%205.177-15.48%2010.07-4.017%204.835-6.44%2010.81-6.44%2017.01zm121.447%20134.937v.06c.08%201.14.105%202.22.105%203.36%200%2012.396-3.992%2024.405-10.646%2034.523-6.218%209.5-14.782%2017.47-24.637%2022.818.633%204.94%201%209.947%201%2014.9-.025%2026.798-9.247%2053.135-25.334%2074.24h-.026c-29.735%2039.538-75.373%2062.857-121.46%2074.583h-.012l-.04.055c-24.57%205.98-49.906%208.985-75.247%208.985-37.766%200-75.512-6.772-110.722-20.923h-.046c-36.508-15.085-71.296-38.97-92.633-74.016-11.475-18.72-17.772-40.683-17.772-62.685%200-5.006.33-10.013%201-14.913-9.617-5.454-17.937-13.082-24.116-22.238C4.71%20221.976.532%20210.487%200%20198.314v-.224c.013-17.068%207.424-33.228%2018.945-45.11%2011.52-11.95%2027.252-19.743%2044.136-19.743h.7c1.76-.12%203.558-.172%205.343-.172%208.478%200%2016.976%201.364%2025.045%204.493h.086c6.89%202.904%2013.734%206.43%2019.834%2011.265%201.977-1.02%204.13-2.22%206.555-3.13%2036.982-21.902%2079.958-30.32%20121.848-32.766.363-20.764%202.91-42.495%2013.03-61.5%208.426-15.81%2023.05-28.102%2040.48-32.37h.158c6.627-1.305%2013.32-1.877%2019.96-1.877%2017.706%200%2035.19%204.156%2051.565%2010.698%207.233-10.922%2017.575-19.46%2029.71-24.235l.118-.06.106-.053C404.73%201.31%20412.266%200%20419.83%200c7.956%200%2015.98%201.482%2023.503%204.835v-.053l.026.053.13.06c10.79%204.157%2019.92%2011.83%2026.39%2021.33%206.47%209.618%2010.29%2021.105%2010.29%2032.884%200%202.16-.133%204.32-.384%206.54l-.013.06-.026.11c-1.265%2015.25-8.985%2028.617-19.92%2038.116-11%209.617-25.243%2015.42-39.867%2015.42-2.345%200-4.716-.17-7.06-.46-14.507-1.134-28.024-8.13-37.958-18.604-9.974-10.408-16.39-24.347-16.39-39.36%200-.685.066-1.48.093-2.166-13.623-6.087-28.062-11.094-42.437-11.094-2.068%200-4.15.12-6.23.343h-.027c-10.75%201.027-20.75%207.793-25.597%2017.522v.053c-7.365%2014.342-8.814%2031.067-9.038%2047.733%2041.224%202.675%2082.71%2012.575%20119.087%2033.45h.054l.527.343c.686.396%201.95%201.08%203.123%201.707%202.49-2.05%205.14-4.098%208.155-5.916%2011.028-7.338%2024.085-10.98%2037.154-10.98%205.81%200%2011.62.737%2017.26%202.16h.013l.225.06.224.06c13.307%203.41%2025.36%2011.033%2034.426%2021.33%209.05%2010.354%2015.15%2023.384%2016.337%2037.6zm-345.39%2080.38h.15c3.254%201.198%206.606%201.765%209.934%201.765%208.285%200%2016.34-3.347%2022.44-8.866%206.094-5.573%2010.258-13.426%2010.258-22.358l-.015-.737.033-1.315c0-8.867-4.11-16.785-10.145-22.292-6.053-5.64-14.09-9.05-22.41-9.05-2.22%200-4.492.288-6.7.796h-.124c-11.008%202.34-20.678%2010.466-24.24%2021.73l-.015.066c-1.02%203.057-1.494%206.244-1.494%209.38%200%206.93%202.272%2013.597%206.198%2019.17%203.887%205.4%209.4%209.67%2016.008%2011.66m179.218%2041.42c-2.635-1.713-5.665-2.74-8.88-2.74-2.582%200-5.27.737-7.654%202.345-22.62%2013.48-49.234%2020.87-75.644%2020.87-19.82%200-39.524-4.15-57.37-12.91l-.092-.054-.085-.053c-2.688-1.08-5.758-3.426-9.104-5.64-1.7-1.132-3.47-2.213-5.44-3.017-1.942-.855-4.103-1.423-6.41-1.423-1.91%200-3.92.462-5.9%201.305l-.303.118h.013c-3.107%201.2-5.538%203.413-7.106%205.97-1.634%202.687-2.438%205.743-2.438%208.826%200%202.794.66%205.574%202.016%208.077%201.29%202.384%203.274%204.49%205.876%205.86%2025.514%2017.233%2055.545%2025.03%2085.702%2024.967%2027.187%200%2054.538-6.258%2078.885-17.747l.132-.054.132-.052c3.2-1.95%207.47-3.65%2011.486-6.087%202.003-1.317%203.94-2.74%205.612-4.678%201.66-1.87%203.003-4.204%203.767-6.997.304-1.252.462-2.45.462-3.584%200-2.267-.567-4.428-1.49-6.378-1.373-2.844-3.585-5.215-6.168-6.928zm20.473-82.5c1.318%203.372%201.91%206.89%201.91%2010.354%200%206.942-2.41%2013.78-6.455%2019.287-3.992%205.468-9.657%209.67-16.323%2011.555l-.146.053h-.09c-3.11%201.08-6.326%201.594-9.488%201.594-7.457%200-14.756-2.677-20.605-7.274-5.797-4.56-10.197-11.093-11.567-18.84h-.012l-.014-.105-.026-.064h.026c-.435-1.99-.658-3.98-.658-5.97%200-6.718%202.292-13.2%206.073-18.496%203.766-5.342%209.075-9.55%2015.294-11.712h.093c3.518-1.31%207.232-1.99%2010.896-1.99%206.692%200%2013.28%202.043%2018.84%205.745%205.48%203.637%209.934%208.985%2012.173%2015.65l.053.106.04.103h-.016z%22%2F%3E%0A%3C%2Fsvg%3E) | |
} | |
share-button .sb-social li[class*=twitter] { | |
background: #6cdfea | |
} | |
share-button .sb-social li[class*=twitter]:before { | |
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22fill%3A%23fff%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M17.316%206.246c.008.162.01.326.01.488%200%204.99-3.796%2010.742-10.74%2010.742-2.132%200-4.115-.625-5.786-1.697.296.033.596.05.9.05%201.77%200%203.397-.603%204.688-1.614-1.65-.03-3.046-1.12-3.526-2.62.23.042.467.065.71.065.345%200%20.68-.044.995-.13C2.84%2011.18%201.54%209.658%201.54%207.828V7.78c.508.284%201.09.454%201.71.474-1.014-.678-1.68-1.832-1.68-3.143%200-.69.185-1.34.51-1.896C3.943%205.498%206.726%207%209.863%207.158c-.064-.277-.097-.564-.097-.86%200-2.085%201.69-3.774%203.774-3.774%201.085%200%202.066.457%202.755%201.19.86-.17%201.667-.483%202.397-.915-.282.88-.88%201.62-1.66%202.086.764-.092%201.49-.293%202.168-.594-.506.758-1.146%201.422-1.884%201.953z%22%2F%3E%0A%3C%2Fsvg%3E) | |
} | |
share-button .sb-social li[class*=twitter]:after { | |
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22fill%3A%23000%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M17.316%206.246c.008.162.01.326.01.488%200%204.99-3.796%2010.742-10.74%2010.742-2.132%200-4.115-.625-5.786-1.697.296.033.596.05.9.05%201.77%200%203.397-.603%204.688-1.614-1.65-.03-3.046-1.12-3.526-2.62.23.042.467.065.71.065.345%200%20.68-.044.995-.13C2.84%2011.18%201.54%209.658%201.54%207.828V7.78c.508.284%201.09.454%201.71.474-1.014-.678-1.68-1.832-1.68-3.143%200-.69.185-1.34.51-1.896C3.943%205.498%206.726%207%209.863%207.158c-.064-.277-.097-.564-.097-.86%200-2.085%201.69-3.774%203.774-3.774%201.085%200%202.066.457%202.755%201.19.86-.17%201.667-.483%202.397-.915-.282.88-.88%201.62-1.66%202.086.764-.092%201.49-.293%202.168-.594-.506.758-1.146%201.422-1.884%201.953z%22%2F%3E%0A%3C%2Fsvg%3E) | |
} | |
share-button .sb-social li[class*=whatsapp] { | |
background: #4dc247 | |
} | |
share-button .sb-social li[class*=whatsapp]:before { | |
background-image: url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2087%2088%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22fill%3A%23fff%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M61.623%2051.83c-.94-.515-5.562-3.01-6.428-3.363-.867-.35-1.5-.535-2.173.4-.675.934-2.593%203.023-3.175%203.642-.583.615-1.144.672-2.084.16-.94-.516-3.99-1.646-7.525-5.045-2.752-2.645-4.557-5.854-5.08-6.834-.526-.977-.005-1.477.493-1.936.45-.413%201-1.084%201.5-1.625.5-.54.678-.934%201.02-1.563.343-.625.204-1.19-.017-1.678-.222-.49-1.962-5.276-2.687-7.223-.725-1.946-1.537-1.657-2.095-1.678-.557-.023-1.194-.126-1.833-.15-.637-.024-1.684.176-2.6%201.104-.912.922-3.474%203.147-3.65%207.862-.174%204.713%203.084%209.395%203.538%2010.05.456.658%206.23%2010.875%2015.823%2015.075%209.596%204.2%209.645%202.92%2011.406%202.826%201.763-.09%205.756-2.104%206.638-4.31.884-2.205.955-4.125.73-4.532-.225-.408-.855-.673-1.794-1.188m-17.6%2022.714c-6.345%200-12.253-1.903-17.187-5.163L14.84%2073.22l3.902-11.6C15%2056.466%2012.79%2050.137%2012.79%2043.3c0-17.226%2014.014-31.24%2031.24-31.24%2017.224%200%2031.24%2014.012%2031.24%2031.24%200%2017.226-14.016%2031.24-31.24%2031.24M6.5%2043.3c0%207.09%201.968%2013.72%205.384%2019.38L5.11%2082.808l20.78-6.65c5.375%202.972%2011.558%204.667%2018.137%204.667%2020.725%200%2037.528-16.802%2037.528-37.525%200-20.727-16.804-37.528-37.53-37.528-20.723%200-37.523%2016.8-37.523%2037.527z%22%2F%3E%0A%3C%2Fsvg%3E) | |
} | |
share-button .sb-social li[class*=whatsapp]:after { | |
background-image: url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2087%2088%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22fill%3A%23000%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M61.623%2051.83c-.94-.515-5.562-3.01-6.428-3.363-.867-.35-1.5-.535-2.173.4-.675.934-2.593%203.023-3.175%203.642-.583.615-1.144.672-2.084.16-.94-.516-3.99-1.646-7.525-5.045-2.752-2.645-4.557-5.854-5.08-6.834-.526-.977-.005-1.477.493-1.936.45-.413%201-1.084%201.5-1.625.5-.54.678-.934%201.02-1.563.343-.625.204-1.19-.017-1.678-.222-.49-1.962-5.276-2.687-7.223-.725-1.946-1.537-1.657-2.095-1.678-.557-.023-1.194-.126-1.833-.15-.637-.024-1.684.176-2.6%201.104-.912.922-3.474%203.147-3.65%207.862-.174%204.713%203.084%209.395%203.538%2010.05.456.658%206.23%2010.875%2015.823%2015.075%209.596%204.2%209.645%202.92%2011.406%202.826%201.763-.09%205.756-2.104%206.638-4.31.884-2.205.955-4.125.73-4.532-.225-.408-.855-.673-1.794-1.188m-17.6%2022.714c-6.345%200-12.253-1.903-17.187-5.163L14.84%2073.22l3.902-11.6C15%2056.466%2012.79%2050.137%2012.79%2043.3c0-17.226%2014.014-31.24%2031.24-31.24%2017.224%200%2031.24%2014.012%2031.24%2031.24%200%2017.226-14.016%2031.24-31.24%2031.24M6.5%2043.3c0%207.09%201.968%2013.72%205.384%2019.38L5.11%2082.808l20.78-6.65c5.375%202.972%2011.558%204.667%2018.137%204.667%2020.725%200%2037.528-16.802%2037.528-37.525%200-20.727-16.804-37.528-37.53-37.528-20.723%200-37.523%2016.8-37.523%2037.527z%22%2F%3E%0A%3C%2Fsvg%3E) | |
} | |
.label { | |
background-color: #D1DADE; | |
color: #5E5E5E; | |
font-size: 10px; | |
font-weight: 600; | |
padding: 3px 8px; | |
text-shadow: none | |
} | |
.badge { | |
background-color: #D1DADE; | |
color: #5E5E5E; | |
font-size: 11px; | |
font-weight: 600; | |
padding-bottom: 4px; | |
padding-left: 6px; | |
padding-right: 6px; | |
text-shadow: none | |
} | |
.badge-primary, | |
.label-primary { | |
background-color: #00263a; | |
color: #FFF | |
} | |
.badge-success, | |
.label-success { | |
background-color: #44b3b7; | |
color: #FFF | |
} | |
.badge-warning, | |
.label-warning { | |
background-color: #ffb81c; | |
color: #FFF | |
} | |
.badge-warning-light, | |
.label-warning-light { | |
background-color: #ffb81c; | |
color: #fff | |
} | |
.badge-danger, | |
.label-danger { | |
background-color: #a6192e; | |
color: #FFF | |
} | |
.badge-info, | |
.label-info { | |
background-color: #5b7f95; | |
color: #FFF | |
} | |
.badge-inverse, | |
.label-inverse { | |
background-color: #262626; | |
color: #FFF | |
} | |
.badge-white, | |
.label-white { | |
background-color: #FFF; | |
color: #5E5E5E | |
} | |
.badge-disable, | |
.label-white { | |
background-color: #2A2E36; | |
color: #8B91A0 | |
} | |
.pagination>.active>a, | |
.pagination>.active>a:focus, | |
.pagination>.active>a:hover, | |
.pagination>.active>span, | |
.pagination>.active>span:focus, | |
.pagination>.active>span:hover { | |
background-color: #f4f4f4; | |
border-color: #DDD; | |
color: inherit; | |
cursor: url(/public/img/svg/cursor-default.svg) 11 11, default; | |
z-index: 2 | |
} | |
.pagination>li>a, | |
.pagination>li>span { | |
background-color: #FFF; | |
border: 1px solid #DDD; | |
color: inherit; | |
float: left; | |
line-height: 1.42857; | |
margin-left: -1px; | |
padding: 4px 10px; | |
position: relative; | |
text-decoration: none | |
} | |
.tooltip-inner { | |
background-color: #2F4050 | |
} | |
.tooltip.top .tooltip-arrow { | |
border-top-color: #2F4050 | |
} | |
.tooltip.right .tooltip-arrow { | |
border-right-color: #2F4050 | |
} | |
.tooltip.bottom .tooltip-arrow { | |
border-bottom-color: #2F4050 | |
} | |
.tooltip.left .tooltip-arrow { | |
border-left-color: #2F4050 | |
} | |
.media-body { | |
width: auto | |
} | |
table.dataTable thead .sorting, | |
table.dataTable thead .sorting_asc:after, | |
table.dataTable thead .sorting_asc_disabled, | |
table.dataTable thead .sorting_desc, | |
table.dataTable thead .sorting_desc_disabled { | |
background: 0 0 | |
} | |
.dataTables_wrapper { | |
padding-bottom: 30px | |
} | |
.dataTables_length { | |
float: left | |
} | |
body.DTTT_Print { | |
background: #fff | |
} | |
.DTTT_Print #page-wrapper { | |
margin: 0; | |
background: #fff | |
} | |
a.DTTT_button, | |
button.DTTT_button, | |
div.DTTT_button { | |
border: 1px solid #e7eaec; | |
background: #fff; | |
color: #676a6c; | |
box-shadow: none; | |
padding: 6px 8px | |
} | |
a.DTTT_button:hover, | |
button.DTTT_button:hover, | |
div.DTTT_button:hover { | |
border: 1px solid #d2d2d2; | |
background: #fff; | |
color: #676a6c; | |
box-shadow: none; | |
padding: 6px 8px | |
} | |
a.DTTT_button:hover:not(.DTTT_disabled), | |
button.DTTT_button:hover:not(.DTTT_disabled), | |
div.DTTT_button:hover:not(.DTTT_disabled) { | |
border: 1px solid #d2d2d2; | |
background: #fff; | |
box-shadow: none | |
} | |
.dataTables_filter label { | |
margin-right: 5px | |
} | |
.img-circle { | |
border-radius: 50% | |
} | |
.btn-circle { | |
width: 30px; | |
height: 30px; | |
padding: 6px 0; | |
border-radius: 15px; | |
text-align: center; | |
font-size: 12px; | |
line-height: 1.428571429 | |
} | |
.btn-circle.btn-lg { | |
width: 50px; | |
height: 50px; | |
padding: 10px 16px; | |
border-radius: 25px; | |
font-size: 18px; | |
line-height: 1.33 | |
} | |
.btn-circle.btn-xl { | |
width: 70px; | |
height: 70px; | |
padding: 10px 16px; | |
border-radius: 35px; | |
font-size: 24px; | |
line-height: 1.33 | |
} | |
.show-grid [class^=col-] { | |
padding-top: 10px; | |
padding-bottom: 10px; | |
border: 1px solid #ddd; | |
background-color: #eee!important | |
} | |
.show-grid { | |
margin: 15px 0 | |
} | |
.feature-table { | |
margin-bottom: 0 | |
} | |
.feature-table tbody tr td { | |
vertical-align: middle!important; | |
line-height: 28px!important | |
} | |
.feature-table tbody tr td:first-of-type { | |
width: 33% | |
} | |
.open-feature-table tbody tr td:first-of-type { | |
width: 33%; | |
vertical-align: middle!important | |
} | |
#listing #open-homes .ibox-content { | |
max-height: 260px; | |
overflow-x: hidden; | |
overflow-y: auto; | |
position: relative | |
} | |
#listing #open-homes .ibox-footer { | |
position: relative; | |
border-top: none | |
} | |
.internal-shadow::before { | |
content: ''; | |
position: absolute; | |
top: -8px; | |
left: 0; | |
width: 100%; | |
height: 8px; | |
background: rgba(168, 168, 168, 0); | |
background: -webkit-linear-gradient(top, rgba(168, 168, 168, 0) 0, rgba(168, 168, 168, .19) 25%, rgba(168, 168, 168, .5) 100%); | |
background: linear-gradient(to bottom, rgba(168, 168, 168, 0) 0, rgba(168, 168, 168, .19) 25%, rgba(168, 168, 168, .5) 100%) | |
} | |
.calendar-table { | |
margin-bottom: 0 | |
} | |
.calendar-table>tbody>tr>td:first-of-type { | |
max-width: 100px | |
} | |
.calendar-table .month-header { | |
padding: 2px 0; | |
background: #c9c9c9; | |
color: #fff; | |
border-left: 1px solid #c9c9c9; | |
border-right: 1px solid #c9c9c9; | |
max-width: 100px | |
} | |
.calendar-table .day-body { | |
font-size: 28px; | |
font-weight: 200; | |
border-left: 1px solid #f8f8f8; | |
border-right: 1px solid #f8f8f8 | |
} | |
.calendar-table .day-footer { | |
padding: 2px 0; | |
background: #f8f8f8; | |
border-left: 1px solid #f8f8f8; | |
border-right: 1px solid #f8f8f8 | |
} | |
.calendar-table .more-info { | |
vertical-align: middle; | |
white-space: nobreak; | |
width: calc(100% - 100px) | |
} | |
.calendar-table>tbody tr td { | |
width: 100px | |
} | |
.pace { | |
-webkit-pointer-events: none; | |
pointer-events: none; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
user-select: none; | |
position: fixed; | |
top: 0; | |
left: 0; | |
width: 100%; | |
z-index: 1; | |
-webkit-transform: translate3d(0, -50px, 0); | |
transform: translate3d(0, -50px, 0); | |
-webkit-transition: -webkit-transform .5s ease-out; | |
transition: -webkit-transform .5s ease-out; | |
transition: transform .5s ease-out; | |
transition: transform .5s ease-out, -webkit-transform .5s ease-out | |
} | |
.pace.pace-active { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0) | |
} | |
.pace.pace-active .pace-progress { | |
display: block; | |
position: fixed; | |
z-index: 2033; | |
top: 60px; | |
right: 100%; | |
width: 100%; | |
height: 3px; | |
background: rgba(103, 106, 108, .75); | |
pointer-events: none | |
} | |
.pace.pace-inactive { | |
display: none | |
} | |
.vertical-container { | |
width: 90%; | |
max-width: 1170px; | |
margin: 0 auto | |
} | |
.vertical-container:after { | |
content: ''; | |
display: table; | |
clear: both | |
} | |
.vertical-timeline { | |
position: relative; | |
padding: 0; | |
margin-top: 2em; | |
margin-bottom: 2em | |
} | |
.vertical-timeline:before { | |
content: ''; | |
position: absolute; | |
top: 0; | |
left: 18px; | |
height: 100%; | |
width: 4px; | |
background: #f1f1f1 | |
} | |
.vertical-timeline-content .btn { | |
float: right | |
} | |
.vertical-timeline.light-timeline:before { | |
background: #e7eaec | |
} | |
.dark-timeline .vertical-timeline-content:before { | |
border-color: transparent #f5f5f5 transparent transparent | |
} | |
.dark-timeline.center-orientation .vertical-timeline-content:before { | |
border-color: transparent transparent transparent #f5f5f5 | |
} | |
.dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before, | |
.dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before { | |
border-color: transparent #f5f5f5 transparent transparent | |
} | |
.dark-timeline .vertical-timeline-content, | |
.dark-timeline.center-orientation .vertical-timeline-content { | |
background: #f5f5f5 | |
} | |
@media only screen and (min-width:1170px) { | |
.vertical-timeline.center-orientation { | |
margin-top: 3em; | |
margin-bottom: 3em | |
} | |
.vertical-timeline.center-orientation:before { | |
left: 50%; | |
margin-left: -2px | |
} | |
} | |
@media only screen and (max-width:1170px) { | |
.center-orientation.dark-timeline .vertical-timeline-content:before { | |
border-color: transparent #f5f5f5 transparent transparent | |
} | |
} | |
.vertical-timeline-block { | |
position: relative; | |
margin: 2em 0 | |
} | |
.vertical-timeline-block:after { | |
content: ""; | |
display: table; | |
clear: both | |
} | |
.vertical-timeline-block:first-child { | |
margin-top: 0 | |
} | |
.vertical-timeline-block:last-child { | |
margin-bottom: 0 | |
} | |
@media only screen and (min-width:1170px) { | |
.center-orientation .vertical-timeline-block { | |
margin: 4em 0 | |
} | |
.center-orientation .vertical-timeline-block:first-child { | |
margin-top: 0 | |
} | |
.center-orientation .vertical-timeline-block:last-child { | |
margin-bottom: 0 | |
} | |
} | |
.vertical-timeline-icon { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 40px; | |
height: 40px; | |
border-radius: 50%; | |
font-size: 16px; | |
border: 3px solid #f1f1f1; | |
text-align: center | |
} | |
.vertical-timeline-icon i { | |
display: block; | |
width: 24px; | |
height: 24px; | |
position: relative; | |
left: 45%; | |
top: 42.5%; | |
margin-left: -12px; | |
margin-top: -9px | |
} | |
@media only screen and (min-width:1170px) { | |
.center-orientation .vertical-timeline-icon { | |
width: 50px; | |
height: 50px; | |
left: 50%; | |
margin-left: -25px; | |
-webkit-transform: translateZ(0); | |
-webkit-backface-visibility: hidden; | |
font-size: 19px | |
} | |
.center-orientation .vertical-timeline-icon i { | |
margin-left: -12px; | |
margin-top: -10px | |
} | |
.center-orientation .cssanimations .vertical-timeline-icon.is-hidden { | |
visibility: hidden | |
} | |
} | |
.vertical-timeline-content { | |
position: relative; | |
margin-left: 60px; | |
background: #fff; | |
border-radius: .25em; | |
padding: 1em | |
} | |
.vertical-timeline-content:after { | |
content: ""; | |
display: table; | |
clear: both | |
} | |
.vertical-timeline-content .vertical-date { | |
float: left | |
} | |
.vertical-timeline-content:before { | |
content: ''; | |
position: absolute; | |
top: 16px; | |
right: 100%; | |
height: 0; | |
width: 0; | |
border: 7px solid transparent; | |
border-right: 7px solid #fff | |
} | |
@media only screen and (min-width:1170px) { | |
.center-orientation .vertical-timeline-content { | |
margin-left: 0; | |
padding: 1.6em; | |
width: 45% | |
} | |
.center-orientation .vertical-timeline-content:before { | |
left: 100%; | |
border-color: transparent transparent transparent #fff | |
} | |
.center-orientation .vertical-timeline-content .btn { | |
float: left | |
} | |
.center-orientation .vertical-timeline-content .vertical-date { | |
position: absolute; | |
width: 100%; | |
left: 122%; | |
top: 0 | |
} | |
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content { | |
float: right | |
} | |
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content:before { | |
left: auto; | |
right: 100%; | |
border-color: transparent #fff transparent transparent | |
} | |
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn { | |
float: right | |
} | |
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date { | |
left: auto; | |
right: 122%; | |
text-align: right | |
} | |
.center-orientation .cssanimations .vertical-timeline-content.is-hidden { | |
visibility: hidden | |
} | |
} | |
.wrapper .tabs-container .panel-body, | |
.wrapper-content .tabs-container .panel-body { | |
background: #fff; | |
border: 1px solid #e7eaec; | |
border-radius: 2px; | |
padding: 20px; | |
position: relative | |
} | |
.wrapper .tabs-container .nav-tabs>li>a, | |
.wrapper-content .tabs-container .nav-tabs>li>a { | |
background-color: #c2c2c2; | |
color: #fff; | |
font-size: 16px; | |
font-weight: 200 | |
} | |
.wrapper .tabs-container .nav-tabs>li>a:hover, | |
.wrapper-content .tabs-container .nav-tabs>li>a:hover { | |
color: #fff | |
} | |
.wrapper .tabs-container .nav-tabs>li.active>a, | |
.wrapper .tabs-container .nav-tabs>li.active>a:focus, | |
.wrapper .tabs-container .nav-tabs>li.active>a:hover, | |
.wrapper-content .tabs-container .nav-tabs>li.active>a, | |
.wrapper-content .tabs-container .nav-tabs>li.active>a:focus, | |
.wrapper-content .tabs-container .nav-tabs>li.active>a:hover { | |
background-color: #fff; | |
color: #00263a; | |
border: 1px solid #e7eaec; | |
border-bottom-color: transparent | |
} | |
.wrapper .tabs-container .nav-tabs>li, | |
.wrapper-content .tabs-container .nav-tabs>li { | |
float: left; | |
margin-bottom: -1px | |
} | |
.wrapper .tabs-container .nav-tabs, | |
.wrapper-content .tabs-container .nav-tabs { | |
border-bottom: 1px solid #e7eaec | |
} | |
.wrapper .tabs-container .tab-pane .panel-body, | |
.wrapper-content .tabs-container .tab-pane .panel-body { | |
border-top: none | |
} | |
.wrapper .tabs-container .tabs-left .tab-pane .panel-body, | |
.wrapper .tabs-container .tabs-right .tab-pane .panel-body, | |
.wrapper-content .tabs-container .tabs-left .tab-pane .panel-body, | |
.wrapper-content .tabs-container .tabs-right .tab-pane .panel-body { | |
border-top: 1px solid #e7eaec | |
} | |
.wrapper .tabs-container .nav-tabs>li>a:hover, | |
.wrapper-content .tabs-container .nav-tabs>li>a:hover { | |
background-color: #bababa; | |
border-color: transparent | |
} | |
.wrapper .tabs-container .tabs-below>.nav-tabs, | |
.wrapper .tabs-container .tabs-left>.nav-tabs, | |
.wrapper .tabs-container .tabs-right>.nav-tabs, | |
.wrapper-content .tabs-container .tabs-below>.nav-tabs, | |
.wrapper-content .tabs-container .tabs-left>.nav-tabs, | |
.wrapper-content .tabs-container .tabs-right>.nav-tabs { | |
border-bottom: 0 | |
} | |
.wrapper .tabs-container .tabs-left>.nav-tabs, | |
.wrapper .tabs-container .tabs-right>.nav-tabs, | |
.wrapper-content .tabs-container .tabs-left>.nav-tabs, | |
.wrapper-content .tabs-container .tabs-right>.nav-tabs { | |
width: 20% | |
} | |
.wrapper .tabs-container .tabs-left .panel-body, | |
.wrapper-content .tabs-container .tabs-left .panel-body { | |
position: static; | |
width: 80%; | |
margin-left: 20% | |
} | |
.wrapper .tabs-container .tabs-right .panel-body, | |
.wrapper-content .tabs-container .tabs-right .panel-body { | |
width: 80%; | |
margin-right: 20% | |
} | |
.wrapper .tabs-container .pill-content>.pill-pane, | |
.wrapper .tabs-container .tab-content>.tab-pane, | |
.wrapper-content .tabs-container .pill-content>.pill-pane, | |
.wrapper-content .tabs-container .tab-content>.tab-pane { | |
display: none | |
} | |
.wrapper .tabs-container .pill-content>.active, | |
.wrapper .tabs-container .tab-content>.active, | |
.wrapper-content .tabs-container .pill-content>.active, | |
.wrapper-content .tabs-container .tab-content>.active { | |
display: block | |
} | |
.wrapper .tabs-container .tabs-below>.nav-tabs, | |
.wrapper-content .tabs-container .tabs-below>.nav-tabs { | |
border-top: 1px solid #e7eaec | |
} | |
.wrapper .tabs-container .tabs-below>.nav-tabs>li, | |
.wrapper-content .tabs-container .tabs-below>.nav-tabs>li { | |
margin-top: -1px; | |
margin-bottom: 0 | |
} | |
.wrapper .tabs-container .tabs-below>.nav-tabs>li>a, | |
.wrapper-content .tabs-container .tabs-below>.nav-tabs>li>a { | |
border-radius: 0 0 4px 4px | |
} | |
.wrapper .tabs-container .tabs-below>.nav-tabs>li>a:focus, | |
.wrapper .tabs-container .tabs-below>.nav-tabs>li>a:hover, | |
.wrapper-content .tabs-container .tabs-below>.nav-tabs>li>a:focus, | |
.wrapper-content .tabs-container .tabs-below>.nav-tabs>li>a:hover { | |
border-top-color: #e7eaec; | |
border-bottom-color: transparent | |
} | |
.wrapper .tabs-container .tabs-left>.nav-tabs>li, | |
.wrapper .tabs-container .tabs-right>.nav-tabs>li, | |
.wrapper-content .tabs-container .tabs-left>.nav-tabs>li, | |
.wrapper-content .tabs-container .tabs-right>.nav-tabs>li { | |
float: none | |
} | |
.wrapper .tabs-container .tabs-left>.nav-tabs>li>a, | |
.wrapper .tabs-container .tabs-right>.nav-tabs>li>a, | |
.wrapper-content .tabs-container .tabs-left>.nav-tabs>li>a, | |
.wrapper-content .tabs-container .tabs-right>.nav-tabs>li>a { | |
min-width: 74px; | |
margin-right: 0; | |
margin-bottom: 3px | |
} | |
.wrapper .tabs-container .tabs-left>.nav-tabs, | |
.wrapper-content .tabs-container .tabs-left>.nav-tabs { | |
float: left; | |
margin-right: 19px | |
} | |
.wrapper .tabs-container .tabs-left>.nav-tabs>li>a, | |
.wrapper-content .tabs-container .tabs-left>.nav-tabs>li>a { | |
margin-right: -1px; | |
border-radius: 4px 0 0 4px | |
} | |
.wrapper .tabs-container .tabs-left>.nav-tabs .active>a, | |
.wrapper .tabs-container .tabs-left>.nav-tabs .active>a:focus, | |
.wrapper .tabs-container .tabs-left>.nav-tabs .active>a:hover, | |
.wrapper-content .tabs-container .tabs-left>.nav-tabs .active>a, | |
.wrapper-content .tabs-container .tabs-left>.nav-tabs .active>a:focus, | |
.wrapper-content .tabs-container .tabs-left>.nav-tabs .active>a:hover { | |
border-color: #e7eaec transparent #e7eaec #e7eaec | |
} | |
.wrapper .tabs-container .tabs-right>.nav-tabs, | |
.wrapper-content .tabs-container .tabs-right>.nav-tabs { | |
float: right; | |
margin-left: 19px | |
} | |
.wrapper .tabs-container .tabs-right>.nav-tabs>li>a, | |
.wrapper-content .tabs-container .tabs-right>.nav-tabs>li>a { | |
margin-left: -1px; | |
border-radius: 0 4px 4px 0 | |
} | |
.wrapper .tabs-container .tabs-right>.nav-tabs .active>a, | |
.wrapper .tabs-container .tabs-right>.nav-tabs .active>a:focus, | |
.wrapper .tabs-container .tabs-right>.nav-tabs .active>a:hover, | |
.wrapper-content .tabs-container .tabs-right>.nav-tabs .active>a, | |
.wrapper-content .tabs-container .tabs-right>.nav-tabs .active>a:focus, | |
.wrapper-content .tabs-container .tabs-right>.nav-tabs .active>a:hover { | |
border-color: #e7eaec #e7eaec #e7eaec transparent; | |
z-index: 1 | |
} | |
.media-icons .media-body { | |
vertical-align: middle | |
} | |
.cluster-map { | |
height: calc(100vh - 140px); | |
min-height: 300px; | |
width: 100% | |
} | |
.piranha-homepage-search-container { | |
padding-top: 4vmin | |
} | |
.search-options-container .btn.search-options { | |
white-space: normal!important | |
} | |
.search-options-container .btn.search-options.active { | |
border-bottom-left-radius: 0; | |
border-bottom-right-radius: 0 | |
} | |
.search-options-container .collapse { | |
background-color: #fff; | |
z-index: 100; | |
position: relative | |
} | |
.fake-input { | |
border: 1px solid #d1d1d9; | |
border-radius: 3px; | |
padding: 5px 10px | |
} | |
#shareModal .modal-content, | |
#siteContact .modal-content { | |
background-repeat: no-repeat; | |
background-position: center center; | |
background-size: cover; | |
border-radius: 4px; | |
overflow: hidden | |
} | |
#shareModal .modal-content .modal-header, | |
#siteContact .modal-content .modal-header { | |
background-color: rgba(255, 255, 255, .85) | |
} | |
#shareModal .modal-content .modal-body>div, | |
#siteContact .modal-content .modal-body>div { | |
background-color: rgba(255, 255, 255, .75); | |
padding: 5px 15px; | |
border-radius: 3px | |
} | |
#shareModal .modal-content .modal-footer, | |
#siteContact .modal-content .modal-footer { | |
background-color: rgba(255, 255, 255, .5) | |
} | |
.force-full-width { | |
width: 100%!important | |
} | |
.highcharts-text-outline { | |
stroke: none; | |
stroke-width: 0 | |
} | |
.metismenu { | |
border-radius: 3px 0 0 3px | |
} | |
.metismenu>li:first-of-type { | |
border-top-left-radius: 3px | |
} | |
.metismenu li { | |
background: #d9dbde | |
} | |
.metismenu li:not(:last-of-type) { | |
border-bottom: 1px solid #ccced2 | |
} | |
.metismenu li:not(:first-of-type) { | |
border-top: 1px solid #e7e8ea | |
} | |
.metismenu li.active { | |
border-left: 4px solid #bec1c6; | |
background: #bec1c6; | |
border-top-color: #bec1c6; | |
border-bottom-color: #bec1c6 | |
} | |
.metismenu li.active>a { | |
color: #fff; | |
background: 0 0 | |
} | |
.metismenu li.active>a .caret { | |
-webkit-transform: rotate(0); | |
transform: rotate(0) | |
} | |
.metismenu li.active:not(.has-child) { | |
pointer-events: none; | |
border-left: 4px solid #959aa3; | |
background: #959aa3; | |
border-top-color: #888d97; | |
border-bottom-color: #959aa3 | |
} | |
.metismenu li.active.has-child>a:hover { | |
background: #b1b4ba | |
} | |
.metismenu li.active>a:hover { | |
background: 0 0 | |
} | |
.metismenu li a { | |
color: #676a6c; | |
position: relative | |
} | |
.metismenu li a .caret { | |
position: absolute; | |
top: 50%; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
right: 4px; | |
-webkit-transform: rotate(-90deg); | |
transform: rotate(-90deg) | |
} | |
.metismenu>li:last-of-type { | |
border-bottom-left-radius: 3px | |
} | |
.metismenu .collapse { | |
display: none | |
} | |
.metismenu .collapse.in { | |
display: block | |
} | |
.metismenu .collapsing { | |
position: relative; | |
height: 0; | |
overflow: hidden; | |
-webkit-transition-timing-function: ease; | |
transition-timing-function: ease; | |
-webkit-transition-duration: .35s; | |
transition-duration: .35s; | |
-webkit-transition-property: height, visibility; | |
transition-property: height, visibility | |
} | |
.sidebard-panel { | |
width: 220px; | |
background: #dfe0e3; | |
padding: 10px 20px; | |
position: absolute; | |
right: 0 | |
} | |
.sidebard-panel .feed-element img.img-circle { | |
width: 32px; | |
height: 32px | |
} | |
.media-body, | |
.sidebard-panel .feed-element, | |
.sidebard-panel p { | |
font-size: 12px | |
} | |
.sidebard-panel .feed-element { | |
margin-top: 20px; | |
padding-bottom: 0 | |
} | |
.sidebard-panel .list-group { | |
margin-bottom: 10px | |
} | |
.sidebard-panel .list-group .list-group-item { | |
padding: 5px 0; | |
font-size: 12px; | |
border: 0 | |
} | |
.sidebar-content .wrapper, | |
.wrapper.sidebar-content { | |
padding-right: 230px!important | |
} | |
.body-small .sidebar-content .wrapper, | |
.body-small .wrapper.sidebar-content { | |
padding-right: 20px!important | |
} | |
#right-sidebar { | |
background-color: #fff; | |
border-left: 1px solid #e7eaec; | |
border-top: 1px solid #e7eaec; | |
overflow: hidden; | |
position: fixed; | |
top: 60px; | |
width: 260px!important; | |
z-index: 2031; | |
bottom: 0; | |
right: -260px; | |
height: -o-calc(100vh - 60px); | |
height: calc(100vh - 60px) | |
} | |
body.sidebar-open { | |
overflow: hidden; | |
position: fixed; | |
width: 100vw | |
} | |
body.sidebar-open #right-sidebar { | |
right: 0; | |
box-shadow: 0 6px 14px 0 #a8a8a8; | |
overflow: hidden | |
} | |
body .sidebar-overlay { | |
position: fixed; | |
display: none; | |
color: rgba(255, 255, 255, .5); | |
font-size: 32px | |
} | |
body .sidebar-overlay .svg { | |
position: absolute; | |
right: 275px; | |
top: 15px; | |
cursor: pointer | |
} | |
body.sidebar-open .sidebar-overlay { | |
display: block; | |
width: 100vw; | |
height: -o-calc(100vh - 60px); | |
height: calc(100vh - 60px); | |
background: rgba(0, 38, 58, .25); | |
top: 60px; | |
left: 0; | |
z-index: 100; | |
-webkit-backdrop-filter: blur(5px); | |
backdrop-filter: blur(5px) | |
} | |
body.sidebar-open.sidebar-top #right-sidebar, | |
body.sidebar-open.sidebar-top .sidebar-overlay { | |
top: 0; | |
border-top: none | |
} | |
body.sidebar-open.sidebar-top #right-sidebar { | |
height: -o-calc(100vh - 130px); | |
height: calc(100vh - 130px) | |
} | |
body.sidebar-open #right-sidebar .sidebar-body { | |
height: -o-calc(100vh - 320px); | |
height: calc(100vh - 320px); | |
overflow: hidden; | |
overflow-y: scroll; | |
-webkit-overflow-scrolling: touch | |
} | |
.sidebar-container ul.nav-tabs { | |
border: none | |
} | |
.sidebar-container ul.nav-tabs.navs-4 li { | |
width: 25% | |
} | |
.sidebar-container ul.nav-tabs.navs-3 li { | |
width: 33.3333% | |
} | |
.sidebar-container ul.nav-tabs.navs-2 li { | |
width: 50% | |
} | |
.sidebar-container ul.nav-tabs li { | |
border: none | |
} | |
.sidebar-container ul.nav-tabs li a { | |
border: none; | |
padding: 12px 10px; | |
margin: 0; | |
border-radius: 0; | |
background: #2F4050; | |
color: #fff; | |
text-align: center; | |
border-right: 1px solid #334556 | |
} | |
.sidebar-container ul.nav-tabs li.active a { | |
border: none; | |
background: #f9f9f9; | |
color: #676a6c; | |
font-weight: 700 | |
} | |
.sidebar-container .nav-tabs>li.active>a:focus, | |
.sidebar-container .nav-tabs>li.active>a:hover { | |
border: none | |
} | |
.sidebar-container ul.sidebar-list { | |
margin: 0; | |
padding: 0 | |
} | |
.sidebar-container ul.sidebar-list li { | |
border-bottom: 1px solid #e7eaec; | |
list-style: none; | |
padding: 0; | |
font-size: 14px | |
} | |
.sidebar-container .sidebar-message:nth-child(2n+2), | |
.sidebar-container ul.sidebar-list li:nth-child(2n+2) { | |
background: #f9f9f9 | |
} | |
.sidebar-container ul.sidebar-list li:hover { | |
background: #f1f1f1 | |
} | |
.sidebar-container ul.sidebar-list li a { | |
text-decoration: none; | |
color: inherit; | |
padding: 15px 20px; | |
display: block | |
} | |
.sidebar-container ul.sidebar-list li.active a { | |
background: #00263a; | |
color: #fff | |
} | |
.sidebar-container .sidebar-content { | |
padding: 15px 20px; | |
font-size: 12px | |
} | |
.sidebar-container .sidebar-title { | |
background: #f9f9f9; | |
padding: 20px; | |
border-bottom: 1px solid #e7eaec | |
} | |
.sidebar-container .sidebar-title h3 { | |
margin-bottom: 3px; | |
padding-left: 2px | |
} | |
.sidebar-container .tab-content h4 { | |
margin-bottom: 5px | |
} | |
.sidebar-container .sidebar-message>a>.pull-left { | |
margin-right: 10px | |
} | |
.sidebar-container .sidebar-message>a { | |
text-decoration: none; | |
color: inherit; | |
padding: 15px 20px; | |
display: block | |
} | |
.sidebar-container .sidebar-message>a.active { | |
background-color: #a6192e; | |
color: #fff | |
} | |
.sidebar-container .sidebar-message>a.active .text-danger { | |
color: #fff!important | |
} | |
.sidebar-container .sidebar-message>a:hover { | |
background: #f1f1f1 | |
} | |
.sidebar-container .sidebar-message .message-avatar { | |
height: auto; | |
width: 50px | |
} | |
.sidebar-container .setings-item { | |
padding: 15px 20px; | |
border-bottom: 1px solid #e7eaec | |
} | |
html { | |
background: #00263a | |
} | |
body { | |
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; | |
background-color: #fff; | |
font-size: 13px; | |
color: #676a6c; | |
overflow-x: hidden | |
} | |
body, | |
html { | |
height: 100%; | |
cursor: url(/public/img/svg/cursor-default.svg) 11 11, default | |
} | |
*, | |
:focus { | |
outline: 0!important; | |
box-shadow: none; | |
border-color: transparent | |
} | |
body.full-height-layout #page-wrapper, | |
body.full-height-layout #wrapper { | |
height: 100% | |
} | |
body.boxed-layout #wrapper { | |
background-color: #2f4050; | |
max-width: 1200px; | |
margin: 0 auto; | |
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75) | |
} | |
.boxed-layout #wrapper.top-navigation, | |
.top-navigation.boxed-layout #wrapper { | |
max-width: 1300px!important | |
} | |
.block { | |
display: block | |
} | |
.clear { | |
display: block; | |
overflow: hidden | |
} | |
a { | |
cursor: url(/public/img/svg/cursor-pointer.svg) 14.5 11, pointer; | |
color: #5b7f95 | |
} | |
a:focus, | |
a:hover { | |
text-decoration: none | |
} | |
.border-bottom { | |
border-bottom: 1px solid #e7eaec!important | |
} | |
.font-bold { | |
font-weight: 600 | |
} | |
.font-noraml { | |
font-weight: 400 | |
} | |
.text-uppercase { | |
text-transform: uppercase | |
} | |
.b-r { | |
border-right: 1px solid #e7eaec | |
} | |
.hr-line-dashed { | |
border-top: 1px dashed #e7eaec; | |
color: #fff; | |
background-color: #fff; | |
height: 1px; | |
margin: 20px 0 | |
} | |
.hr-line-solid { | |
border-bottom: 1px solid #e7eaec; | |
background-color: rgba(0, 0, 0, 0); | |
border-style: solid!important; | |
margin-top: 15px; | |
margin-bottom: 15px | |
} | |
video { | |
width: 100%!important; | |
height: auto!important | |
} | |
.modal-content { | |
background-clip: padding-box; | |
background-color: #fff; | |
border: 1px solid transparent; | |
border-radius: 4px; | |
box-shadow: 0 1px 3px rgba(0, 0, 0, .3); | |
outline: 0; | |
position: relative | |
} | |
.modal-dialog { | |
z-index: 2200 | |
} | |
.modal-body { | |
padding: 20px 30px 30px | |
} | |
.inmodal .modal-body { | |
background: #f8fafb | |
} | |
.inmodal .modal-header { | |
padding: 30px 15px; | |
text-align: center | |
} | |
.animated.modal.fade .modal-dialog { | |
-webkit-transform: none; | |
transform: none | |
} | |
.inmodal .modal-title { | |
font-size: 26px | |
} | |
.inmodal .modal-icon { | |
font-size: 84px; | |
color: #e2e3e3 | |
} | |
.modal-footer { | |
margin-top: 0 | |
} | |
#wrapper { | |
width: 100%; | |
overflow-x: hidden | |
} | |
.wrapper { | |
padding: 0 20px | |
} | |
.wrapper-content { | |
padding: 20px 10px 40px | |
} | |
#page-wrapper { | |
min-height: 568px; | |
position: relative!important | |
} | |
@media (min-width:768px) { | |
#page-wrapper { | |
position: inherit; | |
min-height: calc(100vh - 60px) | |
} | |
} | |
.title-action { | |
text-align: right; | |
padding-top: 30px | |
} | |
.ibox-content h1, | |
.ibox-content h2, | |
.ibox-content h3, | |
.ibox-content h4, | |
.ibox-content h5, | |
.ibox-title h1, | |
.ibox-title h2, | |
.ibox-title h3, | |
.ibox-title h4, | |
.ibox-title h5 { | |
margin-top: 5px | |
} | |
ol.unstyled, | |
ul.unstyled { | |
list-style: none; | |
margin-left: 0 | |
} | |
.big-icon { | |
font-size: 160px!important; | |
color: #e5e6e7 | |
} | |
.relative { | |
position: relative | |
} | |
.absolute { | |
position: absolute | |
} | |
.agent-listings-container { | |
max-height: 80vh; | |
overflow: auto; | |
overflow-x: hidden; | |
padding: 8px | |
} | |
.footer { | |
background: #fff; | |
border-top: 1px solid #e7eaec; | |
bottom: 0; | |
left: 0; | |
padding: 10px 20px; | |
position: absolute; | |
right: 0 | |
} | |
.footer.fixed_full { | |
position: fixed; | |
bottom: 0; | |
left: 0; | |
right: 0; | |
z-index: 1000; | |
padding: 10px 20px; | |
background: #fff; | |
border-top: 1px solid #e7eaec | |
} | |
.footer.fixed { | |
position: fixed; | |
bottom: 0; | |
left: 0; | |
right: 0; | |
z-index: 1000; | |
padding: 10px 20px; | |
background: #fff; | |
border-top: 1px solid #e7eaec; | |
margin-left: 220px | |
} | |
body.body-small.mini-navbar .footer.fixed, | |
body.mini-navbar .footer.fixed { | |
margin: 0 0 0 70px | |
} | |
body.canvas-menu .footer.fixed, | |
body.mini-navbar.canvas-menu .footer.fixed { | |
margin: 0!important | |
} | |
body.fixed-sidebar.body-small.mini-navbar .footer.fixed { | |
margin: 0 0 0 220px | |
} | |
body.body-small .footer.fixed { | |
margin-left: 0 | |
} | |
.page-heading { | |
border-top: 0; | |
padding: 0 10px 20px | |
} | |
.panel-heading h1, | |
.panel-heading h2 { | |
margin-bottom: 5px | |
} | |
.table-bordered { | |
border: 1px solid #ebebeb | |
} | |
.table-bordered>thead>tr>td, | |
.table-bordered>thead>tr>th { | |
background-color: #f5f5f6 | |
} | |
.table-bordered>tbody>tr>td, | |
.table-bordered>tbody>tr>th, | |
.table-bordered>tfoot>tr>td, | |
.table-bordered>tfoot>tr>th, | |
.table-bordered>thead>tr>td, | |
.table-bordered>thead>tr>th { | |
border: 1px solid #e7e7e7 | |
} | |
.table>thead>tr>th { | |
border-bottom: 1px solid #ddd | |
} | |
.table>tbody>tr>td, | |
.table>tbody>tr>th, | |
.table>tfoot>tr>td, | |
.table>tfoot>tr>th, | |
.table>thead>tr>td, | |
.table>thead>tr>th { | |
border-top: 1px solid #e7eaec; | |
line-height: 1.42857; | |
padding: 8px; | |
vertical-align: top | |
} | |
.panel.blank-panel { | |
background: 0 0; | |
margin: 0 | |
} | |
.blank-panel .panel-heading { | |
padding-bottom: 0 | |
} | |
.nav-tabs>li.active>a, | |
.nav-tabs>li.active>a:focus, | |
.nav-tabs>li.active>a:hover { | |
-moz-border-bottom-colors: none; | |
-moz-border-left-colors: none; | |
-moz-border-right-colors: none; | |
-moz-border-top-colors: none; | |
background: 0 0; | |
border-color: #ddd #ddd transparent; | |
border-bottom: #e7e8ea; | |
-o-border-image: none; | |
border-image: none; | |
border-style: solid; | |
border-width: 1px; | |
color: #555; | |
cursor: url(/public/img/svg/cursor-default.svg) 11 11, default | |
} | |
.nav.nav-tabs li { | |
background: 0 0; | |
border: none | |
} | |
.nav-tabs>li>a { | |
color: #a7b1c2; | |
font-weight: 600; | |
padding: 10px 20px 10px 25px | |
} | |
.nav-tabs>li>a:focus, | |
.nav-tabs>li>a:hover { | |
background-color: #e6e6e6; | |
color: #676a6c | |
} | |
.ui-tab .tab-content { | |
padding: 20px 0 | |
} | |
.no-padding { | |
padding: 0!important | |
} | |
.no-borders { | |
border: none!important | |
} | |
.no-margins { | |
margin: 0!important | |
} | |
.no-top-border { | |
border-top: 0!important | |
} | |
.ibox-content.text-box { | |
padding-bottom: 0; | |
padding-top: 15px | |
} | |
.border-left-right { | |
border-left: 1px solid #e7eaec; | |
border-right: 1px solid #e7eaec; | |
border-top: none; | |
border-bottom: none | |
} | |
.border-left { | |
border-left: 1px solid #e7eaec; | |
border-right: none; | |
border-top: none; | |
border-bottom: none | |
} | |
.border-right { | |
border-left: none; | |
border-right: 1px solid #e7eaec; | |
border-top: none; | |
border-bottom: none | |
} | |
.full-width { | |
width: 100%!important | |
} | |
.link-block { | |
font-size: 12px; | |
padding: 10px | |
} | |
.nav.navbar-top-links .link-block a { | |
font-size: 12px | |
} | |
.link-block a { | |
font-size: 10px; | |
color: inherit | |
} | |
body.mini-navbar .branding { | |
display: none | |
} | |
img.circle-border { | |
border: 6px solid #fff; | |
border-radius: 50% | |
} | |
.branding { | |
float: left; | |
color: #fff; | |
font-size: 18px; | |
font-weight: 600; | |
padding: 17px 20px; | |
text-align: center; | |
background-color: #00263a | |
} | |
.login-panel { | |
margin-top: 25% | |
} | |
.icons-box h3 { | |
margin-top: 10px; | |
margin-bottom: 10px | |
} | |
.icons-box .infont a i { | |
font-size: 25px; | |
display: block; | |
color: #676a6c | |
} | |
.icons-box .infont a { | |
color: #a6a8a9; | |
padding: 10px; | |
margin: 1px; | |
display: block | |
} | |
.ui-draggable .ibox-title { | |
cursor: move | |
} | |
.breadcrumb { | |
background-color: #fff; | |
padding: 0; | |
margin-bottom: 0 | |
} | |
.breadcrumb>.active, | |
.breadcrumb>li a { | |
color: inherit | |
} | |
code { | |
background-color: #f9f2f4; | |
border-radius: 4px; | |
color: #ca4440; | |
font-size: 90%; | |
padding: 2px 4px; | |
white-space: nowrap | |
} | |
.ibox { | |
clear: both; | |
margin-bottom: 25px; | |
margin-top: 0; | |
padding: 0; | |
display: block | |
} | |
.ibox.collapsed .ibox-content { | |
display: none | |
} | |
.ibox.collapsed .fa.fa-chevron-up:before { | |
content: "\f078" | |
} | |
.ibox.collapsed .fa.fa-chevron-down:before { | |
content: "\f077" | |
} | |
.ibox:after, | |
.ibox:before { | |
display: table | |
} | |
.ibox-title { | |
-moz-border-bottom-colors: none; | |
-moz-border-left-colors: none; | |
-moz-border-right-colors: none; | |
-moz-border-top-colors: none; | |
background-color: #fff; | |
border-color: #e7eaec; | |
-o-border-image: none; | |
border-image: none; | |
border-style: solid solid none; | |
border-width: 3px 0 0; | |
color: inherit; | |
margin-bottom: 0; | |
padding: 14px 15px 7px; | |
min-height: 48px | |
} | |
.ibox-content { | |
background-color: #fff; | |
color: inherit; | |
padding: 15px 20px 20px; | |
border-color: #e7eaec; | |
-o-border-image: none; | |
border-image: none; | |
border-style: solid solid none; | |
border-width: 1px 0; | |
clear: both | |
} | |
.ibox-footer { | |
color: inherit; | |
border-top: 1px solid #e7eaec; | |
font-size: 90%; | |
background: #fff; | |
padding: 10px 15px | |
} | |
.feature-strip { | |
position: relative; | |
display: block; | |
background: #fff; | |
margin: 0; | |
color: #00263a; | |
overflow: hidden; | |
padding-bottom: 37.5% | |
} | |
.feature-strip .feature-strip-content { | |
position: absolute; | |
width: 100%; | |
background-color: rgba(255, 255, 255, .9); | |
bottom: 0; | |
left: 0; | |
border: none; | |
height: 33.3% | |
} | |
.feature-strip .feature-strip-content>* { | |
position: relative; | |
top: 50%; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
margin: 0; | |
padding: 15px | |
} | |
.feature-strip .img-responsive, | |
.feature-strip img { | |
width: 100%; | |
height: 100%; | |
opacity: 1; | |
-moz-filter: none; | |
-webkit-filter: none; | |
-o-filter: none; | |
filter: none; | |
position: absolute | |
} | |
.feature-strip:hover { | |
background: #00263a | |
} | |
.feature-strip:hover .feature-strip-content { | |
background-color: rgba(255, 255, 255, .75) | |
} | |
.feature-strip:hover .img-responsive { | |
opacity: .85 | |
} | |
table.table-mail tr td { | |
padding: 12px | |
} | |
.table-mail .check-mail { | |
padding-left: 20px | |
} | |
.table-mail .mail-date { | |
padding-right: 20px | |
} | |
.check-mail, | |
.star-mail { | |
width: 40px | |
} | |
.unread td, | |
.unread td a { | |
font-weight: 600; | |
color: inherit | |
} | |
.read td, | |
.read td a { | |
font-weight: 400; | |
color: inherit | |
} | |
.unread td { | |
background-color: #f9f8f8 | |
} | |
.ibox-heading { | |
background-color: #f3f6fb; | |
border-bottom: none | |
} | |
.ibox-heading h3 { | |
font-weight: 200; | |
font-size: 24px | |
} | |
.ibox-title h5 { | |
font-size: 14px; | |
margin: 0 0 7px; | |
padding: 0; | |
text-overflow: ellipsis | |
} | |
.ibox-title .label { | |
float: left; | |
margin-left: 4px | |
} | |
.ibox-tools { | |
display: block; | |
float: none; | |
margin-top: 0; | |
position: relative; | |
padding: 0; | |
text-align: right | |
} | |
.ibox-tools a { | |
cursor: url(/public/img/svg/cursor-pointer.svg) 14.5 11, pointer; | |
margin-left: 5px; | |
color: #c4c4c4 | |
} | |
.ibox-tools a.btn-primary { | |
color: #fff | |
} | |
.ibox-tools .dropdown-menu>li>a { | |
padding: 4px 10px; | |
font-size: 12px | |
} | |
.ibox .ibox-tools.open>.dropdown-menu { | |
left: auto; | |
right: 0 | |
} | |
.gray-bg { | |
background-color: #e7e8ea | |
} | |
.dark-gray-bg { | |
background-color: #1b1c1e | |
} | |
.white-bg { | |
background-color: #fff | |
} | |
.navy-bg { | |
background-color: #00263a; | |
color: #fff | |
} | |
.dark-navy-bg { | |
background-color: #001521; | |
color: #fff | |
} | |
.blue-bg { | |
background-color: #44b3b7; | |
color: #fff | |
} | |
.lazur-bg { | |
background-color: #5b7f95; | |
color: #fff | |
} | |
.orange-bg { | |
background-color: #fa6423; | |
color: #fff | |
} | |
.yellow-bg { | |
background-color: #ffb81c; | |
color: #fff | |
} | |
.red-bg { | |
background-color: #a6192e; | |
color: #fff | |
} | |
.black-bg { | |
background-color: #262626 | |
} | |
.panel-primary { | |
border-color: #00263a | |
} | |
.panel-primary>.panel-heading { | |
background-color: #00263a; | |
border-color: #00263a | |
} | |
.panel-success { | |
border-color: #44b3b7 | |
} | |
.panel-success>.panel-heading { | |
background-color: #44b3b7; | |
border-color: #44b3b7; | |
color: #fff | |
} | |
.panel-info { | |
border-color: #5b7f95 | |
} | |
.panel-info>.panel-heading { | |
background-color: #5b7f95; | |
border-color: #5b7f95; | |
color: #fff | |
} | |
.panel-warning { | |
border-color: #ffb81c | |
} | |
.panel-warning>.panel-heading { | |
background-color: #ffb81c; | |
border-color: #ffb81c; | |
color: #fff | |
} | |
.panel-danger { | |
border-color: #a6192e | |
} | |
.panel-danger>.panel-heading { | |
background-color: #a6192e; | |
border-color: #a6192e; | |
color: #fff | |
} | |
.progress-bar { | |
background-color: #00263a | |
} | |
.progress-small, | |
.progress-small .progress-bar { | |
height: 10px | |
} | |
.progress-mini, | |
.progress-small { | |
margin-top: 5px | |
} | |
.progress-mini, | |
.progress-mini .progress-bar { | |
height: 5px; | |
margin-bottom: 0 | |
} | |
.progress-bar-navy-light { | |
background-color: #3dc7ab | |
} | |
.progress-bar-success { | |
background-color: #44b3b7 | |
} | |
.progress-bar-info { | |
background-color: #5b7f95 | |
} | |
.progress-bar-warning { | |
background-color: #ffb81c | |
} | |
.progress-bar-danger { | |
background-color: #a6192e | |
} | |
.panel-title { | |
font-size: inherit | |
} | |
.jumbotron { | |
border-radius: 6px; | |
padding: 40px | |
} | |
.jumbotron h1 { | |
margin-top: 0 | |
} | |
.text-navy { | |
color: #00263a | |
} | |
.text-primary { | |
color: inherit | |
} | |
.text-success { | |
color: #44b3b7 | |
} | |
.text-info { | |
color: #5b7f95 | |
} | |
.text-warning { | |
color: #ffb81c | |
} | |
.field-validation-error, | |
.text-danger { | |
color: #a6192e | |
} | |
.text-muted { | |
color: #919193 | |
} | |
.text-white { | |
color: #fff | |
} | |
.text-action { | |
color: #fa6423 | |
} | |
.text-facebook { | |
color: #3b5998 | |
} | |
.text-twitter { | |
color: #3cf | |
} | |
.text-linkedin { | |
color: #4875b4 | |
} | |
.simple_tag { | |
background-color: #f3f3f4; | |
border: 1px solid #e7eaec; | |
border-radius: 2px; | |
color: inherit; | |
font-size: 10px; | |
margin-right: 5px; | |
margin-top: 5px; | |
padding: 5px 12px; | |
display: inline-block | |
} | |
.img-shadow { | |
box-shadow: 0 0 3px 0 #919191 | |
} | |
.full-height { | |
height: 100% | |
} | |
.fh-breadcrumb { | |
height: calc(100% - 196px); | |
margin: 0 -15px; | |
position: relative | |
} | |
.fh-no-breadcrumb { | |
height: calc(100% - 99px); | |
margin: 0 -15px; | |
position: relative | |
} | |
.fh-column { | |
background: #fff; | |
height: 100%; | |
width: 240px; | |
float: left | |
} | |
.modal-backdrop { | |
z-index: 2040!important | |
} | |
.modal { | |
z-index: 2050!important | |
} | |
.spiner-example { | |
height: 200px; | |
padding-top: 70px | |
} | |
.p-1 { | |
padding: 1px | |
} | |
.p-xxs { | |
padding: 5px!important | |
} | |
.p-xs { | |
padding: 10px!important | |
} | |
.p-sm { | |
padding: 15px!important | |
} | |
.p-m { | |
padding: 20px!important | |
} | |
.p-md { | |
padding: 25px!important | |
} | |
.p-lg { | |
padding: 30px!important | |
} | |
.p-xl { | |
padding: 40px!important | |
} | |
.p-t-m { | |
padding-top: 20px!important | |
} | |
.p-w-1 { | |
padding: 0 1px!important | |
} | |
.p-w-xxs { | |
padding: 0 5px!important | |
} | |
.p-w-xs { | |
padding: 0 10px!important | |
} | |
.p-w-sm { | |
padding: 0 15px!important | |
} | |
.p-w-m { | |
padding: 0 20px!important | |
} | |
.p-w-md { | |
padding: 0 25px!important | |
} | |
.p-w-lg { | |
padding: 0 30px!important | |
} | |
.p-w-xl { | |
padding: 0 40px!important | |
} | |
.p-v-xs { | |
padding-top: 10px!important; | |
padding-bottom: 10px!important | |
} | |
.p-v-sm { | |
padding-top: 15px!important; | |
padding-bottom: 15px!important | |
} | |
.p-v-m { | |
padding-top: 20px!important; | |
padding-bottom: 20px!important | |
} | |
.p-v-lg { | |
padding-top: 30px!important; | |
padding-bottom: 30px!important | |
} | |
.p-v-xl { | |
padding-top: 40px!important; | |
padding-bottom: 40px!important | |
} | |
.no-p-r { | |
padding-right: 0 | |
} | |
.no-p-l { | |
padding-left: 0 | |
} | |
.m-xxs { | |
margin: 2px 4px | |
} | |
.m-xs { | |
margin: 5px | |
} | |
.m-sm { | |
margin: 10px | |
} | |
.m { | |
margin: 15px | |
} | |
.m-md { | |
margin: 20px | |
} | |
.m-lg { | |
margin: 30px | |
} | |
.m-xl { | |
margin: 50px | |
} | |
.m-n { | |
margin: 0!important | |
} | |
.m-l-none { | |
margin-left: 0 | |
} | |
.m-l-xs { | |
margin-left: 5px | |
} | |
.m-l-sm { | |
margin-left: 10px | |
} | |
.m-l { | |
margin-left: 15px | |
} | |
.m-l-md { | |
margin-left: 20px | |
} | |
.m-l-lg { | |
margin-left: 30px | |
} | |
.m-l-xl { | |
margin-left: 40px | |
} | |
.m-l-n-xxs { | |
margin-left: -1px | |
} | |
.m-l-n-xs { | |
margin-left: -5px | |
} | |
.m-l-n-sm { | |
margin-left: -10px | |
} | |
.m-l-n { | |
margin-left: -15px | |
} | |
.m-l-n-md { | |
margin-left: -20px | |
} | |
.m-l-n-lg { | |
margin-left: -30px | |
} | |
.m-l-n-xl { | |
margin-left: -40px | |
} | |
.m-t-none { | |
margin-top: 0 | |
} | |
.m-t-xxs { | |
margin-top: 1px | |
} | |
.m-t-xs { | |
margin-top: 5px | |
} | |
.m-t-sm { | |
margin-top: 10px | |
} | |
.m-t { | |
margin-top: 15px | |
} | |
.m-t-md { | |
margin-top: 20px | |
} | |
.m-t-lg { | |
margin-top: 30px | |
} | |
.m-t-xl { | |
margin-top: 40px | |
} | |
.m-t-n-xxs { | |
margin-top: -1px | |
} | |
.m-t-n-xs { | |
margin-top: -5px | |
} | |
.m-t-n-sm { | |
margin-top: -10px | |
} | |
.m-t-n { | |
margin-top: -15px | |
} | |
.m-t-n-md { | |
margin-top: -20px | |
} | |
.m-t-n-lg { | |
margin-top: -30px | |
} | |
.m-t-n-xl { | |
margin-top: -40px | |
} | |
.m-r-none { | |
margin-right: 0 | |
} | |
.m-r-xxs { | |
margin-right: 1px | |
} | |
.m-r-xs { | |
margin-right: 5px | |
} | |
.m-r-sm { | |
margin-right: 10px | |
} | |
.m-r { | |
margin-right: 15px | |
} | |
.m-r-md { | |
margin-right: 20px | |
} | |
.m-r-lg { | |
margin-right: 30px | |
} | |
.m-r-xl { | |
margin-right: 40px | |
} | |
.m-r-n-xxs { | |
margin-right: -1px | |
} | |
.m-r-n-xs { | |
margin-right: -5px | |
} | |
.m-r-n-sm { | |
margin-right: -10px | |
} | |
.m-r-n { | |
margin-right: -15px | |
} | |
.m-r-n-md { | |
margin-right: -20px | |
} | |
.m-r-n-lg { | |
margin-right: -30px | |
} | |
.m-r-n-xl { | |
margin-right: -40px | |
} | |
.m-b-none { | |
margin-bottom: 0 | |
} | |
.m-b-xxs { | |
margin-bottom: 1px | |
} | |
.m-b-xs { | |
margin-bottom: 5px | |
} | |
.m-b-sm { | |
margin-bottom: 10px | |
} | |
.m-b { | |
margin-bottom: 15px | |
} | |
.m-b-md { | |
margin-bottom: 20px | |
} | |
.m-b-lg { | |
margin-bottom: 30px | |
} | |
.m-b-xl { | |
margin-bottom: 40px | |
} | |
.m-b-n-xxs { | |
margin-bottom: -1px | |
} | |
.m-b-n-xs { | |
margin-bottom: -5px | |
} | |
.m-b-n-sm { | |
margin-bottom: -10px | |
} | |
.m-b-n { | |
margin-bottom: -15px | |
} | |
.m-b-n-md { | |
margin-bottom: -20px | |
} | |
.m-b-n-lg { | |
margin-bottom: -30px | |
} | |
.m-b-n-xl { | |
margin-bottom: -40px | |
} | |
.space-15 { | |
margin: 15px 0 | |
} | |
.space-20 { | |
margin: 20px 0 | |
} | |
.space-25 { | |
margin: 25px 0 | |
} | |
.space-30 { | |
margin: 30px 0 | |
} | |
.center-margins { | |
margin: 0 auto | |
} | |
.center-margins-15 { | |
margin: 15px auto | |
} | |
.z-index-fix-0 { | |
z-index: 0 | |
} | |
.z-index-fix-n1 { | |
z-index: -1 | |
} | |
.z-index-fix-1 { | |
z-index: 1 | |
} | |
.z-index-fix-20 { | |
z-index: 20 | |
} | |
.z-index-fix-21 { | |
z-index: 21 | |
} | |
.z-index-fix-999 { | |
z-index: 999 | |
} | |
.fullscreen-ibox-mode .animated { | |
-webkit-animation: none; | |
animation: none | |
} | |
body.fullscreen-ibox-mode { | |
overflow-y: hidden | |
} | |
.ibox.fullscreen { | |
z-index: 2030; | |
position: fixed; | |
top: 0; | |
left: 0; | |
right: 0; | |
bottom: 0; | |
overflow: auto; | |
margin-bottom: 0 | |
} | |
.ibox.fullscreen .collapse-link { | |
display: none | |
} | |
.ibox.fullscreen .ibox-content { | |
min-height: calc(100% - 48px) | |
} | |
body.modal-open .animated { | |
-webkit-animation-fill-mode: initial; | |
animation-fill-mode: initial | |
} | |
.spinner-animated { | |
display: block; | |
position: absolute; | |
left: 0; | |
right: 0; | |
bottom: 0; | |
margin: 0 auto; | |
height: 28px; | |
width: 28px; | |
-webkit-animation: rotate .8s infinite linear; | |
animation: rotate .8s infinite linear; | |
border: 4px solid #5b7f95; | |
border-right-color: transparent; | |
border-radius: 50%; | |
top: 43%; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%) | |
} | |
@-webkit-keyframes rotate { | |
0% { | |
-webkit-transform: rotate(0); | |
transform: rotate(0) | |
} | |
100% { | |
-webkit-transform: rotate(360deg); | |
transform: rotate(360deg) | |
} | |
} | |
@keyframes rotate { | |
0% { | |
-webkit-transform: rotate(0); | |
transform: rotate(0) | |
} | |
100% { | |
-webkit-transform: rotate(360deg); | |
transform: rotate(360deg) | |
} | |
} | |
img[src=""] { | |
visibility: hidden | |
} | |
.homepage-carousel { | |
background-position: center center; | |
background-size: cover; | |
min-height: 55vh!important | |
} | |
.homepage-carousel-container { | |
padding: 10px 20px; | |
margin: -10px -20px; | |
background-color: rgba(103, 106, 108, .3); | |
border-radius: 3px | |
} | |
.homepage-carousel-container h1 { | |
margin-top: -5px | |
} | |
.carousel-container .spinner-animated { | |
top: 12.5% | |
} | |
.bayleys-breadcrumb { | |
list-style: none; | |
display: inline-block | |
} | |
.bayleys-breadcrumb .icon { | |
font-size: 14px | |
} | |
.bayleys-breadcrumb li { | |
float: left | |
} | |
.bayleys-breadcrumb li a { | |
color: #FFF; | |
display: block; | |
background: #d9d9d9; | |
text-decoration: none; | |
position: relative; | |
height: 30px; | |
line-height: 30px; | |
padding: 0 10px 0 5px; | |
text-align: center; | |
margin-right: 23px | |
} | |
.bayleys-breadcrumb li.active a { | |
pointer-events: none; | |
background-color: #c1c1c1 | |
} | |
.bayleys-breadcrumb li.active a:before { | |
border-color: #c1c1c1 #c1c1c1 #c1c1c1 transparent | |
} | |
.bayleys-breadcrumb li.active a:after { | |
border-left-color: #c1c1c1 | |
} | |
.bayleys-breadcrumb li:nth-child(even) a { | |
background-color: #d1d1d1 | |
} | |
.bayleys-breadcrumb li:nth-child(even) a:before { | |
border-color: #d1d1d1 #d1d1d1 #d1d1d1 transparent | |
} | |
.bayleys-breadcrumb li:nth-child(even) a:after { | |
border-left-color: #d1d1d1 | |
} | |
.bayleys-breadcrumb li:first-child a { | |
padding-left: 15px; | |
border-radius: 4px 0 0 4px | |
} | |
.bayleys-breadcrumb li:first-child a:before { | |
border: none | |
} | |
.bayleys-breadcrumb li:last-child a { | |
padding-right: 15px; | |
border-radius: 0 4px 4px 0 | |
} | |
.bayleys-breadcrumb li:only-of-type a { | |
display: none | |
} | |
.bayleys-breadcrumb li:last-child a:after { | |
border: none | |
} | |
.bayleys-breadcrumb li a:after, | |
.bayleys-breadcrumb li a:before { | |
content: ""; | |
position: absolute; | |
top: 0; | |
border: 0 solid #d9d9d9; | |
border-width: 15px 10px; | |
width: 0; | |
height: 0 | |
} | |
.bayleys-breadcrumb li a:before { | |
left: -20px; | |
border-left-color: transparent | |
} | |
.bayleys-breadcrumb li a:after { | |
left: 100%; | |
border-color: transparent transparent transparent #d9d9d9 | |
} | |
.bayleys-breadcrumb li a:hover { | |
background-color: #5b7f95 | |
} | |
.bayleys-breadcrumb li a:hover:before { | |
border-color: #5b7f95 #5b7f95 #5b7f95 transparent | |
} | |
.bayleys-breadcrumb li a:hover:after { | |
border-left-color: #5b7f95 | |
} | |
.bayleys-breadcrumb li a:active { | |
background-color: #00263a | |
} | |
.bayleys-breadcrumb li a:active:before { | |
border-color: #00263a #00263a #00263a transparent | |
} | |
.bayleys-breadcrumb li a:active:after { | |
border-left-color: #00263a | |
} | |
.contact-box { | |
background-color: #fff; | |
border: 1px solid #e7eaec; | |
padding: 20px; | |
margin-bottom: 20px | |
} | |
.contact-box>a { | |
color: inherit | |
} | |
.contact-box.center-version { | |
border: 1px solid #e7eaec; | |
padding: 0 | |
} | |
.contact-box.center-version>a { | |
display: block; | |
background-color: #fff; | |
padding: 20px | |
} | |
.contact-box .profile-image { | |
-moz-filter: grayscale(100%); | |
-webkit-filter: grayscale(100%); | |
-o-filter: grayscale(100%); | |
filter: grayscale(100%) | |
} | |
.contact-box:hover .profile-image { | |
-moz-filter: grayscale(0); | |
-webkit-filter: grayscale(0); | |
-o-filter: grayscale(0); | |
filter: grayscale(0) | |
} | |
.contact-box.center-version .profile-image { | |
float: none; | |
position: relative; | |
margin: 0 auto; | |
width: 96px; | |
height: 96px | |
} | |
.contact-box.center-version address { | |
margin-bottom: 0 | |
} | |
.contact-box.center-version>.profile-info { | |
margin: 0!important; | |
padding: 20px; | |
background: #fafafb; | |
position: relative; | |
overflow: hidden | |
} | |
.contact-box.center-version>.profile-info a { | |
color: #676a6c!important | |
} | |
.contact-box.center-version>.profile-info:before { | |
content: ''; | |
position: absolute; | |
width: calc(100% + 20px); | |
height: 100%; | |
top: 0; | |
left: 0; | |
pointer-events: none; | |
box-shadow: inset 0 0 7px 0 #c9c9c9; | |
margin-left: -10px | |
} | |
.contact-box .contact-box-footer { | |
text-align: center; | |
background-color: #fff; | |
border-top: 1px solid #e7eaec; | |
padding: 15px 20px | |
} | |
.file-manager .hr-line-dashed { | |
margin: 15px 0 | |
} | |
.file { | |
border: 1px solid #e7eaec; | |
padding: 0; | |
background-color: #fff; | |
position: relative; | |
margin-bottom: 5px | |
} | |
.file .icon { | |
padding: 15px 10px 0; | |
text-align: center; | |
font-size: 70px; | |
color: #5b7f95 | |
} | |
.file .icon.disabled { | |
color: #D1DADE | |
} | |
.file .file-name { | |
padding: 10px; | |
background-color: #f8f8f8; | |
border-top: 1px solid #e7eaec; | |
white-space: nowrap; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
color: #919193 | |
} | |
.file .corner { | |
position: absolute; | |
display: inline-block; | |
width: 0; | |
height: 0; | |
line-height: 0; | |
border: .6em solid transparent; | |
border-right: .6em solid #f1f1f1; | |
border-bottom: .6em solid #f1f1f1; | |
right: 0; | |
bottom: 0 | |
} | |
.file:hover .file-name, | |
.file:hover .icon { | |
color: #676a6c | |
} | |
.file-control { | |
color: inherit; | |
font-size: 11px; | |
margin-right: 10px | |
} | |
.file-control.active { | |
text-decoration: underline | |
} | |
.file-name small { | |
color: #676a6c | |
} | |
.profile-content { | |
border-top: none!important | |
} | |
.profile-stats { | |
margin-right: 10px | |
} | |
.profile-image { | |
width: 120px; | |
height: 120px; | |
float: left | |
} | |
.profile-image>div { | |
position: relative; | |
width: 96px; | |
height: 96px; | |
max-height: 96px; | |
overflow: hidden; | |
border: 6px solid #fff; | |
border-radius: 50%; | |
box-shadow: 0 0 7px 0 #c9c9c9; | |
-webkit-backface-visibility: hidden; | |
backface-visibility: hidden; | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0); | |
background-size: 350px 197px | |
} | |
.profile-image>div .spinner-animated { | |
z-index: -1 | |
} | |
.profile-image a { | |
position: relative; | |
display: block; | |
width: 84px; | |
height: 84px; | |
border-radius: 50%; | |
overflow: hidden; | |
z-index: 0 | |
} | |
.profile-image .spinner-animated { | |
top: 32.5% | |
} | |
.profile-image>div img { | |
width: 84px; | |
max-width: 100%; | |
height: auto; | |
position: absolute | |
} | |
.profile-info { | |
margin-left: 120px | |
} | |
.blog h2 { | |
font-weight: 700 | |
} | |
.blog .btn, | |
.blog h5 { | |
margin: 0 0 5px | |
} | |
.article h1 { | |
font-size: 48px | |
} | |
.article p { | |
font-size: 16px; | |
line-height: 26px; | |
font-weight: 200 | |
} | |
.article-title { | |
text-align: center; | |
margin: 40px 0 100px | |
} | |
.article .ibox-content { | |
padding: 40px | |
} | |
.article img { | |
max-width: 100%; | |
height: auto!important | |
} | |
.article .slick-slide img, | |
.news-carousel .slick-slide img { | |
width: 100% | |
} | |
.product-box { | |
padding: 0; | |
border: 1px solid #e7eaec; | |
box-shadow: 0 3px 7px 0 #a8a8a8 | |
} | |
.listing .product-box { | |
padding: 0!important | |
} | |
.product-box.active, | |
.product-box:hover { | |
border: 1px solid transparent; | |
box-shadow: 0 6px 14px 0 #a8a8a8 | |
} | |
.product-carousel { | |
text-align: center; | |
padding: 5px; | |
width: 100%; | |
position: relative | |
} | |
#listing-carousel-container { | |
position: relative | |
} | |
.product-carousel .product-label { | |
position: absolute; | |
top: -1px; | |
left: -1px; | |
width: 64px; | |
height: 64px; | |
z-index: 2; | |
pointer-events: none | |
} | |
img:not([src]) { | |
visibility: hidden | |
} | |
#listing-carousel-container .product-label { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 96px; | |
height: 96px; | |
pointer-events: none | |
} | |
.product-carousel .slick-carousel { | |
background: center center no-repeat #fff; | |
background-size: 350px 197px | |
} | |
#listing-carousel { | |
background: center center no-repeat #e7e8ea; | |
background-size: 350px 197px | |
} | |
.featured .product-carousel .slick-carousel { | |
background-color: #00263a | |
} | |
#listing-carousel-container .product-open { | |
display: none | |
} | |
#listing-carousel .slick-slide:not(.slick-current), | |
#listing-carousel-nav .slick-slide:not(.slick-current) { | |
background-color: transparent | |
} | |
.product-carousel.xl { | |
padding: 120px 0 | |
} | |
.product-desc { | |
padding: 10px 20px 0; | |
position: relative | |
} | |
.product-footer { | |
padding: 0 20px 10px; | |
position: relative | |
} | |
.slick-photo { | |
position: absolute; | |
background: rgba(255, 255, 255, .2); | |
bottom: 15px; | |
left: 50%; | |
-webkit-transform: translateX(-50%); | |
transform: translateX(-50%); | |
padding: 4px 8px; | |
border-radius: 4px; | |
font-size: 12px; | |
backdrop-filter: blur(4px); | |
-webkit-backdrop-filter: blur(4px); | |
text-shadow: 1px 1px 2px #676a6c; | |
pointer-events: none | |
} | |
.slick-photo .svg { | |
stroke: #808486; | |
stroke-width: 1 | |
} | |
.listing-photo { | |
display: block; | |
width: auto; | |
height: 100%; | |
margin-left: auto; | |
margin-right: auto | |
} | |
.ecommerce .tag-list { | |
padding: 0 | |
} | |
.ecommerce .fa-star { | |
color: #D1DADE | |
} | |
.ecommerce .fa-star.active { | |
color: #ffb81c | |
} | |
.ecommerce .note-editor { | |
border: 1px solid #e7eaec | |
} | |
.product-name { | |
font-size: 16px; | |
font-weight: 100; | |
display: block; | |
margin: 2px 0 5px; | |
white-space: nowrap; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
color: #00263a | |
} | |
.product-address { | |
display: block; | |
margin: 2px 0 5px; | |
white-space: nowrap; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
min-height: 18px; | |
font-weight: 100 | |
} | |
.product-details { | |
background: #e7e8ea; | |
display: block; | |
margin: 2px 0 5px; | |
padding: 5px 20px; | |
min-height: 36px; | |
font-weight: 100; | |
line-height: 24px | |
} | |
.list-view { | |
width: 100%!important | |
} | |
.list-view .product-carousel { | |
display: inline-block; | |
width: 30%; | |
float: left | |
} | |
.product-open { | |
background-color: rgba(255, 255, 255, .2); | |
padding: 6px 12px; | |
position: absolute; | |
top: 15px; | |
right: 55px; | |
z-index: 2; | |
border-radius: 3px; | |
backdrop-filter: blur(4px); | |
-webkit-backdrop-filter: blur(4px); | |
text-shadow: 1px 1px 2px #676a6c | |
} | |
.product-open .svg { | |
stroke: #808486; | |
stroke-width: 1 | |
} | |
.featured .ibox .ibox-content { | |
background-color: #00263a; | |
border-color: #00263a | |
} | |
.featured .ibox .product-address { | |
color: #c1c1c9 | |
} | |
.featured .ibox .product-facilities, | |
.featured .ibox .product-name { | |
color: #f1f1f9 | |
} | |
.featured .ibox .product-details { | |
background: #00334e; | |
color: #f1f1f9 | |
} | |
.ibox .product-facilities { | |
min-height: 28px | |
} | |
.ibox .product-facilities li { | |
display: inline-block; | |
padding: 0 5px | |
} | |
.ibox .product-facilities li:not(:first-of-type) { | |
border-left: 1px solid #c2c2c2 | |
} | |
.featured .ibox .product-facilities li:not(:first-of-type) { | |
border-left: 1px solid #5b7f95 | |
} | |
.pad1 { | |
padding: 0 1px 1px 0; | |
position: relative | |
} | |
.pad1 a { | |
position: relative | |
} | |
.pad1 div { | |
background: rgba(91, 127, 149, .75); | |
padding: 10px 8px; | |
color: #fff; | |
position: absolute; | |
bottom: 1px; | |
left: 0; | |
width: 100%; | |
width: calc(100% - 1px); | |
font-size: 150%; | |
font-weight: 100; | |
text-align: right; | |
pointer-events: none | |
} | |
.pad1:hover div { | |
background: rgba(0, 38, 58, .75) | |
} | |
.boton { | |
margin: 10px 0; | |
background: #5b7f95; | |
padding: 10px 20px; | |
display: block; | |
color: #fff; | |
border-radius: 2px; | |
font-weight: 300; | |
font-size: 18px | |
} | |
.boton:hover { | |
background: #00263a | |
} | |
#searchOptions.Business .search-options .area .bedrooms, | |
#searchOptions.Business .search-options .bathrooms, | |
#searchOptions.Business .search-options .commercial-parking, | |
#searchOptions.Business .search-options .residential-parking, | |
#searchOptions.Commercial .search-options .bathrooms, | |
#searchOptions.Commercial .search-options .bedrooms, | |
#searchOptions.Commercial .search-options .residential-parking, | |
#searchOptions.Everything .search-options .area .bedrooms, | |
#searchOptions.Everything .search-options .bathrooms, | |
#searchOptions.Everything .search-options .commercial-parking, | |
#searchOptions.Everything .search-options .cost, | |
#searchOptions.Everything .search-options .property-type, | |
#searchOptions.Everything .search-options .residential-parking, | |
#searchOptions.Lifestyle .search-options .commercial-parking, | |
#searchOptions.Lifestyle .search-options .residential-parking, | |
#searchOptions.Residential .search-options .area, | |
#searchOptions.Residential .search-options .commercial-parking, | |
#searchOptions.Rural .search-options .commercial-parking, | |
#searchOptions.Rural .search-options .residential-parking { | |
display: none | |
} | |
.hide-result-detail .search-results-detail { | |
display: none!important | |
} | |
#magazineSubscription .section-header { | |
background-color: #e7e8ea; | |
padding: 20px | |
} | |
#magazineSubscription .section-header p { | |
margin-bottom: 10px; | |
text-align: center; | |
font-size: 28px; | |
font-weight: 400; | |
font-style: normal; | |
line-height: 28px; | |
color: #595d64 | |
} | |
#magazineSubscription .section-header input { | |
border: 1px solid #cfd4d8; | |
border-radius: 0; | |
background-color: #fff; | |
-webkit-transition-property: color, background-color, border, border-color, box-shadow; | |
transition-property: color, background-color, border, border-color, box-shadow; | |
-webkit-transition-duration: 0s; | |
transition-duration: 0s; | |
-webkit-transition-timing-function: ease-in-out; | |
transition-timing-function: ease-in-out | |
} | |
#magazineSubscription #magazineOptions label { | |
font-size: 16px; | |
margin-bottom: 10px | |
} | |
#magazineSubscription #magazineOptions div.form-group { | |
margin-bottom: 20px | |
} | |
.slick-slider { | |
position: relative; | |
display: block; | |
box-sizing: border-box; | |
-webkit-touch-callout: none; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
user-select: none; | |
touch-action: pan-y; | |
-webkit-tap-highlight-color: transparent | |
} | |
.slick-list { | |
position: relative; | |
overflow: hidden; | |
display: block; | |
margin: 0; | |
padding: 0 | |
} | |
.slick-list:focus { | |
outline: 0 | |
} | |
.slick-list.dragging { | |
cursor: url(/public/img/svg/cursor-drag-left-right.svg) 14.5 11, pointer!important | |
} | |
.slick-slider .slick-list, | |
.slick-slider .slick-track { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0) | |
} | |
.slick-track { | |
position: relative; | |
left: 0; | |
top: 0; | |
display: block | |
} | |
.slick-track:after, | |
.slick-track:before { | |
content: ""; | |
display: table | |
} | |
.slick-track:after { | |
clear: both | |
} | |
.slick-loading .slick-track { | |
visibility: hidden | |
} | |
.slick-slide { | |
float: left; | |
height: 100%; | |
min-height: 1px; | |
display: none | |
} | |
[dir=rtl] .slick-slide { | |
float: right | |
} | |
.slick-slide img { | |
display: block | |
} | |
.slick-slide.slick-loading img { | |
display: none | |
} | |
.slick-slide.dragging img { | |
pointer-events: none | |
} | |
.slick-initialized .slick-slide { | |
display: block | |
} | |
.slick-loading .slick-slide { | |
visibility: hidden | |
} | |
.slick-vertical .slick-slide { | |
display: block; | |
height: auto; | |
border: 1px solid transparent | |
} | |
.slick-slide.slick-current { | |
box-shadow: 0 3px 7px 0 #c9c9c9 | |
} | |
.slick-slide.slick-current>a, | |
.slick-slide.slick-current>img { | |
cursor: url(/public/img/svg/cursor-drag-left-right.svg) 14.5 11, pointer | |
} | |
.slick-slide:not(.slick-current) { | |
cursor: url(/public/img/svg/cursor-pointer.svg) 14.5 11, pointer | |
} | |
.slick-slide:not(.slick-current)>* { | |
pointer-events: none!important; | |
opacity: .4!important; | |
z-index: -1!important; | |
display: block | |
} | |
.slick-slide:not(.slick-current):hover>* { | |
opacity: 1!important | |
} | |
.slick-arrow.slick-hidden { | |
display: none | |
} | |
.slick-loading { | |
opacity: 0 | |
} | |
.slick-next, | |
.slick-prev { | |
position: absolute; | |
display: block; | |
height: 100%; | |
min-width: 40px; | |
cursor: url(/public/img/svg/cursor-pointer.svg) 14.5 11, pointer; | |
background: rgba(209, 218, 222, .125); | |
top: 0; | |
padding: 0; | |
border: none; | |
outline: 0 | |
} | |
.slick-next:focus, | |
.slick-next:hover, | |
.slick-prev:focus, | |
.slick-prev:hover { | |
outline: 0; | |
background: rgba(209, 218, 222, .5); | |
color: #fff; | |
backdrop-filter: blur(4px); | |
-webkit-backdrop-filter: blur(4px) | |
} | |
.slick-next.slick-disabled, | |
.slick-prev.slick-disabled { | |
color: rgba(255, 255, 255, .5) | |
} | |
.slick-next, | |
.slick-prev { | |
font-size: 20px; | |
line-height: 1; | |
color: rgba(255, 255, 255, .75); | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
z-index: 2 | |
} | |
.slick-next:hover, | |
.slick-prev:hover { | |
font-size: 24px | |
} | |
.slick-prev { | |
left: 0 | |
} | |
.slick-next { | |
right: 0 | |
} | |
.slick-dots { | |
position: absolute; | |
bottom: 0; | |
list-style: none; | |
display: block; | |
text-align: center; | |
padding: 0; | |
width: 100% | |
} | |
.slick-dots li { | |
position: relative; | |
display: inline-block; | |
height: 20px; | |
width: 20px; | |
margin: 0 5px; | |
padding: 0; | |
cursor: pointer | |
} | |
.slick-dots li button { | |
border: 0; | |
background: 0 0; | |
display: block; | |
height: 20px; | |
width: 20px; | |
outline: 0; | |
line-height: 0; | |
font-size: 0; | |
color: transparent; | |
padding: 5px; | |
cursor: pointer | |
} | |
.slick-dots li button:focus, | |
.slick-dots li button:hover { | |
outline: 0 | |
} | |
.slick-dots li button:before { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 20px; | |
height: 20px; | |
line-height: 20px; | |
text-align: center; | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale | |
} | |
.big-slider-slide .img-responsive.full-width { | |
z-index: 1; | |
position: absolute | |
} | |
.big-slider-slide.first-slide .img-responsive.full-width { | |
opacity: .25!important | |
} | |
.big-slider-slide .big-slider-content h1 { | |
text-shadow: -1px -1px 2px rgba(0, 38, 58, .5), 1px -1px 2px rgba(0, 38, 58, .5), 1px 1px 2px rgba(0, 38, 58, .5), -1px 1px 2px rgba(0, 38, 58, .5) | |
} | |
.big-slider-slide h1.bordered-h1 { | |
border-top: 1px solid #ddd; | |
border-bottom: 1px solid #ddd | |
} | |
.big-slider-slide.feature-slide .big-slider-content h1 { | |
width: 40%; | |
margin-left: 30% | |
} | |
.big-slider-slide .big-slider-content { | |
display: table; | |
height: 100%; | |
width: 100%; | |
z-index: 2; | |
position: absolute; | |
top: 0; | |
left: 0; | |
padding: 10% | |
} | |
.big-slider-slide .big-slider-content>div { | |
display: table-cell; | |
vertical-align: middle; | |
text-align: center | |
} | |
.slabtexted .slabtext { | |
display: -moz-inline-box; | |
display: inline-block; | |
white-space: nowrap | |
} | |
.slabtextinactive .slabtext { | |
display: inline; | |
white-space: normal; | |
font-size: 1em!important; | |
letter-spacing: inherit!important; | |
word-spacing: inherit!important | |
} | |
.slabtextdone .slabtext { | |
display: block | |
} | |
.animate.slow { | |
-webkit-animation-duration: 3s; | |
animation-duration: 3s; | |
-webkit-animation-fill-mode: forwards; | |
animation-fill-mode: forwards | |
} | |
#slider-presentation.full-screen { | |
height: 100vh; | |
width: 100vw | |
} | |
.animated { | |
-webkit-animation-duration: 1s; | |
animation-duration: 1s; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both | |
} | |
.animated.infinite { | |
-webkit-animation-iteration-count: infinite; | |
animation-iteration-count: infinite | |
} | |
.animated.hinge { | |
-webkit-animation-duration: 2s; | |
animation-duration: 2s | |
} | |
.animated.longer { | |
-webkit-animation-iteration-count: 3; | |
animation-iteration-count: 3 | |
} | |
.animated.bounceIn, | |
.animated.bounceOut, | |
.animated.flipOutX, | |
.animated.flipOutY { | |
-webkit-animation-duration: .75s; | |
animation-duration: .75s | |
} | |
@-webkit-keyframes bounce { | |
20%, | |
53%, | |
80%, | |
from, | |
to { | |
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); | |
animation-timing-function: cubic-bezier(.215, .61, .355, 1); | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0) | |
} | |
40%, | |
43% { | |
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); | |
animation-timing-function: cubic-bezier(.755, .05, .855, .06); | |
-webkit-transform: translate3d(0, -30px, 0); | |
transform: translate3d(0, -30px, 0) | |
} | |
70% { | |
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); | |
animation-timing-function: cubic-bezier(.755, .05, .855, .06); | |
-webkit-transform: translate3d(0, -15px, 0); | |
transform: translate3d(0, -15px, 0) | |
} | |
90% { | |
-webkit-transform: translate3d(0, -4px, 0); | |
transform: translate3d(0, -4px, 0) | |
} | |
} | |
@keyframes bounce { | |
20%, | |
53%, | |
80%, | |
from, | |
to { | |
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); | |
animation-timing-function: cubic-bezier(.215, .61, .355, 1); | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0) | |
} | |
40%, | |
43% { | |
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); | |
animation-timing-function: cubic-bezier(.755, .05, .855, .06); | |
-webkit-transform: translate3d(0, -30px, 0); | |
transform: translate3d(0, -30px, 0) | |
} | |
70% { | |
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); | |
animation-timing-function: cubic-bezier(.755, .05, .855, .06); | |
-webkit-transform: translate3d(0, -15px, 0); | |
transform: translate3d(0, -15px, 0) | |
} | |
90% { | |
-webkit-transform: translate3d(0, -4px, 0); | |
transform: translate3d(0, -4px, 0) | |
} | |
} | |
.bounce { | |
-webkit-animation-name: bounce; | |
animation-name: bounce; | |
-webkit-transform-origin: center bottom; | |
transform-origin: center bottom | |
} | |
@-webkit-keyframes flash { | |
50%, | |
from, | |
to { | |
opacity: 1 | |
} | |
25%, | |
75% { | |
opacity: 0 | |
} | |
} | |
@keyframes flash { | |
50%, | |
from, | |
to { | |
opacity: 1 | |
} | |
25%, | |
75% { | |
opacity: 0 | |
} | |
} | |
.flash { | |
-webkit-animation-name: flash; | |
animation-name: flash | |
} | |
@-webkit-keyframes pulse { | |
from, | |
to { | |
-webkit-transform: scale3d(1, 1, 1); | |
transform: scale3d(1, 1, 1) | |
} | |
50% { | |
-webkit-transform: scale3d(1.05, 1.05, 1.05); | |
transform: scale3d(1.05, 1.05, 1.05) | |
} | |
} | |
@keyframes pulse { | |
from, | |
to { | |
-webkit-transform: scale3d(1, 1, 1); | |
transform: scale3d(1, 1, 1) | |
} | |
50% { | |
-webkit-transform: scale3d(1.05, 1.05, 1.05); | |
transform: scale3d(1.05, 1.05, 1.05) | |
} | |
} | |
.pulse { | |
-webkit-animation-name: pulse; | |
animation-name: pulse | |
} | |
@-webkit-keyframes rubberBand { | |
from, | |
to { | |
-webkit-transform: scale3d(1, 1, 1); | |
transform: scale3d(1, 1, 1) | |
} | |
30% { | |
-webkit-transform: scale3d(1.01255, .75, 1); | |
transform: scale3d(1.01255, .75, 1) | |
} | |
40% { | |
-webkit-transform: scale3d(.75, 1.01255, 1); | |
transform: scale3d(.75, 1.01255, 1) | |
} | |
50% { | |
-webkit-transform: scale3d(1.0125, .85, 1); | |
transform: scale3d(1.0125, .85, 1) | |
} | |
65% { | |
-webkit-transform: scale3d(.95, 1.05, 1); | |
transform: scale3d(.95, 1.05, 1) | |
} | |
75% { | |
-webkit-transform: scale3d(1.05, .95, 1); | |
transform: scale3d(1.05, .95, 1) | |
} | |
} | |
@keyframes rubberBand { | |
from, | |
to { | |
-webkit-transform: scale3d(1, 1, 1); | |
transform: scale3d(1, 1, 1) | |
} | |
30% { | |
-webkit-transform: scale3d(1.01255, .75, 1); | |
transform: scale3d(1.01255, .75, 1) | |
} | |
40% { | |
-webkit-transform: scale3d(.75, 1.01255, 1); | |
transform: scale3d(.75, 1.01255, 1) | |
} | |
50% { | |
-webkit-transform: scale3d(1.0125, .85, 1); | |
transform: scale3d(1.0125, .85, 1) | |
} | |
65% { | |
-webkit-transform: scale3d(.95, 1.05, 1); | |
transform: scale3d(.95, 1.05, 1) | |
} | |
75% { | |
-webkit-transform: scale3d(1.05, .95, 1); | |
transform: scale3d(1.05, .95, 1) | |
} | |
} | |
.rubberBand { | |
-webkit-animation-name: rubberBand; | |
animation-name: rubberBand | |
} | |
@-webkit-keyframes shake { | |
from, | |
to { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0) | |
} | |
10%, | |
30%, | |
50%, | |
70%, | |
90% { | |
-webkit-transform: translate3d(-10px, 0, 0); | |
transform: translate3d(-10px, 0, 0) | |
} | |
20%, | |
40%, | |
60%, | |
80% { | |
-webkit-transform: translate3d(10px, 0, 0); | |
transform: translate3d(10px, 0, 0) | |
} | |
} | |
@keyframes shake { | |
from, | |
to { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0) | |
} | |
10%, | |
30%, | |
50%, | |
70%, | |
90% { | |
-webkit-transform: translate3d(-10px, 0, 0); | |
transform: translate3d(-10px, 0, 0) | |
} | |
20%, | |
40%, | |
60%, | |
80% { | |
-webkit-transform: translate3d(10px, 0, 0); | |
transform: translate3d(10px, 0, 0) | |
} | |
} | |
.shake { | |
-webkit-animation-name: shake; | |
animation-name: shake | |
} | |
@-webkit-keyframes headShake { | |
0% { | |
-webkit-transform: translateX(0); | |
transform: translateX(0) | |
} | |
6.5% { | |
-webkit-transform: translateX(-6px) rotateY(-9deg); | |
transform: translateX(-6px) rotateY(-9deg) | |
} | |
18.5% { | |
-webkit-transform: translateX(5px) rotateY(7deg); | |
transform: translateX(5px) rotateY(7deg) | |
} | |
31.5% { | |
-webkit-transform: translateX(-3px) rotateY(-5deg); | |
transform: translateX(-3px) rotateY(-5deg) | |
} | |
43.5% { | |
-webkit-transform: translateX(2px) rotateY(3deg); | |
transform: translateX(2px) rotateY(3deg) | |
} | |
50% { | |
-webkit-transform: translateX(0); | |
transform: translateX(0) | |
} | |
} | |
@keyframes headShake { | |
0% { | |
-webkit-transform: translateX(0); | |
transform: translateX(0) | |
} | |
6.5% { | |
-webkit-transform: translateX(-6px) rotateY(-9deg); | |
transform: translateX(-6px) rotateY(-9deg) | |
} | |
18.5% { | |
-webkit-transform: translateX(5px) rotateY(7deg); | |
transform: translateX(5px) rotateY(7deg) | |
} | |
31.5% { | |
-webkit-transform: translateX(-3px) rotateY(-5deg); | |
transform: translateX(-3px) rotateY(-5deg) | |
} | |
43.5% { | |
-webkit-transform: translateX(2px) rotateY(3deg); | |
transform: translateX(2px) rotateY(3deg) | |
} | |
50% { | |
-webkit-transform: translateX(0); | |
transform: translateX(0) | |
} | |
} | |
.headShake { | |
-webkit-animation-timing-function: ease-in-out; | |
animation-timing-function: ease-in-out; | |
-webkit-animation-name: headShake; | |
animation-name: headShake | |
} | |
@-webkit-keyframes swing { | |
20% { | |
-webkit-transform: rotate3d(0, 0, 1, 15deg); | |
transform: rotate3d(0, 0, 1, 15deg) | |
} | |
40% { | |
-webkit-transform: rotate3d(0, 0, 1, -10deg); | |
transform: rotate3d(0, 0, 1, -10deg) | |
} | |
60% { | |
-webkit-transform: rotate3d(0, 0, 1, 5deg); | |
transform: rotate3d(0, 0, 1, 5deg) | |
} | |
80% { | |
-webkit-transform: rotate3d(0, 0, 1, -5deg); | |
transform: rotate3d(0, 0, 1, -5deg) | |
} | |
to { | |
-webkit-transform: rotate3d(0, 0, 1, 0deg); | |
transform: rotate3d(0, 0, 1, 0deg) | |
} | |
} | |
@keyframes swing { | |
20% { | |
-webkit-transform: rotate3d(0, 0, 1, 15deg); | |
transform: rotate3d(0, 0, 1, 15deg) | |
} | |
40% { | |
-webkit-transform: rotate3d(0, 0, 1, -10deg); | |
transform: rotate3d(0, 0, 1, -10deg) | |
} | |
60% { | |
-webkit-transform: rotate3d(0, 0, 1, 5deg); | |
transform: rotate3d(0, 0, 1, 5deg) | |
} | |
80% { | |
-webkit-transform: rotate3d(0, 0, 1, -5deg); | |
transform: rotate3d(0, 0, 1, -5deg) | |
} | |
to { | |
-webkit-transform: rotate3d(0, 0, 1, 0deg); | |
transform: rotate3d(0, 0, 1, 0deg) | |
} | |
} | |
.swing { | |
-webkit-transform-origin: top center; | |
transform-origin: top center; | |
-webkit-animation-name: swing; | |
animation-name: swing | |
} | |
@-webkit-keyframes tada { | |
from, | |
to { | |
-webkit-transform: scale3d(1, 1, 1); | |
transform: scale3d(1, 1, 1) | |
} | |
10%, | |
20% { | |
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); | |
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) | |
} | |
30%, | |
50%, | |
70%, | |
90% { | |
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); | |
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) | |
} | |
40%, | |
60%, | |
80% { | |
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); | |
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) | |
} | |
} | |
@keyframes tada { | |
from, | |
to { | |
-webkit-transform: scale3d(1, 1, 1); | |
transform: scale3d(1, 1, 1) | |
} | |
10%, | |
20% { | |
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); | |
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) | |
} | |
30%, | |
50%, | |
70%, | |
90% { | |
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); | |
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) | |
} | |
40%, | |
60%, | |
80% { | |
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); | |
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) | |
} | |
} | |
.tada { | |
-webkit-animation-name: tada; | |
animation-name: tada | |
} | |
@-webkit-keyframes wobble { | |
from, | |
to { | |
-webkit-transform: none; | |
transform: none | |
} | |
15% { | |
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); | |
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) | |
} | |
30% { | |
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); | |
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) | |
} | |
45% { | |
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); | |
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) | |
} | |
60% { | |
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); | |
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) | |
} | |
75% { | |
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); | |
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) | |
} | |
} | |
@keyframes wobble { | |
from, | |
to { | |
-webkit-transform: none; | |
transform: none | |
} | |
15% { | |
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); | |
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) | |
} | |
30% { | |
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); | |
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) | |
} | |
45% { | |
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); | |
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) | |
} | |
60% { | |
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); | |
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) | |
} | |
75% { | |
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); | |
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) | |
} | |
} | |
.wobble { | |
-webkit-animation-name: wobble; | |
animation-name: wobble | |
} | |
@-webkit-keyframes jello { | |
11.1%, | |
from, | |
to { | |
-webkit-transform: none; | |
transform: none | |
} | |
22.2% { | |
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); | |
transform: skewX(-12.5deg) skewY(-12.5deg) | |
} | |
33.3% { | |
-webkit-transform: skewX(6.25deg) skewY(6.25deg); | |
transform: skewX(6.25deg) skewY(6.25deg) | |
} | |
44.4% { | |
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg); | |
transform: skewX(-3.125deg) skewY(-3.125deg) | |
} | |
55.5% { | |
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg); | |
transform: skewX(1.5625deg) skewY(1.5625deg) | |
} | |
66.6% { | |
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg); | |
transform: skewX(-.78125deg) skewY(-.78125deg) | |
} | |
77.7% { | |
-webkit-transform: skewX(.390625deg) skewY(.390625deg); | |
transform: skewX(.390625deg) skewY(.390625deg) | |
} | |
88.8% { | |
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); | |
transform: skewX(-.1953125deg) skewY(-.1953125deg) | |
} | |
} | |
@keyframes jello { | |
11.1%, | |
from, | |
to { | |
-webkit-transform: none; | |
transform: none | |
} | |
22.2% { | |
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); | |
transform: skewX(-12.5deg) skewY(-12.5deg) | |
} | |
33.3% { | |
-webkit-transform: skewX(6.25deg) skewY(6.25deg); | |
transform: skewX(6.25deg) skewY(6.25deg) | |
} | |
44.4% { | |
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg); | |
transform: skewX(-3.125deg) skewY(-3.125deg) | |
} | |
55.5% { | |
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg); | |
transform: skewX(1.5625deg) skewY(1.5625deg) | |
} | |
66.6% { | |
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg); | |
transform: skewX(-.78125deg) skewY(-.78125deg) | |
} | |
77.7% { | |
-webkit-transform: skewX(.390625deg) skewY(.390625deg); | |
transform: skewX(.390625deg) skewY(.390625deg) | |
} | |
88.8% { | |
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); | |
transform: skewX(-.1953125deg) skewY(-.1953125deg) | |
} | |
} | |
.jello { | |
-webkit-animation-name: jello; | |
animation-name: jello; | |
-webkit-transform-origin: center; | |
transform-origin: center | |
} | |
@-webkit-keyframes bounceIn { | |
20%, | |
40%, | |
60%, | |
80%, | |
from, | |
to { | |
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); | |
animation-timing-function: cubic-bezier(.215, .61, .355, 1) | |
} | |
0% { | |
opacity: 0; | |
-webkit-transform: scale3d(.3, .3, .3); | |
transform: scale3d(.3, .3, .3) | |
} | |
20% { | |
-webkit-transform: scale3d(1.1, 1.1, 1.1); | |
transform: scale3d(1.1, 1.1, 1.1) | |
} | |
40% { | |
-webkit-transform: scale3d(.9, .9, .9); | |
transform: scale3d(.9, .9, .9) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: scale3d(1.03, 1.03, 1.03); | |
transform: scale3d(1.03, 1.03, 1.03) | |
} | |
80% { | |
-webkit-transform: scale3d(.97, .97, .97); | |
transform: scale3d(.97, .97, .97) | |
} | |
to { | |
opacity: 1; | |
-webkit-transform: scale3d(1, 1, 1); | |
transform: scale3d(1, 1, 1) | |
} | |
} | |
@keyframes bounceIn { | |
20%, | |
40%, | |
60%, | |
80%, | |
from, | |
to { | |
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); | |
animation-timing-function: cubic-bezier(.215, .61, .355, 1) | |
} | |
0% { | |
opacity: 0; | |
-webkit-transform: scale3d(.3, .3, .3); | |
transform: scale3d(.3, .3, .3) | |
} | |
20% { | |
-webkit-transform: scale3d(1.1, 1.1, 1.1); | |
transform: scale3d(1.1, 1.1, 1.1) | |
} | |
40% { | |
-webkit-transform: scale3d(.9, .9, .9); | |
transform: scale3d(.9, .9, .9) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: scale3d(1.03, 1.03, 1.03); | |
transform: scale3d(1.03, 1.03, 1.03) | |
} | |
80% { | |
-webkit-transform: scale3d(.97, .97, .97); | |
transform: scale3d(.97, .97, .97) | |
} | |
to { | |
opacity: 1; | |
-webkit-transform: scale3d(1, 1, 1); | |
transform: scale3d(1, 1, 1) | |
} | |
} | |
.bounceIn { | |
-webkit-animation-name: bounceIn; | |
animation-name: bounceIn | |
} | |
@-webkit-keyframes bounceInDown { | |
60%, | |
75%, | |
90%, | |
from, | |
to { | |
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); | |
animation-timing-function: cubic-bezier(.215, .61, .355, 1) | |
} | |
0% { | |
opacity: 0; | |
-webkit-transform: translate3d(0, -3000px, 0); | |
transform: translate3d(0, -3000px, 0) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: translate3d(0, 25px, 0); | |
transform: translate3d(0, 25px, 0) | |
} | |
75% { | |
-webkit-transform: translate3d(0, -10px, 0); | |
transform: translate3d(0, -10px, 0) | |
} | |
90% { | |
-webkit-transform: translate3d(0, 5px, 0); | |
transform: translate3d(0, 5px, 0) | |
} | |
to { | |
-webkit-transform: none; | |
transform: none | |
} | |
} | |
@keyframes bounceInDown { | |
60%, | |
75%, | |
90%, | |
from, | |
to { | |
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); | |
animation-timing-function: cubic-bezier(.215, .61, .355, 1) | |
} | |
0% { | |
opacity: 0; | |
-webkit-transform: translate3d(0, -3000px, 0); | |
transform: translate3d(0, -3000px, 0) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: translate3d(0, 25px, 0); | |
transform: translate3d(0, 25px, 0) | |
} | |
75% { | |
-webkit-transform: translate3d(0, -10px, 0); | |
transform: translate3d(0, -10px, 0) | |
} | |
90% { | |
-webkit-transform: translate3d(0, 5px, 0); | |
transform: translate3d(0, 5px, 0) | |
} | |
to { | |
-webkit-transform: none; | |
transform: none | |
} | |
} | |
.bounceInDown { | |
-webkit-animation-name: bounceInDown; | |
animation-name: bounceInDown | |
} | |
@-webkit-keyframes bounceInLeft { | |
60%, | |
75%, | |
90%, | |
from, | |
to { | |
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); | |
animation-timing-function: cubic-bezier(.215, .61, .355, 1) | |
} | |
0% { | |
opacity: 0; | |
-webkit-transform: translate3d(-3000px, 0, 0); | |
transform: translate3d(-3000px, 0, 0) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: translate3d(25px, 0, 0); | |
transform: translate3d(25px, 0, 0) | |
} | |
75% { | |
-webkit-transform: translate3d(-10px, 0, 0); | |
transform: translate3d(-10px, 0, 0) | |
} | |
90% { | |
-webkit-transform: translate3d(5px, 0, 0); | |
transform: translate3d(5px, 0, 0) | |
} | |
to { | |
-webkit-transform: none; | |
transform: none | |
} | |
} | |
@keyframes bounceInLeft { | |
60%, | |
75%, | |
90%, | |
from, | |
to { | |
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); | |
animation-timing-function: cubic-bezier(.215, .61, .355, 1) | |
} | |
0% { | |
opacity: 0; | |
-webkit-transform: translate3d(-3000px, 0, 0); | |
transform: translate3d(-3000px, 0, 0) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: translate3d(25px, 0, 0); | |
transform: translate3d(25px, 0, 0) | |
} | |
75% { | |
-webkit-transform: translate3d(-10px, 0, 0); | |
transform: translate3d(-10px, 0, 0) | |
} | |
90% { | |
-webkit-transform: translate3d(5px, 0, 0); | |
transform: translate3d(5px, 0, 0) | |
} | |
to { | |
-webkit-transform: none; | |
transform: none | |
} | |
} | |
.bounceInLeft { | |
-webkit-animation-name: bounceInLeft; | |
animation-name: bounceInLeft | |
} | |
@-webkit-keyframes bounceInRight { | |
60%, | |
75%, | |
90%, | |
from, | |
to { | |
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); | |
animation-timing-function: cubic-bezier(.215, .61, .355, 1) | |
} | |
from { | |
opacity: 0; | |
-webkit-transform: translate3d(3000px, 0, 0); | |
transform: translate3d(3000px, 0, 0) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: translate3d(-25px, 0, 0); | |
transform: translate3d(-25px, 0, 0) | |
} | |
75% { | |
-webkit-transform: translate3d(10px, 0, 0); | |
transform: translate3d(10px, 0, 0) | |
} | |
90% { | |
-webkit-transform: translate3d(-5px, 0, 0); | |
transform: translate3d(-5px, 0, 0) | |
} | |
to { | |
-webkit-transform: none; | |
transform: none | |
} | |
} | |
@keyframes bounceInRight { | |
60%, | |
75%, | |
90%, | |
from, | |
to { | |
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); | |
animation-timing-function: cubic-bezier(.215, .61, .355, 1) | |
} | |
from { | |
opacity: 0; | |
-webkit-transform: translate3d(3000px, 0, 0); | |
transform: translate3d(3000px, 0, 0) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: translate3d(-25px, 0, 0); | |
transform: translate3d(-25px, 0, 0) | |
} | |
75% { | |
-webkit-transform: translate3d(10px, 0, 0); | |
transform: translate3d(10px, 0, 0) | |
} | |
90% { | |
-webkit-transform: translate3d(-5px, 0, 0); | |
transform: translate3d(-5px, 0, 0) | |
} | |
to { | |
-webkit-transform: none; | |
transform: none | |
} | |
} | |
.bounceInRight { | |
-webkit-animation-name: bounceInRight; | |
animation-name: bounceInRight | |
} | |
@-webkit-keyframes bounceInUp { | |
60%, | |
75%, | |
90%, | |
from, | |
to { | |
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); | |
animation-timing-function: cubic-bezier(.215, .61, .355, 1) | |
} | |
from { | |
opacity: 0; | |
-webkit-transform: translate3d(0, 3000px, 0); | |
transform: translate3d(0, 3000px, 0) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: translate3d(0, -20px, 0); | |
transform: translate3d(0, -20px, 0) | |
} | |
75% { | |
-webkit-transform: translate3d(0, 10px, 0); | |
transform: translate3d(0, 10px, 0) | |
} | |
90% { | |
-webkit-transform: translate3d(0, -5px, 0); | |
transform: translate3d(0, -5px, 0) | |
} | |
to { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0) | |
} | |
} | |
@keyframes bounceInUp { | |
60%, | |
75%, | |
90%, | |
from, | |
to { | |
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); | |
animation-timing-function: cubic-bezier(.215, .61, .355, 1) | |
} | |
from { | |
opacity: 0; | |
-webkit-transform: translate3d(0, 3000px, 0); | |
transform: translate3d(0, 3000px, 0) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: translate3d(0, -20px, 0); | |
transform: translate3d(0, -20px, 0) | |
} | |
75% { | |
-webkit-transform: translate3d(0, 10px, 0); | |
transform: translate3d(0, 10px, 0) | |
} | |
90% { | |
-webkit-transform: translate3d(0, -5px, 0); | |
transform: translate3d(0, -5px, 0) | |
} | |
to { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0) | |
} | |
} | |
.bounceInUp { | |
-webkit-animation-name: bounceInUp; | |
animation-name: bounceInUp | |
} | |
@-webkit-keyframes bounceOut { | |
20% { | |
-webkit-transform: scale3d(.9, .9, .9); | |
transform: scale3d(.9, .9, .9) | |
} | |
50%, | |
55% { | |
opacity: 1; | |
-webkit-transform: scale3d(1.1, 1.1, 1.1); | |
transform: scale3d(1.1, 1.1, 1.1) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: scale3d(.3, .3, .3); | |
transform: scale3d(.3, .3, .3) | |
} | |
} | |
@keyframes bounceOut { | |
20% { | |
-webkit-transform: scale3d(.9, .9, .9); | |
transform: scale3d(.9, .9, .9) | |
} | |
50%, | |
55% { | |
opacity: 1; | |
-webkit-transform: scale3d(1.1, 1.1, 1.1); | |
transform: scale3d(1.1, 1.1, 1.1) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: scale3d(.3, .3, .3); | |
transform: scale3d(.3, .3, .3) | |
} | |
} | |
.bounceOut { | |
-webkit-animation-name: bounceOut; | |
animation-name: bounceOut | |
} | |
@-webkit-keyframes bounceOutDown { | |
20% { | |
-webkit-transform: translate3d(0, 10px, 0); | |
transform: translate3d(0, 10px, 0) | |
} | |
40%, | |
45% { | |
opacity: 1; | |
-webkit-transform: translate3d(0, -20px, 0); | |
transform: translate3d(0, -20px, 0) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(0, 2000px, 0); | |
transform: translate3d(0, 2000px, 0) | |
} | |
} | |
@keyframes bounceOutDown { | |
20% { | |
-webkit-transform: translate3d(0, 10px, 0); | |
transform: translate3d(0, 10px, 0) | |
} | |
40%, | |
45% { | |
opacity: 1; | |
-webkit-transform: translate3d(0, -20px, 0); | |
transform: translate3d(0, -20px, 0) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(0, 2000px, 0); | |
transform: translate3d(0, 2000px, 0) | |
} | |
} | |
.bounceOutDown { | |
-webkit-animation-name: bounceOutDown; | |
animation-name: bounceOutDown | |
} | |
@-webkit-keyframes bounceOutLeft { | |
20% { | |
opacity: 1; | |
-webkit-transform: translate3d(20px, 0, 0); | |
transform: translate3d(20px, 0, 0) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(-2000px, 0, 0); | |
transform: translate3d(-2000px, 0, 0) | |
} | |
} | |
@keyframes bounceOutLeft { | |
20% { | |
opacity: 1; | |
-webkit-transform: translate3d(20px, 0, 0); | |
transform: translate3d(20px, 0, 0) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(-2000px, 0, 0); | |
transform: translate3d(-2000px, 0, 0) | |
} | |
} | |
.bounceOutLeft { | |
-webkit-animation-name: bounceOutLeft; | |
animation-name: bounceOutLeft | |
} | |
@-webkit-keyframes bounceOutRight { | |
20% { | |
opacity: 1; | |
-webkit-transform: translate3d(-20px, 0, 0); | |
transform: translate3d(-20px, 0, 0) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(2000px, 0, 0); | |
transform: translate3d(2000px, 0, 0) | |
} | |
} | |
@keyframes bounceOutRight { | |
20% { | |
opacity: 1; | |
-webkit-transform: translate3d(-20px, 0, 0); | |
transform: translate3d(-20px, 0, 0) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(2000px, 0, 0); | |
transform: translate3d(2000px, 0, 0) | |
} | |
} | |
.bounceOutRight { | |
-webkit-animation-name: bounceOutRight; | |
animation-name: bounceOutRight | |
} | |
@-webkit-keyframes bounceOutUp { | |
20% { | |
-webkit-transform: translate3d(0, -10px, 0); | |
transform: translate3d(0, -10px, 0) | |
} | |
40%, | |
45% { | |
opacity: 1; | |
-webkit-transform: translate3d(0, 20px, 0); | |
transform: translate3d(0, 20px, 0) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(0, -2000px, 0); | |
transform: translate3d(0, -2000px, 0) | |
} | |
} | |
@keyframes bounceOutUp { | |
20% { | |
-webkit-transform: translate3d(0, -10px, 0); | |
transform: translate3d(0, -10px, 0) | |
} | |
40%, | |
45% { | |
opacity: 1; | |
-webkit-transform: translate3d(0, 20px, 0); | |
transform: translate3d(0, 20px, 0) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(0, -2000px, 0); | |
transform: translate3d(0, -2000px, 0) | |
} | |
} | |
.bounceOutUp { | |
-webkit-animation-name: bounceOutUp; | |
animation-name: bounceOutUp | |
} | |
@-webkit-keyframes fadeIn { | |
from { | |
opacity: 0 | |
} | |
to { | |
opacity: 1 | |
} | |
} | |
@keyframes fadeIn { | |
from { | |
opacity: 0 | |
} | |
to { | |
opacity: 1 | |
} | |
} | |
.fadeIn { | |
-webkit-animation-name: fadeIn; | |
animation-name: fadeIn | |
} | |
@-webkit-keyframes fadeInDown { | |
from { | |
opacity: 0; | |
-webkit-transform: translate3d(0, -100%, 0); | |
transform: translate3d(0, -100%, 0) | |
} | |
to { | |
opacity: 1; | |
-webkit-transform: none; | |
transform: none | |
} | |
} | |
@keyframes fadeInDown { | |
from { | |
opacity: 0; | |
-webkit-transform: translate3d(0, -100%, 0); | |
transform: translate3d(0, -100%, 0) | |
} | |
to { | |
opacity: 1; | |
-webkit-transform: none; | |
transform: none | |
} | |
} | |
.fadeInDown { | |
-webkit-animation-name: fadeInDown; | |
animation-name: fadeInDown | |
} | |
@-webkit-keyframes fadeInDownBig { | |
from { | |
opacity: 0; | |
-webkit-transform: translate3d(0, -2000px, 0); | |
transform: translate3d(0, -2000px, 0) | |
} | |
to { | |
opacity: 1; | |
-webkit-transform: none; | |
transform: none | |
} | |
} | |
@keyframes fadeInDownBig { | |
from { | |
opacity: 0; | |
-webkit-transform: translate3d(0, -2000px, 0); | |
transform: translate3d(0, -2000px, 0) | |
} | |
to { | |
opacity: 1; | |
-webkit-transform: none; | |
transform: none | |
} | |
} | |
.fadeInDownBig { | |
-webkit-animation-name: fadeInDownBig; | |
animation-name: fadeInDownBig | |
} | |
@-webkit-keyframes fadeInLeft { | |
from { | |
opacity: 0; | |
-webkit-transform: translate3d(-100%, 0, 0); | |
transform: translate3d(-100%, 0, 0) | |
} | |
to { | |
opacity: 1; | |
-webkit-transform: none; | |
transform: none | |
} | |
} | |
@keyframes fadeInLeft { | |
from { | |
opacity: 0; | |
-webkit-transform: translate3d(-100%, 0, 0); | |
transform: translate3d(-100%, 0, 0) | |
} | |
to { | |
opacity: 1; | |
-webkit-transform: none; | |
transform: none | |
} | |
} | |
.fadeInLeft { | |
-webkit-animation-name: fadeInLeft; | |
animation-name: fadeInLeft | |
} | |
@-webkit-keyframes fadeInLeftBig { | |
from { | |
opacity: 0; | |
-webkit-transform: translate3d(-2000px, 0, 0); | |
transform: translate3d(-2000px, 0, 0) | |
} | |
to { | |
opacity: 1; | |
-webkit-transform: none; | |
transform: none | |
} | |
} | |
@keyframes fadeInLeftBig { | |
from { | |
opacity: 0; | |
-webkit-transform: translate3d(-2000px, 0, 0); | |
transform: translate3d(-2000px, 0, 0) | |
} | |
to { | |
opacity: 1; | |
-webkit-transform: none; | |
transform: none | |
} | |
} | |
.fadeInLeftBig { | |
-webkit-animation-name: fadeInLeftBig; | |
animation-name: fadeInLeftBig | |
} | |
@-webkit-keyframes fadeInRight { | |
from { | |
opacity: 0; | |
-webkit-transform: translate3d(100%, 0, 0); | |
transform: translate3d(100%, 0, 0) | |
} | |
to { | |
opacity: 1; | |
-webkit-transform: none; | |
transform: none | |
} | |
} | |
@keyframes fadeInRight { | |
from { | |
opacity: 0; | |
-webkit-transform: translate3d(100%, 0, 0); | |
transform: translate3d(100%, 0, 0) | |
} | |
to { | |
opacity: 1; | |
-webkit-transform: none; | |
transform: none | |
} | |
} | |
.fadeInRight { | |
-webkit-animation-name: fadeInRight; | |
animation-name: fadeInRight | |
} | |
@-webkit-keyframes fadeInRightBig { | |
from { | |
opacity: 0; | |
-webkit-transform: translate3d(2000px, 0, 0); | |
transform: translate3d(2000px, 0, 0) | |
} | |
to { | |
opacity: 1; | |
-webkit-transform: none; | |
transform: none | |
} | |
} | |
@keyframes fadeInRightBig { | |
from { | |
opacity: 0; | |
-webkit-transform: translate3d(2000px, 0, 0); | |
transform: translate3d(2000px, 0, 0) | |
} | |
to { | |
opacity: 1; | |
-webkit-transform: none; | |
transform: none | |
} | |
} | |
.fadeInRightBig { | |
-webkit-animation-name: fadeInRightBig; | |
animation-name: fadeInRightBig | |
} | |
@-webkit-keyframes fadeInUp { | |
from { | |
opacity: 0; | |
-webkit-transform: translate3d(0, 100%, 0); | |
transform: translate3d(0, 100%, 0) | |
} | |
to { | |
opacity: 1; | |
-webkit-transform: none; | |
transform: none | |
} | |
} | |
@keyframes fadeInUp { | |
from { | |
opacity: 0; | |
-webkit-transform: translate3d(0, 100%, 0); | |
transform: translate3d(0, 100%, 0) | |
} | |
to { | |
opacity: 1; | |
-webkit-transform: none; | |
transform: none | |
} | |
} | |
.fadeInUp { | |
-webkit-animation-name: fadeInUp; | |
animation-name: fadeInUp | |
} | |
@-webkit-keyframes fadeInUpBig { | |
from { | |
opacity: 0; | |
-webkit-transform: translate3d(0, 2000px, 0); | |
transform: translate3d(0, 2000px, 0) | |
} | |
to { | |
opacity: 1; | |
-webkit-transform: none; | |
transform: none | |
} | |
} | |
@keyframes fadeInUpBig { | |
from { | |
opacity: 0; | |
-webkit-transform: translate3d(0, 2000px, 0); | |
transform: translate3d(0, 2000px, 0) | |
} | |
to { | |
opacity: 1; | |
-webkit-transform: none; | |
transform: none | |
} | |
} | |
.fadeInUpBig { | |
-webkit-animation-name: fadeInUpBig; | |
animation-name: fadeInUpBig | |
} | |
@-webkit-keyframes fadeOut { | |
from { | |
opacity: 1 | |
} | |
to { | |
opacity: 0 | |
} | |
} | |
@keyframes fadeOut { | |
from { | |
opacity: 1 | |
} | |
to { | |
opacity: 0 | |
} | |
} | |
.fadeOut { | |
-webkit-animation-name: fadeOut; | |
animation-name: fadeOut | |
} | |
@-webkit-keyframes fadeOutDown { | |
from { | |
opacity: 1 | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(0, 100%, 0); | |
transform: translate3d(0, 100%, 0) | |
} | |
} | |
@keyframes fadeOutDown { | |
from { | |
opacity: 1 | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(0, 100%, 0); | |
transform: translate3d(0, 100%, 0) | |
} | |
} | |
.fadeOutDown { | |
-webkit-animation-name: fadeOutDown; | |
animation-name: fadeOutDown | |
} | |
@-webkit-keyframes fadeOutDownBig { | |
from { | |
opacity: 1 | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(0, 2000px, 0); | |
transform: translate3d(0, 2000px, 0) | |
} | |
} | |
@keyframes fadeOutDownBig { | |
from { | |
opacity: 1 | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(0, 2000px, 0); | |
transform: translate3d(0, 2000px, 0) | |
} | |
} | |
.fadeOutDownBig { | |
-webkit-animation-name: fadeOutDownBig; | |
animation-name: fadeOutDownBig | |
} | |
@-webkit-keyframes fadeOutLeft { | |
from { | |
opacity: 1 | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(-100%, 0, 0); | |
transform: translate3d(-100%, 0, 0) | |
} | |
} | |
@keyframes fadeOutLeft { | |
from { | |
opacity: 1 | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(-100%, 0, 0); | |
transform: translate3d(-100%, 0, 0) | |
} | |
} | |
.fadeOutLeft { | |
-webkit-animation-name: fadeOutLeft; | |
animation-name: fadeOutLeft | |
} | |
@-webkit-keyframes fadeOutLeftBig { | |
from { | |
opacity: 1 | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(-2000px, 0, 0); | |
transform: translate3d(-2000px, 0, 0) | |
} | |
} | |
@keyframes fadeOutLeftBig { | |
from { | |
opacity: 1 | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(-2000px, 0, 0); | |
transform: translate3d(-2000px, 0, 0) | |
} | |
} | |
.fadeOutLeftBig { | |
-webkit-animation-name: fadeOutLeftBig; | |
animation-name: fadeOutLeftBig | |
} | |
@-webkit-keyframes fadeOutRight { | |
from { | |
opacity: 1 | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(100%, 0, 0); | |
transform: translate3d(100%, 0, 0) | |
} | |
} | |
@keyframes fadeOutRight { | |
from { | |
opacity: 1 | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(100%, 0, 0); | |
transform: translate3d(100%, 0, 0) | |
} | |
} | |
.fadeOutRight { | |
-webkit-animation-name: fadeOutRight; | |
animation-name: fadeOutRight | |
} | |
@-webkit-keyframes fadeOutRightBig { | |
from { | |
opacity: 1 | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(2000px, 0, 0); | |
transform: translate3d(2000px, 0, 0) | |
} | |
} | |
@keyframes fadeOutRightBig { | |
from { | |
opacity: 1 | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(2000px, 0, 0); | |
transform: translate3d(2000px, 0, 0) | |
} | |
} | |
.fadeOutRightBig { | |
-webkit-animation-name: fadeOutRightBig; | |
animation-name: fadeOutRightBig | |
} | |
@-webkit-keyframes fadeOutUp { | |
from { | |
opacity: 1 | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(0, -100%, 0); | |
transform: translate3d(0, -100%, 0) | |
} | |
} | |
@keyframes fadeOutUp { | |
from { | |
opacity: 1 | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(0, -100%, 0); | |
transform: translate3d(0, -100%, 0) | |
} | |
} | |
.fadeOutUp { | |
-webkit-animation-name: fadeOutUp; | |
animation-name: fadeOutUp | |
} | |
@-webkit-keyframes fadeOutUpBig { | |
from { | |
opacity: 1 | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(0, -2000px, 0); | |
transform: translate3d(0, -2000px, 0) | |
} | |
} | |
@keyframes fadeOutUpBig { | |
from { | |
opacity: 1 | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(0, -2000px, 0); | |
transform: translate3d(0, -2000px, 0) | |
} | |
} | |
.fadeOutUpBig { | |
-webkit-animation-name: fadeOutUpBig; | |
animation-name: fadeOutUpBig | |
} | |
@-webkit-keyframes flip { | |
from { | |
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); | |
transform: perspective(400px) rotate3d(0, 1, 0, -360deg); | |
-webkit-animation-timing-function: ease-out; | |
animation-timing-function: ease-out | |
} | |
40% { | |
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); | |
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); | |
-webkit-animation-timing-function: ease-out; | |
animation-timing-function: ease-out | |
} | |
50% { | |
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); | |
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); | |
-webkit-animation-timing-function: ease-in; | |
animation-timing-function: ease-in | |
} | |
80% { | |
-webkit-transform: perspective(400px) scale3d(.95, .95, .95); | |
transform: perspective(400px) scale3d(.95, .95, .95); | |
-webkit-animation-timing-function: ease-in; | |
animation-timing-function: ease-in | |
} | |
to { | |
-webkit-transform: perspective(400px); | |
transform: perspective(400px); | |
-webkit-animation-timing-function: ease-in; | |
animation-timing-function: ease-in | |
} | |
} | |
@keyframes flip { | |
from { | |
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); | |
transform: perspective(400px) rotate3d(0, 1, 0, -360deg); | |
-webkit-animation-timing-function: ease-out; | |
animation-timing-function: ease-out | |
} | |
40% { | |
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); | |
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); | |
-webkit-animation-timing-function: ease-out; | |
animation-timing-function: ease-out | |
} | |
50% { | |
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); | |
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); | |
-webkit-animation-timing-function: ease-in; | |
animation-timing-function: ease-in | |
} | |
80% { | |
-webkit-transform: perspective(400px) scale3d(.95, .95, .95); | |
transform: perspective(400px) scale3d(.95, .95, .95); | |
-webkit-animation-timing-function: ease-in; | |
animation-timing-function: ease-in | |
} | |
to { | |
-webkit-transform: perspective(400px); | |
transform: perspective(400px); | |
-webkit-animation-timing-function: ease-in; | |
animation-timing-function: ease-in | |
} | |
} | |
.animated.flip { | |
-webkit-backface-visibility: visible; | |
backface-visibility: visible; | |
-webkit-animation-name: flip; | |
animation-name: flip | |
} | |
@-webkit-keyframes flipInX { | |
from { | |
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); | |
transform: perspective(400px) rotate3d(1, 0, 0, 90deg); | |
-webkit-animation-timing-function: ease-in; | |
animation-timing-function: ease-in; | |
opacity: 0 | |
} | |
40% { | |
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); | |
transform: perspective(400px) rotate3d(1, 0, 0, -20deg); | |
-webkit-animation-timing-function: ease-in; | |
animation-timing-function: ease-in | |
} | |
60% { | |
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); | |
transform: perspective(400px) rotate3d(1, 0, 0, 10deg); | |
opacity: 1 | |
} | |
80% { | |
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); | |
transform: perspective(400px) rotate3d(1, 0, 0, -5deg) | |
} | |
to { | |
-webkit-transform: perspective(400px); | |
transform: perspective(400px) | |
} | |
} | |
@keyframes flipInX { | |
from { | |
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); | |
transform: perspective(400px) rotate3d(1, 0, 0, 90deg); | |
-webkit-animation-timing-function: ease-in; | |
animation-timing-function: ease-in; | |
opacity: 0 | |
} | |
40% { | |
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); | |
transform: perspective(400px) rotate3d(1, 0, 0, -20deg); | |
-webkit-animation-timing-function: ease-in; | |
animation-timing-function: ease-in | |
} | |
60% { | |
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); | |
transform: perspective(400px) rotate3d(1, 0, 0, 10deg); | |
opacity: 1 | |
} | |
80% { | |
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); | |
transform: perspective(400px) rotate3d(1, 0, 0, -5deg) | |
} | |
to { | |
-webkit-transform: perspective(400px); | |
transform: perspective(400px) | |
} | |
} | |
.flipInX { | |
-webkit-backface-visibility: visible!important; | |
backface-visibility: visible!important; | |
-webkit-animation-name: flipInX; | |
animation-name: flipInX | |
} | |
@-webkit-keyframes flipInY { | |
from { | |
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); | |
transform: perspective(400px) rotate3d(0, 1, 0, 90deg); | |
-webkit-animation-timing-function: ease-in; | |
animation-timing-function: ease-in; | |
opacity: 0 | |
} | |
40% { | |
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); | |
transform: perspective(400px) rotate3d(0, 1, 0, -20deg); | |
-webkit-animation-timing-function: ease-in; | |
animation-timing-function: ease-in | |
} | |
60% { | |
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); | |
transform: perspective(400px) rotate3d(0, 1, 0, 10deg); | |
opacity: 1 | |
} | |
80% { | |
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); | |
transform: perspective(400px) rotate3d(0, 1, 0, -5deg) | |
} | |
to { | |
-webkit-transform: perspective(400px); | |
transform: perspective(400px) | |
} | |
} | |
@keyframes flipInY { | |
from { | |
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); | |
transform: perspective(400px) rotate3d(0, 1, 0, 90deg); | |
-webkit-animation-timing-function: ease-in; | |
animation-timing-function: ease-in; | |
opacity: 0 | |
} | |
40% { | |
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); | |
transform: perspective(400px) rotate3d(0, 1, 0, -20deg); | |
-webkit-animation-timing-function: ease-in; | |
animation-timing-function: ease-in | |
} | |
60% { | |
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); | |
transform: perspective(400px) rotate3d(0, 1, 0, 10deg); | |
opacity: 1 | |
} | |
80% { | |
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); | |
transform: perspective(400px) rotate3d(0, 1, 0, -5deg) | |
} | |
to { | |
-webkit-transform: perspective(400px); | |
transform: perspective(400px) | |
} | |
} | |
.flipInY { | |
-webkit-backface-visibility: visible!important; | |
backface-visibility: visible!important; | |
-webkit-animation-name: flipInY; | |
animation-name: flipInY | |
} | |
@-webkit-keyframes flipOutX { | |
from { | |
-webkit-transform: perspective(400px); | |
transform: perspective(400px) | |
} | |
30% { | |
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); | |
transform: perspective(400px) rotate3d(1, 0, 0, -20deg); | |
opacity: 1 | |
} | |
to { | |
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); | |
transform: perspective(400px) rotate3d(1, 0, 0, 90deg); | |
opacity: 0 | |
} | |
} | |
@keyframes flipOutX { | |
from { | |
-webkit-transform: perspective(400px); | |
transform: perspective(400px) | |
} | |
30% { | |
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); | |
transform: perspective(400px) rotate3d(1, 0, 0, -20deg); | |
opacity: 1 | |
} | |
to { | |
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); | |
transform: perspective(400px) rotate3d(1, 0, 0, 90deg); | |
opacity: 0 | |
} | |
} | |
.flipOutX { | |
-webkit-animation-name: flipOutX; | |
animation-name: flipOutX; | |
-webkit-backface-visibility: visible!important; | |
backface-visibility: visible!important | |
} | |
@-webkit-keyframes flipOutY { | |
from { | |
-webkit-transform: perspective(400px); | |
transform: perspective(400px) | |
} | |
30% { | |
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); | |
transform: perspective(400px) rotate3d(0, 1, 0, -15deg); | |
opacity: 1 | |
} | |
to { | |
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); | |
transform: perspective(400px) rotate3d(0, 1, 0, 90deg); | |
opacity: 0 | |
} | |
} | |
@keyframes flipOutY { | |
from { | |
-webkit-transform: perspective(400px); | |
transform: perspective(400px) | |
} | |
30% { | |
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); | |
transform: perspective(400px) rotate3d(0, 1, 0, -15deg); | |
opacity: 1 | |
} | |
to { | |
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); | |
transform: perspective(400px) rotate3d(0, 1, 0, 90deg); | |
opacity: 0 | |
} | |
} | |
.flipOutY { | |
-webkit-backface-visibility: visible!important; | |
backface-visibility: visible!important; | |
-webkit-animation-name: flipOutY; | |
animation-name: flipOutY | |
} | |
@-webkit-keyframes lightSpeedIn { | |
from { | |
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); | |
transform: translate3d(100%, 0, 0) skewX(-30deg); | |
opacity: 0 | |
} | |
60% { | |
-webkit-transform: skewX(20deg); | |
transform: skewX(20deg); | |
opacity: 1 | |
} | |
80% { | |
-webkit-transform: skewX(-5deg); | |
transform: skewX(-5deg); | |
opacity: 1 | |
} | |
to { | |
-webkit-transform: none; | |
transform: none; | |
opacity: 1 | |
} | |
} | |
@keyframes lightSpeedIn { | |
from { | |
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); | |
transform: translate3d(100%, 0, 0) skewX(-30deg); | |
opacity: 0 | |
} | |
60% { | |
-webkit-transform: skewX(20deg); | |
transform: skewX(20deg); | |
opacity: 1 | |
} | |
80% { | |
-webkit-transform: skewX(-5deg); | |
transform: skewX(-5deg); | |
opacity: 1 | |
} | |
to { | |
-webkit-transform: none; | |
transform: none; | |
opacity: 1 | |
} | |
} | |
.lightSpeedIn { | |
-webkit-animation-name: lightSpeedIn; | |
animation-name: lightSpeedIn; | |
-webkit-animation-timing-function: ease-out; | |
animation-timing-function: ease-out | |
} | |
@-webkit-keyframes lightSpeedOut { | |
from { | |
opacity: 1 | |
} | |
to { | |
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); | |
transform: translate3d(100%, 0, 0) skewX(30deg); | |
opacity: 0 | |
} | |
} | |
@keyframes lightSpeedOut { | |
from { | |
opacity: 1 | |
} | |
to { | |
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); | |
transform: translate3d(100%, 0, 0) skewX(30deg); | |
opacity: 0 | |
} | |
} | |
.lightSpeedOut { | |
-webkit-animation-name: lightSpeedOut; | |
animation-name: lightSpeedOut; | |
-webkit-animation-timing-function: ease-in; | |
animation-timing-function: ease-in | |
} | |
@-webkit-keyframes rotateIn { | |
from { | |
-webkit-transform-origin: center; | |
transform-origin: center; | |
-webkit-transform: rotate3d(0, 0, 1, -200deg); | |
transform: rotate3d(0, 0, 1, -200deg); | |
opacity: 0 | |
} | |
to { | |
-webkit-transform-origin: center; | |
transform-origin: center; | |
-webkit-transform: none; | |
transform: none; | |
opacity: 1 | |
} | |
} | |
@keyframes rotateIn { | |
from { | |
-webkit-transform-origin: center; | |
transform-origin: center; | |
-webkit-transform: rotate3d(0, 0, 1, -200deg); | |
transform: rotate3d(0, 0, 1, -200deg); | |
opacity: 0 | |
} | |
to { | |
-webkit-transform-origin: center; | |
transform-origin: center; | |
-webkit-transform: none; | |
transform: none; | |
opacity: 1 | |
} | |
} | |
.rotateIn { | |
-webkit-animation-name: rotateIn; | |
animation-name: rotateIn | |
} | |
@-webkit-keyframes rotateInDownLeft { | |
from { | |
-webkit-transform-origin: left bottom; | |
transform-origin: left bottom; | |
-webkit-transform: rotate3d(0, 0, 1, -45deg); | |
transform: rotate3d(0, 0, 1, -45deg); | |
opacity: 0 | |
} | |
to { | |
-webkit-transform-origin: left bottom; | |
transform-origin: left bottom; | |
-webkit-transform: none; | |
transform: none; | |
opacity: 1 | |
} | |
} | |
@keyframes rotateInDownLeft { | |
from { | |
-webkit-transform-origin: left bottom; | |
transform-origin: left bottom; | |
-webkit-transform: rotate3d(0, 0, 1, -45deg); | |
transform: rotate3d(0, 0, 1, -45deg); | |
opacity: 0 | |
} | |
to { | |
-webkit-transform-origin: left bottom; | |
transform-origin: left bottom; | |
-webkit-transform: none; | |
transform: none; | |
opacity: 1 | |
} | |
} | |
.rotateInDownLeft { | |
-webkit-animation-name: rotateInDownLeft; | |
animation-name: rotateInDownLeft | |
} | |
@-webkit-keyframes rotateInDownRight { | |
from { | |
-webkit-transform-origin: right bottom; | |
transform-origin: right bottom; | |
-webkit-transform: rotate3d(0, 0, 1, 45deg); | |
transform: rotate3d(0, 0, 1, 45deg); | |
opacity: 0 | |
} | |
to { | |
-webkit-transform-origin: right bottom; | |
transform-origin: right bottom; | |
-webkit-transform: none; | |
transform: none; | |
opacity: 1 | |
} | |
} | |
@keyframes rotateInDownRight { | |
from { | |
-webkit-transform-origin: right bottom; | |
transform-origin: right bottom; | |
-webkit-transform: rotate3d(0, 0, 1, 45deg); | |
transform: rotate3d(0, 0, 1, 45deg); | |
opacity: 0 | |
} | |
to { | |
-webkit-transform-origin: right bottom; | |
transform-origin: right bottom; | |
-webkit-transform: none; | |
transform: none; | |
opacity: 1 | |
} | |
} | |
.rotateInDownRight { | |
-webkit-animation-name: rotateInDownRight; | |
animation-name: rotateInDownRight | |
} | |
@-webkit-keyframes rotateInUpLeft { | |
from { | |
-webkit-transform-origin: left bottom; | |
transform-origin: left bottom; | |
-webkit-transform: rotate3d(0, 0, 1, 45deg); | |
transform: rotate3d(0, 0, 1, 45deg); | |
opacity: 0 | |
} | |
to { | |
-webkit-transform-origin: left bottom; | |
transform-origin: left bottom; | |
-webkit-transform: none; | |
transform: none; | |
opacity: 1 | |
} | |
} | |
@keyframes rotateInUpLeft { | |
from { | |
-webkit-transform-origin: left bottom; | |
transform-origin: left bottom; | |
-webkit-transform: rotate3d(0, 0, 1, 45deg); | |
transform: rotate3d(0, 0, 1, 45deg); | |
opacity: 0 | |
} | |
to { | |
-webkit-transform-origin: left bottom; | |
transform-origin: left bottom; | |
-webkit-transform: none; | |
transform: none; | |
opacity: 1 | |
} | |
} | |
.rotateInUpLeft { | |
-webkit-animation-name: rotateInUpLeft; | |
animation-name: rotateInUpLeft | |
} | |
@-webkit-keyframes rotateInUpRight { | |
from { | |
-webkit-transform-origin: right bottom; | |
transform-origin: right bottom; | |
-webkit-transform: rotate3d(0, 0, 1, -90deg); | |
transform: rotate3d(0, 0, 1, -90deg); | |
opacity: 0 | |
} | |
to { | |
-webkit-transform-origin: right bottom; | |
transform-origin: right bottom; | |
-webkit-transform: none; | |
transform: none; | |
opacity: 1 | |
} | |
} | |
@keyframes rotateInUpRight { | |
from { | |
-webkit-transform-origin: right bottom; | |
transform-origin: right bottom; | |
-webkit-transform: rotate3d(0, 0, 1, -90deg); | |
transform: rotate3d(0, 0, 1, -90deg); | |
opacity: 0 | |
} | |
to { | |
-webkit-transform-origin: right bottom; | |
transform-origin: right bottom; | |
-webkit-transform: none; | |
transform: none; | |
opacity: 1 | |
} | |
} | |
.rotateInUpRight { | |
-webkit-animation-name: rotateInUpRight; | |
animation-name: rotateInUpRight | |
} | |
@-webkit-keyframes rotateOut { | |
from { | |
-webkit-transform-origin: center; | |
transform-origin: center; | |
opacity: 1 | |
} | |
to { | |
-webkit-transform-origin: center; | |
transform-origin: center; | |
-webkit-transform: rotate3d(0, 0, 1, 200deg); | |
transform: rotate3d(0, 0, 1, 200deg); | |
opacity: 0 | |
} | |
} | |
@keyframes rotateOut { | |
from { | |
-webkit-transform-origin: center; | |
transform-origin: center; | |
opacity: 1 | |
} | |
to { | |
-webkit-transform-origin: center; | |
transform-origin: center; | |
-webkit-transform: rotate3d(0, 0, 1, 200deg); | |
transform: rotate3d(0, 0, 1, 200deg); | |
opacity: 0 | |
} | |
} | |
.rotateOut { | |
-webkit-animation-name: rotateOut; | |
animation-name: rotateOut | |
} | |
@-webkit-keyframes rotateOutDownLeft { | |
from { | |
-webkit-transform-origin: left bottom; | |
transform-origin: left bottom; | |
opacity: 1 | |
} | |
to { | |
-webkit-transform-origin: left bottom; | |
transform-origin: left bottom; | |
-webkit-transform: rotate3d(0, 0, 1, 45deg); | |
transform: rotate3d(0, 0, 1, 45deg); | |
opacity: 0 | |
} | |
} | |
@keyframes rotateOutDownLeft { | |
from { | |
-webkit-transform-origin: left bottom; | |
transform-origin: left bottom; | |
opacity: 1 | |
} | |
to { | |
-webkit-transform-origin: left bottom; | |
transform-origin: left bottom; | |
-webkit-transform: rotate3d(0, 0, 1, 45deg); | |
transform: rotate3d(0, 0, 1, 45deg); | |
opacity: 0 | |
} | |
} | |
.rotateOutDownLeft { | |
-webkit-animation-name: rotateOutDownLeft; | |
animation-name: rotateOutDownLeft | |
} | |
@-webkit-keyframes rotateOutDownRight { | |
from { | |
-webkit-transform-origin: right bottom; | |
transform-origin: right bottom; | |
opacity: 1 | |
} | |
to { | |
-webkit-transform-origin: right bottom; | |
transform-origin: right bottom; | |
-webkit-transform: rotate3d(0, 0, 1, -45deg); | |
transform: rotate3d(0, 0, 1, -45deg); | |
opacity: 0 | |
} | |
} | |
@keyframes rotateOutDownRight { | |
from { | |
-webkit-transform-origin: right bottom; | |
transform-origin: right bottom; | |
opacity: 1 | |
} | |
to { | |
-webkit-transform-origin: right bottom; | |
transform-origin: right bottom; | |
-webkit-transform: rotate3d(0, 0, 1, -45deg); | |
transform: rotate3d(0, 0, 1, -45deg); | |
opacity: 0 | |
} | |
} | |
.rotateOutDownRight { | |
-webkit-animation-name: rotateOutDownRight; | |
animation-name: rotateOutDownRight | |
} | |
@-webkit-keyframes rotateOutUpLeft { | |
from { | |
-webkit-transform-origin: left bottom; | |
transform-origin: left bottom; | |
opacity: 1 | |
} | |
to { | |
-webkit-transform-origin: left bottom; | |
transform-origin: left bottom; | |
-webkit-transform: rotate3d(0, 0, 1, -45deg); | |
transform: rotate3d(0, 0, 1, -45deg); | |
opacity: 0 | |
} | |
} | |
@keyframes rotateOutUpLeft { | |
from { | |
-webkit-transform-origin: left bottom; | |
transform-origin: left bottom; | |
opacity: 1 | |
} | |
to { | |
-webkit-transform-origin: left bottom; | |
transform-origin: left bottom; | |
-webkit-transform: rotate3d(0, 0, 1, -45deg); | |
transform: rotate3d(0, 0, 1, -45deg); | |
opacity: 0 | |
} | |
} | |
.rotateOutUpLeft { | |
-webkit-animation-name: rotateOutUpLeft; | |
animation-name: rotateOutUpLeft | |
} | |
@-webkit-keyframes rotateOutUpRight { | |
from { | |
-webkit-transform-origin: right bottom; | |
transform-origin: right bottom; | |
opacity: 1 | |
} | |
to { | |
-webkit-transform-origin: right bottom; | |
transform-origin: right bottom; | |
-webkit-transform: rotate3d(0, 0, 1, 90deg); | |
transform: rotate3d(0, 0, 1, 90deg); | |
opacity: 0 | |
} | |
} | |
@keyframes rotateOutUpRight { | |
from { | |
-webkit-transform-origin: right bottom; | |
transform-origin: right bottom; | |
opacity: 1 | |
} | |
to { | |
-webkit-transform-origin: right bottom; | |
transform-origin: right bottom; | |
-webkit-transform: rotate3d(0, 0, 1, 90deg); | |
transform: rotate3d(0, 0, 1, 90deg); | |
opacity: 0 | |
} | |
} | |
.rotateOutUpRight { | |
-webkit-animation-name: rotateOutUpRight; | |
animation-name: rotateOutUpRight | |
} | |
@-webkit-keyframes hinge { | |
0% { | |
-webkit-transform-origin: top left; | |
transform-origin: top left; | |
-webkit-animation-timing-function: ease-in-out; | |
animation-timing-function: ease-in-out | |
} | |
20%, | |
60% { | |
-webkit-transform: rotate3d(0, 0, 1, 80deg); | |
transform: rotate3d(0, 0, 1, 80deg); | |
-webkit-transform-origin: top left; | |
transform-origin: top left; | |
-webkit-animation-timing-function: ease-in-out; | |
animation-timing-function: ease-in-out | |
} | |
40%, | |
80% { | |
-webkit-transform: rotate3d(0, 0, 1, 60deg); | |
transform: rotate3d(0, 0, 1, 60deg); | |
-webkit-transform-origin: top left; | |
transform-origin: top left; | |
-webkit-animation-timing-function: ease-in-out; | |
animation-timing-function: ease-in-out; | |
opacity: 1 | |
} | |
to { | |
-webkit-transform: translate3d(0, 700px, 0); | |
transform: translate3d(0, 700px, 0); | |
opacity: 0 | |
} | |
} | |
@keyframes hinge { | |
0% { | |
-webkit-transform-origin: top left; | |
transform-origin: top left; | |
-webkit-animation-timing-function: ease-in-out; | |
animation-timing-function: ease-in-out | |
} | |
20%, | |
60% { | |
-webkit-transform: rotate3d(0, 0, 1, 80deg); | |
transform: rotate3d(0, 0, 1, 80deg); | |
-webkit-transform-origin: top left; | |
transform-origin: top left; | |
-webkit-animation-timing-function: ease-in-out; | |
animation-timing-function: ease-in-out | |
} | |
40%, | |
80% { | |
-webkit-transform: rotate3d(0, 0, 1, 60deg); | |
transform: rotate3d(0, 0, 1, 60deg); | |
-webkit-transform-origin: top left; | |
transform-origin: top left; | |
-webkit-animation-timing-function: ease-in-out; | |
animation-timing-function: ease-in-out; | |
opacity: 1 | |
} | |
to { | |
-webkit-transform: translate3d(0, 700px, 0); | |
transform: translate3d(0, 700px, 0); | |
opacity: 0 | |
} | |
} | |
.hinge { | |
-webkit-animation-name: hinge; | |
animation-name: hinge | |
} | |
@-webkit-keyframes rollIn { | |
from { | |
opacity: 0; | |
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); | |
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg) | |
} | |
to { | |
opacity: 1; | |
-webkit-transform: none; | |
transform: none | |
} | |
} | |
@keyframes rollIn { | |
from { | |
opacity: 0; | |
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); | |
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg) | |
} | |
to { | |
opacity: 1; | |
-webkit-transform: none; | |
transform: none | |
} | |
} | |
.rollIn { | |
-webkit-animation-name: rollIn; | |
animation-name: rollIn | |
} | |
@-webkit-keyframes rollOut { | |
from { | |
opacity: 1 | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); | |
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg) | |
} | |
} | |
@keyframes rollOut { | |
from { | |
opacity: 1 | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); | |
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg) | |
} | |
} | |
.rollOut { | |
-webkit-animation-name: rollOut; | |
animation-name: rollOut | |
} | |
@-webkit-keyframes zoomIn { | |
from { | |
opacity: 0; | |
-webkit-transform: scale3d(.3, .3, .3); | |
transform: scale3d(.3, .3, .3) | |
} | |
50% { | |
opacity: 1 | |
} | |
} | |
@keyframes zoomIn { | |
from { | |
opacity: 0; | |
-webkit-transform: scale3d(.3, .3, .3); | |
transform: scale3d(.3, .3, .3) | |
} | |
50% { | |
opacity: 1 | |
} | |
} | |
.zoomIn { | |
-webkit-animation-name: zoomIn; | |
animation-name: zoomIn | |
} | |
@-webkit-keyframes zoomSlow { | |
from { | |
opacity: 0; | |
-webkit-transform: scale3d(1, 1, 1); | |
transform: scale3d(1, 1, 1) | |
} | |
to { | |
opacity: 1; | |
-webkit-transform: scale3d(1.0125, 1.0125, 1.0125); | |
transform: scale3d(1.0125, 1.0125, 1.0125) | |
} | |
} | |
@keyframes zoomSlow { | |
from { | |
opacity: 0; | |
visibility: hidden; | |
-webkit-transform: scale3d(1, 1, 1); | |
transform: scale3d(1, 1, 1) | |
} | |
to { | |
opacity: .8; | |
visibility: visible; | |
-webkit-transform: scale3d(1.0125, 1.0125, 1.0125); | |
transform: scale3d(1.0125, 1.0125, 1.0125) | |
} | |
} | |
.zoomSlow { | |
-webkit-animation-name: zoomSlow; | |
animation-name: zoomSlow | |
} | |
@-webkit-keyframes zoomInDown { | |
from { | |
opacity: 0; | |
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); | |
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); | |
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); | |
animation-timing-function: cubic-bezier(.55, .055, .675, .19) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); | |
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); | |
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); | |
animation-timing-function: cubic-bezier(.175, .885, .32, 1) | |
} | |
} | |
@keyframes zoomInDown { | |
from { | |
opacity: 0; | |
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); | |
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); | |
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); | |
animation-timing-function: cubic-bezier(.55, .055, .675, .19) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); | |
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); | |
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); | |
animation-timing-function: cubic-bezier(.175, .885, .32, 1) | |
} | |
} | |
.zoomInDown { | |
-webkit-animation-name: zoomInDown; | |
animation-name: zoomInDown | |
} | |
@-webkit-keyframes zoomInLeft { | |
from { | |
opacity: 0; | |
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); | |
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); | |
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); | |
animation-timing-function: cubic-bezier(.55, .055, .675, .19) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); | |
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); | |
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); | |
animation-timing-function: cubic-bezier(.175, .885, .32, 1) | |
} | |
} | |
@keyframes zoomInLeft { | |
from { | |
opacity: 0; | |
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); | |
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); | |
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); | |
animation-timing-function: cubic-bezier(.55, .055, .675, .19) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); | |
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); | |
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); | |
animation-timing-function: cubic-bezier(.175, .885, .32, 1) | |
} | |
} | |
.zoomInLeft { | |
-webkit-animation-name: zoomInLeft; | |
animation-name: zoomInLeft | |
} | |
@-webkit-keyframes zoomInRight { | |
from { | |
opacity: 0; | |
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); | |
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); | |
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); | |
animation-timing-function: cubic-bezier(.55, .055, .675, .19) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); | |
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); | |
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); | |
animation-timing-function: cubic-bezier(.175, .885, .32, 1) | |
} | |
} | |
@keyframes zoomInRight { | |
from { | |
opacity: 0; | |
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); | |
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); | |
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); | |
animation-timing-function: cubic-bezier(.55, .055, .675, .19) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); | |
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); | |
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); | |
animation-timing-function: cubic-bezier(.175, .885, .32, 1) | |
} | |
} | |
.zoomInRight { | |
-webkit-animation-name: zoomInRight; | |
animation-name: zoomInRight | |
} | |
@-webkit-keyframes zoomInUp { | |
from { | |
opacity: 0; | |
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); | |
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); | |
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); | |
animation-timing-function: cubic-bezier(.55, .055, .675, .19) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); | |
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); | |
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); | |
animation-timing-function: cubic-bezier(.175, .885, .32, 1) | |
} | |
} | |
@keyframes zoomInUp { | |
from { | |
opacity: 0; | |
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); | |
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); | |
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); | |
animation-timing-function: cubic-bezier(.55, .055, .675, .19) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); | |
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); | |
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); | |
animation-timing-function: cubic-bezier(.175, .885, .32, 1) | |
} | |
} | |
.zoomInUp { | |
-webkit-animation-name: zoomInUp; | |
animation-name: zoomInUp | |
} | |
@-webkit-keyframes zoomOut { | |
from { | |
opacity: 1 | |
} | |
50% { | |
opacity: 0; | |
-webkit-transform: scale3d(.3, .3, .3); | |
transform: scale3d(.3, .3, .3) | |
} | |
to { | |
opacity: 0 | |
} | |
} | |
@keyframes zoomOut { | |
from { | |
opacity: 1 | |
} | |
50% { | |
opacity: 0; | |
-webkit-transform: scale3d(.3, .3, .3); | |
transform: scale3d(.3, .3, .3) | |
} | |
to { | |
opacity: 0 | |
} | |
} | |
.zoomOut { | |
-webkit-animation-name: zoomOut; | |
animation-name: zoomOut | |
} | |
@-webkit-keyframes zoomOutDown { | |
40% { | |
opacity: 1; | |
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); | |
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); | |
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); | |
animation-timing-function: cubic-bezier(.55, .055, .675, .19) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); | |
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); | |
-webkit-transform-origin: center bottom; | |
transform-origin: center bottom; | |
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); | |
animation-timing-function: cubic-bezier(.175, .885, .32, 1) | |
} | |
} | |
@keyframes zoomOutDown { | |
40% { | |
opacity: 1; | |
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); | |
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); | |
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); | |
animation-timing-function: cubic-bezier(.55, .055, .675, .19) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); | |
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); | |
-webkit-transform-origin: center bottom; | |
transform-origin: center bottom; | |
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); | |
animation-timing-function: cubic-bezier(.175, .885, .32, 1) | |
} | |
} | |
.zoomOutDown { | |
-webkit-animation-name: zoomOutDown; | |
animation-name: zoomOutDown | |
} | |
@-webkit-keyframes zoomOutLeft { | |
40% { | |
opacity: 1; | |
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); | |
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0); | |
transform: scale(.1) translate3d(-2000px, 0, 0); | |
-webkit-transform-origin: left center; | |
transform-origin: left center | |
} | |
} | |
@keyframes zoomOutLeft { | |
40% { | |
opacity: 1; | |
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); | |
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0); | |
transform: scale(.1) translate3d(-2000px, 0, 0); | |
-webkit-transform-origin: left center; | |
transform-origin: left center | |
} | |
} | |
.zoomOutLeft { | |
-webkit-animation-name: zoomOutLeft; | |
animation-name: zoomOutLeft | |
} | |
@-webkit-keyframes zoomOutRight { | |
40% { | |
opacity: 1; | |
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); | |
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: scale(.1) translate3d(2000px, 0, 0); | |
transform: scale(.1) translate3d(2000px, 0, 0); | |
-webkit-transform-origin: right center; | |
transform-origin: right center | |
} | |
} | |
@keyframes zoomOutRight { | |
40% { | |
opacity: 1; | |
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); | |
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: scale(.1) translate3d(2000px, 0, 0); | |
transform: scale(.1) translate3d(2000px, 0, 0); | |
-webkit-transform-origin: right center; | |
transform-origin: right center | |
} | |
} | |
.zoomOutRight { | |
-webkit-animation-name: zoomOutRight; | |
animation-name: zoomOutRight | |
} | |
@-webkit-keyframes zoomOutUp { | |
40% { | |
opacity: 1; | |
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); | |
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); | |
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); | |
animation-timing-function: cubic-bezier(.55, .055, .675, .19) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); | |
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); | |
-webkit-transform-origin: center bottom; | |
transform-origin: center bottom; | |
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); | |
animation-timing-function: cubic-bezier(.175, .885, .32, 1) | |
} | |
} | |
@keyframes zoomOutUp { | |
40% { | |
opacity: 1; | |
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); | |
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); | |
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); | |
animation-timing-function: cubic-bezier(.55, .055, .675, .19) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); | |
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); | |
-webkit-transform-origin: center bottom; | |
transform-origin: center bottom; | |
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); | |
animation-timing-function: cubic-bezier(.175, .885, .32, 1) | |
} | |
} | |
.zoomOutUp { | |
-webkit-animation-name: zoomOutUp; | |
animation-name: zoomOutUp | |
} | |
@-webkit-keyframes slideInDown { | |
from { | |
-webkit-transform: translate3d(0, -100%, 0); | |
transform: translate3d(0, -100%, 0); | |
visibility: visible | |
} | |
to { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0) | |
} | |
} | |
@keyframes slideInDown { | |
from { | |
-webkit-transform: translate3d(0, -100%, 0); | |
transform: translate3d(0, -100%, 0); | |
visibility: visible | |
} | |
to { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0) | |
} | |
} | |
.slideInDown { | |
-webkit-animation-name: slideInDown; | |
animation-name: slideInDown | |
} | |
@-webkit-keyframes slideInLeft { | |
from { | |
-webkit-transform: translate3d(-100%, 0, 0); | |
transform: translate3d(-100%, 0, 0); | |
visibility: visible | |
} | |
to { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0) | |
} | |
} | |
@keyframes slideInLeft { | |
from { | |
-webkit-transform: translate3d(-100%, 0, 0); | |
transform: translate3d(-100%, 0, 0); | |
visibility: visible | |
} | |
to { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0) | |
} | |
} | |
.slideInLeft { | |
-webkit-animation-name: slideInLeft; | |
animation-name: slideInLeft | |
} | |
@-webkit-keyframes slideInRight { | |
from { | |
-webkit-transform: translate3d(100%, 0, 0); | |
transform: translate3d(100%, 0, 0); | |
visibility: visible | |
} | |
to { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0) | |
} | |
} | |
@keyframes slideInRight { | |
from { | |
-webkit-transform: translate3d(100%, 0, 0); | |
transform: translate3d(100%, 0, 0); | |
visibility: visible | |
} | |
to { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0) | |
} | |
} | |
.slideInRight { | |
-webkit-animation-name: slideInRight; | |
animation-name: slideInRight | |
} | |
@-webkit-keyframes slideInUp { | |
from { | |
-webkit-transform: translate3d(0, 100%, 0); | |
transform: translate3d(0, 100%, 0); | |
visibility: visible | |
} | |
to { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0) | |
} | |
} | |
@keyframes slideInUp { | |
from { | |
-webkit-transform: translate3d(0, 100%, 0); | |
transform: translate3d(0, 100%, 0); | |
visibility: visible | |
} | |
to { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0) | |
} | |
} | |
.slideInUp { | |
-webkit-animation-name: slideInUp; | |
animation-name: slideInUp | |
} | |
@-webkit-keyframes slideOutDown { | |
from { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0) | |
} | |
to { | |
visibility: hidden; | |
-webkit-transform: translate3d(0, 100%, 0); | |
transform: translate3d(0, 100%, 0) | |
} | |
} | |
@keyframes slideOutDown { | |
from { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0) | |
} | |
to { | |
visibility: hidden; | |
-webkit-transform: translate3d(0, 100%, 0); | |
transform: translate3d(0, 100%, 0) | |
} | |
} | |
.slideOutDown { | |
-webkit-animation-name: slideOutDown; | |
animation-name: slideOutDown | |
} | |
@-webkit-keyframes slideOutLeft { | |
from { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0) | |
} | |
to { | |
visibility: hidden; | |
-webkit-transform: translate3d(-100%, 0, 0); | |
transform: translate3d(-100%, 0, 0) | |
} | |
} | |
@keyframes slideOutLeft { | |
from { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0) | |
} | |
to { | |
visibility: hidden; | |
-webkit-transform: translate3d(-100%, 0, 0); | |
transform: translate3d(-100%, 0, 0) | |
} | |
} | |
.slideOutLeft { | |
-webkit-animation-name: slideOutLeft; | |
animation-name: slideOutLeft | |
} | |
@-webkit-keyframes slideOutRight { | |
from { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0) | |
} | |
to { | |
visibility: hidden; | |
-webkit-transform: translate3d(100%, 0, 0); | |
transform: translate3d(100%, 0, 0) | |
} | |
} | |
@keyframes slideOutRight { | |
from { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0) | |
} | |
to { | |
visibility: hidden; | |
-webkit-transform: translate3d(100%, 0, 0); | |
transform: translate3d(100%, 0, 0) | |
} | |
} | |
.slideOutRight { | |
-webkit-animation-name: slideOutRight; | |
animation-name: slideOutRight | |
} | |
@-webkit-keyframes slideOutUp { | |
from { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0) | |
} | |
to { | |
visibility: hidden; | |
-webkit-transform: translate3d(0, -100%, 0); | |
transform: translate3d(0, -100%, 0) | |
} | |
} | |
@keyframes slideOutUp { | |
from { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0) | |
} | |
to { | |
visibility: hidden; | |
-webkit-transform: translate3d(0, -100%, 0); | |
transform: translate3d(0, -100%, 0) | |
} | |
} | |
.slideOutUp { | |
-webkit-animation-name: slideOutUp; | |
animation-name: slideOutUp | |
} | |
.megamenu .dropdown, | |
.megamenu .dropup, | |
.megamenu .nav, | |
.megamenu>.collapse { | |
position: static | |
} | |
.megamenu .container { | |
position: relative | |
} | |
.megamenu .dropdown-menu { | |
left: auto; | |
border-radius: 0; | |
background-color: rgba(255, 255, 255, .9); | |
backdrop-filter: blur(5px); | |
-webkit-backdrop-filter: blur(5px); | |
max-height: -o-calc(100vh - 120px); | |
max-height: calc(100vh - 120px); | |
overflow: auto; | |
overflow-y: auto; | |
overflow-x: hidden; | |
-webkit-overflow-scrolling: touch | |
} | |
.megamenu .megamenu-content { | |
padding: 20px 30px | |
} | |
.megamenu .dropdown.megamenu-fw .dropdown-menu, | |
.megamenu .dropup.megamenu-fw .dropdown-menu { | |
left: 0; | |
right: 0 | |
} | |
.megamenu .dropup .dropdown-menu { | |
height: -o-calc(100vh - 120px); | |
height: calc(100vh - 120px) | |
} | |
.modal-backdrop.in { | |
backdrop-filter: blur(10px); | |
-webkit-backdrop-filter: blur(10px) | |
} | |
[class*=' col-']>.row.margin-sm, | |
[class^=col-]>.row.margin-sm { | |
margin-left: -5px!important; | |
margin-right: -5px!important | |
} | |
[class*=' col-']>.row.margin-xs, | |
[class^=col-]>.row.margin-xs { | |
margin-left: -.5px!important; | |
margin-right: -.5px!important | |
} | |
.row.margin-xs { | |
margin-right: .5px; | |
margin-left: .5px | |
} | |
.row.margin-xs>.col-lg-1, | |
.row.margin-xs>.col-lg-10, | |
.row.margin-xs>.col-lg-11, | |
.row.margin-xs>.col-lg-12, | |
.row.margin-xs>.col-lg-2, | |
.row.margin-xs>.col-lg-3, | |
.row.margin-xs>.col-lg-4, | |
.row.margin-xs>.col-lg-5, | |
.row.margin-xs>.col-lg-6, | |
.row.margin-xs>.col-lg-7, | |
.row.margin-xs>.col-lg-8, | |
.row.margin-xs>.col-lg-9, | |
.row.margin-xs>.col-md-1, | |
.row.margin-xs>.col-md-10, | |
.row.margin-xs>.col-md-11, | |
.row.margin-xs>.col-md-12, | |
.row.margin-xs>.col-md-2, | |
.row.margin-xs>.col-md-3, | |
.row.margin-xs>.col-md-4, | |
.row.margin-xs>.col-md-5, | |
.row.margin-xs>.col-md-6, | |
.row.margin-xs>.col-md-7, | |
.row.margin-xs>.col-md-8, | |
.row.margin-xs>.col-md-9, | |
.row.margin-xs>.col-sm-1, | |
.row.margin-xs>.col-sm-10, | |
.row.margin-xs>.col-sm-11, | |
.row.margin-xs>.col-sm-12, | |
.row.margin-xs>.col-sm-2, | |
.row.margin-xs>.col-sm-3, | |
.row.margin-xs>.col-sm-4, | |
.row.margin-xs>.col-sm-5, | |
.row.margin-xs>.col-sm-6, | |
.row.margin-xs>.col-sm-7, | |
.row.margin-xs>.col-sm-8, | |
.row.margin-xs>.col-sm-9, | |
.row.margin-xs>.col-xs-1, | |
.row.margin-xs>.col-xs-10, | |
.row.margin-xs>.col-xs-11, | |
.row.margin-xs>.col-xs-12, | |
.row.margin-xs>.col-xs-2, | |
.row.margin-xs>.col-xs-3, | |
.row.margin-xs>.col-xs-4, | |
.row.margin-xs>.col-xs-5, | |
.row.margin-xs>.col-xs-6, | |
.row.margin-xs>.col-xs-7, | |
.row.margin-xs>.col-xs-8, | |
.row.margin-xs>.col-xs-9 { | |
padding-right: .5px; | |
padding-left: .5px | |
} | |
.row.margin-sm { | |
margin-right: 5px; | |
margin-left: 5px | |
} | |
.row.margin-sm>.col-lg-1, | |
.row.margin-sm>.col-lg-10, | |
.row.margin-sm>.col-lg-11, | |
.row.margin-sm>.col-lg-12, | |
.row.margin-sm>.col-lg-2, | |
.row.margin-sm>.col-lg-3, | |
.row.margin-sm>.col-lg-4, | |
.row.margin-sm>.col-lg-5, | |
.row.margin-sm>.col-lg-6, | |
.row.margin-sm>.col-lg-7, | |
.row.margin-sm>.col-lg-8, | |
.row.margin-sm>.col-lg-9, | |
.row.margin-sm>.col-md-1, | |
.row.margin-sm>.col-md-10, | |
.row.margin-sm>.col-md-11, | |
.row.margin-sm>.col-md-12, | |
.row.margin-sm>.col-md-2, | |
.row.margin-sm>.col-md-3, | |
.row.margin-sm>.col-md-4, | |
.row.margin-sm>.col-md-5, | |
.row.margin-sm>.col-md-6, | |
.row.margin-sm>.col-md-7, | |
.row.margin-sm>.col-md-8, | |
.row.margin-sm>.col-md-9, | |
.row.margin-sm>.col-sm-1, | |
.row.margin-sm>.col-sm-10, | |
.row.margin-sm>.col-sm-11, | |
.row.margin-sm>.col-sm-12, | |
.row.margin-sm>.col-sm-2, | |
.row.margin-sm>.col-sm-3, | |
.row.margin-sm>.col-sm-4, | |
.row.margin-sm>.col-sm-5, | |
.row.margin-sm>.col-sm-6, | |
.row.margin-sm>.col-sm-7, | |
.row.margin-sm>.col-sm-8, | |
.row.margin-sm>.col-sm-9, | |
.row.margin-sm>.col-xs-1, | |
.row.margin-sm>.col-xs-10, | |
.row.margin-sm>.col-xs-11, | |
.row.margin-sm>.col-xs-12, | |
.row.margin-sm>.col-xs-2, | |
.row.margin-sm>.col-xs-3, | |
.row.margin-sm>.col-xs-4, | |
.row.margin-sm>.col-xs-5, | |
.row.margin-sm>.col-xs-6, | |
.row.margin-sm>.col-xs-7, | |
.row.margin-sm>.col-xs-8, | |
.row.margin-sm>.col-xs-9 { | |
padding-right: 5px; | |
padding-left: 5px | |
} | |
.row.no-margin { | |
margin-right: 0; | |
margin-left: 0 | |
} | |
.row.no-margin>.col-lg-1, | |
.row.no-margin>.col-lg-10, | |
.row.no-margin>.col-lg-11, | |
.row.no-margin>.col-lg-12, | |
.row.no-margin>.col-lg-2, | |
.row.no-margin>.col-lg-3, | |
.row.no-margin>.col-lg-4, | |
.row.no-margin>.col-lg-5, | |
.row.no-margin>.col-lg-6, | |
.row.no-margin>.col-lg-7, | |
.row.no-margin>.col-lg-8, | |
.row.no-margin>.col-lg-9, | |
.row.no-margin>.col-md-1, | |
.row.no-margin>.col-md-10, | |
.row.no-margin>.col-md-11, | |
.row.no-margin>.col-md-12, | |
.row.no-margin>.col-md-2, | |
.row.no-margin>.col-md-3, | |
.row.no-margin>.col-md-4, | |
.row.no-margin>.col-md-5, | |
.row.no-margin>.col-md-6, | |
.row.no-margin>.col-md-7, | |
.row.no-margin>.col-md-8, | |
.row.no-margin>.col-md-9, | |
.row.no-margin>.col-sm-1, | |
.row.no-margin>.col-sm-10, | |
.row.no-margin>.col-sm-11, | |
.row.no-margin>.col-sm-12, | |
.row.no-margin>.col-sm-2, | |
.row.no-margin>.col-sm-3, | |
.row.no-margin>.col-sm-4, | |
.row.no-margin>.col-sm-5, | |
.row.no-margin>.col-sm-6, | |
.row.no-margin>.col-sm-7, | |
.row.no-margin>.col-sm-8, | |
.row.no-margin>.col-sm-9, | |
.row.no-margin>.col-xs-1, | |
.row.no-margin>.col-xs-10, | |
.row.no-margin>.col-xs-11, | |
.row.no-margin>.col-xs-12, | |
.row.no-margin>.col-xs-2, | |
.row.no-margin>.col-xs-3, | |
.row.no-margin>.col-xs-4, | |
.row.no-margin>.col-xs-5, | |
.row.no-margin>.col-xs-6, | |
.row.no-margin>.col-xs-7, | |
.row.no-margin>.col-xs-8, | |
.row.no-margin>.col-xs-9 { | |
padding-right: 0; | |
padding-left: 0 | |
} | |
.branch-profile-background { | |
position: relative; | |
background: #00263a; | |
overflow: hidden; | |
padding: 30px; | |
color: #fff; | |
width: 100%; | |
border-radius: 6px | |
} | |
.branch-profile-background:before { | |
content: ' '; | |
display: block; | |
position: absolute; | |
left: 0; | |
top: 0; | |
width: 100%; | |
height: 100%; | |
z-index: 1; | |
opacity: .25; | |
-ms-background-size: cover!important; | |
background-size: cover!important; | |
-moz-filter: blur(8px) grayscale(75%); | |
-webkit-filter: blur(8px) grayscale(75%); | |
-o-filter: blur(8px) grayscale(75%); | |
filter: blur(8px) grayscale(75%) | |
} | |
.branch-profile-background>.branch-profile-content { | |
z-index: 2; | |
position: relative | |
} | |
.branch-profile-background .branch-profile-img { | |
border: 1px solid #fff; | |
z-index: 0 | |
} | |
.branch-profile-background .branch-profile-img>.spinner-animated { | |
z-index: -1 | |
} | |
.agent-profile-background { | |
position: relative; | |
background: #00263a; | |
overflow: hidden; | |
border-radius: 6px; | |
display: table; | |
padding: 30px; | |
color: #fff; | |
min-height: 60vh; | |
width: 100% | |
} | |
.agent-profile-background a, | |
.agent-profile-background a:hover { | |
color: #fff | |
} | |
.agent-profile-background .profile-image div { | |
box-shadow: none | |
} | |
.agent-profile-background:before { | |
content: ' '; | |
display: block; | |
position: absolute; | |
left: 0; | |
top: 0; | |
width: 100%; | |
height: 100%; | |
z-index: 1; | |
opacity: .25; | |
background-repeat: no-repeat; | |
background-position: center center; | |
-ms-background-size: cover; | |
background-size: cover; | |
-moz-filter: blur(8px) grayscale(75%); | |
-webkit-filter: blur(8px) grayscale(75%); | |
-o-filter: blur(8px) grayscale(75%); | |
filter: blur(8px) grayscale(75%) | |
} | |
.agent-profile-background>.agent-profile-content { | |
z-index: 2; | |
position: relative; | |
display: table-cell; | |
vertical-align: middle; | |
text-align: center | |
} | |
.agent-profile-background>.agent-profile-content>.profile-image { | |
float: none; | |
text-align: left; | |
margin-left: 50%; | |
margin-left: -o-calc(50% - 48px); | |
margin-left: calc(50% - 48px); | |
width: auto; | |
height: auto | |
} | |
.large-agent-profile .agent-profile-background>.agent-profile-content>.profile-image { | |
margin-left: -o-calc(50% - 96px); | |
margin-left: calc(50% - 96px) | |
} | |
.large-agent-profile .agent-profile-background>.agent-profile-content>.profile-image>div { | |
width: 192px; | |
height: 192px; | |
max-height: 192px | |
} | |
.large-agent-profile .agent-profile-background>.agent-profile-content>.profile-image>div>img { | |
width: 184px | |
} | |
.autocomplete-suggestions { | |
min-width: 160px; | |
padding: 5px 0; | |
margin: -5px 0 0; | |
font-size: 14px; | |
text-align: left; | |
list-style: none; | |
background-clip: padding-box; | |
border: 1px solid #66afe9; | |
border-radius: 0 0 4px 4px; | |
border-top: none; | |
background-color: #fff; | |
overflow: auto; | |
overflow-y: auto; | |
overflow-x: hidden; | |
-webkit-overflow-scrolling: touch | |
} | |
.autocomplete-suggestions .autocomplete-group { | |
background-color: #e7e8ea; | |
text-align: center; | |
font-size: 16px; | |
padding: 6px 15px | |
} | |
.autocomplete-suggestions .autocomplete-group strong { | |
font-weight: 100 | |
} | |
.autocomplete-suggestions .autocomplete-suggestion { | |
display: block; | |
padding: 10px 15px; | |
clear: both; | |
font-size: 14px; | |
line-height: 18px; | |
white-space: nowrap; | |
border-bottom: 1px solid #ccc; | |
color: #919193; | |
cursor: url(/public/img/svg/cursor-pointer.svg) 14.5 11, pointer | |
} | |
.autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected, | |
.autocomplete-suggestions .autocomplete-suggestion:hover { | |
background-color: #f5f5f5 | |
} | |
.autocomplete-suggestions .autocomplete-suggestion strong { | |
color: #00263a; | |
font-weight: 100 | |
} | |
#topNavigationSearch .autocomplete-suggestions { | |
position: fixed!important | |
} | |
.responsive-search { | |
padding: 10px 0; | |
background-color: rgba(231, 232, 234, .25); | |
border-radius: 3px; | |
backdrop-filter: blur(2px); | |
-webkit-backdrop-filter: blur(2px); | |
margin-bottom: 10px | |
} | |
.result-details-container .pagination { | |
margin: 0 | |
} | |
#WidgetFloaterPanels { | |
display: none!important; | |
width: 0!important; | |
position: absolute | |
} | |
.addeventatc { | |
position: relative; | |
cursor: url(/public/img/svg/cursor-pointer.svg) 14.5 11, pointer!important; | |
background: #fff; | |
border: 1px solid #c2c2c2; | |
border-radius: 3px; | |
line-height: 1.5; | |
-webkit-touch-callout: none; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
user-select: none | |
} | |
.addeventatc:active, | |
.addeventatc:hover { | |
background-color: #bababa; | |
border-color: #bababa | |
} | |
.addeventatc:active { | |
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) | |
} | |
.addeventatc .alarm_reminder, | |
.addeventatc .all_day_event, | |
.addeventatc .attendees, | |
.addeventatc .date_format, | |
.addeventatc .description, | |
.addeventatc .end, | |
.addeventatc .facebook_event, | |
.addeventatc .location, | |
.addeventatc .organizer, | |
.addeventatc .organizer_email, | |
.addeventatc .recurring, | |
.addeventatc .start, | |
.addeventatc .timezone, | |
.addeventatc .title, | |
em.copyx { | |
display: none!important | |
} | |
.addeventatc_dropdown { | |
width: 100%; | |
position: absolute; | |
z-index: 99999; | |
padding: 6px 0 0; | |
background: #fff; | |
text-align: left; | |
display: none; | |
margin-top: -2px; | |
margin-left: -1px; | |
border-top: 1px solid #c8c8c8; | |
border-right: 1px solid #bebebe; | |
border-bottom: 1px solid #a8a8a8; | |
border-left: 1px solid #bebebe; | |
-moz-border-radius: 2px; | |
-webkit-border-radius: 2px; | |
box-shadow: 1px 3px 6px rgba(0, 0, 0, .15) | |
} | |
.addeventatc_dropdown span { | |
display: block; | |
line-height: 100%; | |
background: #fff; | |
text-decoration: none; | |
font-size: 12px; | |
color: #333; | |
padding: 9px 10px 9px 40px; | |
cursor: url(/public/img/svg/cursor-pointer.svg) 14.5 11, pointer!important; | |
-webkit-touch-callout: none; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
user-select: none | |
} | |
.addeventatc_dropdown span:hover { | |
background-color: #f4f4f4; | |
color: #000; | |
text-decoration: none | |
} | |
.addeventatc_dropdown em { | |
color: #999!important; | |
font-size: 11px!important | |
} | |
.pac-container { | |
z-index: 9999 | |
} | |
@supports (-ms-accelerator:true) { | |
a svg use, | |
button svg use { | |
pointer-events: none | |
} | |
} | |
.sold-listing { | |
position: relative; | |
margin-bottom: 5px; | |
width: 280px; | |
cursor: move | |
} | |
.sold-listing .details { | |
width: 280px; | |
float: left | |
} | |
.sold-listing .details img { | |
width: 280px; | |
height: 157px | |
} | |
.sold-listing .details .infoDetail { | |
position: absolute; | |
bottom: 0; | |
text-align: center; | |
color: #fff; | |
height: 40px; | |
left: 0; | |
width: 100%; | |
background-color: rgba(0, 0, 0, .65) | |
} | |
.sold-listing .details .infoDetail p { | |
margin: 3px 0; | |
text-align: center; | |
color: #FFF; | |
font-size: 11px | |
} | |
.sold-listing .settings { | |
display: none; | |
float: left; | |
background-color: #FFF | |
} | |
#myBayleysContent .override-options { | |
padding: 10px 0 0 20px | |
} | |
#myBayleysContent .override-options .myButton { | |
font-size: 18px; | |
float: right | |
} | |
#myBayleysContent .select-listings { | |
margin-top: 20px; | |
margin-left: 20px; | |
margin-bottom: 20px | |
} | |
#myBayleysContent .select-listings .left { | |
padding: 20px; | |
background-color: #f1f1f9; | |
border-top-left-radius: 5px; | |
border-bottom-left-radius: 5px; | |
width: 320px; | |
height: 760px; | |
float: left; | |
overflow: hidden | |
} | |
#myBayleysContent .select-listings .right { | |
padding: 20px 20px 19px; | |
background-color: #d1d1d3; | |
border-top-right-radius: 5px; | |
border-bottom-right-radius: 5px; | |
width: 600px; | |
height: 760px; | |
float: left; | |
overflow: hidden | |
} | |
#myBayleysContent .header { | |
margin-bottom: 10px | |
} | |
#myBayleysContent .header #soldListingIdSearch { | |
padding: 5px; | |
width: 220px | |
} | |
#myBayleysContent .header #soldListingSearchButton { | |
height: 32px | |
} | |
#myBayleysContent #soldListingsSelected.header { | |
width: 555px | |
} | |
#myBayleysContent #soldListingsSelected.header span { | |
display: inline-block; | |
font-size: 16px; | |
margin-top: 10px; | |
margin-left: 0; | |
margin-right: 0; | |
line-height: 120% | |
} | |
#myBayleysContent #soldListingsSelected.header button { | |
float: right; | |
height: 32px | |
} | |
#myBayleysContent #listingsSelected .sold-listing .details, | |
.columns__column { | |
float: left | |
} | |
#myBayleysContent #listingsSold { | |
height: 646px; | |
width: 300px; | |
overflow-x: hidden; | |
overflow-y: scroll | |
} | |
#myBayleysContent #listingsSelected { | |
min-height: 485px; | |
width: 600px; | |
height: 648px; | |
overflow-y: auto; | |
margin-top: 13px | |
} | |
#myBayleysContent #listingsSelected .sold-listing { | |
width: 100% | |
} | |
#myBayleysContent #listingsSelected .sold-listing .details .infoDetail { | |
max-width: 280px | |
} | |
#myBayleysContent #listingsSelected .sold-listing .settings { | |
display: block; | |
width: 270px; | |
padding: 8px | |
} | |
#myBayleysContent #listingsSelected .sold-listing .settings .sold-listing-notes textarea { | |
width: 260px; | |
height: 70px | |
} | |
.mediaboard.fullscreen { | |
position: relative; | |
background-size: cover; | |
margin-bottom: 20px; | |
width: 100%; | |
height: 100%; | |
-o-object-fit: contain; | |
object-fit: contain; | |
background-color: #e7e8ea | |
} | |
.mediaboard.fullscreen:before { | |
display: block; | |
content: ""; | |
width: 100%; | |
padding-top: 56.25% | |
} | |
.mediaboard.fullscreen>.mediaboard-container { | |
position: absolute; | |
top: 0; | |
left: 0; | |
right: 0; | |
bottom: 0 | |
} | |
.mediaboard>.mediaboard-container>.mediaboard-head { | |
height: 85px; | |
background: #fff; | |
position: relative; | |
color: #fff; | |
white-space: nowrap; | |
text-overflow: ellipsis; | |
overflow: hidden | |
} | |
.mediaboard>.mediaboard-container>.mediaboard-head .svg-bayleys-logo { | |
height: 100%; | |
vertical-align: top; | |
margin-right: 15px; | |
font-size: 48px | |
} | |
#vendor-report .mediaboard>.mediaboard-container>.mediaboard-middle { | |
height: 100%; | |
display: -webkit-box; | |
display: flex | |
} | |
#listing .mediaboard>.mediaboard-container>.mediaboard-middle { | |
padding: 15px | |
} | |
.mediaboard>.mediaboard-container>.mediaboard-middle>.mediaboard-grid { | |
height: 100%; | |
width: 100%; | |
-webkit-box-flex: 0; | |
flex-grow: 0; | |
display: inline-block | |
} | |
.mediaboard>.mediaboard-container>.mediaboard-middle>.mediaboard-sidebar { | |
height: 100%; | |
width: 0; | |
-webkit-box-flex: 0; | |
flex-grow: 0; | |
display: none | |
} | |
.mediaboard>.mediaboard-container>.mediaboard-footer { | |
height: 64px; | |
background: #111113 | |
} | |
.mediaboard.fullscreen>.mediaboard-container>.mediaboard-middle>.dark { | |
background: #313133 | |
} | |
.mediaboard.fullscreen>.mediaboard-container>.mediaboard-middle { | |
height: 86%; | |
height: -o-calc(100vh - 149px); | |
height: calc(100vh - 149px) | |
} | |
.mediaboard.fullscreen>.mediaboard-container>.mediaboard-middle>.mediaboard-grid { | |
width: 100vw | |
} | |
.mediaboard.fullscreen>.mediaboard-container>.mediaboard-middle.with-sidebar>.mediaboard-grid { | |
width: 86vw | |
} | |
.mediaboard.fullscreen>.mediaboard-container>.mediaboard-middle>.mediaboard-sidebar { | |
width: 14vw; | |
display: inline-block; | |
overflow: hidden | |
} | |
.mediaboard.fullscreen>.mediaboard-container>.mediaboard-middle>.mediaboard-sidebar>div { | |
padding: 25px 0; | |
color: #f1f1f9; | |
text-align: center; | |
vertical-align: middle | |
} | |
.mediaboard.fullscreen>.mediaboard-container>.mediaboard-middle>.mediaboard-grid>* { | |
color: #a1a1a9!important | |
} | |
.mediaboard.fullscreen>.mediaboard-container>.mediaboard-middle>.mediaboard-grid>.table>tbody>tr>td { | |
border-top: 1px solid #414143!important | |
} | |
.mediaboard .hidden-sd, | |
.mediaboard.fullscreen .hidden-mb { | |
display: none | |
} | |
.mediaboard.fullscreen .hidden-sd, | |
.mediaboard.fullscreen .visible-mb { | |
display: block!important | |
} | |
.mediaboard.fullscreen .visible-mb.full-width-mb { | |
width: 100%!important | |
} | |
.ticker-wrapper.has-js { | |
width: 100%; | |
height: 64px; | |
display: block; | |
font-size: 24px | |
} | |
.ticker { | |
width: 100%; | |
height: 64px; | |
display: block; | |
position: relative; | |
overflow: hidden; | |
background-color: #191919 | |
} | |
.ticker-title { | |
padding: 9px 0 0 13px; | |
color: #5b7f95; | |
font-weight: 200; | |
float: left | |
} | |
.ticker-content { | |
margin: 0; | |
padding: 11px 9px 0; | |
position: absolute; | |
color: #919193; | |
background-color: #191919; | |
overflow: hidden; | |
white-space: nowrap; | |
text-overflow: ellipsis; | |
line-height: 30px; | |
font-weight: 200 | |
} | |
.ticker-content a { | |
text-decoration: none; | |
color: #919193 | |
} | |
.ticker-content a:hover { | |
text-decoration: underline | |
} | |
.ticker-swipe { | |
padding-top: 24px; | |
position: absolute; | |
top: 0; | |
background-color: #191919; | |
display: block; | |
width: 100%; | |
height: 64px | |
} | |
.ticker-swipe span { | |
margin-left: 1px; | |
background-color: #191919; | |
border-bottom: 1px solid #919193; | |
height: 12px; | |
width: 7px; | |
display: block | |
} | |
.js-hidden { | |
display: none | |
} | |
.no-js-news { | |
padding: 10px 0 0 45px; | |
color: #191919 | |
} | |
.mediaboard-chart.two-by-two { | |
height: 360px; | |
width: 100% | |
} | |
.mediaboard.fullscreen>.mediaboard-container>.mediaboard-middle.with-sidebar>.mediaboard-grid .mediaboard-chart.two-by-two { | |
width: -o-calc((86vw / 2) - 1px); | |
width: calc((86vw / 2) - 1px) | |
} | |
.mediaboard.fullscreen>.mediaboard-container>.mediaboard-middle>.mediaboard-grid .mediaboard-chart.two-by-two { | |
height: -o-calc((100vh - 343px)/ 2); | |
height: calc((100vh - 343px)/ 2); | |
width: -o-calc(50vw - 1px); | |
width: calc(50vw - 1px) | |
} | |
@media (max-width:480px) { | |
#listing-images.ibox.float-e-margins.product-box { | |
margin-left: -11px; | |
margin-right: -11px | |
} | |
#listing-images, | |
#search-results-listings { | |
margin: 5px -26px | |
} | |
} | |
@media (max-width:991px) { | |
body.fixed-nav #wrapper #page-wrapper, | |
body.fixed-nav #wrapper .navbar-static-side { | |
margin-bottom: 60px | |
} | |
.search-results-container { | |
height: 198px; | |
margin: 0 -21px | |
} | |
.homepage-carousel .p-xl { | |
padding: 0 | |
} | |
.homepage-carousel .m-xl { | |
margin: 225px 40px 10px | |
} | |
.homepage-carousel h1 { | |
font-style: 24px | |
} | |
} | |
@media (min-width:992px) { | |
.search-results-container { | |
height: 137px | |
} | |
} | |
@media only screen and (min-device-width:320px) and (max-device-width:736px) and (orientation:landscape) { | |
.footer-navigation, | |
.navbar-fixed-top, | |
body.standalone .navbar-fixed-top:before { | |
display: none!important | |
} | |
body.fixed-nav #wrapper #page-wrapper { | |
margin-top: 0!important | |
} | |
body.standalone #page-wrapper { | |
margin-bottom: 0!important | |
} | |
} | |
@media print { | |
body.fixed-nav #wrapper #page-wrapper, | |
body.fixed-nav #wrapper .navbar-static-side { | |
margin-top: 0; | |
min-height: 0 | |
} | |
#vendorReports .wrapper { | |
padding: 0 | |
} | |
#vendorReports a[href]:after, | |
#vendorReports a[href^="#"]:after, | |
#vendorReports a[href^="javascript:"]:after, | |
#vendorReports abbr[title]:after { | |
content: "" | |
} | |
} | |
[class*=" svg-icon-"], | |
[class^=svg-icon-] { | |
display: inline-block; | |
width: 1em; | |
height: 1em; | |
fill: currentColor | |
} | |
.svg-icon-photos { | |
width: 1.125em | |
} | |
.svg-icon-map-pin { | |
width: .5em | |
} | |
.svg-icon-carpark-residential { | |
width: 1.11em | |
} | |
#svg-bayleys-b .path1 { | |
fill: #fff | |
} | |
#svg-bayleys-b .path2 { | |
fill: #00263a | |
} | |
.svg-bayleys-logo { | |
width: 3.90625em | |
} | |
#svg-bayleys-logo .path1 { | |
fill: #00263a | |
} | |
#svg-bayleys-logo .path2 { | |
fill: #fff | |
} | |
a:hover [class*=" svg-circle-"], | |
a:hover [class^=svg-circle-] { | |
--primary-color: #5b7f95; | |
--secondary-color: #00263a | |
} | |
.svg-feature-area, | |
.svg-feature-bathroom, | |
.svg-feature-bedroom, | |
.svg-feature-carpark-commercial, | |
.svg-feature-carpark-offstreet, | |
.svg-feature-carpark-residential, | |
.svg-feature-dining, | |
.svg-feature-home, | |
.svg-feature-lounge, | |
.svg-feature-pool, | |
.svg-feature-study { | |
width: 1.333em | |
} | |
#svg-label-sold .path1 { | |
fill: #a6192e | |
} | |
#svg-label-sold .path2 { | |
fill: #fff | |
} | |
#svg-label-rented .path1 { | |
fill: #a6192e | |
} | |
#svg-label-rented .path2 { | |
fill: #fff | |
} | |
#svg-label-leased .path1 { | |
fill: #a6192e | |
} | |
#svg-label-leased .path2 { | |
fill: #fff | |
} | |
#svg-label-vendor-approve .path1 { | |
fill: #44b3b7 | |
} | |
#svg-label-vendor-approve .path2 { | |
fill: #fff | |
} | |
#svg-label-agent-approve .path1 { | |
fill: #5b7f95 | |
} | |
#svg-label-agent-approve .path2, | |
#svg-label-pending .path1 { | |
fill: #fff | |
} | |
#svg-label-pending .path2 { | |
fill: #c9c9c9 | |
} | |
.fc { | |
direction: ltr; | |
text-align: left | |
} | |
.fc-rtl { | |
text-align: right | |
} | |
body .fc { | |
font-size: 1em | |
} | |
.fc-unthemed .fc-content, | |
.fc-unthemed .fc-divider, | |
.fc-unthemed .fc-popover, | |
.fc-unthemed .fc-row, | |
.fc-unthemed tbody, | |
.fc-unthemed td, | |
.fc-unthemed th, | |
.fc-unthemed thead { | |
border-color: #f8f8f8 | |
} | |
.fc-unthemed .fc-popover { | |
background-color: #fff; | |
border-width: 1px; | |
border-style: solid | |
} | |
.fc-unthemed .fc-divider, | |
.fc-unthemed .fc-popover .fc-header { | |
background: #eee | |
} | |
.fc-unthemed .fc-today { | |
background: #f6f8f9 | |
} | |
.fc-highlight { | |
background: #bce8f1; | |
opacity: .3; | |
filter: alpha(opacity=30) | |
} | |
.fc-bgevent { | |
background: #8fdf82; | |
opacity: .3; | |
filter: alpha(opacity=30) | |
} | |
.fc-nonbusiness { | |
background: #d7d7d7 | |
} | |
.fc-icon { | |
display: inline-block; | |
height: 1em; | |
line-height: 1em; | |
font-size: 1em; | |
text-align: center; | |
overflow: hidden; | |
-webkit-touch-callout: none; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
user-select: none | |
} | |
.fc-icon:after { | |
position: relative; | |
font-size: 200%; | |
top: -20% | |
} | |
.fc-icon-left-single-arrow:after { | |
content: "\02039" | |
} | |
.fc-icon-right-single-arrow:after { | |
content: "\0203A" | |
} | |
.fc-icon-left-double-arrow:after { | |
content: "\000AB" | |
} | |
.fc-icon-right-double-arrow:after { | |
content: "\000BB" | |
} | |
.fc-icon-left-triangle:after { | |
content: "\25C4" | |
} | |
.fc-icon-right-triangle:after { | |
content: "\25BA" | |
} | |
.fc-icon-down-triangle:after { | |
content: "\25BC" | |
} | |
.fc-icon-x:after { | |
content: "\000D7" | |
} | |
.fc button { | |
border-color: #D1DADE | |
} | |
.fc button .fc-icon { | |
position: relative; | |
top: -.05em; | |
margin: 0 .2em; | |
vertical-align: middle | |
} | |
.fc-popover { | |
position: absolute; | |
box-shadow: 0 2px 6px rgba(0, 0, 0, .15) | |
} | |
.fc-popover .fc-header { | |
padding: 2px 4px | |
} | |
.fc-popover .fc-header .fc-title { | |
margin: 0 2px | |
} | |
.fc-popover .fc-header .fc-close { | |
cursor: pointer | |
} | |
.fc-ltr .fc-popover .fc-header .fc-title, | |
.fc-rtl .fc-popover .fc-header .fc-close { | |
float: left | |
} | |
.fc-ltr .fc-popover .fc-header .fc-close, | |
.fc-rtl .fc-popover .fc-header .fc-title { | |
float: right | |
} | |
.fc-unthemed .fc-popover .fc-header .fc-close { | |
color: #666; | |
font-size: .9em; | |
margin-top: 2px | |
} | |
.fc-popover>.ui-widget-header+.ui-widget-content { | |
border-top: 0 | |
} | |
.fc-divider { | |
border-style: solid; | |
border-width: 1px | |
} | |
hr.fc-divider { | |
height: 0; | |
margin: 0; | |
padding: 0 0 2px; | |
border-width: 1px 0 | |
} | |
.fc-clear { | |
clear: both | |
} | |
.fc-bg, | |
.fc-bgevent-skeleton, | |
.fc-helper-skeleton, | |
.fc-highlight-skeleton { | |
position: absolute; | |
top: 0; | |
left: 0; | |
right: 0 | |
} | |
.fc-bg { | |
bottom: 0 | |
} | |
.fc-bg table { | |
height: 100% | |
} | |
.fc table { | |
width: 100%; | |
table-layout: fixed; | |
border-collapse: collapse; | |
border-spacing: 0; | |
font-size: 1em | |
} | |
.fc th { | |
text-align: center; | |
background: #f8f8f8; | |
font-weight: 200; | |
color: #9e9ea0 | |
} | |
.fc td, | |
.fc th { | |
border-style: solid; | |
border-width: 1px; | |
padding: 0; | |
vertical-align: top | |
} | |
.fc td.fc-today { | |
border-style: double | |
} | |
.fc .fc-row { | |
border-style: solid; | |
border-width: 0 | |
} | |
.fc-row table { | |
border-left: 0 hidden transparent; | |
border-right: 0 hidden transparent; | |
border-bottom: 0 hidden transparent | |
} | |
.fc-row:first-child table { | |
border-top: 0 hidden transparent | |
} | |
.fc-row { | |
position: relative | |
} | |
.fc-row .fc-bg { | |
z-index: 1 | |
} | |
.fc-row .fc-bgevent-skeleton, | |
.fc-row .fc-highlight-skeleton { | |
bottom: 0 | |
} | |
.fc-row .fc-bgevent-skeleton table, | |
.fc-row .fc-highlight-skeleton table { | |
height: 100% | |
} | |
.fc-row .fc-bgevent-skeleton td, | |
.fc-row .fc-highlight-skeleton td { | |
border-color: transparent | |
} | |
.fc-row .fc-bgevent-skeleton { | |
z-index: 2 | |
} | |
.fc-row .fc-highlight-skeleton { | |
z-index: 3 | |
} | |
.fc-row .fc-content-skeleton { | |
position: relative; | |
z-index: 4; | |
padding-bottom: 2px | |
} | |
.fc-row .fc-content-skeleton tbody tr:nth-child(even) .fc-event { | |
background-color: #ababac | |
} | |
.fc-row .fc-content-skeleton tbody tr:nth-child(even) .fc-event:hover { | |
background-color: #7798ac | |
} | |
.fc-widget-content a:nth-child(even) { | |
background-color: #ababac | |
} | |
.fc-widget-content a:nth-child(even):hover { | |
background-color: #7798ac | |
} | |
.fc-row .fc-helper-skeleton { | |
z-index: 5 | |
} | |
.fc-row .fc-content-skeleton td, | |
.fc-row .fc-helper-skeleton td { | |
background: 0 0; | |
border-color: transparent; | |
border-bottom: 0 | |
} | |
.fc-row .fc-content-skeleton tbody td, | |
.fc-row .fc-helper-skeleton tbody td { | |
border-top: 0 | |
} | |
.fc-scroller { | |
-webkit-overflow-scrolling: touch | |
} | |
.fc-scroller>.fc-day-grid, | |
.fc-scroller>.fc-time-grid { | |
position: relative; | |
width: 100% | |
} | |
.fc-event { | |
position: relative; | |
display: block; | |
font-size: .85em; | |
line-height: 1.3; | |
border-radius: 2px; | |
background-color: #9e9ea0; | |
border: 1px solid #c9c9c9 | |
} | |
.fc-event, | |
.fc-event:hover, | |
.ui-widget .fc-event { | |
color: #fff; | |
text-decoration: none | |
} | |
.fc-event:hover { | |
background-color: #7798ac | |
} | |
.fc-event.fc-draggable, | |
.fc-event[href] { | |
cursor: pointer | |
} | |
.fc-not-allowed, | |
.fc-not-allowed .fc-event { | |
cursor: not-allowed | |
} | |
.fc-event .fc-bg { | |
z-index: 1; | |
background: #fff; | |
opacity: .25; | |
filter: alpha(opacity=25) | |
} | |
.fc-event .fc-content { | |
position: relative; | |
z-index: 2 | |
} | |
.fc-event .fc-resizer { | |
position: absolute; | |
z-index: 4; | |
display: none | |
} | |
.fc-event.fc-allow-mouse-resize .fc-resizer, | |
.fc-event.fc-selected .fc-resizer { | |
display: block | |
} | |
.fc-event.fc-selected .fc-resizer:before { | |
content: ""; | |
position: absolute; | |
z-index: 9999; | |
top: 50%; | |
left: 50%; | |
width: 40px; | |
height: 40px; | |
margin-left: -20px; | |
margin-top: -20px | |
} | |
.fc-event.fc-selected { | |
z-index: 9999!important; | |
box-shadow: 0 2px 5px rgba(0, 0, 0, .2) | |
} | |
.fc-event.fc-selected.fc-dragging { | |
box-shadow: 0 2px 7px rgba(0, 0, 0, .3) | |
} | |
.fc-h-event.fc-selected:before { | |
content: ""; | |
position: absolute; | |
z-index: 3; | |
top: -10px; | |
bottom: -10px; | |
left: 0; | |
right: 0 | |
} | |
.fc-ltr .fc-h-event.fc-not-start, | |
.fc-rtl .fc-h-event.fc-not-end { | |
margin-left: 0; | |
border-left-width: 0; | |
padding-left: 1px; | |
border-top-left-radius: 0; | |
border-bottom-left-radius: 0 | |
} | |
.fc-ltr .fc-h-event.fc-not-end, | |
.fc-rtl .fc-h-event.fc-not-start { | |
margin-right: 0; | |
border-right-width: 0; | |
padding-right: 1px; | |
border-top-right-radius: 0; | |
border-bottom-right-radius: 0 | |
} | |
.fc-ltr .fc-h-event .fc-start-resizer, | |
.fc-rtl .fc-h-event .fc-end-resizer { | |
cursor: w-resize; | |
left: -1px | |
} | |
.fc-ltr .fc-h-event .fc-end-resizer, | |
.fc-rtl .fc-h-event .fc-start-resizer { | |
cursor: e-resize; | |
right: -1px | |
} | |
.fc-h-event.fc-allow-mouse-resize .fc-resizer { | |
width: 7px; | |
top: -1px; | |
bottom: -1px | |
} | |
.fc-h-event.fc-selected .fc-resizer { | |
border-radius: 4px; | |
border-width: 1px; | |
width: 6px; | |
height: 6px; | |
border-style: solid; | |
border-color: inherit; | |
background: #fff; | |
top: 50%; | |
margin-top: -4px | |
} | |
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer, | |
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer { | |
margin-left: -4px | |
} | |
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer, | |
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer { | |
margin-right: -4px | |
} | |
.fc-day-grid-event { | |
margin: 1px 2px 0; | |
padding: 0 1px | |
} | |
.fc-day-grid-event .fc-time { | |
font-size: .85em | |
} | |
.fc-day-grid-event.fc-selected:after { | |
content: ""; | |
position: absolute; | |
z-index: 1; | |
top: -1px; | |
right: -1px; | |
bottom: -1px; | |
left: -1px; | |
background: #000; | |
opacity: .25; | |
filter: alpha(opacity=25) | |
} | |
.fc-day-grid-event .fc-content { | |
white-space: nowrap; | |
overflow: hidden; | |
text-overflow: ellipsis | |
} | |
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer, | |
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer { | |
margin-left: -2px | |
} | |
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer, | |
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer { | |
margin-right: -2px | |
} | |
a.fc-more { | |
margin: 1px 3px; | |
font-size: .85em; | |
cursor: pointer; | |
text-decoration: none | |
} | |
.fc-limited { | |
display: none | |
} | |
.fc-day-grid .fc-row { | |
z-index: 1 | |
} | |
.fc-more-popover { | |
z-index: 2; | |
width: 220px | |
} | |
.fc-more-popover .fc-event-container { | |
padding: 4px | |
} | |
.fc-now-indicator { | |
position: absolute; | |
border: 0 solid #00263a | |
} | |
.fc-unselectable { | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
user-select: none; | |
-webkit-touch-callout: none; | |
-webkit-tap-highlight-color: transparent | |
} | |
.fc-toolbar { | |
text-align: center; | |
background: #c9c9c9; | |
padding: 10px 10px 5px; | |
color: #fff | |
} | |
.fc-toolbar .fc-left { | |
float: left | |
} | |
.fc-toolbar .fc-right { | |
float: right | |
} | |
.fc-toolbar .fc-center { | |
display: inline-block | |
} | |
.fc .fc-toolbar>*>* { | |
float: left; | |
margin-left: .75em | |
} | |
.fc .fc-toolbar>*>:first-child { | |
margin-left: 0 | |
} | |
.fc-toolbar h2 { | |
margin: 0 | |
} | |
.fc-toolbar button { | |
position: relative | |
} | |
.fc-toolbar .fc-state-hover, | |
.fc-toolbar .ui-state-hover { | |
z-index: 2 | |
} | |
.fc-toolbar .fc-state-down { | |
z-index: 3 | |
} | |
.fc-toolbar .fc-state-active, | |
.fc-toolbar .ui-state-active { | |
z-index: 4 | |
} | |
.fc-toolbar button:focus { | |
z-index: 5 | |
} | |
.fc-view-container *, | |
.fc-view-container:after, | |
.fc-view-container:before { | |
box-sizing: content-box | |
} | |
.fc-view, | |
.fc-view>table { | |
position: relative; | |
z-index: 1 | |
} | |
.fc-basicDay-view .fc-content-skeleton, | |
.fc-basicWeek-view .fc-content-skeleton { | |
padding-top: 1px; | |
padding-bottom: 1em | |
} | |
.fc-basic-view .fc-body .fc-row { | |
min-height: 4em | |
} | |
.fc-row.fc-rigid { | |
overflow: hidden | |
} | |
.fc-row.fc-rigid .fc-content-skeleton { | |
position: absolute; | |
top: 0; | |
left: 0; | |
right: 0 | |
} | |
.fc-basic-view .fc-day-number, | |
.fc-basic-view .fc-week-number { | |
padding: 0 2px | |
} | |
.fc-basic-view td.fc-day-number, | |
.fc-basic-view td.fc-week-number span { | |
padding-top: 2px; | |
padding-bottom: 2px | |
} | |
.fc-basic-view .fc-week-number { | |
text-align: center | |
} | |
.fc-basic-view .fc-week-number span { | |
display: inline-block; | |
min-width: 1.25em | |
} | |
.fc-ltr .fc-basic-view .fc-day-number { | |
text-align: right | |
} | |
.fc-rtl .fc-basic-view .fc-day-number { | |
text-align: left | |
} | |
.fc-day-number.fc-other-month { | |
opacity: .3; | |
filter: alpha(opacity=30) | |
} | |
.fc-agenda-view .fc-day-grid { | |
position: relative; | |
z-index: 2 | |
} | |
.fc-agenda-view .fc-day-grid .fc-row { | |
min-height: 3em | |
} | |
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton { | |
padding-top: 1px; | |
padding-bottom: 1em | |
} | |
.fc .fc-axis { | |
vertical-align: middle; | |
padding: 0 4px; | |
white-space: nowrap | |
} | |
.fc-ltr .fc-axis { | |
text-align: right | |
} | |
.fc-rtl .fc-axis { | |
text-align: left | |
} | |
.ui-widget td.fc-axis { | |
font-weight: 400 | |
} | |
.fc-time-grid, | |
.fc-time-grid-container { | |
position: relative; | |
z-index: 1 | |
} | |
.fc-time-grid { | |
min-height: 100% | |
} | |
.fc-time-grid table { | |
border: 0 hidden transparent | |
} | |
.fc-time-grid>.fc-bg { | |
z-index: 1 | |
} | |
.fc-time-grid .fc-slats, | |
.fc-time-grid>hr { | |
position: relative; | |
z-index: 2 | |
} | |
.fc-time-grid .fc-content-col { | |
position: relative | |
} | |
.fc-time-grid .fc-content-skeleton { | |
position: absolute; | |
z-index: 3; | |
top: 0; | |
left: 0; | |
right: 0 | |
} | |
.fc-time-grid .fc-business-container { | |
position: relative; | |
z-index: 1 | |
} | |
.fc-time-grid .fc-bgevent-container { | |
position: relative; | |
z-index: 2 | |
} | |
.fc-time-grid .fc-highlight-container { | |
z-index: 3; | |
position: relative | |
} | |
.fc-time-grid .fc-event-container { | |
position: relative; | |
z-index: 4 | |
} | |
.fc-time-grid .fc-now-indicator-line { | |
z-index: 5 | |
} | |
.fc-time-grid .fc-helper-container { | |
position: relative; | |
z-index: 6 | |
} | |
.fc-time-grid .fc-slats td { | |
height: 1.5em; | |
border-bottom: 0 | |
} | |
.fc-time-grid .fc-slats .fc-minor td { | |
border-top-style: dotted | |
} | |
.fc-time-grid .fc-slats .ui-widget-content { | |
background: 0 0 | |
} | |
.fc-time-grid .fc-highlight { | |
position: absolute; | |
left: 0; | |
right: 0 | |
} | |
.fc-ltr .fc-time-grid .fc-event-container { | |
margin: 0 2.5% 0 2px | |
} | |
.fc-rtl .fc-time-grid .fc-event-container { | |
margin: 0 2px 0 2.5% | |
} | |
.fc-time-grid .fc-bgevent, | |
.fc-time-grid .fc-event { | |
position: absolute; | |
z-index: 1 | |
} | |
.fc-time-grid .fc-bgevent { | |
left: 0; | |
right: 0 | |
} | |
.fc-v-event.fc-not-start { | |
border-top-width: 0; | |
padding-top: 1px; | |
border-top-left-radius: 0; | |
border-top-right-radius: 0 | |
} | |
.fc-v-event.fc-not-end { | |
border-bottom-width: 0; | |
padding-bottom: 1px; | |
border-bottom-left-radius: 0; | |
border-bottom-right-radius: 0 | |
} | |
.fc-time-grid-event { | |
overflow: hidden | |
} | |
.fc-time-grid-event.fc-selected { | |
overflow: visible | |
} | |
.fc-time-grid-event.fc-selected .fc-bg { | |
display: none | |
} | |
.fc-time-grid-event .fc-content { | |
overflow: hidden | |
} | |
.fc-time-grid-event .fc-time, | |
.fc-time-grid-event .fc-title { | |
padding: 0 1px | |
} | |
.fc-time-grid-event .fc-time { | |
font-size: .85em; | |
white-space: nowrap | |
} | |
.fc-time-grid-event.fc-short .fc-content { | |
white-space: nowrap | |
} | |
.fc-time-grid-event.fc-short .fc-time, | |
.fc-time-grid-event.fc-short .fc-title { | |
display: inline-block; | |
vertical-align: top | |
} | |
.fc-time-grid-event.fc-short .fc-time span { | |
display: none | |
} | |
.fc-time-grid-event.fc-short .fc-time:before { | |
content: attr(data-start) | |
} | |
.fc-time-grid-event.fc-short .fc-time:after { | |
content: "\000A0-\000A0" | |
} | |
.fc-time-grid-event.fc-short .fc-title { | |
font-size: .85em; | |
padding: 0 | |
} | |
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer { | |
left: 0; | |
right: 0; | |
bottom: 0; | |
height: 8px; | |
overflow: hidden; | |
line-height: 8px; | |
font-size: 11px; | |
font-family: monospace; | |
text-align: center; | |
cursor: s-resize | |
} | |
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after { | |
content: "=" | |
} | |
.fc-time-grid-event.fc-selected .fc-resizer { | |
border-radius: 5px; | |
border-width: 1px; | |
width: 8px; | |
height: 8px; | |
border-style: solid; | |
border-color: inherit; | |
background: #fff; | |
left: 50%; | |
margin-left: -5px; | |
bottom: -5px | |
} | |
.fc-time-grid .fc-now-indicator-line { | |
border-top-width: 1px; | |
left: 0; | |
right: 0 | |
} | |
.fc-time-grid .fc-now-indicator-arrow { | |
margin-top: -5px | |
} | |
.fc-ltr .fc-time-grid .fc-now-indicator-arrow { | |
left: 0; | |
border-width: 5px 0 5px 6px; | |
border-top-color: transparent; | |
border-bottom-color: transparent | |
} | |
.fc-rtl .fc-time-grid .fc-now-indicator-arrow { | |
right: 0; | |
border-width: 5px 6px 5px 0; | |
border-top-color: transparent; | |
border-bottom-color: transparent | |
} | |
.gu-mirror { | |
position: fixed!important; | |
margin: 0!important; | |
z-index: 9999!important; | |
opacity: .8; | |
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; | |
filter: alpha(opacity=80); | |
box-shadow: 1px 3px 6px rgba(0, 0, 0, .15) | |
} | |
.gu-hide { | |
display: none!important | |
} | |
.gu-unselectable { | |
-webkit-user-select: none!important; | |
-moz-user-select: none!important; | |
user-select: none!important | |
} | |
.gu-transit { | |
opacity: .4; | |
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; | |
-webkit-filter: grayscale(100%) blur(1px); | |
filter: grayscale(100%) blur(1px) | |
} | |
tr.gu-mirror { | |
display: table-row | |
} | |
tr.gu-mirror td { | |
display: table-cell; | |
width: 50%; | |
background-color: #fff!important | |
} | |
tr.gu-mirror td:first-of-type, | |
tr.gu-mirror td:last-of-type { | |
width: 1% | |
} | |
.marker .pin { | |
width: 30px; | |
height: 30px; | |
border-radius: 50% 50% 50% 0; | |
background: #00263a; | |
position: absolute; | |
-webkit-transform: rotate(-45deg); | |
transform: rotate(-45deg); | |
left: 10px; | |
top: -10px; | |
margin: -20px 0 0 -20px; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-duration: 1s; | |
animation-duration: 1s | |
} | |
.marker .pin:after { | |
content: ''; | |
width: 14px; | |
height: 14px; | |
margin: 8px 0 0 8px; | |
background: #5b7f95; | |
position: absolute; | |
border-radius: 50% | |
} | |
.marker .pulse { | |
background: rgba(0, 0, 0, .2); | |
border-radius: 50%; | |
height: 14px; | |
width: 14px; | |
position: absolute; | |
left: 10px; | |
top: -12px; | |
margin: 11px 0 0 -12px; | |
-webkit-transform: rotateX(55deg); | |
transform: rotateX(55deg); | |
z-index: -2 | |
} | |
.marker:hover .pin { | |
background: #5b7f95 | |
} | |
.marker:hover .pin:after { | |
background: #fff | |
} | |
.marker.active .pin { | |
background: #a6192e | |
} | |
.marker.active .pin:after { | |
background: #fff | |
} | |
.marker.active .pulse:after { | |
content: ''; | |
border-radius: 50%; | |
height: 40px; | |
width: 40px; | |
position: absolute; | |
margin: -13px 0 0 -13px; | |
-webkit-animation: pulsate 1s ease-out; | |
animation: pulsate 1s ease-out; | |
-webkit-animation-iteration-count: infinite; | |
animation-iteration-count: infinite; | |
opacity: 0; | |
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | |
filter: alpha(opacity=0); | |
box-shadow: 0 0 1px 2px #89849b; | |
-webkit-animation-delay: 1.1s; | |
animation-delay: 1.1s | |
} | |
@-webkit-keyframes pulsate { | |
0% { | |
-webkit-transform: scale(.1, .1); | |
transform: scale(.1, .1); | |
opacity: 0; | |
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | |
filter: alpha(opacity=0) | |
} | |
50% { | |
opacity: 1; | |
-ms-filter: none; | |
-webkit-filter: none; | |
filter: none | |
} | |
100% { | |
-webkit-transform: scale(1.2, 1.2); | |
transform: scale(1.2, 1.2); | |
opacity: 0; | |
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | |
filter: alpha(opacity=0) | |
} | |
} | |
@keyframes pulsate { | |
0% { | |
-webkit-transform: scale(.1, .1); | |
transform: scale(.1, .1); | |
opacity: 0; | |
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | |
filter: alpha(opacity=0) | |
} | |
50% { | |
opacity: 1; | |
-ms-filter: none; | |
-webkit-filter: none; | |
filter: none | |
} | |
100% { | |
-webkit-transform: scale(1.2, 1.2); | |
transform: scale(1.2, 1.2); | |
opacity: 0; | |
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | |
filter: alpha(opacity=0) | |
} | |
} | |
.leaflet-image-layer, | |
.leaflet-layer, | |
.leaflet-map-pane, | |
.leaflet-marker-icon, | |
.leaflet-marker-pane, | |
.leaflet-marker-shadow, | |
.leaflet-overlay-pane, | |
.leaflet-overlay-pane svg, | |
.leaflet-popup-pane, | |
.leaflet-shadow-pane, | |
.leaflet-tile, | |
.leaflet-tile-container, | |
.leaflet-tile-pane, | |
.leaflet-zoom-box { | |
position: absolute; | |
left: 0; | |
top: 0 | |
} | |
.leaflet-tile { | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
user-select: none; | |
-webkit-user-drag: none; | |
-webkit-filter: inherit; | |
filter: inherit; | |
visibility: hidden | |
} | |
.leaflet-marker-icon, | |
.leaflet-marker-shadow { | |
display: block | |
} | |
.leaflet-container img { | |
max-width: none!important | |
} | |
.leaflet-container img.leaflet-image-layer { | |
max-width: 15000px!important | |
} | |
.leaflet-tile-loaded { | |
visibility: inherit | |
} | |
.leaflet-zoom-box { | |
width: 0; | |
height: 0 | |
} | |
.leaflet-overlay-pane svg { | |
-moz-user-select: none | |
} | |
.leaflet-tile-pane { | |
z-index: 2 | |
} | |
.leaflet-objects-pane { | |
z-index: 3 | |
} | |
.leaflet-overlay-pane { | |
z-index: 4 | |
} | |
.leaflet-shadow-pane { | |
z-index: 5 | |
} | |
.leaflet-marker-pane { | |
z-index: 6 | |
} | |
.leaflet-popup-pane { | |
z-index: 7 | |
} | |
.leaflet-vml-shape { | |
width: 1px; | |
height: 1px | |
} | |
.lvml { | |
behavior: url(#default#VML); | |
display: inline-block; | |
position: absolute | |
} | |
.leaflet-control { | |
position: relative; | |
z-index: 7; | |
pointer-events: auto; | |
float: left; | |
clear: both | |
} | |
.leaflet-bottom, | |
.leaflet-top { | |
position: absolute; | |
z-index: 1000; | |
pointer-events: none | |
} | |
.leaflet-top { | |
top: 0 | |
} | |
.leaflet-right { | |
right: 0 | |
} | |
.leaflet-bottom { | |
bottom: 0 | |
} | |
.leaflet-left { | |
left: 0 | |
} | |
.leaflet-right .leaflet-control { | |
float: right; | |
margin-right: 10px | |
} | |
.leaflet-top .leaflet-control { | |
margin-top: 10px | |
} | |
.leaflet-bottom .leaflet-control { | |
margin-bottom: 10px | |
} | |
.leaflet-left .leaflet-control { | |
margin-left: 10px | |
} | |
.leaflet-fade-anim .leaflet-popup, | |
.leaflet-fade-anim .leaflet-tile { | |
opacity: 0; | |
-webkit-transition: opacity .2s linear; | |
transition: opacity .2s linear | |
} | |
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup, | |
.leaflet-fade-anim .leaflet-tile-loaded { | |
opacity: 1 | |
} | |
.leaflet-zoom-anim .leaflet-zoom-animated { | |
-webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1); | |
transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1); | |
transition: transform .25s cubic-bezier(0, 0, .25, 1); | |
transition: transform .25s cubic-bezier(0, 0, .25, 1), -webkit-transform .25s cubic-bezier(0, 0, .25, 1) | |
} | |
.leaflet-pan-anim .leaflet-tile, | |
.leaflet-touching .leaflet-zoom-animated, | |
.leaflet-zoom-anim .leaflet-tile { | |
-webkit-transition: none; | |
transition: none | |
} | |
.leaflet-zoom-anim .leaflet-zoom-hide { | |
visibility: hidden | |
} | |
.leaflet-clickable { | |
cursor: pointer | |
} | |
.leaflet-container { | |
overflow: hidden; | |
-ms-touch-action: none; | |
cursor: -webkit-grab; | |
cursor: -moz-grab; | |
background: #ddd; | |
outline: 0 | |
} | |
.leaflet-control, | |
.leaflet-popup-pane { | |
cursor: auto | |
} | |
.leaflet-dragging .leaflet-clickable, | |
.leaflet-dragging .leaflet-container { | |
cursor: move; | |
cursor: -webkit-grabbing; | |
cursor: -moz-grabbing | |
} | |
.leaflet-zoom-box { | |
border: 2px dotted #38f; | |
background: rgba(255, 255, 255, .5) | |
} | |
.leaflet-bar { | |
box-shadow: 0 1px 5px rgba(0, 0, 0, .65); | |
border-radius: 4px | |
} | |
.leaflet-bar a, | |
.leaflet-bar a:hover { | |
background-color: #fff; | |
border-bottom: 1px solid #ccc; | |
width: 26px; | |
height: 26px; | |
line-height: 26px; | |
display: block; | |
text-align: center; | |
text-decoration: none; | |
color: #000 | |
} | |
.leaflet-bar a, | |
.leaflet-control-layers-toggle { | |
background-position: 50% 50%; | |
background-repeat: no-repeat; | |
display: block | |
} | |
.leaflet-bar a:hover { | |
background-color: #f4f4f4 | |
} | |
.leaflet-bar a:first-child { | |
border-top-left-radius: 4px; | |
border-top-right-radius: 4px | |
} | |
.leaflet-bar a:last-child { | |
border-bottom-left-radius: 4px; | |
border-bottom-right-radius: 4px; | |
border-bottom: none | |
} | |
.leaflet-bar a.leaflet-disabled { | |
cursor: default; | |
background-color: #f4f4f4; | |
color: #bbb | |
} | |
.leaflet-touch .leaflet-bar a { | |
width: 30px; | |
height: 30px; | |
line-height: 30px | |
} | |
.leaflet-control-zoom-in, | |
.leaflet-control-zoom-out { | |
text-indent: 1px | |
} | |
.leaflet-control-zoom-out { | |
font-size: 20px | |
} | |
.leaflet-touch .leaflet-control-zoom-in { | |
font-size: 22px | |
} | |
.leaflet-touch .leaflet-control-zoom-out { | |
font-size: 24px | |
} | |
.leaflet-control-layers { | |
box-shadow: 0 1px 5px rgba(0, 0, 0, .4); | |
background: #fff; | |
border-radius: 5px | |
} | |
.leaflet-control-layers-toggle { | |
width: 36px; | |
height: 36px | |
} | |
.leaflet-retina .leaflet-control-layers-toggle { | |
background-size: 26px 26px | |
} | |
.leaflet-touch .leaflet-control-layers-toggle { | |
width: 44px; | |
height: 44px | |
} | |
.leaflet-control-layers .leaflet-control-layers-list, | |
.leaflet-control-layers-expanded .leaflet-control-layers-toggle { | |
display: none | |
} | |
.leaflet-control-layers-expanded .leaflet-control-layers-list { | |
display: block; | |
position: relative | |
} | |
.leaflet-control-layers-expanded { | |
padding: 6px 10px 6px 6px; | |
color: #333; | |
background: #fff | |
} | |
.leaflet-control-layers-selector { | |
margin-top: 2px; | |
position: relative; | |
top: 1px | |
} | |
.leaflet-control-layers label { | |
display: block | |
} | |
.leaflet-control-layers-separator { | |
height: 0; | |
border-top: 1px solid #ddd; | |
margin: 5px -10px 5px -6px | |
} | |
.leaflet-container .leaflet-control-attribution { | |
display: none; | |
opacity: 0 | |
} | |
.leaflet-container .leaflet-control-scale { | |
font-size: 11px | |
} | |
.leaflet-left .leaflet-control-scale { | |
margin-left: 5px | |
} | |
.leaflet-bottom .leaflet-control-scale { | |
margin-bottom: 5px | |
} | |
.leaflet-control-scale-line { | |
border: 2px solid #777; | |
border-top: none; | |
line-height: 1.1; | |
padding: 2px 5px 1px; | |
font-size: 11px; | |
white-space: nowrap; | |
overflow: hidden; | |
box-sizing: content-box; | |
background: #fff; | |
background: rgba(255, 255, 255, .5) | |
} | |
.leaflet-control-scale-line:not(:first-child) { | |
border-top: 2px solid #777; | |
border-bottom: none; | |
margin-top: -2px | |
} | |
.leaflet-control-scale-line:not(:first-child):not(:last-child) { | |
border-bottom: 2px solid #777 | |
} | |
.leaflet-touch .leaflet-bar, | |
.leaflet-touch .leaflet-control-attribution, | |
.leaflet-touch .leaflet-control-layers { | |
box-shadow: none | |
} | |
.leaflet-touch .leaflet-bar, | |
.leaflet-touch .leaflet-control-layers { | |
border: 2px solid rgba(0, 0, 0, .2); | |
background-clip: padding-box | |
} | |
.leaflet-popup { | |
position: absolute | |
} | |
.leaflet-popup-content-wrapper { | |
padding: .1px | |
} | |
.leaflet-popup-content { | |
margin: 26px 0 0 | |
} | |
.leaflet-popup-tip-container { | |
margin: 0 auto; | |
width: 40px; | |
height: 20px; | |
position: relative; | |
overflow: hidden | |
} | |
.leaflet-popup-tip { | |
width: 14px; | |
height: 14px; | |
padding: 1px; | |
margin: -10px auto 0; | |
-webkit-transform: rotate(45deg); | |
transform: rotate(45deg) | |
} | |
.leaflet-popup-content-wrapper, | |
.leaflet-popup-tip { | |
background: rgba(255, 255, 255, .9); | |
box-shadow: 0 2px 4px rgba(0, 38, 58, .4) | |
} | |
.leaflet-container a.leaflet-popup-close-button { | |
position: absolute; | |
top: 0; | |
right: 0; | |
padding: 4px 4px 0 0; | |
text-align: center; | |
width: 18px; | |
height: 14px; | |
color: #c3c3c3; | |
text-decoration: none; | |
background: 0 0 | |
} | |
.leaflet-container a.leaflet-popup-close-button:hover { | |
color: #999 | |
} | |
.leaflet-popup-scrolled { | |
overflow: auto; | |
border-bottom: 1px solid #ddd; | |
border-top: 1px solid #ddd | |
} | |
.leaflet-oldie .leaflet-popup-tip-container { | |
margin-top: -1px | |
} | |
.leaflet-oldie .leaflet-control-layers, | |
.leaflet-oldie .leaflet-control-zoom, | |
.leaflet-oldie .leaflet-popup-content-wrapper, | |
.leaflet-oldie .leaflet-popup-tip { | |
border: 1px solid #999 | |
} | |
.marker-cluster-large, | |
.marker-cluster-large div, | |
.marker-cluster-medium, | |
.marker-cluster-medium div, | |
.marker-cluster-small, | |
.marker-cluster-small div { | |
background-color: rgba(0, 38, 58, .3); | |
color: #fff; | |
font-size: 12px | |
} | |
.marker-cluster { | |
background-clip: padding-box; | |
border-radius: 20px | |
} | |
.marker-cluster div { | |
width: 30px; | |
height: 30px; | |
margin-left: 5px; | |
margin-top: 5px; | |
text-align: center; | |
border-radius: 15px | |
} | |
.marker-cluster span { | |
line-height: 30px | |
} | |
.irs { | |
position: relative; | |
display: block; | |
-webkit-touch-callout: none; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
user-select: none | |
} | |
.irs-line { | |
position: relative; | |
display: block; | |
overflow: hidden; | |
outline: 0!important | |
} | |
.irs-line-left, | |
.irs-line-mid, | |
.irs-line-right { | |
position: absolute; | |
display: block; | |
top: 0 | |
} | |
.irs-line-left { | |
left: 0; | |
width: 11% | |
} | |
.irs-line-mid { | |
left: 9%; | |
width: 82% | |
} | |
.irs-line-right { | |
right: 0; | |
width: 11% | |
} | |
.irs-bar { | |
position: absolute; | |
display: block; | |
left: 0; | |
width: 0 | |
} | |
.irs-bar-edge { | |
position: absolute; | |
display: block; | |
left: 0 | |
} | |
.irs-shadow { | |
position: absolute; | |
display: none; | |
left: 0; | |
width: 0 | |
} | |
.irs-slider { | |
position: absolute; | |
display: block; | |
cursor: default; | |
z-index: 1; | |
touch-action: manipulation | |
} | |
.irs-slider.type_last { | |
z-index: 2 | |
} | |
.irs-min { | |
position: absolute; | |
display: block; | |
left: 0; | |
cursor: default; | |
visibility: visible!important | |
} | |
.irs-max { | |
position: absolute; | |
right: 0; | |
cursor: default | |
} | |
.irs-from, | |
.irs-single, | |
.irs-to { | |
position: absolute; | |
display: block; | |
top: 0; | |
left: 0; | |
cursor: default; | |
white-space: nowrap | |
} | |
.irs-grid { | |
position: absolute; | |
display: none; | |
bottom: 0; | |
left: 0; | |
width: 100%; | |
height: 20px | |
} | |
.irs-with-grid .irs-grid { | |
display: block | |
} | |
.irs-grid-pol { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 1px; | |
height: 8px; | |
background: 0 0 | |
} | |
.irs-grid-pol.small { | |
height: 4px | |
} | |
.irs-grid-text { | |
position: absolute; | |
bottom: 0; | |
left: 0; | |
white-space: nowrap; | |
text-align: center; | |
font-size: 7px; | |
line-height: 7px; | |
padding: 0 3px | |
} | |
.irs-disable-mask { | |
position: absolute; | |
display: block; | |
top: 0; | |
left: -1%; | |
width: 102%; | |
height: 100%; | |
cursor: default; | |
background: rgba(0, 0, 0, 0); | |
z-index: 2 | |
} | |
.lt-ie9 .irs-disable-mask { | |
background: #000; | |
filter: alpha(opacity=0); | |
cursor: not-allowed | |
} | |
.irs-disabled { | |
opacity: .4 | |
} | |
.irs-hidden-input { | |
position: absolute!important; | |
display: block!important; | |
top: 0!important; | |
left: 0!important; | |
width: 0!important; | |
height: 0!important; | |
font-size: 0!important; | |
line-height: 0!important; | |
padding: 0!important; | |
margin: 0!important; | |
overflow: hidden; | |
outline: 0!important; | |
z-index: -9999!important; | |
background: 0 0!important; | |
border-style: solid!important; | |
border-color: transparent!important | |
} | |
.irs { | |
height: 40px | |
} | |
.irs-with-grid { | |
height: 60px | |
} | |
.irs-line { | |
height: 20px; | |
top: 20px; | |
background: 0 0 | |
} | |
.irs-line:before { | |
content: ''; | |
position: absolute; | |
height: 8px; | |
width: calc(100% - 12px); | |
top: 7px; | |
left: 6px; | |
background: #e7eaec; | |
border-radius: 4px | |
} | |
.irs-line-left, | |
.irs-line-mid, | |
.irs-line-right { | |
height: 20px | |
} | |
.irs-bar { | |
height: 8px; | |
top: 27px; | |
background: rgba(91, 127, 149, .4); | |
border-radius: 3px | |
} | |
.irs-bar:hover { | |
background: rgba(91, 127, 149, .6) | |
} | |
.irs-bar-edge { | |
top: 25px; | |
height: 12px; | |
width: 9px; | |
background-position: 0 -90px | |
} | |
.irs-shadow { | |
height: 3px; | |
top: 34px; | |
background: #000; | |
opacity: .25 | |
} | |
.lt-ie9 .irs-shadow { | |
filter: alpha(opacity=25) | |
} | |
.irs-slider { | |
width: 20px; | |
height: 20px; | |
top: 21px; | |
background: 0 0; | |
border: 1px solid #5b7f95; | |
border-radius: 50% | |
} | |
.irs-slider:before { | |
content: ''; | |
position: absolute; | |
width: 8px; | |
height: 8px; | |
background: #5b7f95; | |
top: 5px; | |
left: 5px; | |
border-radius: 4px | |
} | |
.irs-slider.state_hover, | |
.irs-slider:hover { | |
background: #5b7f95 | |
} | |
.irs-slider.state_hover:before, | |
.irs-slider:hover:before { | |
background: #fff | |
} | |
.irs-slider:active { | |
background: #00263a | |
} | |
.irs-slider:active:before { | |
background: #5b7f95 | |
} | |
.irs-slider:after { | |
position: absolute; | |
display: block; | |
content: ""; | |
top: -6px; | |
left: 50%; | |
width: 0; | |
height: 0; | |
margin-left: -4px; | |
overflow: hidden; | |
border: 4px solid transparent; | |
border-top-color: #5b7f95 | |
} | |
.irs-max, | |
.irs-min { | |
color: #919193; | |
font-size: 11px; | |
line-height: 1.333; | |
text-shadow: none; | |
top: 0; | |
padding: 1px 3px | |
} | |
.irs-from, | |
.irs-single, | |
.irs-to { | |
color: #fff; | |
font-size: 11px; | |
line-height: 1.333; | |
text-shadow: none; | |
padding: 1px 5px; | |
background: #5b7f95; | |
border-radius: 4px | |
} | |
.irs-from .slider-label, | |
.irs-max, | |
.irs-min .only-on-any, | |
.irs-min .slider-any, | |
.irs-min .slider-postfix, | |
.irs-min .slider-prefix, | |
.irs-min .slider-value, | |
.irs-single .slider-label, | |
.irs-to .slider-label, | |
.only-on-grid, | |
.only-on-slider { | |
display: none | |
} | |
.irs-from .only-on-slider, | |
.irs-single .only-on-slider, | |
.irs-to .only-on-slider { | |
display: inline-block | |
} | |
.irs-grid { | |
top: 30px; | |
pointer-events: none | |
} | |
.irs-grid-text { | |
color: #999; | |
background-color: #fff | |
} | |
.irs-grid-text .only-on-any { | |
display: none | |
} | |
.irs-grid-text .only-on-grid { | |
display: inline-block | |
} | |
@media (max-width:480px) { | |
.irs-with-grid { | |
height: 70px; | |
margin: 0 15px | |
} | |
.irs-line { | |
height: 30px; | |
top: 30px; | |
pointer-events: none | |
} | |
.irs-line:before { | |
width: calc(100% - 20px); | |
left: 10px | |
} | |
.irs-bar { | |
top: 37.5px; | |
pointer-events: none | |
} | |
.irs-grid { | |
top: 35px; | |
pointer-events: none | |
} | |
.irs-slider { | |
width: 35px; | |
height: 35px; | |
top: 24px | |
} | |
.irs-slider:before { | |
top: 12.5px; | |
left: 12.5px | |
} | |
.irs-slider:after { | |
top: -9px; | |
left: 50%; | |
margin-left: -6px; | |
border: 6px solid transparent; | |
border-top-color: #5b7f95 | |
} | |
} | |
.intl-tel-input { | |
position: relative; | |
display: block | |
} | |
.intl-tel-input * { | |
box-sizing: border-box; | |
-moz-box-sizing: border-box | |
} | |
.intl-tel-input .hide { | |
display: none | |
} | |
.intl-tel-input .v-hide { | |
visibility: hidden | |
} | |
.intl-tel-input input, | |
.intl-tel-input input[type=tel], | |
.intl-tel-input input[type=text] { | |
position: relative; | |
z-index: 0; | |
margin-top: 0!important; | |
margin-bottom: 0!important; | |
padding-right: 36px; | |
margin-right: 0 | |
} | |
.intl-tel-input .flag-container { | |
position: absolute; | |
top: 0; | |
bottom: 0; | |
right: 0; | |
padding: 1px | |
} | |
.intl-tel-input .selected-flag { | |
z-index: 1; | |
position: relative; | |
width: 36px; | |
height: 100%; | |
padding: 0 0 0 8px | |
} | |
.intl-tel-input .selected-flag .iti-flag { | |
position: absolute; | |
top: 0; | |
bottom: 0; | |
margin: auto | |
} | |
.intl-tel-input .selected-flag .iti-arrow { | |
position: absolute; | |
top: 50%; | |
margin-top: -2px; | |
right: 6px; | |
width: 0; | |
height: 0; | |
border-left: 3px solid transparent; | |
border-right: 3px solid transparent; | |
border-top: 4px solid #555 | |
} | |
.intl-tel-input .selected-flag .iti-arrow.up { | |
border-top: none; | |
border-bottom: 4px solid #555 | |
} | |
.intl-tel-input .country-list { | |
position: absolute; | |
z-index: 2; | |
list-style: none; | |
text-align: left; | |
padding: 0; | |
margin: 0 0 0 -1px; | |
box-shadow: 1px 1px 4px rgba(0, 0, 0, .2); | |
background-color: #fff; | |
border: 1px solid #CCC; | |
white-space: nowrap; | |
max-height: 200px; | |
overflow-y: scroll; | |
left: 0; | |
right: 0 | |
} | |
.intl-tel-input .country-list.dropup { | |
bottom: 100%; | |
margin-bottom: -1px | |
} | |
.intl-tel-input .country-list .flag-box { | |
display: inline-block; | |
width: 20px | |
} | |
@media (max-width:500px) { | |
.intl-tel-input .country-list { | |
white-space: normal | |
} | |
} | |
.intl-tel-input .country-list .divider { | |
padding-bottom: 5px; | |
margin-bottom: 5px; | |
border-bottom: 1px solid #CCC | |
} | |
.intl-tel-input .country-list .country { | |
padding: 5px 10px | |
} | |
.intl-tel-input .country-list .country .dial-code { | |
color: #999 | |
} | |
.intl-tel-input .country-list .country.highlight { | |
background-color: rgba(0, 0, 0, .05) | |
} | |
.intl-tel-input .country-list .country-name, | |
.intl-tel-input .country-list .dial-code, | |
.intl-tel-input .country-list .flag-box { | |
vertical-align: middle | |
} | |
.intl-tel-input .country-list .country-name, | |
.intl-tel-input .country-list .flag-box { | |
margin-right: 6px | |
} | |
.intl-tel-input.allow-dropdown input, | |
.intl-tel-input.allow-dropdown input[type=tel], | |
.intl-tel-input.allow-dropdown input[type=text], | |
.intl-tel-input.separate-dial-code input, | |
.intl-tel-input.separate-dial-code input[type=tel], | |
.intl-tel-input.separate-dial-code input[type=text] { | |
padding-right: 6px; | |
padding-left: 52px; | |
margin-left: 0 | |
} | |
.intl-tel-input.allow-dropdown .flag-container, | |
.intl-tel-input.separate-dial-code .flag-container { | |
left: 0 | |
} | |
.intl-tel-input.allow-dropdown .selected-flag, | |
.intl-tel-input.separate-dial-code .selected-flag { | |
width: 46px | |
} | |
.intl-tel-input.allow-dropdown .flag-container:hover { | |
cursor: pointer | |
} | |
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag { | |
background-color: rgba(0, 0, 0, .05) | |
} | |
.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover, | |
.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover { | |
cursor: default | |
} | |
.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag, | |
.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag { | |
background-color: transparent | |
} | |
.intl-tel-input.separate-dial-code .selected-flag { | |
background-color: rgba(0, 0, 0, .05); | |
display: table | |
} | |
.intl-tel-input.separate-dial-code .selected-dial-code { | |
display: table-cell; | |
vertical-align: middle; | |
padding-left: 28px | |
} | |
.intl-tel-input.separate-dial-code.iti-sdc-2 input, | |
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel], | |
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text] { | |
padding-left: 66px | |
} | |
.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag { | |
width: 60px | |
} | |
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, | |
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel], | |
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text] { | |
padding-left: 76px | |
} | |
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag { | |
width: 70px | |
} | |
.intl-tel-input.separate-dial-code.iti-sdc-3 input, | |
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel], | |
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text] { | |
padding-left: 74px | |
} | |
.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag { | |
width: 68px | |
} | |
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, | |
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel], | |
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text] { | |
padding-left: 84px | |
} | |
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag { | |
width: 78px | |
} | |
.intl-tel-input.separate-dial-code.iti-sdc-4 input, | |
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel], | |
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text] { | |
padding-left: 82px | |
} | |
.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag { | |
width: 76px | |
} | |
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, | |
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel], | |
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text] { | |
padding-left: 92px | |
} | |
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag { | |
width: 86px | |
} | |
.intl-tel-input.separate-dial-code.iti-sdc-5 input, | |
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel], | |
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text] { | |
padding-left: 90px | |
} | |
.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag { | |
width: 84px | |
} | |
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, | |
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel], | |
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text] { | |
padding-left: 100px | |
} | |
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag { | |
width: 94px | |
} | |
.intl-tel-input.iti-container { | |
position: absolute; | |
top: -1000px; | |
left: -1000px; | |
z-index: 1060; | |
padding: 1px | |
} | |
.intl-tel-input.iti-container:hover { | |
cursor: pointer | |
} | |
.iti-mobile .intl-tel-input.iti-container { | |
top: 30px; | |
bottom: 30px; | |
left: 30px; | |
right: 30px; | |
position: fixed | |
} | |
.iti-mobile .intl-tel-input .country-list { | |
max-height: 100%; | |
width: 100% | |
} | |
.iti-mobile .intl-tel-input .country-list .country { | |
padding: 10px; | |
line-height: 1.5em | |
} | |
.iti-flag { | |
width: 20px | |
} | |
.iti-flag.be { | |
width: 18px | |
} | |
.iti-flag.ch { | |
width: 15px | |
} | |
.iti-flag.mc { | |
width: 19px | |
} | |
.iti-flag.ne { | |
width: 18px | |
} | |
.iti-flag.ac { | |
height: 10px; | |
background-position: 0 0 | |
} | |
.iti-flag.ad { | |
height: 14px; | |
background-position: -22px 0 | |
} | |
.iti-flag.ae { | |
height: 10px; | |
background-position: -44px 0 | |
} | |
.iti-flag.af { | |
height: 14px; | |
background-position: -66px 0 | |
} | |
.iti-flag.ag { | |
height: 14px; | |
background-position: -88px 0 | |
} | |
.iti-flag.ai { | |
height: 10px; | |
background-position: -110px 0 | |
} | |
.iti-flag.al { | |
height: 15px; | |
background-position: -132px 0 | |
} | |
.iti-flag.am { | |
height: 10px; | |
background-position: -154px 0 | |
} | |
.iti-flag.ao { | |
height: 14px; | |
background-position: -176px 0 | |
} | |
.iti-flag.aq { | |
height: 14px; | |
background-position: -198px 0 | |
} | |
.iti-flag.ar { | |
height: 13px; | |
background-position: -220px 0 | |
} | |
.iti-flag.as { | |
height: 10px; | |
background-position: -242px 0 | |
} | |
.iti-flag.at { | |
height: 14px; | |
background-position: -264px 0 | |
} | |
.iti-flag.au { | |
height: 10px; | |
background-position: -286px 0 | |
} | |
.iti-flag.aw { | |
height: 14px; | |
background-position: -308px 0 | |
} | |
.iti-flag.ax { | |
height: 13px; | |
background-position: -330px 0 | |
} | |
.iti-flag.az { | |
height: 10px; | |
background-position: -352px 0 | |
} | |
.iti-flag.ba { | |
height: 10px; | |
background-position: -374px 0 | |
} | |
.iti-flag.bb { | |
height: 14px; | |
background-position: -396px 0 | |
} | |
.iti-flag.bd { | |
height: 12px; | |
background-position: -418px 0 | |
} | |
.iti-flag.be { | |
height: 15px; | |
background-position: -440px 0 | |
} | |
.iti-flag.bf { | |
height: 14px; | |
background-position: -460px 0 | |
} | |
.iti-flag.bg { | |
height: 12px; | |
background-position: -482px 0 | |
} | |
.iti-flag.bh { | |
height: 12px; | |
background-position: -504px 0 | |
} | |
.iti-flag.bi { | |
height: 12px; | |
background-position: -526px 0 | |
} | |
.iti-flag.bj { | |
height: 14px; | |
background-position: -548px 0 | |
} | |
.iti-flag.bl { | |
height: 14px; | |
background-position: -570px 0 | |
} | |
.iti-flag.bm { | |
height: 10px; | |
background-position: -592px 0 | |
} | |
.iti-flag.bn { | |
height: 10px; | |
background-position: -614px 0 | |
} | |
.iti-flag.bo { | |
height: 14px; | |
background-position: -636px 0 | |
} | |
.iti-flag.bq { | |
height: 14px; | |
background-position: -658px 0 | |
} | |
.iti-flag.br { | |
height: 14px; | |
background-position: -680px 0 | |
} | |
.iti-flag.bs { | |
height: 10px; | |
background-position: -702px 0 | |
} | |
.iti-flag.bt { | |
height: 14px; | |
background-position: -724px 0 | |
} | |
.iti-flag.bv { | |
height: 15px; | |
background-position: -746px 0 | |
} | |
.iti-flag.bw { | |
height: 14px; | |
background-position: -768px 0 | |
} | |
.iti-flag.by { | |
height: 10px; | |
background-position: -790px 0 | |
} | |
.iti-flag.bz { | |
height: 14px; | |
background-position: -812px 0 | |
} | |
.iti-flag.ca { | |
height: 10px; | |
background-position: -834px 0 | |
} | |
.iti-flag.cc { | |
height: 10px; | |
background-position: -856px 0 | |
} | |
.iti-flag.cd { | |
height: 15px; | |
background-position: -878px 0 | |
} | |
.iti-flag.cf { | |
height: 14px; | |
background-position: -900px 0 | |
} | |
.iti-flag.cg { | |
height: 14px; | |
background-position: -922px 0 | |
} | |
.iti-flag.ch { | |
height: 15px; | |
background-position: -944px 0 | |
} | |
.iti-flag.ci { | |
height: 14px; | |
background-position: -961px 0 | |
} | |
.iti-flag.ck { | |
height: 10px; | |
background-position: -983px 0 | |
} | |
.iti-flag.cl { | |
height: 14px; | |
background-position: -1005px 0 | |
} | |
.iti-flag.cm { | |
height: 14px; | |
background-position: -1027px 0 | |
} | |
.iti-flag.cn { | |
height: 14px; | |
background-position: -1049px 0 | |
} | |
.iti-flag.co { | |
height: 14px; | |
background-position: -1071px 0 | |
} | |
.iti-flag.cp { | |
height: 14px; | |
background-position: -1093px 0 | |
} | |
.iti-flag.cr { | |
height: 12px; | |
background-position: -1115px 0 | |
} | |
.iti-flag.cu { | |
height: 10px; | |
background-position: -1137px 0 | |
} | |
.iti-flag.cv { | |
height: 12px; | |
background-position: -1159px 0 | |
} | |
.iti-flag.cw { | |
height: 14px; | |
background-position: -1181px 0 | |
} | |
.iti-flag.cx { | |
height: 10px; | |
background-position: -1203px 0 | |
} | |
.iti-flag.cy { | |
height: 13px; | |
background-position: -1225px 0 | |
} | |
.iti-flag.cz { | |
height: 14px; | |
background-position: -1247px 0 | |
} | |
.iti-flag.de { | |
height: 12px; | |
background-position: -1269px 0 | |
} | |
.iti-flag.dg { | |
height: 10px; | |
background-position: -1291px 0 | |
} | |
.iti-flag.dj { | |
height: 14px; | |
background-position: -1313px 0 | |
} | |
.iti-flag.dk { | |
height: 15px; | |
background-position: -1335px 0 | |
} | |
.iti-flag.dm { | |
height: 10px; | |
background-position: -1357px 0 | |
} | |
.iti-flag.do { | |
height: 13px; | |
background-position: -1379px 0 | |
} | |
.iti-flag.dz { | |
height: 14px; | |
background-position: -1401px 0 | |
} | |
.iti-flag.ea { | |
height: 14px; | |
background-position: -1423px 0 | |
} | |
.iti-flag.ec { | |
height: 14px; | |
background-position: -1445px 0 | |
} | |
.iti-flag.ee { | |
height: 13px; | |
background-position: -1467px 0 | |
} | |
.iti-flag.eg { | |
height: 14px; | |
background-position: -1489px 0 | |
} | |
.iti-flag.eh { | |
height: 10px; | |
background-position: -1511px 0 | |
} | |
.iti-flag.er { | |
height: 10px; | |
background-position: -1533px 0 | |
} | |
.iti-flag.es { | |
height: 14px; | |
background-position: -1555px 0 | |
} | |
.iti-flag.et { | |
height: 10px; | |
background-position: -1577px 0 | |
} | |
.iti-flag.eu { | |
height: 14px; | |
background-position: -1599px 0 | |
} | |
.iti-flag.fi { | |
height: 12px; | |
background-position: -1621px 0 | |
} | |
.iti-flag.fj { | |
height: 10px; | |
background-position: -1643px 0 | |
} | |
.iti-flag.fk { | |
height: 10px; | |
background-position: -1665px 0 | |
} | |
.iti-flag.fm { | |
height: 11px; | |
background-position: -1687px 0 | |
} | |
.iti-flag.fo { | |
height: 15px; | |
background-position: -1709px 0 | |
} | |
.iti-flag.fr { | |
height: 14px; | |
background-position: -1731px 0 | |
} | |
.iti-flag.ga { | |
height: 15px; | |
background-position: -1753px 0 | |
} | |
.iti-flag.gb { | |
height: 10px; | |
background-position: -1775px 0 | |
} | |
.iti-flag.gd { | |
height: 12px; | |
background-position: -1797px 0 | |
} | |
.iti-flag.ge { | |
height: 14px; | |
background-position: -1819px 0 | |
} | |
.iti-flag.gf { | |
height: 14px; | |
background-position: -1841px 0 | |
} | |
.iti-flag.gg { | |
height: 14px; | |
background-position: -1863px 0 | |
} | |
.iti-flag.gh { | |
height: 14px; | |
background-position: -1885px 0 | |
} | |
.iti-flag.gi { | |
height: 10px; | |
background-position: -1907px 0 | |
} | |
.iti-flag.gl { | |
height: 14px; | |
background-position: -1929px 0 | |
} | |
.iti-flag.gm { | |
height: 14px; | |
background-position: -1951px 0 | |
} | |
.iti-flag.gn { | |
height: 14px; | |
background-position: -1973px 0 | |
} | |
.iti-flag.gp { | |
height: 14px; | |
background-position: -1995px 0 | |
} | |
.iti-flag.gq { | |
height: 14px; | |
background-position: -2017px 0 | |
} | |
.iti-flag.gr { | |
height: 14px; | |
background-position: -2039px 0 | |
} | |
.iti-flag.gs { | |
height: 10px; | |
background-position: -2061px 0 | |
} | |
.iti-flag.gt { | |
height: 13px; | |
background-position: -2083px 0 | |
} | |
.iti-flag.gu { | |
height: 11px; | |
background-position: -2105px 0 | |
} | |
.iti-flag.gw { | |
height: 10px; | |
background-position: -2127px 0 | |
} | |
.iti-flag.gy { | |
height: 12px; | |
background-position: -2149px 0 | |
} | |
.iti-flag.hk { | |
height: 14px; | |
background-position: -2171px 0 | |
} | |
.iti-flag.hm { | |
height: 10px; | |
background-position: -2193px 0 | |
} | |
.iti-flag.hn { | |
height: 10px; | |
background-position: -2215px 0 | |
} | |
.iti-flag.hr { | |
height: 10px; | |
background-position: -2237px 0 | |
} | |
.iti-flag.ht { | |
height: 12px; | |
background-position: -2259px 0 | |
} | |
.iti-flag.hu { | |
height: 10px; | |
background-position: -2281px 0 | |
} | |
.iti-flag.ic { | |
height: 14px; | |
background-position: -2303px 0 | |
} | |
.iti-flag.id { | |
height: 14px; | |
background-position: -2325px 0 | |
} | |
.iti-flag.ie { | |
height: 10px; | |
background-position: -2347px 0 | |
} | |
.iti-flag.il { | |
height: 15px; | |
background-position: -2369px 0 | |
} | |
.iti-flag.im { | |
height: 10px; | |
background-position: -2391px 0 | |
} | |
.iti-flag.in { | |
height: 14px; | |
background-position: -2413px 0 | |
} | |
.iti-flag.io { | |
height: 10px; | |
background-position: -2435px 0 | |
} | |
.iti-flag.iq { | |
height: 14px; | |
background-position: -2457px 0 | |
} | |
.iti-flag.ir { | |
height: 12px; | |
background-position: -2479px 0 | |
} | |
.iti-flag.is { | |
height: 15px; | |
background-position: -2501px 0 | |
} | |
.iti-flag.it { | |
height: 14px; | |
background-position: -2523px 0 | |
} | |
.iti-flag.je { | |
height: 12px; | |
background-position: -2545px 0 | |
} | |
.iti-flag.jm { | |
height: 10px; | |
background-position: -2567px 0 | |
} | |
.iti-flag.jo { | |
height: 10px; | |
background-position: -2589px 0 | |
} | |
.iti-flag.jp { | |
height: 14px; | |
background-position: -2611px 0 | |
} | |
.iti-flag.ke { | |
height: 14px; | |
background-position: -2633px 0 | |
} | |
.iti-flag.kg { | |
height: 12px; | |
background-position: -2655px 0 | |
} | |
.iti-flag.kh { | |
height: 13px; | |
background-position: -2677px 0 | |
} | |
.iti-flag.ki { | |
height: 10px; | |
background-position: -2699px 0 | |
} | |
.iti-flag.km { | |
height: 12px; | |
background-position: -2721px 0 | |
} | |
.iti-flag.kn { | |
height: 14px; | |
background-position: -2743px 0 | |
} | |
.iti-flag.kp { | |
height: 10px; | |
background-position: -2765px 0 | |
} | |
.iti-flag.kr { | |
height: 14px; | |
background-position: -2787px 0 | |
} | |
.iti-flag.kw { | |
height: 10px; | |
background-position: -2809px 0 | |
} | |
.iti-flag.ky { | |
height: 10px; | |
background-position: -2831px 0 | |
} | |
.iti-flag.kz { | |
height: 10px; | |
background-position: -2853px 0 | |
} | |
.iti-flag.la { | |
height: 14px; | |
background-position: -2875px 0 | |
} | |
.iti-flag.lb { | |
height: 14px; | |
background-position: -2897px 0 | |
} | |
.iti-flag.lc { | |
height: 10px; | |
background-position: -2919px 0 | |
} | |
.iti-flag.li { | |
height: 12px; | |
background-position: -2941px 0 | |
} | |
.iti-flag.lk { | |
height: 10px; | |
background-position: -2963px 0 | |
} | |
.iti-flag.lr { | |
height: 11px; | |
background-position: -2985px 0 | |
} | |
.iti-flag.ls { | |
height: 14px; | |
background-position: -3007px 0 | |
} | |
.iti-flag.lt { | |
height: 12px; | |
background-position: -3029px 0 | |
} | |
.iti-flag.lu { | |
height: 12px; | |
background-position: -3051px 0 | |
} | |
.iti-flag.lv { | |
height: 10px; | |
background-position: -3073px 0 | |
} | |
.iti-flag.ly { | |
height: 10px; | |
background-position: -3095px 0 | |
} | |
.iti-flag.ma { | |
height: 14px; | |
background-position: -3117px 0 | |
} | |
.iti-flag.mc { | |
height: 15px; | |
background-position: -3139px 0 | |
} | |
.iti-flag.md { | |
height: 10px; | |
background-position: -3160px 0 | |
} | |
.iti-flag.me { | |
height: 10px; | |
background-position: -3182px 0 | |
} | |
.iti-flag.mf { | |
height: 14px; | |
background-position: -3204px 0 | |
} | |
.iti-flag.mg { | |
height: 14px; | |
background-position: -3226px 0 | |
} | |
.iti-flag.mh { | |
height: 11px; | |
background-position: -3248px 0 | |
} | |
.iti-flag.mk { | |
height: 10px; | |
background-position: -3270px 0 | |
} | |
.iti-flag.ml { | |
height: 14px; | |
background-position: -3292px 0 | |
} | |
.iti-flag.mm { | |
height: 14px; | |
background-position: -3314px 0 | |
} | |
.iti-flag.mn { | |
height: 10px; | |
background-position: -3336px 0 | |
} | |
.iti-flag.mo { | |
height: 14px; | |
background-position: -3358px 0 | |
} | |
.iti-flag.mp { | |
height: 10px; | |
background-position: -3380px 0 | |
} | |
.iti-flag.mq { | |
height: 14px; | |
background-position: -3402px 0 | |
} | |
.iti-flag.mr { | |
height: 14px; | |
background-position: -3424px 0 | |
} | |
.iti-flag.ms { | |
height: 10px; | |
background-position: -3446px 0 | |
} | |
.iti-flag.mt { | |
height: 14px; | |
background-position: -3468px 0 | |
} | |
.iti-flag.mu { | |
height: 14px; | |
background-position: -3490px 0 | |
} | |
.iti-flag.mv { | |
height: 14px; | |
background-position: -3512px 0 | |
} | |
.iti-flag.mw { | |
height: 14px; | |
background-position: -3534px 0 | |
} | |
.iti-flag.mx { | |
height: 12px; | |
background-position: -3556px 0 | |
} | |
.iti-flag.my { | |
height: 10px; | |
background-position: -3578px 0 | |
} | |
.iti-flag.mz { | |
height: 14px; | |
background-position: -3600px 0 | |
} | |
.iti-flag.na { | |
height: 14px; | |
background-position: -3622px 0 | |
} | |
.iti-flag.nc { | |
height: 10px; | |
background-position: -3644px 0 | |
} | |
.iti-flag.ne { | |
height: 15px; | |
background-position: -3666px 0 | |
} | |
.iti-flag.nf { | |
height: 10px; | |
background-position: -3686px 0 | |
} | |
.iti-flag.ng { | |
height: 10px; | |
background-position: -3708px 0 | |
} | |
.iti-flag.ni { | |
height: 12px; | |
background-position: -3730px 0 | |
} | |
.iti-flag.nl { | |
height: 14px; | |
background-position: -3752px 0 | |
} | |
.iti-flag.no { | |
height: 15px; | |
background-position: -3774px 0 | |
} | |
.iti-flag.np { | |
width: 13px; | |
height: 15px; | |
background-position: -3796px 0 | |
} | |
.iti-flag.nr { | |
height: 10px; | |
background-position: -3811px 0 | |
} | |
.iti-flag.nu { | |
height: 10px; | |
background-position: -3833px 0 | |
} | |
.iti-flag.nz { | |
height: 10px; | |
background-position: -3855px 0 | |
} | |
.iti-flag.om { | |
height: 10px; | |
background-position: -3877px 0 | |
} | |
.iti-flag.pa { | |
height: 14px; | |
background-position: -3899px 0 | |
} | |
.iti-flag.pe { | |
height: 14px; | |
background-position: -3921px 0 | |
} | |
.iti-flag.pf { | |
height: 14px; | |
background-position: -3943px 0 | |
} | |
.iti-flag.pg { | |
height: 15px; | |
background-position: -3965px 0 | |
} | |
.iti-flag.ph { | |
height: 10px; | |
background-position: -3987px 0 | |
} | |
.iti-flag.pk { | |
height: 14px; | |
background-position: -4009px 0 | |
} | |
.iti-flag.pl { | |
height: 13px; | |
background-position: -4031px 0 | |
} | |
.iti-flag.pm { | |
height: 14px; | |
background-position: -4053px 0 | |
} | |
.iti-flag.pn { | |
height: 10px; | |
background-position: -4075px 0 | |
} | |
.iti-flag.pr { | |
height: 14px; | |
background-position: -4097px 0 | |
} | |
.iti-flag.ps { | |
height: 10px; | |
background-position: -4119px 0 | |
} | |
.iti-flag.pt { | |
height: 14px; | |
background-position: -4141px 0 | |
} | |
.iti-flag.pw { | |
height: 13px; | |
background-position: -4163px 0 | |
} | |
.iti-flag.py { | |
height: 11px; | |
background-position: -4185px 0 | |
} | |
.iti-flag.qa { | |
height: 8px; | |
background-position: -4207px 0 | |
} | |
.iti-flag.re { | |
height: 14px; | |
background-position: -4229px 0 | |
} | |
.iti-flag.ro { | |
height: 14px; | |
background-position: -4251px 0 | |
} | |
.iti-flag.rs { | |
height: 14px; | |
background-position: -4273px 0 | |
} | |
.iti-flag.ru { | |
height: 14px; | |
background-position: -4295px 0 | |
} | |
.iti-flag.rw { | |
height: 14px; | |
background-position: -4317px 0 | |
} | |
.iti-flag.sa { | |
height: 14px; | |
background-position: -4339px 0 | |
} | |
.iti-flag.sb { | |
height: 10px; | |
background-position: -4361px 0 | |
} | |
.iti-flag.sc { | |
height: 10px; | |
background-position: -4383px 0 | |
} | |
.iti-flag.sd { | |
height: 10px; | |
background-position: -4405px 0 | |
} | |
.iti-flag.se { | |
height: 13px; | |
background-position: -4427px 0 | |
} | |
.iti-flag.sg { | |
height: 14px; | |
background-position: -4449px 0 | |
} | |
.iti-flag.sh { | |
height: 10px; | |
background-position: -4471px 0 | |
} | |
.iti-flag.si { | |
height: 10px; | |
background-position: -4493px 0 | |
} | |
.iti-flag.sj { | |
height: 15px; | |
background-position: -4515px 0 | |
} | |
.iti-flag.sk { | |
height: 14px; | |
background-position: -4537px 0 | |
} | |
.iti-flag.sl { | |
height: 14px; | |
background-position: -4559px 0 | |
} | |
.iti-flag.sm { | |
height: 15px; | |
background-position: -4581px 0 | |
} | |
.iti-flag.sn { | |
height: 14px; | |
background-position: -4603px 0 | |
} | |
.iti-flag.so { | |
height: 14px; | |
background-position: -4625px 0 | |
} | |
.iti-flag.sr { | |
height: 14px; | |
background-position: -4647px 0 | |
} | |
.iti-flag.ss { | |
height: 10px; | |
background-position: -4669px 0 | |
} | |
.iti-flag.st { | |
height: 10px; | |
background-position: -4691px 0 | |
} | |
.iti-flag.sv { | |
height: 12px; | |
background-position: -4713px 0 | |
} | |
.iti-flag.sx { | |
height: 14px; | |
background-position: -4735px 0 | |
} | |
.iti-flag.sy { | |
height: 14px; | |
background-position: -4757px 0 | |
} | |
.iti-flag.sz { | |
height: 14px; | |
background-position: -4779px 0 | |
} | |
.iti-flag.ta { | |
height: 10px; | |
background-position: -4801px 0 | |
} | |
.iti-flag.tc { | |
height: 10px; | |
background-position: -4823px 0 | |
} | |
.iti-flag.td { | |
height: 14px; | |
background-position: -4845px 0 | |
} | |
.iti-flag.tf { | |
height: 14px; | |
background-position: -4867px 0 | |
} | |
.iti-flag.tg { | |
height: 13px; | |
background-position: -4889px 0 | |
} | |
.iti-flag.th { | |
height: 14px; | |
background-position: -4911px 0 | |
} | |
.iti-flag.tj { | |
height: 10px; | |
background-position: -4933px 0 | |
} | |
.iti-flag.tk { | |
height: 10px; | |
background-position: -4955px 0 | |
} | |
.iti-flag.tl { | |
height: 10px; | |
background-position: -4977px 0 | |
} | |
.iti-flag.tm { | |
height: 14px; | |
background-position: -4999px 0 | |
} | |
.iti-flag.tn { | |
height: 14px; | |
background-position: -5021px 0 | |
} | |
.iti-flag.to { | |
height: 10px; | |
background-position: -5043px 0 | |
} | |
.iti-flag.tr { | |
height: 14px; | |
background-position: -5065px 0 | |
} | |
.iti-flag.tt { | |
height: 12px; | |
background-position: -5087px 0 | |
} | |
.iti-flag.tv { | |
height: 10px; | |
background-position: -5109px 0 | |
} | |
.iti-flag.tw { | |
height: 14px; | |
background-position: -5131px 0 | |
} | |
.iti-flag.tz { | |
height: 14px; | |
background-position: -5153px 0 | |
} | |
.iti-flag.ua { | |
height: 14px; | |
background-position: -5175px 0 | |
} | |
.iti-flag.ug { | |
height: 14px; | |
background-position: -5197px 0 | |
} | |
.iti-flag.um { | |
height: 11px; | |
background-position: -5219px 0 | |
} | |
.iti-flag.us { | |
height: 11px; | |
background-position: -5241px 0 | |
} | |
.iti-flag.uy { | |
height: 14px; | |
background-position: -5263px 0 | |
} | |
.iti-flag.uz { | |
height: 10px; | |
background-position: -5285px 0 | |
} | |
.iti-flag.va { | |
width: 15px; | |
height: 15px; | |
background-position: -5307px 0 | |
} | |
.iti-flag.vc { | |
height: 14px; | |
background-position: -5324px 0 | |
} | |
.iti-flag.ve { | |
height: 14px; | |
background-position: -5346px 0 | |
} | |
.iti-flag.vg { | |
height: 10px; | |
background-position: -5368px 0 | |
} | |
.iti-flag.vi { | |
height: 14px; | |
background-position: -5390px 0 | |
} | |
.iti-flag.vn { | |
height: 14px; | |
background-position: -5412px 0 | |
} | |
.iti-flag.vu { | |
height: 12px; | |
background-position: -5434px 0 | |
} | |
.iti-flag.wf { | |
height: 14px; | |
background-position: -5456px 0 | |
} | |
.iti-flag.ws { | |
height: 10px; | |
background-position: -5478px 0 | |
} | |
.iti-flag.xk { | |
height: 15px; | |
background-position: -5500px 0 | |
} | |
.iti-flag.ye { | |
height: 14px; | |
background-position: -5522px 0 | |
} | |
.iti-flag.yt { | |
height: 14px; | |
background-position: -5544px 0 | |
} | |
.iti-flag.za { | |
height: 14px; | |
background-position: -5566px 0 | |
} | |
.iti-flag.zm { | |
height: 14px; | |
background-position: -5588px 0 | |
} | |
.iti-flag.zw { | |
height: 10px; | |
background-position: -5610px 0 | |
} | |
.iti-flag { | |
height: 15px; | |
box-shadow: 0 0 1px 0 #888; | |
background-image: url(/public/img/png/flags/flags.png); | |
background-repeat: no-repeat; | |
background-color: #DBDBDB; | |
background-position: 20px 0 | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio:2), | |
only screen and (min--moz-device-pixel-ratio:2), | |
only screen and (min-device-pixel-ratio:2), | |
only screen and (min-resolution:192dpi), | |
only screen and (min-resolution:2dppx) { | |
.iti-flag { | |
background-size: 5630px 15px; | |
background-image: url(/public/img/png/flags/[email protected]) | |
} | |
} | |
.iti-flag.np { | |
background-color: transparent | |
} | |
page[size=A4] { | |
background: #fff; | |
width: 21cm; | |
height: 30.7cm; | |
min-height: 30.7cm; | |
max-height: 30.7cm; | |
display: block; | |
margin: 0 auto; | |
box-shadow: 0 0 .5cm rgba(0, 0, 0, .5); | |
position: relative; | |
padding: 0!important | |
} | |
page[size=A4]:nth-of-type(odd) { | |
margin: .5cm auto | |
} | |
page[size=A4] .print-header { | |
width: 100%; | |
height: 1.632cm; | |
min-height: 1.632cm; | |
max-height: 1.632cm; | |
border-bottom: 1px solid #d1d1d3; | |
overflow: hidden; | |
padding-right: .5cm; | |
white-space: nowrap; | |
text-overflow: ellipsis | |
} | |
page[size=A4] .print-header h4 { | |
margin: 0!important | |
} | |
page[size=A4] .print-body { | |
width: 100%; | |
height: 27cm; | |
min-height: 27cm; | |
max-height: 27cm; | |
padding: .25cm .125cm; | |
overflow: hidden | |
} | |
page[size=A4] .print-footer { | |
width: 100%; | |
height: 1cm; | |
padding: 0 .5cm; | |
border-top: 1px solid #d1d1d3; | |
line-height: 1cm; | |
overflow: hidden | |
} | |
page[size=A4] .profile-image div { | |
border-radius: 0!important | |
} | |
page[size=A4] hr { | |
margin-top: 1px; | |
margin-bottom: 1px | |
} | |
page[size=A4] .print-listing-image { | |
position: relative | |
} | |
page[size=A4] .print-listing-image .image-url { | |
position: absolute; | |
left: 0; | |
bottom: 0; | |
height: 1cm; | |
width: 100%; | |
background: rgba(255, 255, 255, .75); | |
-webkit-print-color-adjust: exact; | |
line-height: 1cm | |
} | |
page[size=A4] .embed-responsive .listing-photo { | |
display: block; | |
width: 100%; | |
height: auto; | |
margin-left: auto; | |
margin-right: auto | |
} | |
@media print { | |
body, | |
page[size=A4] { | |
box-shadow: 0!important; | |
overflow: hidden!important; | |
-webkit-print-color-adjust: exact; | |
margin: 0!important | |
} | |
#topNavigationSearch, | |
.footer-nav, | |
.footer-navigation, | |
.right-sidebar { | |
display: none!important; | |
opacity: 0 | |
} | |
} | |
.multiselect-container { | |
position: absolute; | |
list-style-type: none; | |
margin: 0; | |
padding: 0 | |
} | |
.multiselect-container .input-group { | |
margin: 5px | |
} | |
.multiselect-container>li { | |
padding: 0 | |
} | |
.multiselect-container>li.multiselect-group label { | |
margin: 0; | |
padding: 3px 20px; | |
height: 100% | |
} | |
.multiselect-container>li.multiselect-group-clickable label { | |
cursor: pointer | |
} | |
.multiselect-container>li>a { | |
padding: 0 | |
} | |
.multiselect-container>li>a>label { | |
margin: 0; | |
height: 100%; | |
cursor: pointer; | |
font-weight: 400; | |
padding: 3px 20px 3px 40px | |
} | |
.multiselect-container>li>a>label.checkbox, | |
.multiselect-container>li>a>label.radio { | |
margin: 0 | |
} | |
.multiselect-container>li>a>label>input[type=checkbox] { | |
margin-bottom: 5px | |
} | |
.btn-group>.btn-group:nth-child(2)>.multiselect.btn { | |
border-top-left-radius: 4px; | |
border-bottom-left-radius: 4px | |
} | |
.form-inline .multiselect-container label.checkbox, | |
.form-inline .multiselect-container label.radio { | |
padding: 3px 20px 3px 40px | |
} | |
.form-inline .multiselect-container li a label.checkbox input[type=checkbox], | |
.form-inline .multiselect-container li a label.radio input[type=radio] { | |
margin-left: -20px; | |
margin-right: 0 | |
} | |
@-webkit-keyframes showSweetAlert { | |
0% { | |
-webkit-transform: scale(.7); | |
transform: scale(.7) | |
} | |
45% { | |
-webkit-transform: scale(1.05); | |
transform: scale(1.05) | |
} | |
80% { | |
-webkit-transform: scale(.95); | |
transform: scale(.95) | |
} | |
100% { | |
-webkit-transform: scale(1); | |
transform: scale(1) | |
} | |
} | |
@keyframes showSweetAlert { | |
0% { | |
-webkit-transform: scale(.7); | |
transform: scale(.7) | |
} | |
45% { | |
-webkit-transform: scale(1.05); | |
transform: scale(1.05) | |
} | |
80% { | |
-webkit-transform: scale(.95); | |
transform: scale(.95) | |
} | |
100% { | |
-webkit-transform: scale(1); | |
transform: scale(1) | |
} | |
} | |
@-webkit-keyframes hideSweetAlert { | |
0% { | |
-webkit-transform: scale(1); | |
transform: scale(1) | |
} | |
100% { | |
-webkit-transform: scale(.5); | |
transform: scale(.5) | |
} | |
} | |
@keyframes hideSweetAlert { | |
0% { | |
-webkit-transform: scale(1); | |
transform: scale(1) | |
} | |
100% { | |
-webkit-transform: scale(.5); | |
transform: scale(.5) | |
} | |
} | |
@-webkit-keyframes slideFromTop { | |
0% { | |
top: 0 | |
} | |
100% { | |
top: 50% | |
} | |
} | |
@keyframes slideFromTop { | |
0% { | |
top: 0 | |
} | |
100% { | |
top: 50% | |
} | |
} | |
@-webkit-keyframes slideToTop { | |
0% { | |
top: 50% | |
} | |
100% { | |
top: 0 | |
} | |
} | |
@keyframes slideToTop { | |
0% { | |
top: 50% | |
} | |
100% { | |
top: 0 | |
} | |
} | |
@-webkit-keyframes slideFromBottom { | |
0% { | |
top: 70% | |
} | |
100% { | |
top: 50% | |
} | |
} | |
@keyframes slideFromBottom { | |
0% { | |
top: 70% | |
} | |
100% { | |
top: 50% | |
} | |
} | |
@-webkit-keyframes slideToBottom { | |
0% { | |
top: 50% | |
} | |
100% { | |
top: 70% | |
} | |
} | |
@keyframes slideToBottom { | |
0% { | |
top: 50% | |
} | |
100% { | |
top: 70% | |
} | |
} | |
.showSweetAlert { | |
-webkit-animation: showSweetAlert .3s; | |
animation: showSweetAlert .3s | |
} | |
.showSweetAlert[data-animation=none] { | |
-webkit-animation: none; | |
animation: none | |
} | |
.showSweetAlert[data-animation=slide-from-top] { | |
-webkit-animation: slideFromTop .3s; | |
animation: slideFromTop .3s | |
} | |
.showSweetAlert[data-animation=slide-from-bottom] { | |
-webkit-animation: slideFromBottom .3s; | |
animation: slideFromBottom .3s | |
} | |
.hideSweetAlert { | |
-webkit-animation: hideSweetAlert .3s; | |
animation: hideSweetAlert .3s | |
} | |
.hideSweetAlert[data-animation=none] { | |
-webkit-animation: none; | |
animation: none | |
} | |
.hideSweetAlert[data-animation=slide-from-top] { | |
-webkit-animation: slideToTop .3s; | |
animation: slideToTop .3s | |
} | |
.hideSweetAlert[data-animation=slide-from-bottom] { | |
-webkit-animation: slideToBottom .3s; | |
animation: slideToBottom .3s | |
} | |
@-webkit-keyframes animateSuccessTip { | |
0%, | |
54% { | |
width: 0; | |
left: 1px; | |
top: 19px | |
} | |
70% { | |
width: 50px; | |
left: -8px; | |
top: 37px | |
} | |
84% { | |
width: 17px; | |
left: 21px; | |
top: 48px | |
} | |
100% { | |
width: 25px; | |
left: 14px; | |
top: 45px | |
} | |
} | |
@keyframes animateSuccessTip { | |
0%, | |
54% { | |
width: 0; | |
left: 1px; | |
top: 19px | |
} | |
70% { | |
width: 50px; | |
left: -8px; | |
top: 37px | |
} | |
84% { | |
width: 17px; | |
left: 21px; | |
top: 48px | |
} | |
100% { | |
width: 25px; | |
left: 14px; | |
top: 45px | |
} | |
} | |
@-webkit-keyframes animateSuccessLong { | |
0%, | |
65% { | |
width: 0; | |
right: 46px; | |
top: 54px | |
} | |
84% { | |
width: 55px; | |
right: 0; | |
top: 35px | |
} | |
100% { | |
width: 47px; | |
right: 8px; | |
top: 38px | |
} | |
} | |
@keyframes animateSuccessLong { | |
0%, | |
65% { | |
width: 0; | |
right: 46px; | |
top: 54px | |
} | |
84% { | |
width: 55px; | |
right: 0; | |
top: 35px | |
} | |
100% { | |
width: 47px; | |
right: 8px; | |
top: 38px | |
} | |
} | |
@-webkit-keyframes rotatePlaceholder { | |
0%, | |
5% { | |
-webkit-transform: rotate(-45deg); | |
transform: rotate(-45deg) | |
} | |
100%, | |
12% { | |
-webkit-transform: rotate(-405deg); | |
transform: rotate(-405deg) | |
} | |
} | |
@keyframes rotatePlaceholder { | |
0%, | |
5% { | |
-webkit-transform: rotate(-45deg); | |
transform: rotate(-45deg) | |
} | |
100%, | |
12% { | |
-webkit-transform: rotate(-405deg); | |
transform: rotate(-405deg) | |
} | |
} | |
.animateSuccessTip { | |
-webkit-animation: animateSuccessTip .75s; | |
animation: animateSuccessTip .75s | |
} | |
.animateSuccessLong { | |
-webkit-animation: animateSuccessLong .75s; | |
animation: animateSuccessLong .75s | |
} | |
.sa-icon.sa-success.animate::after { | |
-webkit-animation: rotatePlaceholder 4.25s ease-in; | |
animation: rotatePlaceholder 4.25s ease-in | |
} | |
@-webkit-keyframes animateErrorIcon { | |
0% { | |
-webkit-transform: rotateX(100deg); | |
transform: rotateX(100deg); | |
opacity: 0 | |
} | |
100% { | |
-webkit-transform: rotateX(0); | |
transform: rotateX(0); | |
opacity: 1 | |
} | |
} | |
@keyframes animateErrorIcon { | |
0% { | |
-webkit-transform: rotateX(100deg); | |
transform: rotateX(100deg); | |
opacity: 0 | |
} | |
100% { | |
-webkit-transform: rotateX(0); | |
transform: rotateX(0); | |
opacity: 1 | |
} | |
} | |
.animateErrorIcon { | |
-webkit-animation: animateErrorIcon .5s; | |
animation: animateErrorIcon .5s | |
} | |
@-webkit-keyframes animateXMark { | |
0%, | |
50% { | |
-webkit-transform: scale(.4); | |
transform: scale(.4); | |
margin-top: 26px; | |
opacity: 0 | |
} | |
80% { | |
-webkit-transform: scale(1.15); | |
transform: scale(1.15); | |
margin-top: -6px | |
} | |
100% { | |
-webkit-transform: scale(1); | |
transform: scale(1); | |
margin-top: 0; | |
opacity: 1 | |
} | |
} | |
@keyframes animateXMark { | |
0%, | |
50% { | |
-webkit-transform: scale(.4); | |
transform: scale(.4); | |
margin-top: 26px; | |
opacity: 0 | |
} | |
80% { | |
-webkit-transform: scale(1.15); | |
transform: scale(1.15); | |
margin-top: -6px | |
} | |
100% { | |
-webkit-transform: scale(1); | |
transform: scale(1); | |
margin-top: 0; | |
opacity: 1 | |
} | |
} | |
.animateXMark { | |
-webkit-animation: animateXMark .5s; | |
animation: animateXMark .5s | |
} | |
@-webkit-keyframes pulseWarning { | |
0% { | |
border-color: #F8D486 | |
} | |
100% { | |
border-color: #F8BB86 | |
} | |
} | |
@keyframes pulseWarning { | |
0% { | |
border-color: #F8D486 | |
} | |
100% { | |
border-color: #F8BB86 | |
} | |
} | |
.pulseWarning { | |
-webkit-animation: pulseWarning .75s infinite alternate; | |
animation: pulseWarning .75s infinite alternate | |
} | |
@-webkit-keyframes pulseWarningIns { | |
0% { | |
background-color: #F8D486 | |
} | |
100% { | |
background-color: #F8BB86 | |
} | |
} | |
@keyframes pulseWarningIns { | |
0% { | |
background-color: #F8D486 | |
} | |
100% { | |
background-color: #F8BB86 | |
} | |
} | |
.pulseWarningIns { | |
-webkit-animation: pulseWarningIns .75s infinite alternate; | |
animation: pulseWarningIns .75s infinite alternate | |
} | |
@-webkit-keyframes rotate-loading { | |
0% { | |
-webkit-transform: rotate(0); | |
transform: rotate(0) | |
} | |
100% { | |
-webkit-transform: rotate(360deg); | |
transform: rotate(360deg) | |
} | |
} | |
@keyframes rotate-loading { | |
0% { | |
-webkit-transform: rotate(0); | |
transform: rotate(0) | |
} | |
100% { | |
-webkit-transform: rotate(360deg); | |
transform: rotate(360deg) | |
} | |
} | |
body.stop-scrolling { | |
height: 100%; | |
overflow: hidden | |
} | |
.sweet-overlay { | |
width: 100vw; | |
height: -o-calc(100vh - 60px); | |
height: calc(100vh - 60px); | |
background: rgba(0, 38, 58, .25); | |
top: 60px; | |
left: 0; | |
display: none; | |
z-index: 101 | |
} | |
.sweet-alert { | |
background-color: #fff; | |
width: 478px; | |
padding: 17px; | |
border-radius: 5px; | |
text-align: center; | |
position: fixed; | |
left: 50%; | |
top: 50%; | |
margin-left: -256px; | |
margin-top: -200px; | |
overflow: hidden; | |
display: none; | |
z-index: 2032 | |
} | |
@media all and (max-width:767px) { | |
.sweet-alert { | |
width: auto; | |
margin-left: 0; | |
margin-right: 0; | |
left: 15px; | |
right: 15px | |
} | |
} | |
.sweet-alert .form-group, | |
.sweet-alert .form-group .sa-input-error { | |
display: none | |
} | |
.sweet-alert.show-input .form-group { | |
display: block | |
} | |
.sweet-alert .sa-confirm-button-container { | |
display: inline-block; | |
position: relative | |
} | |
.sweet-alert .la-ball-fall { | |
position: absolute; | |
left: 50%; | |
top: 50%; | |
margin-left: -27px; | |
margin-top: -9px; | |
opacity: 0; | |
visibility: hidden | |
} | |
.sweet-alert button[disabled] { | |
opacity: .6; | |
cursor: default | |
} | |
.sweet-alert button.confirm[disabled] { | |
color: transparent | |
} | |
.sweet-alert button.confirm[disabled]~.la-ball-fall { | |
opacity: 1; | |
visibility: visible; | |
-webkit-transition-delay: 0s; | |
transition-delay: 0s | |
} | |
.sweet-alert .sa-icon { | |
width: 80px; | |
height: 80px; | |
border: 4px solid gray; | |
border-radius: 50%; | |
margin: 20px auto; | |
position: relative; | |
box-sizing: content-box | |
} | |
.sweet-alert .sa-icon.sa-error { | |
border-color: #901628 | |
} | |
.sweet-alert .sa-icon.sa-error .sa-x-mark { | |
position: relative; | |
display: block | |
} | |
.sweet-alert .sa-icon.sa-error .sa-line { | |
position: absolute; | |
height: 5px; | |
width: 47px; | |
background-color: #a6192e; | |
display: block; | |
top: 37px; | |
border-radius: 2px | |
} | |
.sweet-alert .sa-icon.sa-error .sa-line.sa-left { | |
-webkit-transform: rotate(45deg); | |
transform: rotate(45deg); | |
left: 17px | |
} | |
.sweet-alert .sa-icon.sa-error .sa-line.sa-right { | |
-webkit-transform: rotate(-45deg); | |
transform: rotate(-45deg); | |
right: 16px | |
} | |
.sweet-alert .sa-icon.sa-warning { | |
border-color: #ffb002 | |
} | |
.sweet-alert .sa-icon.sa-warning .sa-body { | |
position: absolute; | |
width: 5px; | |
height: 47px; | |
left: 50%; | |
top: 10px; | |
border-radius: 2px; | |
margin-left: -2px; | |
background-color: #ffb81c | |
} | |
.sweet-alert .sa-icon.sa-warning .sa-dot { | |
position: absolute; | |
width: 7px; | |
height: 7px; | |
border-radius: 50%; | |
margin-left: -3px; | |
left: 50%; | |
bottom: 10px; | |
background-color: #ffb81c | |
} | |
.sweet-alert .sa-icon.sa-info { | |
border-color: #517285 | |
} | |
.sweet-alert .sa-icon.sa-info::before { | |
content: ""; | |
position: absolute; | |
width: 5px; | |
height: 29px; | |
left: 50%; | |
bottom: 17px; | |
border-radius: 2px; | |
margin-left: -2px; | |
background-color: #5b7f95 | |
} | |
.sweet-alert .sa-icon.sa-info::after { | |
content: ""; | |
position: absolute; | |
width: 7px; | |
height: 7px; | |
border-radius: 50%; | |
margin-left: -3px; | |
top: 19px; | |
background-color: #5b7f95 | |
} | |
.sweet-alert .sa-icon.sa-success { | |
border-color: #001521 | |
} | |
.sweet-alert .sa-icon.sa-success::after, | |
.sweet-alert .sa-icon.sa-success::before { | |
content: ''; | |
position: absolute; | |
width: 60px; | |
height: 120px; | |
background: #fff | |
} | |
.sweet-alert .sa-icon.sa-success::before { | |
border-radius: 120px 0 0 120px; | |
top: -7px; | |
left: -33px; | |
-webkit-transform: rotate(-45deg); | |
transform: rotate(-45deg); | |
-webkit-transform-origin: 60px 60px; | |
transform-origin: 60px 60px | |
} | |
.sweet-alert .sa-icon.sa-success::after { | |
border-radius: 0 120px 120px 0; | |
top: -11px; | |
left: 30px; | |
-webkit-transform: rotate(-45deg); | |
transform: rotate(-45deg); | |
-webkit-transform-origin: 0 60px; | |
transform-origin: 0 60px | |
} | |
.sweet-alert .sa-icon.sa-success .sa-placeholder { | |
width: 80px; | |
height: 80px; | |
border: 4px solid rgba(0, 38, 58, .2); | |
border-radius: 50%; | |
box-sizing: content-box; | |
position: absolute; | |
left: -4px; | |
top: -4px; | |
z-index: 2 | |
} | |
.sweet-alert .sa-icon.sa-success .sa-fix { | |
width: 5px; | |
height: 90px; | |
background-color: #fff; | |
position: absolute; | |
left: 28px; | |
top: 8px; | |
z-index: 1; | |
-webkit-transform: rotate(-45deg); | |
transform: rotate(-45deg) | |
} | |
.sweet-alert .sa-icon.sa-success .sa-line { | |
height: 5px; | |
background-color: #00263a; | |
display: block; | |
border-radius: 2px; | |
position: absolute; | |
z-index: 2 | |
} | |
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip { | |
width: 25px; | |
left: 14px; | |
top: 46px; | |
-webkit-transform: rotate(45deg); | |
transform: rotate(45deg) | |
} | |
.sweet-alert .sa-icon.sa-success .sa-line.sa-long { | |
width: 47px; | |
right: 8px; | |
top: 38px; | |
-webkit-transform: rotate(-45deg); | |
transform: rotate(-45deg) | |
} | |
.sweet-alert .sa-icon.sa-custom { | |
background-size: contain; | |
border-radius: 0; | |
border: none; | |
background-position: center center; | |
background-repeat: no-repeat | |
} | |
.sweet-alert button::-moz-focus-inner { | |
border: 0 | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment