html {
font: normal 14px / 20px "Helvetica Neue", Helvetica, Arial, sans-serif;
/*font: normal 14px / 20px "Hiragino Kaku Gothic ProN", "メイリオ", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
background: #fff;
color: #444;
}
body {
margin: 0;
}
a {
background: transparent;
}
a:active,
a:hover {
outline: 0;
}
a,
.uk-link {
color: #07d;
text-decoration: none;
cursor: pointer;
}
a:hover,
.uk-link:hover {
color: #059;
text-decoration: underline;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
:not(pre) > code,
:not(pre) > kbd,
:not(pre) > samp {
font-size: 12px;
font-family: Consolas, monospace, serif;
color: #d05;
white-space: nowrap;
}
em {
color: #d05;
}
ins {
background: #ffa;
color: #444;
text-decoration: none;
}
mark {
background: #ffa;
color: #444;
}
q {
font-style: italic;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
max-width: 100%;
height: auto;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 0;
vertical-align: middle;
}
.uk-img-preserve,
.uk-img-preserve img {
max-width: none;
}
svg:not(:root) {
overflow: hidden;
}
blockquote,
figure {
margin: 0;
}
p,
ul,
ol,
dl,
blockquote,
pre,
address,
fieldset,
figure {
margin: 0 0 15px 0;
}
* + p,
* + ul,
* + ol,
* + dl,
* + blockquote,
* + pre,
* + address,
* + fieldset,
* + figure {
margin-top: 15px;
}
h1,
h2,
/*h3,*/
h4,
h5,
h6 {
margin: 0 0 15px 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
color: #444;
text-transform: none;
}
* + h1,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6 {
margin-top: 25px;
}
h1,
.uk-h1 {
font-size: 36px;
line-height: 42px;
}
h2,
.uk-h2 {
font-size: 24px;
line-height: 30px;
}
/*h3,*/
.uk-h3 {
font-size: 18px;
line-height: 24px;
}
h4,
.uk-h4 {
font-size: 16px;
line-height: 22px;
}
h5,
.uk-h5 {
font-size: 14px;
line-height: 20px;
}
h6,
.uk-h6 {
font-size: 12px;
line-height: 18px;
}
ul,
ol {
padding-left: 30px;
}
ul > li > ul,
ul > li > ol,
ol > li > ol,
ol > li > ul {
margin: 0;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
margin: 15px 0;
border: 0;
border-top: 1px solid #ddd;
}
address {
font-style: normal;
}
blockquote {
padding-left: 15px;
border-left: 5px solid #ddd;
font-size: 16px;
line-height: 22px;
font-style: italic;
}
pre {
padding: 10px;
background: #f5f5f5;
font: 12px / 18px Consolas, monospace, serif;
color: #444;
-moz-tab-size: 4;
tab-size: 4;
overflow: auto;
}
::-moz-selection {
background: #39f;
color: #fff;
text-shadow: none;
}
::selection {
background: #39f;
color: #fff;
text-shadow: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
display: block;
}
progress {
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
}
[hidden],
template {
display: none;
}
iframe {
border: 0;
}
@media screen and (max-width: 400px) {
@-ms-viewport {
width: device-width;
}
}
.uk-grid {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 0 -25px;
padding: 0;
list-style: none;
}
.uk-grid:before,
.uk-grid:after {
content: "";
display: block;
overflow: hidden;
}
.uk-grid:after {
clear: both;
}
.uk-grid > * {
-ms-flex: none;
-webkit-flex: none;
flex: none;
margin: 0;
padding-left: 25px;
float: left;
}
.uk-grid > * >:last-child {
margin-bottom: 0;
}
.uk-grid + .uk-grid {
margin-top: 25px;
}
.uk-grid > .uk-grid-margin {
margin-top: 25px;
}
.uk-grid > * > .uk-panel + .uk-panel {
margin-top: 25px;
}
@media (min-width: 1220px) {
.uk-grid:not(.uk-grid-preserve) {
margin-left: -35px;
}
.uk-grid:not(.uk-grid-preserve) > * {
padding-left: 35px;
}
.uk-grid:not(.uk-grid-preserve) + .uk-grid {
margin-top: 35px;
}
.uk-grid:not(.uk-grid-preserve) > .uk-grid-margin {
margin-top: 35px;
}
.uk-grid:not(.uk-grid-preserve) > * > .uk-panel + .uk-panel {
margin-top: 35px;
}
}
.uk-grid.uk-grid-small {
margin-left: -10px;
}
.uk-grid.uk-grid-small > * {
padding-left: 10px;
}
.uk-grid.uk-grid-small + .uk-grid-small {
margin-top: 10px;
}
.uk-grid.uk-grid-small > .uk-grid-margin {
margin-top: 10px;
}
.uk-grid.uk-grid-small > * > .uk-panel + .uk-panel {
margin-top: 10px;
}
.uk-grid-divider:not(:empty) {
margin-left: -25px;
margin-right: -25px;
}
.uk-grid-divider > * {
padding-left: 25px;
padding-right: 25px;
}
.uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),
.uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) {
border-left: 1px solid #ddd;
}
@media (min-width: 768px) {
.uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {
border-left: 1px solid #ddd;
}
}
@media (min-width: 960px) {
.uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) {
border-left: 1px solid #ddd;
}
}
@media (min-width: 1220px) {
.uk-grid-divider:not(.uk-grid-preserve):not(:empty) {
margin-left: -35px;
margin-right: -35px;
}
.uk-grid-divider:not(.uk-grid-preserve) > * {
padding-left: 35px;
padding-right: 35px;
}
.uk-grid-divider:not(.uk-grid-preserve):empty {
margin-top: 35px;
margin-bottom: 35px;
}
}
.uk-grid-divider:empty {
margin-top: 25px;
margin-bottom: 25px;
border-top: 1px solid #ddd;
}
.uk-grid-match > * {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.uk-grid-match > * > * {
-ms-flex: none;
-webkit-flex: none;
flex: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
[class*='uk-grid-width'] > * {
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.uk-grid-width-1-2 > * {
width: 50%;
}
.uk-grid-width-1-3 > * {
width: 33.333%;
}
.uk-grid-width-1-4 > * {
width: 25%;
}
.uk-grid-width-1-5 > * {
width: 20%;
}
.uk-grid-width-1-6 > * {
width: 16.666%;
}
.uk-grid-width-1-10 > * {
width: 10%;
}
@media (min-width: 480px) {
.uk-grid-width-small-1-2 > * {
width: 50%;
}
.uk-grid-width-small-1-3 > * {
width: 33.333%;
}
.uk-grid-width-small-1-4 > * {
width: 25%;
}
.uk-grid-width-small-1-5 > * {
width: 20%;
}
.uk-grid-width-small-1-6 > * {
width: 16.666%;
}
.uk-grid-width-small-1-10 > * {
width: 10%;
}
}
@media (min-width: 768px) {
.uk-grid-width-medium-1-2 > * {
width: 50%;
}
.uk-grid-width-medium-1-3 > * {
width: 33.333%;
}
.uk-grid-width-medium-1-4 > * {
width: 25%;
}
.uk-grid-width-medium-1-5 > * {
width: 20%;
}
.uk-grid-width-medium-1-6 > * {
width: 16.666%;
}
.uk-grid-width-medium-1-10 > * {
width: 10%;
}
}
@media (min-width: 960px) {
.uk-grid-width-large-1-2 > * {
width: 50%;
}
.uk-grid-width-large-1-3 > * {
width: 33.333%;
}
.uk-grid-width-large-1-4 > * {
width: 25%;
}
.uk-grid-width-large-1-5 > * {
width: 20%;
}
.uk-grid-width-large-1-6 > * {
width: 16.666%;
}
.uk-grid-width-large-1-10 > * {
width: 10%;
}
}
@media (min-width: 1220px) {
.uk-grid-width-xlarge-1-2 > * {
width: 50%;
}
.uk-grid-width-xlarge-1-3 > * {
width: 33.333%;
}
.uk-grid-width-xlarge-1-4 > * {
width: 25%;
}
.uk-grid-width-xlarge-1-5 > * {
width: 20%;
}
.uk-grid-width-xlarge-1-6 > * {
width: 16.666%;
}
.uk-grid-width-xlarge-1-10 > * {
width: 10%;
}
}
[class*='uk-width'] {
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.uk-width-1-1 {
width: 100%;
}
.uk-width-1-2,
.uk-width-2-4,
.uk-width-3-6,
.uk-width-5-10 {
width: 50%;
}
.uk-width-1-3,
.uk-width-2-6 {
width: 33.333%;
}
.uk-width-2-3,
.uk-width-4-6 {
width: 66.666%;
}
.uk-width-1-4 {
width: 25%;
}
.uk-width-3-4 {
width: 75%;
}
.uk-width-1-5,
.uk-width-2-10 {
width: 20%;
}
.uk-width-2-5,
.uk-width-4-10 {
width: 40%;
}
.uk-width-3-5,
.uk-width-6-10 {
width: 60%;
}
.uk-width-4-5,
.uk-width-8-10 {
width: 80%;
}
.uk-width-1-6 {
width: 16.666%;
}
.uk-width-5-6 {
width: 83.333%;
}
.uk-width-1-10 {
width: 10%;
}
.uk-width-3-10 {
width: 30%;
}
.uk-width-7-10 {
width: 70%;
}
.uk-width-9-10 {
width: 90%;
}
@media (min-width: 480px) {
.uk-width-small-1-1 {
width: 100%;
}
.uk-width-small-1-2,
.uk-width-small-2-4,
.uk-width-small-3-6,
.uk-width-small-5-10 {
width: 50%;
}
.uk-width-small-1-3,
.uk-width-small-2-6 {
width: 33.333%;
}
.uk-width-small-2-3,
.uk-width-small-4-6 {
width: 66.666%;
}
.uk-width-small-1-4 {
width: 25%;
}
.uk-width-small-3-4 {
width: 75%;
}
.uk-width-small-1-5,
.uk-width-small-2-10 {
width: 20%;
}
.uk-width-small-2-5,
.uk-width-small-4-10 {
width: 40%;
}
.uk-width-small-3-5,
.uk-width-small-6-10 {
width: 60%;
}
.uk-width-small-4-5,
.uk-width-small-8-10 {
width: 80%;
}
.uk-width-small-1-6 {
width: 16.666%;
}
.uk-width-small-5-6 {
width: 83.333%;
}
.uk-width-small-1-10 {
width: 10%;
}
.uk-width-small-3-10 {
width: 30%;
}
.uk-width-small-7-10 {
width: 70%;
}
.uk-width-small-9-10 {
width: 90%;
}
}
@media (min-width: 768px) {
.uk-width-medium-1-1 {
width: 100%;
}
.uk-width-medium-1-2,
.uk-width-medium-2-4,
.uk-width-medium-3-6,
.uk-width-medium-5-10 {
width: 50%;
}
.uk-width-medium-1-3,
.uk-width-medium-2-6 {
width: 33.333%;
}
.uk-width-medium-2-3,
.uk-width-medium-4-6 {
width: 66.666%;
}
.uk-width-medium-1-4 {
width: 25%;
}
.uk-width-medium-3-4 {
width: 75%;
}
.uk-width-medium-1-5,
.uk-width-medium-2-10 {
width: 20%;
}
.uk-width-medium-2-5,
.uk-width-medium-4-10 {
width: 40%;
}
.uk-width-medium-3-5,
.uk-width-medium-6-10 {
width: 60%;
}
.uk-width-medium-4-5,
.uk-width-medium-8-10 {
width: 80%;
}
.uk-width-medium-1-6 {
width: 16.666%;
}
.uk-width-medium-5-6 {
width: 83.333%;
}
.uk-width-medium-1-10 {
width: 10%;
}
.uk-width-medium-3-10 {
width: 30%;
}
.uk-width-medium-7-10 {
width: 70%;
}
.uk-width-medium-9-10 {
width: 90%;
}
}
@media (min-width: 960px) {
.uk-width-large-1-1 {
width: 100%;
}
.uk-width-large-1-2,
.uk-width-large-2-4,
.uk-width-large-3-6,
.uk-width-large-5-10 {
width: 50%;
}
.uk-width-large-1-3,
.uk-width-large-2-6 {
width: 33.333%;
}
.uk-width-large-2-3,
.uk-width-large-4-6 {
width: 66.666%;
}
.uk-width-large-1-4 {
width: 25%;
}
.uk-width-large-3-4 {
width: 75%;
}
.uk-width-large-1-5,
.uk-width-large-2-10 {
width: 20%;
}
.uk-width-large-2-5,
.uk-width-large-4-10 {
width: 40%;
}
.uk-width-large-3-5,
.uk-width-large-6-10 {
width: 60%;
}
.uk-width-large-4-5,
.uk-width-large-8-10 {
width: 80%;
}
.uk-width-large-1-6 {
width: 16.666%;
}
.uk-width-large-5-6 {
width: 83.333%;
}
.uk-width-large-1-10 {
width: 10%;
}
.uk-width-large-3-10 {
width: 30%;
}
.uk-width-large-7-10 {
width: 70%;
}
.uk-width-large-9-10 {
width: 90%;
}
}
@media (min-width: 768px) {
[class*='uk-push-'],
[class*='uk-pull-'] {
position: relative;
}
.uk-push-1-2,
.uk-push-2-4,
.uk-push-3-6,
.uk-push-5-10 {
left: 50%;
}
.uk-push-1-3,
.uk-push-2-6 {
left: 33.333%;
}
.uk-push-2-3,
.uk-push-4-6 {
left: 66.666%;
}
.uk-push-1-4 {
left: 25%;
}
.uk-push-3-4 {
left: 75%;
}
.uk-push-1-5,
.uk-push-2-10 {
left: 20%;
}
.uk-push-2-5,
.uk-push-4-10 {
left: 40%;
}
.uk-push-3-5,
.uk-push-6-10 {
left: 60%;
}
.uk-push-4-5,
.uk-push-8-10 {
left: 80%;
}
.uk-push-1-6 {
left: 16.666%;
}
.uk-push-5-6 {
left: 83.333%;
}
.uk-push-1-10 {
left: 10%;
}
.uk-push-3-10 {
left: 30%;
}
.uk-push-7-10 {
left: 70%;
}
.uk-push-9-10 {
left: 90%;
}
.uk-pull-1-2,
.uk-pull-2-4,
.uk-pull-3-6,
.uk-pull-5-10 {
left: -50%;
}
.uk-pull-1-3,
.uk-pull-2-6 {
left: -33.333%;
}
.uk-pull-2-3,
.uk-pull-4-6 {
left: -66. 666%;
}
.uk-pull-1-4 {
left: -25%;
}
.uk-pull-3-4 {
left: -75%;
}
.uk-pull-1-5,
.uk-pull-2-10 {
left: -20%;
}
.uk-pull-2-5,
.uk-pull-4-10 {
left: -40%;
}
.uk-pull-3-5,
.uk-pull-6-10 {
left: -60%;
}
.uk-pull-4-5,
.uk-pull-8-10 {
left: -80%;
}
.uk-pull-1-6 {
left: -16.666%;
}
.uk-pull-5-6 {
left: -83.333%;
}
.uk-pull-1-10 {
left: -10%;
}
.uk-pull-3-10 {
left: -30%;
}
.uk-pull-7-10 {
left: -70%;
}
.uk-pull-9-10 {
left: -90%;
}
}
.uk-panel {
display: block;
position: relative;
}
.uk-panel,
a.uk-panel:hover {
color: inherit;
text-decoration: none;
}
.uk-panel:before,
.uk-panel:after {
content: "";
display: table;
}
.uk-panel:after {
clear: both;
}
.uk-panel >:not(.uk-panel-title):last-child {
margin-bottom: 0;
}
.uk-panel-title {
margin-top: 0;
margin-bottom: 15px;
font-size: 18px;
line-height: 24px;
font-weight: normal;
text-transform: none;
color: #444;
}
.uk-panel-badge {
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
.uk-panel-box {
padding: 15px;
background: #f5f5f5;
color: #444;
}
a.uk-panel-box:hover {
color: #444;
}
.uk-panel-box .uk-panel-title {
color: #444;
}
.uk-panel-box .uk-panel-badge {
top: 10px;
right: 10px;
}
.uk-panel-box .uk-panel-teaser {
margin: -15px -15px 15px -15px;
}
.uk-panel-box > .uk-nav-side {
margin: 0 -15px;
}
.uk-panel-box-primary {
background-color: #ebf7fd;
color: #2d7091;
}
a.uk-panel-box-primary:hover {
color: #2d7091;
}
.uk-panel-box-primary .uk-panel-title {
color: #2d7091;
}
.uk-panel-box-secondary {
background-color: #eee;
color: #444;
}
a.uk-panel-box-secondary:hover {
color: #444;
}
.uk-panel-box-secondary .uk-panel-title {
color: #444;
}
.uk-panel-hover {
padding: 15px;
}
.uk-panel-hover:hover {
background: #f5f5f5;
color: #444;
}
.uk-panel-hover .uk-panel-badge {
top: 10px;
right: 10px;
}
.uk-panel-hover .uk-panel-teaser {
margin: -15px -15px 15px -15px;
}
.uk-panel-header .uk-panel-title {
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
color: #444;
}
.uk-panel-space {
padding: 30px;
}
.uk-panel-space .uk-panel-badge {
top: 30px;
right: 30px;
}
.uk-panel + .uk-panel-divider {
margin-top: 50px !important;
}
.uk-panel + .uk-panel-divider:before {
content: "";
display: block;
position: absolute;
top: -25px;
left: 0;
right: 0;
border-top: 1px solid #ddd;
}
@media (min-width: 1220px) {
.uk-panel + .uk-panel-divider {
margin-top: 70px !important;
}
.uk-panel + .uk-panel-divider:before {
top: -35px;
}
}
.uk-article:before,
.uk-article:after {
content: "";
display: table;
}
.uk-article:after {
clear: both;
}
.uk-article >:last-child {
margin-bottom: 0;
}
.uk-article + .uk-article {
margin-top: 25px;
}
.uk-article-title {
font-size: 36px;
line-height: 42px;
font-weight: normal;
text-transform: none;
}
.uk-article-title a {
color: inherit;
text-decoration: none;
}
.uk-article-meta {
font-size: 12px;
line-height: 18px;
color: #999;
}
.uk-article-lead {
color: #444;
font-size: 18px;
line-height: 24px;
font-weight: normal;
}
.uk-article-divider {
margin-bottom: 25px;
border-color: #ddd;
}
* + .uk-article-divider {
margin-top: 25px;
}
.uk-comment-header {
margin-bottom: 15px;
}
.uk-comment-header:before,
.uk-comment-header:after {
content: "";
display: table;
}
.uk-comment-header:after {
clear: both;
}
.uk-comment-avatar {
margin-right: 15px;
float: left;
}
.uk-comment-title {
margin: 5px 0 0 0;
font-size: 16px;
line-height: 22px;
}
.uk-comment-meta {
margin: 2px 0 0 0;
font-size: 11px;
line-height: 16px;
color: #999;
}
.uk-comment-body >:last-child {
margin-bottom: 0;
}
.uk-comment-list {
padding: 0;
list-style: none;
}
.uk-comment-list .uk-comment + ul {
margin: 15px 0 0 0;
list-style: none;
}
.uk-comment-list > li:nth-child(n+2),
.uk-comment-list .uk-comment + ul > li:nth-child(n+2) {
margin-top: 15px;
}
@media (min-width: 768px) {
.uk-comment-list .uk-comment + ul {
padding-left: 100px;
}
}
.uk-nav,
.uk-nav ul {
margin: 0;
padding: 0;
list-style: none;
}
.uk-nav li > a {
display: block;
text-decoration: none;
}
.uk-nav > li > a {
padding: 5px 15px;
}
.uk-nav ul {
padding-left: 15px;
}
.uk-nav ul a {
padding: 2px 0;
}
.uk-nav li > a > div {
font-size: 12px;
line-height: 18px;
}
.uk-nav-header {
padding: 5px 15px;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
}
.uk-nav-header:not(:first-child) {
margin-top: 15px;
}
.uk-nav-divider {
margin: 9px 15px;
}
ul.uk-nav-sub {
padding: 5px 0 5px 15px;
}
.uk-nav-parent-icon > .uk-parent > a:after {
content: "\f104";
width: 20px;
margin-right: -10px;
float: right;
font-family: FontAwesome;
text-align: center;
}
.uk-nav-parent-icon > .uk-parent.uk-open > a:after {
content: "\f107";
}
.uk-nav-side > li > a {
color: #444;
}
.uk-nav-side > li > a:hover,
.uk-nav-side > li > a:focus {
background: rgba(0, 0, 0, 0.05);
color: #444;
outline: none;
}
.uk-nav-side > li.uk-active > a {
background: #00a8e6;
color: #fff;
}
.uk-nav-side .uk-nav-header {
color: #444;
}
.uk-nav-side .uk-nav-divider {
border-top: 1px solid #ddd;
}
.uk-nav-side ul a {
color: #07d;
}
.uk-nav-side ul a:hover {
color: #059;
}
.uk-nav-dropdown > li > a {
color: #444;
}
.uk-nav-dropdown > li > a:hover,
.uk-nav-dropdown > li > a:focus {
background: #00a8e6;
color: #fff;
outline: none;
}
.uk-nav-dropdown .uk-nav-header {
color: #999;
}
.uk-nav-dropdown .uk-nav-divider {
border-top: 1px solid #ddd;
}
.uk-nav-dropdown ul a {
color: #07d;
}
.uk-nav-dropdown ul a:hover {
color: #059;
}
.uk-nav-navbar > li > a {
color: #444;
}
.uk-nav-navbar > li > a:hover,
.uk-nav-navbar > li > a:focus {
background: #00a8e6;
color: #fff;
outline: none;
}
.uk-nav-navbar .uk-nav-header {
color: #999;
}
.uk-nav-navbar .uk-nav-divider {
border-top: 1px solid #ddd;
}
.uk-nav-navbar ul a {
color: #07d;
}
.uk-nav-navbar ul a:hover {
color: #059;
}
.uk-nav-offcanvas > li > a {
color: #ccc;
padding: 10px 15px;
}
.uk-nav-offcanvas > .uk-open > a,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
background: #404040;
color: #fff;
outline: none;
}
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
background: #1a1a1a;
color: #fff;
}
.uk-nav-offcanvas .uk-nav-header {
color: #777;
}
.uk-nav-offcanvas .uk-nav-divider {
border-top: 1px solid #1a1a1a;
}
.uk-nav-offcanvas ul a {
color: #ccc;
}
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
color: #fff;
}
.uk-navbar {
background: #eee;
color: #444;
}
.uk-navbar:before,
.uk-navbar:after {
content: "";
display: table;
}
.uk-navbar:after {
clear: both;
}
.uk-navbar-nav {
margin: 0;
padding: 0;
list-style: none;
float: left;
}
.uk-navbar-nav > li {
float: left;
position: relative;
}
.uk-navbar-nav > li > a {
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
height: 40px;
padding: 0 15px;
line-height: 40px;
color: #444;
font-size: 14px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
}
.uk-navbar-nav > li > a[href='#'] {
cursor: text;
}
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
background-color: #f5f5f5;
color: #444;
outline: none;
}
.uk-navbar-nav > li > a:active {
background-color: #ddd;
color: #444;
}
.uk-navbar-nav > li.uk-active > a {
background-color: #f5f5f5;
color: #444;
}
.uk-navbar-nav .uk-navbar-nav-subtitle {
line-height: 28px;
}
.uk-navbar-nav-subtitle > div {
margin-top: -6px;
font-size: 10px;
line-height: 12px;
}
.uk-navbar-content,
.uk-navbar-brand,
.uk-navbar-toggle {
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
height: 40px;
padding: 0 15px;
float: left;
}
.uk-navbar-content:before,
.uk-navbar-brand:before,
.uk-navbar-toggle:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) {
padding-left: 0;
}
.uk-navbar-content > a:not([class]) {
color: #07d;
}
.uk-navbar-content > a:not([class]):hover {
color: #059;
}
.uk-navbar-brand {
font-size: 18px;
color: #444;
text-decoration: none;
}
.uk-navbar-brand:hover,
.uk-navbar-brand:focus {
color: #444;
text-decoration: none;
outline: none;
}
.uk-navbar-toggle {
font-size: 18px;
color: #444;
text-decoration: none;
}
.uk-navbar-toggle:hover,
.uk-navbar-toggle:focus {
color: #444;
text-decoration: none;
outline: none;
}
.uk-navbar-toggle:after {
content: "\f0c9";
font-family: FontAwesome;
vertical-align: middle;
}
.uk-navbar-toggle-alt:after {
content: "\f002";
}
.uk-navbar-center {
float: none;
text-align: center;
max-width: 50%;
margin-left: auto;
margin-right: auto;
}
.uk-navbar-flip {
float: right;
}
.uk-subnav {
padding: 0;
list-style: none;
font-size: 0.001px;
}
.uk-subnav > li {
position: relative;
font-size: 1rem;
vertical-align: top;
}
.uk-subnav > li,
.uk-subnav > li > a,
.uk-subnav > li > span {
display: inline-block;
}
.uk-subnav > li:nth-child(n+2) {
margin-left: 10px;
}
.uk-subnav > li > a {
color: #07d;
}
.uk-subnav > li > a:hover {
color: #059;
}
.uk-subnav > li > span {
color: #999;
}
.uk-subnav-line > li:nth-child(n+2):before {
content: "";
display: inline-block;
height: 10px;
margin-right: 10px;
border-left: 1px solid #ddd;
}
.uk-subnav-pill > li > a,
.uk-subnav-pill > li > span {
padding: 3px 9px;
text-decoration: none;
}
.uk-subnav-pill > li > a:hover,
.uk-subnav-pill > li > a:focus {
background: #eee;
color: #444;
outline: none;
}
.uk-subnav-pill > li.uk-active > a {
background: #00a8e6;
color: #fff;
}
.uk-breadcrumb {
padding: 0;
list-style: none;
font-size: 0.001px;
}
.uk-breadcrumb > li {
font-size: 1rem;
vertical-align: top;
}
.uk-breadcrumb > li,
.uk-breadcrumb > li > a,
.uk-breadcrumb > li > span {
display: inline-block;
}
.uk-breadcrumb > li:nth-child(n+2):before {
content: "/";
display: inline-block;
margin: 0 8px;
}
.uk-breadcrumb > li:not(.uk-active) > span {
color: #999;
}
.uk-pagination {
padding: 0;
list-style: none;
text-align: center;
font-size: 0.001px;
}
.uk-pagination:before,
.uk-pagination:after {
content: "";
display: table;
}
.uk-pagination:after {
clear: both;
}
.uk-pagination > li {
display: inline-block;
font-size: 1rem;
vertical-align: top;
}
.uk-pagination > li:nth-child(n+2) {
margin-left: 5px;
}
.uk-pagination > li > a,
.uk-pagination > li > span {
display: inline-block;
min-width: 16px;
padding: 3px 5px;
line-height: 20px;
text-decoration: none;
-moz-box-sizing: content-box;
box-sizing: content-box;
text-align: center;
}
.uk-pagination > li > a {
background: #eee;
color: #444;
}
.uk-pagination > li > a:hover,
.uk-pagination > li > a:focus {
background-color: #f5f5f5;
color: #444;
outline: none;
}
.uk-pagination > li > a:active {
background-color: #ddd;
color: #444;
}
.uk-pagination > .uk-active > span {
background: #00a8e6;
color: #fff;
}
.uk-pagination > .uk-disabled > span {
background-color: #f5f5f5;
color: #999;
}
.uk-pagination-previous {
float: left;
}
.uk-pagination-next {
float: right;
}
.uk-pagination-left {
text-align: left;
}
.uk-pagination-right {
text-align: right;
}
.uk-list {
padding: 0;
list-style: none;
}
.uk-list > li:before,
.uk-list > li:after {
content: "";
display: table;
}
.uk-list > li:after {
clear: both;
}
.uk-list > li >:last-child {
margin-bottom: 0;
}
.uk-list ul {
margin: 0;
padding-left: 20px;
list-style: none;
}
.uk-list-line > li:nth-child(n+2) {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #ddd;
}
.uk-list-striped > li {
padding: 5px 5px;
}
.uk-list-striped > li:nth-of-type(odd) {
background: #f5f5f5;
}
.uk-list-space > li:nth-child(n+2) {
margin-top: 10px;
}
@media (min-width: 768px) {
.uk-description-list-horizontal {
overflow: hidden;
}
.uk-description-list-horizontal > dt {
width: 160px;
float: left;
clear: both;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.uk-description-list-horizontal > dd {
margin-left: 180px;
}
}
.uk-description-list-line > dt {
font-weight: normal;
}
.uk-description-list-line > dt:nth-child(n+2) {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #ddd;
}
.uk-description-list-line > dd {
color: #999;
}
.uk-form input:not([type="submit"]):not([type="reset"]),
.uk-form select,
.uk-form textarea {
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
border-radius: 0;
font: inherit;
color: inherit;
}
.uk-form select {
text-transform: none;
}
.uk-form optgroup {
font: inherit;
font-weight: bold;
}
.uk-form input::-moz-focus-inner {
border: 0;
padding: 0;
}
.uk-form input[type="checkbox"],
.uk-form input[type="radio"] {
padding: 0;
}
.uk-form input[type="checkbox"]:not(:disabled),
.uk-form input[type="radio"]:not(:disabled) {
cursor: pointer;
}
.uk-form textarea,
.uk-form input:not([type]),
.uk-form input[type="text"],
.uk-form input[type="password"],
.uk-form input[type="email"],
.uk-form input[type="url"],
.uk-form input[type="search"],
.uk-form input[type="tel"],
.uk-form input[type="number"],
.uk-form input[type="datetime"] {
-webkit-appearance: none;
}
.uk-form input[type="search"]::-webkit-search-cancel-button,
.uk-form input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
.uk-form input[type="number"]::-webkit-inner-spin-button,
.uk-form input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
.uk-form fieldset {
border: none;
margin: 0;
padding: 0;
}
.uk-form textarea {
overflow: auto;
vertical-align: top;
}
.uk-form::-moz-placeholder {
opacity: 1;
}
.uk-form:invalid {
box-shadow: none;
}
.uk-form input:not([type="radio"]):not([type="checkbox"]),
.uk-form select {
vertical-align: middle;
}
.uk-form >:last-child {
margin-bottom: 0;
}
.uk-form select,
.uk-form textarea,
.uk-form input:not([type]),
.uk-form input[type="text"],
.uk-form input[type="password"],
.uk-form input[type="datetime"],
.uk-form input[type="datetime-local"],
.uk-form input[type="date"],
.uk-form input[type="month"],
.uk-form input[type="time"],
.uk-form input[type="week"],
.uk-form input[type="number"],
.uk-form input[type="email"],
.uk-form input[type="url"],
.uk-form input[type="search"],
.uk-form input[type="tel"],
.uk-form input[type="color"] {
height: 30px;
max-width: 100%;
padding: 4px 6px;
border: 1px solid #ddd;
background: #fff;
color: #444;
-webkit-transition: all linear 0.2s;
transition: all linear 0.2s;
}
.uk-form select:focus,
.uk-form textarea:focus,
.uk-form input:not([type]):focus,
.uk-form input[type="text"]:focus,
.uk-form input[type="password"]:focus,
.uk-form input[type="datetime"]:focus,
.uk-form input[type="datetime-local"]:focus,
.uk-form input[type="date"]:focus,
.uk-form input[type="month"]:focus,
.uk-form input[type="time"]:focus,
.uk-form input[type="week"]:focus,
.uk-form input[type="number"]:focus,
.uk-form input[type="email"]:focus,
.uk-form input[type="url"]:focus,
.uk-form input[type="search"]:focus,
.uk-form input[type="tel"]:focus,
.uk-form input[type="color"]:focus {
border-color: #99baca;
outline: 0;
background: #f5fbfe;
color: #444;
}
.uk-form select:disabled,
.uk-form textarea:disabled,
.uk-form input:not([type]):disabled,
.uk-form input[type="text"]:disabled,
.uk-form input[type="password"]:disabled,
.uk-form input[type="datetime"]:disabled,
.uk-form input[type="datetime-local"]:disabled,
.uk-form input[type="date"]:disabled,
.uk-form input[type="month"]:disabled,
.uk-form input[type="time"]:disabled,
.uk-form input[type="week"]:disabled,
.uk-form input[type="number"]:disabled,
.uk-form input[type="email"]:disabled,
.uk-form input[type="url"]:disabled,
.uk-form input[type="search"]:disabled,
.uk-form input[type="tel"]:disabled,
.uk-form input[type="color"]:disabled {
border-color: #ddd;
background-color: #f5f5f5;
color: #999;
}
.uk-form:-ms-input-placeholder {
color: #999 !important;
}
.uk-form::-moz-placeholder {
color: #999;
}
.uk-form::-webkit-input-placeholder {
color: #999;
}
.uk-form:disabled:-ms-input-placeholder {
color: #999 !important;
}
.uk-form:disabled::-moz-placeholder {
color: #999;
}
.uk-form:disabled::-webkit-input-placeholder {
color: #999;
}
.uk-form legend {
width: 100%;
border: 0;
padding: 0;
padding-bottom: 15px;
font-size: 18px;
line-height: 30px;
}
.uk-form legend:after {
content: "";
display: block;
border-bottom: 1px solid #ddd;
width: 100%;
}
select.uk-form-small,
textarea.uk-form-small,
input[type].uk-form-small,
input:not([type]).uk-form-small {
height: 25px;
padding: 3px 3px;
font-size: 12px;
}
select.uk-form-large,
textarea.uk-form-large,
input[type].uk-form-large,
input:not([type]).uk-form-large {
height: 40px;
padding: 8px 6px;
font-size: 16px;
}
.uk-form textarea,
.uk-form select[multiple],
.uk-form select[size] {
height: auto;
}
.uk-form-danger {
border-color: #dc8d99 !important;
background: #fff7f8 !important;
color: #d85030 !important;
}
.uk-form-success {
border-color: #8ec73b !important;
background: #fafff2 !important;
color: #659f13 !important;
}
.uk-form-blank {
border-color: transparent !important;
border-style: dashed !important;
background: none !important;
}
.uk-form-blank:focus {
border-color: #ddd !important;
}
input.uk-form-width-mini {
width: 40px;
}
select.uk-form-width-mini {
width: 65px;
}
.uk-form-width-small {
width: 130px;
}
.uk-form-width-medium {
width: 200px;
}
.uk-form-width-large {
width: 500px;
}
.uk-form-row:before,
.uk-form-row:after {
content: "";
display: table;
}
.uk-form-row:after {
clear: both;
}
.uk-form-row + .uk-form-row {
margin-top: 15px;
}
.uk-form-help-inline {
display: inline-block;
margin: 0 0 0 10px;
}
.uk-form-help-block {
margin: 5px 0 0 0;
}
.uk-form-controls >:first-child {
margin-top: 0;
}
.uk-form-controls >:last-child {
margin-bottom: 0;
}
.uk-form-controls-condensed {
margin: 5px 0;
}
.uk-form-stacked .uk-form-label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
@media (max-width: 959px) {
.uk-form-horizontal .uk-form-label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
}
@media (min-width: 960px) {
.uk-form-horizontal .uk-form-label {
width: 200px;
margin-top: 5px;
float: left;
}
.uk-form-horizontal .uk-form-controls {
margin-left: 215px;
}
.uk-form-horizontal .uk-form-controls-text {
padding-top: 5px;
}
}
.uk-form-icon {
display: inline-block;
position: relative;
max-width: 100%;
}
.uk-form-icon > [class*='uk-icon-'] {
position: absolute;
top: 50%;
width: 30px;
margin-top: -7px;
font-size: 14px;
color: #999;
text-align: center;
pointer-events: none;
}
.uk-form-icon:not(.uk-form-icon-flip) > input {
padding-left: 30px !important;
}
.uk-form-icon-flip > [class*='uk-icon-'] {
right: 0;
}
.uk-form-icon-flip > input {
padding-right: 30px !important;
}
.uk-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.uk-button {
-webkit-appearance: none;
margin: 0;
border: none;
overflow: visible;
font: inherit;
color: #444;
text-transform: none;
display: inline-block;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 12px;
background: #eee;
vertical-align: middle;
line-height: 30px;
min-height: 30px;
font-size: 1rem;
text-decoration: none;
text-align: center;
}
.uk-button:not(:disabled) {
cursor: pointer;
}
.uk-button:hover,
.uk-button:focus {
background-color: #f5f5f5;
color: #444;
outline: none;
text-decoration: none;
}
.uk-button:active,
.uk-button.uk-active {
background-color: #ddd;
color: #444;
}
.uk-button-primary {
background-color: #00a8e6;
color: #fff;
}
.uk-button-primary:hover,
.uk-button-primary:focus {
background-color: #35b3ee;
color: #fff;
}
.uk-button-primary:active,
.uk-button-primary.uk-active {
background-color: #0091ca;
color: #fff;
}
.uk-button-success {
background-color: #8cc14c;
color: #fff;
}
.uk-button-success:hover,
.uk-button-success:focus {
background-color: #8ec73b;
color: #fff;
}
.uk-button-success:active,
.uk-button-success.uk-active {
background-color: #72ae41;
color: #fff;
}
.uk-button-danger {
background-color: #da314b;
color: #fff;
}
.uk-button-danger:hover,
.uk-button-danger:focus {
background-color: #e4354f;
color: #fff;
}
.uk-button-danger:active,
.uk-button-danger.uk-active {
background-color: #c91032;
color: #fff;
}
.uk-button:disabled {
background-color: #f5f5f5;
color: #999;
}
.uk-button-link,
.uk-button-link:hover,
.uk-button-link:focus,
.uk-button-link:active,
.uk-button-link.uk-active,
.uk-button-link:disabled {
border-color: transparent;
background: none;
}
.uk-button-link {
color: #07d;
}
.uk-button-link:hover,
.uk-button-link:focus,
.uk-button-link:active,
.uk-button-link.uk-active {
color: #059;
text-decoration: underline;
}
.uk-button-link:disabled {
color: #999;
}
.uk-button-link:focus {
outline: 1px dotted;
}
.uk-button-mini {
min-height: 20px;
padding: 0 6px;
line-height: 20px;
font-size: 11px;
}
.uk-button-small {
min-height: 25px;
padding: 0 10px;
line-height: 25px;
font-size: 12px;
}
.uk-button-large {
min-height: 40px;
padding: 0 15px;
line-height: 40px;
font-size: 16px;
}
.uk-button-group {
display: inline-block;
vertical-align: middle;
position: relative;
font-size: 0.001px;
white-space: nowrap;
}
.uk-button-group > * {
display: inline-block;
}
.uk-button-group .uk-button {
vertical-align: top;
}
.uk-button-dropdown {
display: inline-block;
vertical-align: middle;
position: relative;
}
.uk-close-alt {
padding: 2px;
border-radius: 50%;
background: #eee;
opacity: 1;
}
.uk-close-alt:hover,
.uk-close-alt:focus {
opacity: 1;
}
.uk-close-alt:after {
opacity: 0.5;
}
.uk-close-alt:hover:after,
.uk-close-alt:focus:after {
opacity: 0.8;
}
.uk-badge {
display: inline-block;
padding: 0 5px;
background: #00a8e6;
font-size: 10px;
font-weight: bold;
line-height: 14px;
color: #fff;
text-align: center;
vertical-align: middle;
text-transform: none;
}
a.uk-badge:hover {
color: #fff;
}
.uk-badge-notification {
-moz-box-sizing: border-box;
box-sizing: border-box;
min-width: 18px;
border-radius: 500px;
font-size: 12px;
line-height: 18px;
}
.uk-badge-success {
background-color: #8cc14c;
}
.uk-badge-warning {
background-color: #faa732;
}
.uk-badge-danger {
background-color: #da314b;
}
.uk-alert {
margin-bottom: 15px;
padding: 10px;
background: #ebf7fd;
color: #2d7091;
}
* + .uk-alert {
margin-top: 15px;
}
.uk-alert >:last-child {
margin-bottom: 0;
}
.uk-alert h1,
.uk-alert h2,
.uk-alert h3,
.uk-alert h4,
.uk-alert h5,
.uk-alert h6 {
color: inherit;
}
.uk-alert > .uk-close:first-child {
float: right;
}
.uk-alert > .uk-close:first-child + * {
margin-top: 0;
}
.uk-alert-success {
background: #f2fae3;
color: #659f13;
}
.uk-alert-warning {
background: #fffceb;
color: #e28327;
}
.uk-alert-danger {
background: #fff1f0;
color: #d85030;
}
.uk-alert-large {
padding: 20px;
}
.uk-alert-large > .uk-close:first-child {
margin: -10px -10px 0 0;
}
.uk-thumbnail {
display: inline-block;
max-width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 4px;
border: 1px solid #ddd;
background: #fff;
}
a.uk-thumbnail:hover,
a.uk-thumbnail:focus {
border-color: #aaa;
background-color: #fff;
text-decoration: none;
outline: none;
}
.uk-thumbnail-caption {
padding-top: 4px;
text-align: center;
color: #444;
}
.uk-thumbnail-mini {
width: 150px;
}
.uk-thumbnail-small {
width: 200px;
}
.uk-thumbnail-medium {
width: 300px;
}
.uk-thumbnail-large {
width: 400px;
}
.uk-thumbnail-expand,
.uk-thumbnail-expand > img {
width: 100%;
}
.uk-overlay {
display: inline-block;
position: relative;
max-width: 100%;
vertical-align: middle;
overflow: hidden;
}
.uk-overlay >:first-child {
margin-bottom: 0;
}
.uk-overlay-area {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.3);
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
-webkit-transform: translate3d(0, 0, 0);
}
.uk-overlay:hover .uk-overlay-area,
.uk-overlay.uk-hover .uk-overlay-area,
.uk-overlay-toggle:hover .uk-overlay-area,
.uk-overlay-toggle.uk-hover .uk-overlay-area {
opacity: 1;
}
.uk-overlay-area:empty:before {
content: "\f002";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px;
font-size: 50px;
line-height: 1;
font-family: FontAwesome;
text-align: center;
color: #fff;
}
.uk-overlay-area:not(:empty) {
font-size: 0.001px;
}
.uk-overlay-area:not(:empty):before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.uk-overlay-area-content {
display: inline-block;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
vertical-align: middle;
font-size: 1rem;
text-align: center;
padding: 0 15px;
color: #fff;
}
.uk-overlay-area-content >:last-child {
margin-bottom: 0;
}
.uk-overlay-area-content a:not([class]),
.uk-overlay-area-content a:not([class]):hover {
color: inherit;
}
.uk-overlay-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 15px;
background: rgba(0, 0, 0, 0.5);
color: #fff;
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
-webkit-transform: translate3d(0, 0, 0);
}
.uk-overlay:hover .uk-overlay-caption,
.uk-overlay.uk-hover .uk-overlay-caption,
.uk-overlay-toggle:hover .uk-overlay-caption,
.uk-overlay-toggle.uk-hover .uk-overlay-caption {
opacity: 1;
}
.uk-progress {
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 20px;
margin-bottom: 15px;
background: #eee;
overflow: hidden;
line-height: 20px;
}
* + .uk-progress {
margin-top: 15px;
}
.uk-progress-bar {
width: 0;
height: 100%;
background: #00a8e6;
float: left;
-webkit-transition: width 0.6s ease;
transition: width 0.6s ease;
font-size: 12px;
color: #fff;
text-align: center;
}
.uk-progress-mini {
height: 6px;
}
.uk-progress-small {
height: 12px;
}
.uk-progress-success .uk-progress-bar {
background-color: #8cc14c;
}
.uk-progress-warning .uk-progress-bar {
background-color: #faa732;
}
.uk-progress-danger .uk-progress-bar {
background-color: #da314b;
}
.uk-progress-striped .uk-progress-bar {
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 30px 30px;
}
.uk-progress-striped.uk-active .uk-progress-bar {
-webkit-animation: uk-progress-bar-stripes 2s linear infinite;
animation: uk-progress-bar-stripes 2s linear infinite;
}
@-webkit-keyframes uk-progress-bar-stripes {
0% {
background-position: 0 0;
}
100% {
background-position: 30px 0;
}
}
@keyframes uk-progress-bar-stripes {
0% {
background-position: 0 0;
}
100% {
background-position: 30px 0;
}
}
[class*='uk-animation-'] {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@media screen {
[data-uk-scrollspy*='uk-animation-'] {
opacity: 0;
}
}
.uk-animation-fade {
-webkit-animation-name: uk-fade;
animation-name: uk-fade;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-timing-function: linear !important;
animation-timing-function: linear !important;
}
.uk-animation-scale-up {
-webkit-animation-name: uk-fade-scale-02;
animation-name: uk-fade-scale-02;
}
.uk-animation-scale-down {
-webkit-animation-name: uk-fade-scale-18;
animation-name: uk-fade-scale-18;
}
.uk-animation-slide-top {
-webkit-animation-name: uk-fade-top;
animation-name: uk-fade-top;
}
.uk-animation-slide-bottom {
-webkit-animation-name: uk-fade-bottom;
animation-name: uk-fade-bottom;
}
.uk-animation-slide-left {
-webkit-animation-name: uk-fade-left;
animation-name: uk-fade-left;
}
.uk-animation-slide-right {
-webkit-animation-name: uk-fade-right;
animation-name: uk-fade-right;
}
.uk-animation-scale {
-webkit-animation-name: uk-scale-12;
animation-name: uk-scale-12;
}
.uk-animation-shake {
-webkit-animation-name: uk-shake;
animation-name: uk-shake;
}
.uk-animation-reverse {
-webkit-animation-direction: reverse;
animation-direction: reverse;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.uk-animation-15 {
-webkit-animation-duration: 15s;
animation-duration: 15s;
}
.uk-animation-top-left {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.uk-animation-top-center {
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.uk-animation-top-right {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.uk-animation-middle-left {
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.uk-animation-middle-right {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.uk-animation-bottom-left {
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.uk-animation-bottom-center {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.uk-animation-bottom-right {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.uk-animation-hover:not(:hover),
.uk-animation-hover:not(:hover) [class*='uk-animation-'],
.uk-touch .uk-animation-hover:not(.uk-hover),
.uk-touch .uk-animation-hover:not(.uk-hover) [class*='uk-animation-'] {
-webkit-animation-name: none;
animation-name: none;
}
@-webkit-keyframes uk-fade{0%{opacity:0;}100%{opacity:1;}}
@keyframes uk-fade{0%{opacity:0;}100%{opacity:1;}}
@-webkit-keyframes uk-fade-top{0%{opacity:0;-webkit-transform:translateY(-100%);}100%{opacity:1;-webkit-transform:translateY(0);}}
@keyframes uk-fade-top{0%{opacity:0;transform:translateY(-100%);}100%{opacity:1;transform:translateY(0);}}
@-webkit-keyframes uk-fade-bottom{0%{opacity:0;-webkit-transform:translateY(100%);}100%{opacity:1;-webkit-transform:translateY(0);}}
@keyframes uk-fade-bottom{0%{opacity:0;transform:translateY(100%);}100%{opacity:1;transform:translateY(0);}}@-webkit-keyframes uk-fade-left{0%{opacity:0;-webkit-transform:translateX(-100%);}100%{opacity:1;-webkit-transform:translateX(0);}}@keyframes uk-fade-left{0%{opacity:0;transform:translateX(-100%);}100%{opacity:1;transform:translateX(0);}}
@-webkit-keyframes uk-fade-right{
0% {
opacity: 0;
-webkit-transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes uk-fade-right {
0% {
opacity: 0;
transform: translateX(100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-webkit-keyframes uk-fade-scale-02 {
0% {
opacity: 0;
-webkit-transform: scale(0.2);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes uk-fade-scale-02 {
0% {
opacity: 0;
transform: scale(0.2);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes uk-fade-scale-15 {
0% {
opacity: 0;
-webkit-transform: scale(1.5);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes uk-fade-scale-15 {
0% {
opacity: 0;
transform: scale(1.5);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes uk-fade-scale-18 {
0% {
opacity: 0;
-webkit-transform: scale(1.8);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes uk-fade-scale-18 {
0% {
opacity: 0;
transform: scale(1.8);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes uk-slide-left {
0% {
-webkit-transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0);
}
}
@keyframes uk-slide-left {
0% {
transform: tran slateX(-100%);
}
100% {
transform: translateX(0);
}
}
@-webkit-keyframes uk-slide-right {
0% {
-webkit-transform: translateX(100%);
}
100% {
-webkit-transform: translateX(0);
}
}
@keyframes uk-slide-right {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(0);
}
}
@-webkit-keyframes uk-slide-left-33 {
0% {
-webkit-transform: translateX(33%);
}
100% {
-webkit-transform: translateX(0);
}
}
@keyframes uk-slide-left-33 {
0% {
transform: translateX(33%);
}
100% {
transform: translateX(0);
}
}
@-webkit-keyframes uk-slide-right-33 {
0% {
-webkit-transform: translateX(-33%);
}
100% {
-webkit-transform: translateX(0);
}
}
@keyframes uk-slide-right-33 {
0% {
transform: translateX(-33%);
}
100% {
transform: translateX(0);
}
}
@-webkit-keyframes uk-scale-12 {
0% {
-webkit-transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
}
}
@keyframes uk-scale-12 {
0% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
@-webkit-keyframes uk-rotate {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@keyframes uk-rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
@-webkit-keyframes uk-shake {
0%, 100% {
-webkit-transform: translateX(0);
}
10% {
-webkit-transform: translateX(-9px);
}
20% {
-webkit-transform: translateX(8px);
}
30% {
-webkit-transform: translateX(-7px);
}
40% {
-webkit-transform: translateX(6px);
}
50% {
-webkit-transform: translateX(-5px);
}
60% {
-webkit-transform: translateX(4px);
}
70% {
-webkit-transform: translateX(-3px);
}
80% {
-webkit-transform: translateX(2px);
}
90% {
-webkit-transform: translateX(-1px);
}
}
@keyframes uk-shake {
0%,
100% {
transform: translateX(0);
}
10% {
transform: translateX(-9px);
}
20% {
transform: translateX(8px);
}
30% {
transform: translateX(-7px);
}
40% {
transform: translateX(6px);
}
50% {
transform: translateX(-5px);
}
60% {
transform: translateX(4px);
}
70% {
transform: translateX(-3px);
}
80% {
transform: translateX(2px);
}
90% {
transform: translateX(-1px);
}
}
@-webkit-keyframes uk-slide-top-fixed {
0% {
opacity: 0;
-webkit-transform: translateY(-10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes uk-slide-top-fixed {
0% {
opacity: 0;
transform: translateY(-10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes uk-slide-bottom-fixed {
0% {
opacity: 0;
-webkit-transform: translateY(10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes uk-slide-bottom-fixed {
0% {
opacity: 0;
transform: translateY(10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.uk-dropdown {
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 970;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 200px;
margin-top: 5px;
padding: 15px;
background: #f5f5f5;
color: #444;
font-size: 1rem;
vertical-align: top;
}
.uk-open > .uk-dropdown {
display: block;
-webkit-animation: uk-fade 0.2s ease-in-out;
animation: uk-fade 0.2s ease-in-out;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.uk-dropdown-flip {
left: auto;
right: 0;
}
.uk-dropdown-up {
top: auto;
bottom: 100%;
margin-top: auto;
margin-bottom: 5px;
}
.uk-dropdown .uk-nav {
margin: 0 -15px;
}
.uk-grid .uk-dropdown-grid + .uk-dropdown-grid {
margin-top: 15px;
}
.uk-dropdown-grid > [class*='uk-width-'] > .uk-panel + .uk-panel {
margin-top: 15px;
}
@media (min-width: 768px) {
.uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid {
margin-left: -15px;
margin-right: -15px;
}
.uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-'] {
padding-left: 15px;
padding-right: 15px;
}
.uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
border-left: 1px solid #ddd;
}
.uk-dropdown-width-2:not(.uk-dropdown-stack) {
width: 400px;
}
.uk-dropdown-width-3:not(.uk-dropdown-stack) {
width: 600px;
}
.uk-dropdown-width-4:not(.uk-dropdown-stack) {
width: 800px;
}
.uk-dropdown-width-5:not(.uk-dropdown-stack) {
width: 1000px;
}
}
@media (max-width: 767px) {
.uk-dropdown-grid > [class*='uk-width-'] {
width: 100%;
}
.uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
margin-top: 15px;
}
}
.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-'] {
width: 100%;
}
.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
margin-top: 15px;
}
.uk-dropdown-small {
min-width: 150px;
width: auto;
padding: 5px;
white-space: nowrap;
}
.uk-dropdown-small .uk-nav {
margin: 0 -5px;
}
.uk-dropdown-navbar {
margin-top: 0;
background: #f5f5f5;
color: #444;
}
.uk-open > .uk-dropdown-navbar {
-webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
animation: uk-slide-top-fixed 0.2s ease-in-out;
}
.uk-dropdown-scrollable {
overflow-y: auto;
max-height: 200px;
}
.uk-modal {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1010;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.uk-modal.uk-open {
opacity: 1;
}
.uk-modal-page,
.uk-modal-page body {
overflow: hidden;
}
.uk-modal-dialog {
position: relative;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 50px auto;
padding: 20px;
width: 600px;
max-width: 100%;
max-width: calc(100% - 20px);
min-height: 200px;
background: #fff;
opacity: 0;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out;
transition: opacity 0.3s linear, transform 0.3s ease-out;
}
@media (max-width: 767px) {
.uk-modal-dialog {
width: auto;
margin: 10px auto;
}
}
.uk-open .uk-modal-dialog {
opacity: 1;
-webkit-transform: translateY( 0);
transform: translateY(0);
}
.uk-modal-dialog >:not([class*='uk-modal-']):last-child {
margin-bottom: 0;
}
.uk-modal-dialog > .uk-close:first-child {
margin: -10px -10px 0 0;
float: right;
}
.uk-modal-dialog > .uk-close:first-child + *:not([class*='uk-modal-']) {
margin-top: 0;
}
.uk-modal-dialog-lightbox {
margin: 15px auto;
padding: 0;
max-width: 95%;
max-width: calc(100% - 30px);
}
.uk-modal-dialog-lightbox > .uk-close:first-child {
position: absolute;
top: -12px;
right: -12px;
margin: 0;
float: none;
}
@media (max-width: 767px) {
.uk-modal-dialog-lightbox > .uk-close:first-child {
top: -7px;
right: -7px;
}
}
@media (min-width: 768px) {
.uk-modal-dialog-large {
width: 930px;
}
}
@media (min-width: 1220px) {
.uk-modal-dialog-large {
width: 1130px;
}
}
.uk-modal-header {
margin-top: 0;
margin-bottom: 15px;
font-size: 24px;
line-height: 30px;
}
.uk-modal-footer {
margin-top: 15px;
text-align: right;
}
.uk-modal-caption {
position: absolute;
left: 0;
right: 0;
bottom: -20px;
margin-bottom: -10px;
color: #fff;
text-align: center;
}
.uk-modal-spinner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate (-50%, -50%);
transform: translate(-50%, -50%);
font-size: 25px;
color: #ddd;
}
.uk-modal-spinner:after {
content: "\f110";
font-family: FontAwesome;
-webkit-animation: uk-rotate 2s infinite linear;
animation: uk-rotate 2s infinite linear;
}
.uk-offcanvas {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.uk-offcanvas.uk-active {
display: block;
}
.uk-offcanvas-page {
position: fixed;
-webkit-transition: margin-left 0.3s ease-in-out;
transition: margin-left 0.3s ease-in-out;
}
.uk-offcanvas-bar {
position: fixed;
top: 0;
bottom: 0;
left: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
z-index: 1001;
width: 270px;
max-width: 100%;
background: #333;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
-ms-scroll-chaining: none;
}
.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.uk-offcanvas-bar-flip {
left: auto;
right: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.uk-offcanvas .uk-panel {
margin: 20px 15px;
color: #777;
}
.uk-offcanvas .uk-panel-title {
color: #ccc;
}
.uk-offcanvas .uk-panel a:not([class]) {
color: #ccc;
}
.uk-offcanvas .uk-panel a:not([class]):hover {
color: #fff;
}
.uk-switcher {
margin: 0;
padding: 0;
list-style: none;
}
.uk-switcher > *:not(.uk-active) {
display: none;
}
.uk-tooltip {
display: none;
position: absolute;
z-index: 1030;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 200px;
padding: 5px 8px;
background: #333;
color: rgba(255, 255, 255, 0.7);
font-size: 12px;
line-height: 18px;
text-align: center;
}
.uk-tooltip:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border: 5px dashed #333;
}
.uk-tooltip-top:after,
.uk-tooltip-top-left:after,
.uk-tooltip-top-right:after {
bottom: -5px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: #333;
}
.uk-tooltip-bottom:after,
.uk-tooltip-bottom-left:after,
.uk-tooltip-bottom-right:after {
top: -5px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: #333;
}
.uk-tooltip-top:after,
.uk-tooltip-bottom:after {
left: 50%;
margin-left: -5px;
}
.uk-tooltip-top-left:after,
.uk-tooltip-bottom-left:after {
left: 10px;
}
.uk-tooltip-top-right:after,
.uk-tooltip-bottom-right:after {
right: 10px;
}
.uk-tooltip-left:after {
right: -5px;
top: 50%;
margin-top: -5px;
border-left-style: solid;
border-right: none;
border-top-color: transparent;
border-bottom-color: transparent;
border-left-color: #333;
}
.uk-tooltip-right:after {
left: -5px;
top: 50%;
margin-top: -5px;
border-right-style: solid;
border-left: none;
border-top-color: transparent;
border-bottom-color: transparent;
border-right-color: #333;
}
.uk-text-small {
font-size: 11px;
line-height: 16px;
}
.uk-text-large {
font-size: 18px;
line-height: 24px;
font-weight: normal;
}
.uk-text-bold {
font-weight: bold;
}
.uk-text-muted {
color: #999 !important;
}
.uk-text-primary {
color: #2d7091 !important;
}
.uk-text-success {
color: #659f13 !important;
}
.uk-text-warning {
color: #e28327 !important;
}
.uk-text-danger {
color: #d85030 !important;
}
.uk-text-contrast {
color: #fff !important;
}
.uk-text-left {
text-align: left !important;
}
.uk-text-right {
text-align: right !important;
}
.uk-text-center {
text-align: center !important;
}
.uk-text-justify {
text-align: justify !important;
}
.uk-text-top {
vertical-align: top !important;
}
.uk-text-middle {
vertical-align: middle !important;
}
.uk-text-bottom {
vertical-align: bottom !important;
}
@media (max-width: 959px) {
.uk-text-center-medium {
text-align: center !important;
}
.uk-text-left-medium {
text-align: left !important;
}
}
@media (max-width: 767px) {
.uk-text-center-small {
text-align: center !important;
}
.uk-text-left-small {
text-align: left !important;
}
}
.uk-text-nowrap {
white-space: nowrap;
}
.uk-text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.uk-text-break {
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.uk-container {
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 980px;
padding: 0 25px;
}
@media (min-width: 1220px) {
.uk-container {
max-width: 1200px;
padding: 0 35px;
}
}
.uk-container:before,
.uk-container:after {
content: "";
display: table;
}
.uk-container:after {
clear: both;
}
.uk-container-center {
margin-left: auto;
margin-right: auto;
}
.uk-clearfix:before {
content: "";
display: table-cell;
}
.uk-clearfix:after {
content: "";
display: table;
clear: both;
}
.uk-nbfc {
overflow: hidden;
}
.uk-nbfc-alt {
display: table-cell;
width: 10000px;
}
.uk-float-left {
float: left;
}
.uk-float-right {
float: right;
}
[class*='uk-float-'] {
max-width: 100%;
}
[class*='uk-align-'] {
display: block;
margin-bottom: 15px;
}
.uk-align-left {
margin-right: 15px;
float: left;
}
.uk-align-right {
margin-left: 15px;
float: right;
}
@media (min-width: 768px) {
.uk-align-medium-left {
margin-right: 15px;
margin-bottom: 15px;
float: left;
}
.uk-align-medium-right {
margin-left: 15px;
margin-bottom: 15px;
float: right;
}
}
.uk-align-center {
margin-left: auto;
margin-right: auto;
}
.uk-vertical-align {
font-size: 0.001px;
}
.uk-vertical-align:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.uk-vertical-align-middle,
.uk-vertical-align-bottom {
display: inline-block;
max-width: 100%;
font-size: 1rem;
}
.uk-vertical-align-middle {
vertical-align: middle;
}
.uk-vertical-align-bottom {
vertical-align: bottom;
}
[class*='uk-height'] {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.uk-height-1-1 {
height: 100%;
}
.uk-height-viewport {
height: 100vh;
min-height: 600px;
}
.uk-responsive-width,
.uk-responsive-height {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.uk-responsive-width {
max-width: 100% !important;
height: auto;
}
.uk-responsive-height {
max-height: 100%;
width: auto;
}
.uk-margin {
margin-bottom: 15px;
}
* + .uk-margin {
margin-top: 15px;
}
.uk-margin-top {
margin-top: 15px !important;
}
.uk-margin-bottom {
margin-bottom: 15px !important;
}
.uk-margin-left {
margin-left: 15px !important;
}
.uk-margin-right {
margin-right: 15px !important;
}
.uk-margin-large {
margin-bottom: 50px;
}
* + .uk-margin-large {
margin-top: 50px;
}
.uk-margin-large-top {
margin-top: 50px !important;
}
.uk-margin-large-bottom {
margin-bottom: 50px !important;
}
.uk-margin-large-left {
margin-left: 50px !important;
}
.uk-margin-large-right {
margin-right: 50px !important;
}
.uk-margin-small {
margin-bottom: 5px;
}
* + .uk-margin-small {
margin-top: 5px;
}
.uk-margin-small-top {
margin-top: 5px !important;
}
.uk-margin-small-bottom {
margin-bottom: 5px !important;
}
.uk-margin-small-left {
margin-left: 5px !important;
}
.uk-margin-small-right {
margin-right: 5px !important;
}
.uk-margin-remove {
margin: 0 !important;
}
.uk-margin-top-remove {
margin-top: 0 !important;
}
.uk-margin-bottom-remove {
margin-bottom: 0 !important;
}
.uk-border-circle {
border-radius: 50%;
}
.uk-border-rounded {
border-radius: 5px;
}
@media (min-width: 768px) {
.uk-heading-large {
font-size: 52px;
line-height: 64px;
}
}
.uk-link-muted,
.uk-link-muted a {
color: #444;
}
.uk-link-muted:hover,
.uk-link-muted a:hover {
color: #444;
}
.uk-link-reset,
.uk-link-reset a,
.uk-link-reset:hover,
.uk-link-reset a:hover {
color: inherit;
text-decoration: none;
}
.uk-scrollable-text {
height: 300px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
resize: both;
}
.uk-scrollable-box {
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 170px;
padding: 10px;
border: 1px solid #ddd;
overflow: auto;
-webkit-overflow-scrolling: touch;
resize: both;
}
.uk-scrollable-box >:last-child {
margin-bottom: 0;
}
.uk-overflow-container {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.uk-overflow-container >:last-child {
margin-bottom: 0;
}
.uk-position-top,
.uk-position-bottom {
position: absolute !important;
width: 100%;
}
.uk-position-top {
top: 0;
}
.uk-position-bottom {
bottom: 0;
}
.uk-position-cover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.uk-position-relative {
position: relative !important;
}
.uk-display-block {
display: block !important;
}
.uk-display-inline {
display: inline !important;
}
.uk-display-inline-block {
display: inline-block !important;
}
@media (min-width: 960px) {
.uk-visible-small {
display: none !important;
}
.uk-visible-medium {
display: none !important;
}
.uk-hidden-large {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 959px) {
.uk-visible-small {
display: none !important;
}
.uk-visible-large {
display: none !important;
}
.uk-hidden-medium {
display: none !important;
}
}
@media (max-width: 767px) {
.uk-visible-medium {
display: none !important;
}
.uk-visible-large {
display: none !important;
}
.uk-hidden-small {
display: none !important;
}
}
.uk-hidden {
display: none !important;
visibility: hidden !important;
}
.uk-invisible {
visibility: hidden !important;
}
.uk-visible-hover:hover .uk-hidden,
.uk-visible-hover:hover .uk-invisible {
display: block !important;
visibility: visible !important;
}
.uk-visible-hover-inline:hover .uk-hidden,
.uk-visible-hover-inline:hover .uk-invisible {
display: inline-block !important;
visibility: visible !important;
}
.uk-touch .uk-hidden-touch,
.uk-notouch .uk-hidden-notouch {
display: none !important;
}
@media print {
* {
background: transparent !important;
color: black !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
@-webkit-keyframes btnsubmit {
from {
box-shadow: 0 0 12px orange;
}
to {
box-shadow: 0 0 8px red;
}
}
div.bs {
width: 90%;
margin: 0 auto;
box-shadow: 0 0 8px olive;
text-align: center;
}
div.bs>div {
padding: 16px;
}
div.bs>div:first-child {
/**
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ffe));
background-image: -webkit-linear-gradient(top, #fff, #ffe);
background-image: -moz-linear-gradient(top, #fff, #ffe);
background-image: -ms-linear-gradient(top, #fff, #ffe);
background-image: -o-linear-gradient(top, #fff, #ffe);
background-image: linear-gradient(to bottom, #fff, #ffe);
/**/
}
div.bs ul {
width: 100%;
font-size: 80%;
line-height: 120%;
}
div.bs ul li {
width: 100%;
margin: 16px auto;
}
/********************************************************/
.btn {
padding: 8px 12px;
color: #fff;
background-color: red;
border: 2px solid #fff;
border-radius: 8px;
box-shadow: 0 0 8px red;
background-image: -webkit-radial-gradient(ellipse closest-corner, #f00, #900);
background-image: -moz-radial-gradient(ellipse closest-corner, #f00, #900);
background-image: -o-radial-gradient(ellipse closest-corner, #f00, #900);
background-image: radial-gradient(ellipse closest-corner, #f00, #900);
-webkit-animation: btnsubmit 1s infinite alternate;
animation: btnsubmit 1s infinite alternate;
text-shadow: 1px 1px 0 #f00, -1px -1px 0 #000;
}
.btn:active,
.btn:hover,
.btn:focus {
color: yellow;
background-color: green;
box-shadow: 0 0 8px green;
}
.sc12 {
display: inline-block;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.cr {
color: red;
margin: 0 1.0em;
display: inline-block;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.notice {
color: yellow;
text-shadow: -1px 0 1px #000, 0 -1px 1px #000, 1px 0 1px #000, 0 1px 1px #000, 0 0 2px #000;
display: inline-block;
margin: 0 1.3em;
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
#modalPrivacyPolicy {
text-align: left;
}
#modalCompany {
text-align: left;
}
#modalkiyaku {
text-align: left;
}
/********************************************************/
div.bs { width: 96% !important; }
div.bs>div { padding: 8px !important; }
#UserItemForm {
text-align: left;
width: 100%;
margin: 0 auto;
}
#UserItemForm .uk-grid { margin: 0; }
#UserItemForm input[type="radio"] {
display: none;
}
#UserItemForm input[type="radio"]+label {
display: inline-block;
padding: 0.5em;
margin: 0.5em;
/*min-width: 25%;*/
max-width: 90%;
text-align: center;
border-radius: 24px;
border: 3px dotted #999;
font-size: 90%;
}
#UserItemForm input[type="radio"]:checked+label {
border: 3px solid red;
}
#UserItemForm div.uk-form-row {
border: 1px solid;
box-shadow: 2px 2px 4px #999;
padding: 8px;
}
#UserItemForm div.uk-form-row.focus {
border: 1px solid red;
box-shadow: 2px 2px 4px #fcc;
}
#regbtn {
width: 60%;
margin: 1ex 20%;
}
.hideMe {
background-color: rgba(200,200,100,0.5);
padding:12px;
text-align:center;
/*
position:fixed;
right:0;
top:0;
margin:32px;
padding:12px;
*/
}
#copyright ul {
list-style: none;
}
#copyright ul>li {
display: inline-block;
margin: 0 2em;
min-width: 280px;
}
#copyright ul>li>a {
color: #fff;
text-decoration: none;
}
#modalForm {
width: 100%;
height: 100%;
overflow: auto;
border: none;
display: none;
position: fixed;
top: 0;
border: 1px solid #666;
background-color: #fff;
z-index: 999;
}
button.close-modal {
margin: 0;
padding: 0;
background: olive;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
float: right;
position: absolute;
right: 2em;
/*right: 3em;*/
/*top: -0.5ex;*/
z-index: 44444;
}
button.close-modal::after {
content: "\274c";
color: #fff;
}
.uk-modal h3 {
background: none;
margin: 0 0 15px 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
color: #444;
text-transform: none;
font-size: 18px;
line-height: 24px;
}
h3 {
font-family: "Hiragino Kaku Gothic ProN", "メイリオ", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
::selection {
background-color: #9cf !important;
color: #666 !important;
}