meta.foundation-version {
font-family: '/5.5.3/';
}
meta.foundation-mq-small {
font-family: '/only screen/';
width: 0;
}
meta.foundation-mq-small-only {
font-family: '/only screen and (max-width: 42.6666666667em)/';
width: 0;
}
meta.foundation-mq-medium {
font-family: '/only screen and (min-width:42.7333333333em)/';
width: 42.7333333333em;
}
meta.foundation-mq-medium-only {
font-family: '/only screen and (min-width:42.7333333333em) and (max-width:68.2666666667em)/';
width: 42.7333333333em;
}
meta.foundation-mq-large {
font-family: '/only screen and (min-width:68.3333333333em)/';
width: 68.3333333333em;
}
meta.foundation-mq-large-only {
font-family: '/only screen and (min-width:68.3333333333em) and (max-width:96em)/';
width: 68.3333333333em;
}
meta.foundation-mq-xlarge {
font-family: '/only screen and (min-width:96.0666666667em)/';
width: 96.0666666667em;
}
meta.foundation-mq-xlarge-only {
font-family: '/only screen and (min-width:96.0666666667em) and (max-width:128em)/';
width: 96.0666666667em;
}
meta.foundation-mq-xxlarge {
font-family: '/only screen and (min-width:128.0666666667em)/';
width: 128.0666666667em;
}
meta.foundation-data-attribute-namespace {
font-family: false;
}
html,
body {
height: 100%;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html,
body {
font-size: 15px;
}
body {
background: linear-gradient(#8f8f8f, white) left top/cover no-repeat fixed;
color: #191919;
cursor: auto;
font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 300;
line-height: 1.5;
margin: 0;
padding: 0;
position: relative;
}
a:hover {
cursor: pointer;
}
img {
max-width: 100%;
height: auto;
}
img {
-ms-interpolation-mode: bicubic;
}
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
max-width: none !important;
}
.left {
float: left !important;
}
.right {
float: right !important;
}
.clearfix:before,
.bausteinWrapper .btns:before,
.clearfix:after,
.bausteinWrapper .btns:after {
content: ' ';
display: table;
}
.clearfix:after,
.bausteinWrapper .btns:after {
clear: both;
}
.hide {
display: none;
}
.invisible {
visibility: hidden;
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
display: inline-block;
vertical-align: middle;
}
textarea {
height: auto;
min-height: 50px;
}
select {
width: 100%;
}
.row {
margin: 0 auto;
max-width: 78.1333333333rem;
width: 100%;
}
.row:before,
.row:after {
content: ' ';
display: table;
}
.row:after {
clear: both;
}
.row.collapse > .column,
.row.collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.collapse .row {
margin-left: 0;
margin-right: 0;
}
.row .row {
margin: 0 0px;
max-width: none;
width: auto;
}
.row .row:before,
.row .row:after {
content: ' ';
display: table;
}
.row .row:after {
clear: both;
}
.row .row.collapse {
margin: 0;
max-width: none;
width: auto;
}
.row .row.collapse:before,
.row .row.collapse:after {
content: ' ';
display: table;
}
.row .row.collapse:after {
clear: both;
}
.column,
.columns {
padding-left: 0px;
padding-right: 0px;
width: 100%;
float: left;
}
.column + .column:last-child,
.column + .columns:last-child,
.columns + .column:last-child,
.columns + .columns:last-child {
float: left;
}
.column + .column.end,
.column + .columns.end,
.columns + .column.end,
.columns + .columns.end {
float: left;
}
@media only screen {
.small-push-0 {
position: relative;
left: 0;
right: auto;
}
.small-pull-0 {
position: relative;
right: 0;
left: auto;
}
.small-push-1 {
position: relative;
left: 8.3333333333%;
right: auto;
}
.small-pull-1 {
position: relative;
right: 8.3333333333%;
left: auto;
}
.small-push-2 {
position: relative;
left: 16.6666666667%;
right: auto;
}
.small-pull-2 {
position: relative;
right: 16.6666666667%;
left: auto;
}
.small-push-3 {
position: relative;
left: 25%;
right: auto;
}
.small-pull-3 {
position: relative;
right: 25%;
left: auto;
}
.small-push-4 {
position: relative;
left: 33.3333333333%;
right: auto;
}
.small-pull-4 {
position: relative;
right: 33.3333333333%;
left: auto;
}
.small-push-5 {
position: relative;
left: 41.6666666667%;
right: auto;
}
.small-pull-5 {
position: relative;
right: 41.6666666667%;
left: auto;
}
.small-push-6 {
position: relative;
left: 50%;
right: auto;
}
.small-pull-6 {
position: relative;
right: 50%;
left: auto;
}
.small-push-7 {
position: relative;
left: 58.3333333333%;
right: auto;
}
.small-pull-7 {
position: relative;
right: 58.3333333333%;
left: auto;
}
.small-push-8 {
position: relative;
left: 66.6666666667%;
right: auto;
}
.small-pull-8 {
position: relative;
right: 66.6666666667%;
left: auto;
}
.small-push-9 {
position: relative;
left: 75%;
right: auto;
}
.small-pull-9 {
position: relative;
right: 75%;
left: auto;
}
.small-push-10 {
position: relative;
left: 83.3333333333%;
right: auto;
}
.small-pull-10 {
position: relative;
right: 83.3333333333%;
left: auto;
}
.small-push-11 {
position: relative;
left: 91.6666666667%;
right: auto;
}
.small-pull-11 {
position: relative;
right: 91.6666666667%;
left: auto;
}
.column,
.columns {
position: relative;
padding-left: 0px;
padding-right: 0px;
float: left;
}
.small-1 {
width: 8.3333333333%;
}
.small-2 {
width: 16.6666666667%;
}
.small-3 {
width: 25%;
}
.small-4 {
width: 33.3333333333%;
}
.small-5 {
width: 41.6666666667%;
}
.small-6 {
width: 50%;
}
.small-7 {
width: 58.3333333333%;
}
.small-8 {
width: 66.6666666667%;
}
.small-9 {
width: 75%;
}
.small-10 {
width: 83.3333333333%;
}
.small-11 {
width: 91.6666666667%;
}
.small-12 {
width: 100%;
}
.small-offset-0 {
margin-left: 0 !important;
}
.small-offset-1 {
margin-left: 8.3333333333% !important;
}
.small-offset-2 {
margin-left: 16.6666666667% !important;
}
.small-offset-3 {
margin-left: 25% !important;
}
.small-offset-4 {
margin-left: 33.3333333333% !important;
}
.small-offset-5 {
margin-left: 41.6666666667% !important;
}
.small-offset-6 {
margin-left: 50% !important;
}
.small-offset-7 {
margin-left: 58.3333333333% !important;
}
.small-offset-8 {
margin-left: 66.6666666667% !important;
}
.small-offset-9 {
margin-left: 75% !important;
}
.small-offset-10 {
margin-left: 83.3333333333% !important;
}
.small-offset-11 {
margin-left: 91.6666666667% !important;
}
.small-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto;
}
.column.small-centered,
.columns.small-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
.column.small-uncentered,
.columns.small-uncentered {
float: left;
margin-left: 0;
margin-right: 0;
}
.column.small-centered:last-child,
.columns.small-centered:last-child {
float: none;
}
.column.small-uncentered:last-child,
.columns.small-uncentered:last-child {
float: left;
}
.column.small-uncentered.opposite,
.columns.small-uncentered.opposite {
float: right;
}
.row.small-collapse > .column,
.row.small-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.small-collapse .row {
margin-left: 0;
margin-right: 0;
}
.row.small-uncollapse > .column,
.row.small-uncollapse > .columns {
padding-left: 0px;
padding-right: 0px;
float: left;
}
}
@media only screen and (min-width: 42.7333333333em) {
.medium-push-0 {
position: relative;
left: 0;
right: auto;
}
.medium-pull-0 {
position: relative;
right: 0;
left: auto;
}
.medium-push-1 {
position: relative;
left: 8.3333333333%;
right: auto;
}
.medium-pull-1 {
position: relative;
right: 8.3333333333%;
left: auto;
}
.medium-push-2 {
position: relative;
left: 16.6666666667%;
right: auto;
}
.medium-pull-2 {
position: relative;
right: 16.6666666667%;
left: auto;
}
.medium-push-3 {
position: relative;
left: 25%;
right: auto;
}
.medium-pull-3 {
position: relative;
right: 25%;
left: auto;
}
.medium-push-4 {
position: relative;
left: 33.3333333333%;
right: auto;
}
.medium-pull-4 {
position: relative;
right: 33.3333333333%;
left: auto;
}
.medium-push-5 {
position: relative;
left: 41.6666666667%;
right: auto;
}
.medium-pull-5 {
position: relative;
right: 41.6666666667%;
left: auto;
}
.medium-push-6 {
position: relative;
left: 50%;
right: auto;
}
.medium-pull-6 {
position: relative;
right: 50%;
left: auto;
}
.medium-push-7 {
position: relative;
left: 58.3333333333%;
right: auto;
}
.medium-pull-7 {
position: relative;
right: 58.3333333333%;
left: auto;
}
.medium-push-8 {
position: relative;
left: 66.6666666667%;
right: auto;
}
.medium-pull-8 {
position: relative;
right: 66.6666666667%;
left: auto;
}
.medium-push-9 {
position: relative;
left: 75%;
right: auto;
}
.medium-pull-9 {
position: relative;
right: 75%;
left: auto;
}
.medium-push-10 {
position: relative;
left: 83.3333333333%;
right: auto;
}
.medium-pull-10 {
position: relative;
right: 83.3333333333%;
left: auto;
}
.medium-push-11 {
position: relative;
left: 91.6666666667%;
right: auto;
}
.medium-pull-11 {
position: relative;
right: 91.6666666667%;
left: auto;
}
.column,
.columns {
position: relative;
padding-left: 0px;
padding-right: 0px;
float: left;
}
.medium-1 {
width: 8.3333333333%;
}
.medium-2 {
width: 16.6666666667%;
}
.medium-3 {
width: 25%;
}
.medium-4 {
width: 33.3333333333%;
}
.medium-5 {
width: 41.6666666667%;
}
.medium-6 {
width: 50%;
}
.medium-7 {
width: 58.3333333333%;
}
.medium-8 {
width: 66.6666666667%;
}
.medium-9 {
width: 75%;
}
.medium-10 {
width: 83.3333333333%;
}
.medium-11 {
width: 91.6666666667%;
}
.medium-12 {
width: 100%;
}
.medium-offset-0 {
margin-left: 0 !important;
}
.medium-offset-1 {
margin-left: 8.3333333333% !important;
}
.medium-offset-2 {
margin-left: 16.6666666667% !important;
}
.medium-offset-3 {
margin-left: 25% !important;
}
.medium-offset-4 {
margin-left: 33.3333333333% !important;
}
.medium-offset-5 {
margin-left: 41.6666666667% !important;
}
.medium-offset-6 {
margin-left: 50% !important;
}
.medium-offset-7 {
margin-left: 58.3333333333% !important;
}
.medium-offset-8 {
margin-left: 66.6666666667% !important;
}
.medium-offset-9 {
margin-left: 75% !important;
}
.medium-offset-10 {
margin-left: 83.3333333333% !important;
}
.medium-offset-11 {
margin-left: 91.6666666667% !important;
}
.medium-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto;
}
.column.medium-centered,
.columns.medium-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
.column.medium-uncentered,
.columns.medium-uncentered {
float: left;
margin-left: 0;
margin-right: 0;
}
.column.medium-centered:last-child,
.columns.medium-centered:last-child {
float: none;
}
.column.medium-uncentered:last-child,
.columns.medium-uncentered:last-child {
float: left;
}
.column.medium-uncentered.opposite,
.columns.medium-uncentered.opposite {
float: right;
}
.row.medium-collapse > .column,
.row.medium-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.medium-collapse .row {
margin-left: 0;
margin-right: 0;
}
.row.medium-uncollapse > .column,
.row.medium-uncollapse > .columns {
padding-left: 0px;
padding-right: 0px;
float: left;
}
.push-0 {
position: relative;
left: 0;
right: auto;
}
.pull-0 {
position: relative;
right: 0;
left: auto;
}
.push-1 {
position: relative;
left: 8.3333333333%;
right: auto;
}
.pull-1 {
position: relative;
right: 8.3333333333%;
left: auto;
}
.push-2 {
position: relative;
left: 16.6666666667%;
right: auto;
}
.pull-2 {
position: relative;
right: 16.6666666667%;
left: auto;
}
.push-3 {
position: relative;
left: 25%;
right: auto;
}
.pull-3 {
position: relative;
right: 25%;
left: auto;
}
.push-4 {
position: relative;
left: 33.3333333333%;
right: auto;
}
.pull-4 {
position: relative;
right: 33.3333333333%;
left: auto;
}
.push-5 {
position: relative;
left: 41.6666666667%;
right: auto;
}
.pull-5 {
position: relative;
right: 41.6666666667%;
left: auto;
}
.push-6 {
position: relative;
left: 50%;
right: auto;
}
.pull-6 {
position: relative;
right: 50%;
left: auto;
}
.push-7 {
position: relative;
left: 58.3333333333%;
right: auto;
}
.pull-7 {
position: relative;
right: 58.3333333333%;
left: auto;
}
.push-8 {
position: relative;
left: 66.6666666667%;
right: auto;
}
.pull-8 {
position: relative;
right: 66.6666666667%;
left: auto;
}
.push-9 {
position: relative;
left: 75%;
right: auto;
}
.pull-9 {
position: relative;
right: 75%;
left: auto;
}
.push-10 {
position: relative;
left: 83.3333333333%;
right: auto;
}
.pull-10 {
position: relative;
right: 83.3333333333%;
left: auto;
}
.push-11 {
position: relative;
left: 91.6666666667%;
right: auto;
}
.pull-11 {
position: relative;
right: 91.6666666667%;
left: auto;
}
}
@media only screen and (min-width: 68.3333333333em) {
.large-push-0 {
position: relative;
left: 0;
right: auto;
}
.large-pull-0 {
position: relative;
right: 0;
left: auto;
}
.large-push-1 {
position: relative;
left: 8.3333333333%;
right: auto;
}
.large-pull-1 {
position: relative;
right: 8.3333333333%;
left: auto;
}
.large-push-2 {
position: relative;
left: 16.6666666667%;
right: auto;
}
.large-pull-2 {
position: relative;
right: 16.6666666667%;
left: auto;
}
.large-push-3 {
position: relative;
left: 25%;
right: auto;
}
.large-pull-3 {
position: relative;
right: 25%;
left: auto;
}
.large-push-4 {
position: relative;
left: 33.3333333333%;
right: auto;
}
.large-pull-4 {
position: relative;
right: 33.3333333333%;
left: auto;
}
.large-push-5 {
position: relative;
left: 41.6666666667%;
right: auto;
}
.large-pull-5 {
position: relative;
right: 41.6666666667%;
left: auto;
}
.large-push-6 {
position: relative;
left: 50%;
right: auto;
}
.large-pull-6 {
position: relative;
right: 50%;
left: auto;
}
.large-push-7 {
position: relative;
left: 58.3333333333%;
right: auto;
}
.large-pull-7 {
position: relative;
right: 58.3333333333%;
left: auto;
}
.large-push-8 {
position: relative;
left: 66.6666666667%;
right: auto;
}
.large-pull-8 {
position: relative;
right: 66.6666666667%;
left: auto;
}
.large-push-9 {
position: relative;
left: 75%;
right: auto;
}
.large-pull-9 {
position: relative;
right: 75%;
left: auto;
}
.large-push-10 {
position: relative;
left: 83.3333333333%;
right: auto;
}
.large-pull-10 {
position: relative;
right: 83.3333333333%;
left: auto;
}
.large-push-11 {
position: relative;
left: 91.6666666667%;
right: auto;
}
.large-pull-11 {
position: relative;
right: 91.6666666667%;
left: auto;
}
.column,
.columns {
position: relative;
padding-left: 0px;
padding-right: 0px;
float: left;
}
.large-1 {
width: 8.3333333333%;
}
.large-2 {
width: 16.6666666667%;
}
.large-3 {
width: 25%;
}
.large-4 {
width: 33.3333333333%;
}
.large-5 {
width: 41.6666666667%;
}
.large-6 {
width: 50%;
}
.large-7 {
width: 58.3333333333%;
}
.large-8 {
width: 66.6666666667%;
}
.large-9 {
width: 75%;
}
.large-10 {
width: 83.3333333333%;
}
.large-11 {
width: 91.6666666667%;
}
.large-12 {
width: 100%;
}
.large-offset-0 {
margin-left: 0 !important;
}
.large-offset-1 {
margin-left: 8.3333333333% !important;
}
.large-offset-2 {
margin-left: 16.6666666667% !important;
}
.large-offset-3 {
margin-left: 25% !important;
}
.large-offset-4 {
margin-left: 33.3333333333% !important;
}
.large-offset-5 {
margin-left: 41.6666666667% !important;
}
.large-offset-6 {
margin-left: 50% !important;
}
.large-offset-7 {
margin-left: 58.3333333333% !important;
}
.large-offset-8 {
margin-left: 66.6666666667% !important;
}
.large-offset-9 {
margin-left: 75% !important;
}
.large-offset-10 {
margin-left: 83.3333333333% !important;
}
.large-offset-11 {
margin-left: 91.6666666667% !important;
}
.large-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto;
}
.column.large-centered,
.columns.large-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
.column.large-uncentered,
.columns.large-uncentered {
float: left;
margin-left: 0;
margin-right: 0;
}
.column.large-centered:last-child,
.columns.large-centered:last-child {
float: none;
}
.column.large-uncentered:last-child,
.columns.large-uncentered:last-child {
float: left;
}
.column.large-uncentered.opposite,
.columns.large-uncentered.opposite {
float: right;
}
.row.large-collapse > .column,
.row.large-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.large-collapse .row {
margin-left: 0;
margin-right: 0;
}
.row.large-uncollapse > .column,
.row.large-uncollapse > .columns {
padding-left: 0px;
padding-right: 0px;
float: left;
}
.push-0 {
position: relative;
left: 0;
right: auto;
}
.pull-0 {
position: relative;
right: 0;
left: auto;
}
.push-1 {
position: relative;
left: 8.3333333333%;
right: auto;
}
.pull-1 {
position: relative;
right: 8.3333333333%;
left: auto;
}
.push-2 {
position: relative;
left: 16.6666666667%;
right: auto;
}
.pull-2 {
position: relative;
right: 16.6666666667%;
left: auto;
}
.push-3 {
position: relative;
left: 25%;
right: auto;
}
.pull-3 {
position: relative;
right: 25%;
left: auto;
}
.push-4 {
position: relative;
left: 33.3333333333%;
right: auto;
}
.pull-4 {
position: relative;
right: 33.3333333333%;
left: auto;
}
.push-5 {
position: relative;
left: 41.6666666667%;
right: auto;
}
.pull-5 {
position: relative;
right: 41.6666666667%;
left: auto;
}
.push-6 {
position: relative;
left: 50%;
right: auto;
}
.pull-6 {
position: relative;
right: 50%;
left: auto;
}
.push-7 {
position: relative;
left: 58.3333333333%;
right: auto;
}
.pull-7 {
position: relative;
right: 58.3333333333%;
left: auto;
}
.push-8 {
position: relative;
left: 66.6666666667%;
right: auto;
}
.pull-8 {
position: relative;
right: 66.6666666667%;
left: auto;
}
.push-9 {
position: relative;
left: 75%;
right: auto;
}
.pull-9 {
position: relative;
right: 75%;
left: auto;
}
.push-10 {
position: relative;
left: 83.3333333333%;
right: auto;
}
.pull-10 {
position: relative;
right: 83.3333333333%;
left: auto;
}
.push-11 {
position: relative;
left: 91.6666666667%;
right: auto;
}
.pull-11 {
position: relative;
right: 91.6666666667%;
left: auto;
}
}
.accordion {
margin-bottom: 0;
margin-left: 0;
}
.accordion:before,
.accordion:after {
content: ' ';
display: table;
}
.accordion:after {
clear: both;
}
.accordion .accordion-navigation,
.accordion dd {
display: block;
margin-bottom: 0 !important;
}
.accordion .accordion-navigation.active > a,
.accordion dd.active > a {
background: #e8e8e8;
color: #222;
}
.accordion .accordion-navigation > a,
.accordion dd > a {
background: #efefef;
color: #222;
display: block;
font-family: 'Roboto', sans-serif;
font-size: 1.0666666667rem;
padding: 1.0666666667rem;
}
.accordion .accordion-navigation > a:hover,
.accordion dd > a:hover {
background: #e3e3e3;
}
.accordion .accordion-navigation > .content,
.accordion dd > .content {
display: none;
padding: 0px;
}
.accordion .accordion-navigation > .content.active,
.accordion dd > .content.active {
background: #fff;
display: block;
}
.alert-box {
border-style: solid;
border-width: 1px;
display: block;
font-size: 0.8666666667rem;
font-weight: 300;
margin-bottom: 1.3333333333rem;
padding: 0.9333333333rem 1.6rem 0.9333333333rem 0.9333333333rem;
position: relative;
transition: opacity 300ms ease-out;
background-color: #2c6cb8;
border-color: #265d9e;
color: #fff;
}
.alert-box .close {
right: 0.2666666667rem;
background: inherit;
color: #333;
font-size: 1.4666666667rem;
line-height: 0.9;
margin-top: -0.7333333333rem;
opacity: 0.3;
padding: 0 6px 4px;
position: absolute;
top: 50%;
}
.alert-box .close:hover,
.alert-box .close:focus {
opacity: 0.5;
}
.alert-box.radius {
border-radius: 0.2rem;
}
.alert-box.round {
border-radius: 1000px;
}
.alert-box.success {
background-color: #43ac6a;
border-color: #3a945b;
color: #fff;
}
.alert-box.alert {
background-color: #f04124;
border-color: #de2d0f;
color: #fff;
}
.alert-box.secondary {
background-color: #e7e7e7;
border-color: #c7c7c7;
color: #4f4f4f;
}
.alert-box.warning {
background-color: #f08a24;
border-color: #de770f;
color: #fff;
}
.alert-box.info {
background-color: #a0d3e8;
border-color: #74bfdd;
color: #4f4f4f;
}
.alert-box.alert-close {
opacity: 0;
}
[class*='block-grid-'] {
display: block;
padding: 0;
margin: 0 -0.6666666667rem;
}
[class*='block-grid-']:before,
[class*='block-grid-']:after {
content: ' ';
display: table;
}
[class*='block-grid-']:after {
clear: both;
}
[class*='block-grid-'] > li {
display: block;
float: left;
height: auto;
padding: 0 0.6666666667rem 1.3333333333rem;
}
@media only screen {
.small-block-grid-1 > li {
list-style: none;
width: 100%;
}
.small-block-grid-1 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-1 > li:nth-of-type(1n + 1) {
clear: both;
}
.small-block-grid-2 > li {
list-style: none;
width: 50%;
}
.small-block-grid-2 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-2 > li:nth-of-type(2n + 1) {
clear: both;
}
.small-block-grid-3 > li {
list-style: none;
width: 33.3333333333%;
}
.small-block-grid-3 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-3 > li:nth-of-type(3n + 1) {
clear: both;
}
.small-block-grid-4 > li {
list-style: none;
width: 25%;
}
.small-block-grid-4 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-4 > li:nth-of-type(4n + 1) {
clear: both;
}
.small-block-grid-5 > li {
list-style: none;
width: 20%;
}
.small-block-grid-5 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-5 > li:nth-of-type(5n + 1) {
clear: both;
}
.small-block-grid-6 > li {
list-style: none;
width: 16.6666666667%;
}
.small-block-grid-6 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-6 > li:nth-of-type(6n + 1) {
clear: both;
}
.small-block-grid-7 > li {
list-style: none;
width: 14.2857142857%;
}
.small-block-grid-7 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-7 > li:nth-of-type(7n + 1) {
clear: both;
}
.small-block-grid-8 > li {
list-style: none;
width: 12.5%;
}
.small-block-grid-8 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-8 > li:nth-of-type(8n + 1) {
clear: both;
}
.small-block-grid-9 > li {
list-style: none;
width: 11.1111111111%;
}
.small-block-grid-9 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-9 > li:nth-of-type(9n + 1) {
clear: both;
}
.small-block-grid-10 > li {
list-style: none;
width: 10%;
}
.small-block-grid-10 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-10 > li:nth-of-type(10n + 1) {
clear: both;
}
.small-block-grid-11 > li {
list-style: none;
width: 9.0909090909%;
}
.small-block-grid-11 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-11 > li:nth-of-type(11n + 1) {
clear: both;
}
.small-block-grid-12 > li {
list-style: none;
width: 8.3333333333%;
}
.small-block-grid-12 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-12 > li:nth-of-type(12n + 1) {
clear: both;
}
}
@media only screen and (min-width: 42.7333333333em) {
.medium-block-grid-1 > li {
list-style: none;
width: 100%;
}
.medium-block-grid-1 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-1 > li:nth-of-type(1n + 1) {
clear: both;
}
.medium-block-grid-2 > li {
list-style: none;
width: 50%;
}
.medium-block-grid-2 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-2 > li:nth-of-type(2n + 1) {
clear: both;
}
.medium-block-grid-3 > li {
list-style: none;
width: 33.3333333333%;
}
.medium-block-grid-3 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-3 > li:nth-of-type(3n + 1) {
clear: both;
}
.medium-block-grid-4 > li {
list-style: none;
width: 25%;
}
.medium-block-grid-4 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-4 > li:nth-of-type(4n + 1) {
clear: both;
}
.medium-block-grid-5 > li {
list-style: none;
width: 20%;
}
.medium-block-grid-5 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-5 > li:nth-of-type(5n + 1) {
clear: both;
}
.medium-block-grid-6 > li {
list-style: none;
width: 16.6666666667%;
}
.medium-block-grid-6 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-6 > li:nth-of-type(6n + 1) {
clear: both;
}
.medium-block-grid-7 > li {
list-style: none;
width: 14.2857142857%;
}
.medium-block-grid-7 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-7 > li:nth-of-type(7n + 1) {
clear: both;
}
.medium-block-grid-8 > li {
list-style: none;
width: 12.5%;
}
.medium-block-grid-8 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-8 > li:nth-of-type(8n + 1) {
clear: both;
}
.medium-block-grid-9 > li {
list-style: none;
width: 11.1111111111%;
}
.medium-block-grid-9 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-9 > li:nth-of-type(9n + 1) {
clear: both;
}
.medium-block-grid-10 > li {
list-style: none;
width: 10%;
}
.medium-block-grid-10 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-10 > li:nth-of-type(10n + 1) {
clear: both;
}
.medium-block-grid-11 > li {
list-style: none;
width: 9.0909090909%;
}
.medium-block-grid-11 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-11 > li:nth-of-type(11n + 1) {
clear: both;
}
.medium-block-grid-12 > li {
list-style: none;
width: 8.3333333333%;
}
.medium-block-grid-12 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-12 > li:nth-of-type(12n + 1) {
clear: both;
}
}
@media only screen and (min-width: 68.3333333333em) {
.large-block-grid-1 > li {
list-style: none;
width: 100%;
}
.large-block-grid-1 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-1 > li:nth-of-type(1n + 1) {
clear: both;
}
.large-block-grid-2 > li {
list-style: none;
width: 50%;
}
.large-block-grid-2 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-2 > li:nth-of-type(2n + 1) {
clear: both;
}
.large-block-grid-3 > li {
list-style: none;
width: 33.3333333333%;
}
.large-block-grid-3 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-3 > li:nth-of-type(3n + 1) {
clear: both;
}
.large-block-grid-4 > li {
list-style: none;
width: 25%;
}
.large-block-grid-4 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-4 > li:nth-of-type(4n + 1) {
clear: both;
}
.large-block-grid-5 > li {
list-style: none;
width: 20%;
}
.large-block-grid-5 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-5 > li:nth-of-type(5n + 1) {
clear: both;
}
.large-block-grid-6 > li {
list-style: none;
width: 16.6666666667%;
}
.large-block-grid-6 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-6 > li:nth-of-type(6n + 1) {
clear: both;
}
.large-block-grid-7 > li {
list-style: none;
width: 14.2857142857%;
}
.large-block-grid-7 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-7 > li:nth-of-type(7n + 1) {
clear: both;
}
.large-block-grid-8 > li {
list-style: none;
width: 12.5%;
}
.large-block-grid-8 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-8 > li:nth-of-type(8n + 1) {
clear: both;
}
.large-block-grid-9 > li {
list-style: none;
width: 11.1111111111%;
}
.large-block-grid-9 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-9 > li:nth-of-type(9n + 1) {
clear: both;
}
.large-block-grid-10 > li {
list-style: none;
width: 10%;
}
.large-block-grid-10 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-10 > li:nth-of-type(10n + 1) {
clear: both;
}
.large-block-grid-11 > li {
list-style: none;
width: 9.0909090909%;
}
.large-block-grid-11 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-11 > li:nth-of-type(11n + 1) {
clear: both;
}
.large-block-grid-12 > li {
list-style: none;
width: 8.3333333333%;
}
.large-block-grid-12 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-12 > li:nth-of-type(12n + 1) {
clear: both;
}
}
.breadcrumbs {
border-style: solid;
border-width: 1px;
display: block;
list-style: none;
margin-left: 0;
overflow: hidden;
padding: 0.6rem 0.9333333333rem 0.6rem;
background-color: #f4f4f4;
border-color: #dcdcdc;
border-radius: 0.2rem;
}
.breadcrumbs > * {
color: #2c6cb8;
float: left;
font-size: 0.7333333333rem;
line-height: 0.7333333333rem;
margin: 0;
text-transform: uppercase;
}
.breadcrumbs > *:hover a,
.breadcrumbs > *:focus a {
text-decoration: underline;
}
.breadcrumbs > * a {
color: #2c6cb8;
}
.breadcrumbs > *.current {
color: #333;
cursor: default;
}
.breadcrumbs > *.current a {
color: #333;
cursor: default;
}
.breadcrumbs > *.current:hover,
.breadcrumbs > *.current:hover a,
.breadcrumbs > *.current:focus,
.breadcrumbs > *.current:focus a {
text-decoration: none;
}
.breadcrumbs > *.unavailable {
color: #999;
}
.breadcrumbs > *.unavailable a {
color: #999;
}
.breadcrumbs > *.unavailable:hover,
.breadcrumbs > *.unavailable:hover a,
.breadcrumbs > *.unavailable:focus,
.breadcrumbs > *.unavailable a:focus {
color: #999;
cursor: not-allowed;
text-decoration: none;
}
.breadcrumbs > *:after {
color: #aaa;
content: '/';
margin: 0 0.8rem;
position: relative;
top: 1px;
}
.breadcrumbs > *:last-child:after {
content: ' ';
margin: 0;
}
[aria-label='breadcrumbs'] [aria-hidden='true']:before {
content: '/';
}
button,
.button {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: 'Roboto', sans-serif;
font-weight: 300;
line-height: normal;
margin: 0 0 0.7333333333rem;
position: relative;
text-align: center;
text-decoration: none;
display: inline-block;
padding: 0.7333333333rem 1.4666666667rem 0.8rem 1.4666666667rem;
font-size: 1rem;
background-color: #2c6cb8;
border-color: #3279ce;
color: #fff;
transition: background-color 300ms ease-out;
}
button:hover,
button:focus,
.button:hover,
.button:focus {
background-color: #3279ce;
}
button:hover,
button:focus,
.button:hover,
.button:focus {
color: #fff;
}
button.secondary,
.button.secondary {
background-color: #e7e7e7;
border-color: #e9e9e9;
color: #333;
}
button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
background-color: #e9e9e9;
}
button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
color: #333;
}
button.success,
.button.success {
background-color: #43ac6a;
border-color: #4fbb77;
color: #fff;
}
button.success:hover,
button.success:focus,
.button.success:hover,
.button.success:focus {
background-color: #4fbb77;
}
button.success:hover,
button.success:focus,
.button.success:hover,
.button.success:focus {
color: #fff;
}
button.alert,
.button.alert {
background-color: #f04124;
border-color: #f2543a;
color: #fff;
}
button.alert:hover,
button.alert:focus,
.button.alert:hover,
.button.alert:focus {
background-color: #f2543a;
}
button.alert:hover,
button.alert:focus,
.button.alert:hover,
.button.alert:focus {
color: #fff;
}
button.warning,
.button.warning {
background-color: #f08a24;
border-color: #f2963a;
color: #fff;
}
button.warning:hover,
button.warning:focus,
.button.warning:hover,
.button.warning:focus {
background-color: #f2963a;
}
button.warning:hover,
button.warning:focus,
.button.warning:hover,
.button.warning:focus {
color: #fff;
}
button.info,
.button.info {
background-color: #a0d3e8;
border-color: #aad7ea;
color: #333;
}
button.info:hover,
button.info:focus,
.button.info:hover,
.button.info:focus {
background-color: #aad7ea;
}
button.info:hover,
button.info:focus,
.button.info:hover,
.button.info:focus {
color: #333;
}
button.large,
.button.large {
padding: 1.2rem 2.4rem 1.2666666667rem 2.4rem;
font-size: 1.3333333333rem;
}
button.small,
.button.small {
padding: 0.9333333333rem 1.8666666667rem 1rem 1.8666666667rem;
font-size: 0.8666666667rem;
}
button.tiny,
.button.tiny {
padding: 0.6666666667rem 1.3333333333rem 0.7333333333rem 1.3333333333rem;
font-size: 0.7333333333rem;
}
button.expand,
.button.expand {
padding-left: 0.7333333333rem;
padding-right: 0.7333333333rem;
width: 100%;
}
button.left-align,
.button.left-align {
text-align: left;
text-indent: 0.8rem;
}
button.right-align,
.button.right-align {
text-align: right;
padding-right: 0.8rem;
}
button.radius,
.button.radius {
border-radius: 0.2rem;
}
button.round,
.button.round {
border-radius: 1000px;
}
button.disabled,
button[disabled],
.button.disabled,
.button[disabled] {
background-color: #2c6cb8;
border-color: #3279ce;
color: #fff;
box-shadow: none;
cursor: default;
opacity: 0.7;
}
button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
background-color: #3279ce;
}
button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
color: #fff;
}
button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
background-color: #2c6cb8;
}
button.disabled.secondary,
button[disabled].secondary,
.button.disabled.secondary,
.button[disabled].secondary {
background-color: #e7e7e7;
border-color: #e9e9e9;
color: #333;
box-shadow: none;
cursor: default;
opacity: 0.7;
}
button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
background-color: #e9e9e9;
}
button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
color: #333;
}
button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
background-color: #e7e7e7;
}
button.disabled.success,
button[disabled].success,
.button.disabled.success,
.button[disabled].success {
background-color: #43ac6a;
border-color: #4fbb77;
color: #fff;
box-shadow: none;
cursor: default;
opacity: 0.7;
}
button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
background-color: #4fbb77;
}
button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
color: #fff;
}
button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
background-color: #43ac6a;
}
button.disabled.alert,
button[disabled].alert,
.button.disabled.alert,
.button[disabled].alert {
background-color: #f04124;
border-color: #f2543a;
color: #fff;
box-shadow: none;
cursor: default;
opacity: 0.7;
}
button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
background-color: #f2543a;
}
button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
color: #fff;
}
button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
background-color: #f04124;
}
button.disabled.warning,
button[disabled].warning,
.button.disabled.warning,
.button[disabled].warning {
background-color: #f08a24;
border-color: #f2963a;
color: #fff;
box-shadow: none;
cursor: default;
opacity: 0.7;
}
button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
background-color: #f2963a;
}
button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
color: #fff;
}
button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
background-color: #f08a24;
}
button.disabled.info,
button[disabled].info,
.button.disabled.info,
.button[disabled].info {
background-color: #a0d3e8;
border-color: #aad7ea;
color: #333;
box-shadow: none;
cursor: default;
opacity: 0.7;
}
button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
background-color: #aad7ea;
}
button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
color: #333;
}
button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
background-color: #a0d3e8;
}
button::-moz-focus-inner {
border: 0;
padding: 0;
}
@media only screen and (min-width: 42.7333333333em) {
button,
.button {
display: inline-block;
}
}
.button-group {
list-style: none;
margin: 0;
left: 0;
}
.button-group:before,
.button-group:after {
content: ' ';
display: table;
}
.button-group:after {
clear: both;
}
.button-group.even-2 li {
float: left;
display: inline-block;
margin: 0 -2px;
width: 50%;
}
.button-group.even-2 li > button,
.button-group.even-2 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-2 li:first-child button,
.button-group.even-2 li:first-child .button {
border-left: 0;
}
.button-group.even-2 li button,
.button-group.even-2 li .button {
width: 100%;
}
.button-group.even-3 li {
float: left;
display: inline-block;
margin: 0 -2px;
width: 33.3333333333%;
}
.button-group.even-3 li > button,
.button-group.even-3 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-3 li:first-child button,
.button-group.even-3 li:first-child .button {
border-left: 0;
}
.button-group.even-3 li button,
.button-group.even-3 li .button {
width: 100%;
}
.button-group.even-4 li {
float: left;
display: inline-block;
margin: 0 -2px;
width: 25%;
}
.button-group.even-4 li > button,
.button-group.even-4 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-4 li:first-child button,
.button-group.even-4 li:first-child .button {
border-left: 0;
}
.button-group.even-4 li button,
.button-group.even-4 li .button {
width: 100%;
}
.button-group.even-5 li {
float: left;
display: inline-block;
margin: 0 -2px;
width: 20%;
}
.button-group.even-5 li > button,
.button-group.even-5 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-5 li:first-child button,
.button-group.even-5 li:first-child .button {
border-left: 0;
}
.button-group.even-5 li button,
.button-group.even-5 li .button {
width: 100%;
}
.button-group.even-6 li {
float: left;
display: inline-block;
margin: 0 -2px;
width: 16.6666666667%;
}
.button-group.even-6 li > button,
.button-group.even-6 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-6 li:first-child button,
.button-group.even-6 li:first-child .button {
border-left: 0;
}
.button-group.even-6 li button,
.button-group.even-6 li .button {
width: 100%;
}
.button-group.even-7 li {
float: left;
display: inline-block;
margin: 0 -2px;
width: 14.2857142857%;
}
.button-group.even-7 li > button,
.button-group.even-7 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-7 li:first-child button,
.button-group.even-7 li:first-child .button {
border-left: 0;
}
.button-group.even-7 li button,
.button-group.even-7 li .button {
width: 100%;
}
.button-group.even-8 li {
float: left;
display: inline-block;
margin: 0 -2px;
width: 12.5%;
}
.button-group.even-8 li > button,
.button-group.even-8 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-8 li:first-child button,
.button-group.even-8 li:first-child .button {
border-left: 0;
}
.button-group.even-8 li button,
.button-group.even-8 li .button {
width: 100%;
}
.button-group > li {
float: left;
display: inline-block;
margin: 0 -2px;
}
.button-group > li > button,
.button-group > li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group > li:first-child button,
.button-group > li:first-child .button {
border-left: 0;
}
.button-group.stack > li {
float: left;
display: block;
margin: 0;
float: none;
}
.button-group.stack > li > button,
.button-group.stack > li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.stack > li:first-child button,
.button-group.stack > li:first-child .button {
border-left: 0;
}
.button-group.stack > li > button,
.button-group.stack > li .button {
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
border-top: 1px solid;
display: block;
margin: 0;
}
.button-group.stack > li > button {
width: 100%;
}
.button-group.stack > li:first-child button,
.button-group.stack > li:first-child .button {
border-top: 0;
}
.button-group.stack-for-small > li {
float: left;
display: inline-block;
margin: 0 -2px;
}
.button-group.stack-for-small > li > button,
.button-group.stack-for-small > li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.stack-for-small > li:first-child button,
.button-group.stack-for-small > li:first-child .button {
border-left: 0;
}
@media only screen and (max-width: 42.6666666667em) {
.button-group.stack-for-small > li {
float: left;
display: block;
margin: 0;
width: 100%;
}
.button-group.stack-for-small > li > button,
.button-group.stack-for-small > li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.stack-for-small > li:first-child button,
.button-group.stack-for-small > li:first-child .button {
border-left: 0;
}
.button-group.stack-for-small > li > button,
.button-group.stack-for-small > li .button {
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
border-top: 1px solid;
display: block;
margin: 0;
}
.button-group.stack-for-small > li > button {
width: 100%;
}
.button-group.stack-for-small > li:first-child button,
.button-group.stack-for-small > li:first-child .button {
border-top: 0;
}
}
.button-group.radius > * {
float: left;
display: inline-block;
margin: 0 -2px;
}
.button-group.radius > * > button,
.button-group.radius > * .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.radius > *:first-child button,
.button-group.radius > *:first-child .button {
border-left: 0;
}
.button-group.radius > *,
.button-group.radius > * > a,
.button-group.radius > * > button,
.button-group.radius > * > .button {
border-radius: 0;
}
.button-group.radius > *:first-child,
.button-group.radius > *:first-child > a,
.button-group.radius > *:first-child > button,
.button-group.radius > *:first-child > .button {
-webkit-border-bottom-left-radius: 0.2rem;
-webkit-border-top-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem;
border-top-left-radius: 0.2rem;
}
.button-group.radius > *:last-child,
.button-group.radius > *:last-child > a,
.button-group.radius > *:last-child > button,
.button-group.radius > *:last-child > .button {
-webkit-border-bottom-right-radius: 0.2rem;
-webkit-border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
border-top-right-radius: 0.2rem;
}
.button-group.radius.stack > * {
float: left;
display: block;
margin: 0;
}
.button-group.radius.stack > * > button,
.button-group.radius.stack > * .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.radius.stack > *:first-child button,
.button-group.radius.stack > *:first-child .button {
border-left: 0;
}
.button-group.radius.stack > * > button,
.button-group.radius.stack > * .button {
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
border-top: 1px solid;
display: block;
margin: 0;
}
.button-group.radius.stack > * > button {
width: 100%;
}
.button-group.radius.stack > *:first-child button,
.button-group.radius.stack > *:first-child .button {
border-top: 0;
}
.button-group.radius.stack > *,
.button-group.radius.stack > * > a,
.button-group.radius.stack > * > button,
.button-group.radius.stack > * > .button {
border-radius: 0;
}
.button-group.radius.stack > *:first-child,
.button-group.radius.stack > *:first-child > a,
.button-group.radius.stack > *:first-child > button,
.button-group.radius.stack > *:first-child > .button {
-webkit-top-left-radius: 0.2rem;
-webkit-top-right-radius: 0.2rem;
border-top-left-radius: 0.2rem;
border-top-right-radius: 0.2rem;
}
.button-group.radius.stack > *:last-child,
.button-group.radius.stack > *:last-child > a,
.button-group.radius.stack > *:last-child > button,
.button-group.radius.stack > *:last-child > .button {
-webkit-bottom-left-radius: 0.2rem;
-webkit-bottom-right-radius: 0.2rem;
border-bottom-left-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
}
@media only screen and (min-width: 42.7333333333em) {
.button-group.radius.stack-for-small > * {
float: left;
display: inline-block;
margin: 0 -2px;
}
.button-group.radius.stack-for-small > * > button,
.button-group.radius.stack-for-small > * .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.radius.stack-for-small > *:first-child button,
.button-group.radius.stack-for-small > *:first-child .button {
border-left: 0;
}
.button-group.radius.stack-for-small > *,
.button-group.radius.stack-for-small > * > a,
.button-group.radius.stack-for-small > * > button,
.button-group.radius.stack-for-small > * > .button {
border-radius: 0;
}
.button-group.radius.stack-for-small > *:first-child,
.button-group.radius.stack-for-small > *:first-child > a,
.button-group.radius.stack-for-small > *:first-child > button,
.button-group.radius.stack-for-small > *:first-child > .button {
-webkit-border-bottom-left-radius: 0.2rem;
-webkit-border-top-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem;
border-top-left-radius: 0.2rem;
}
.button-group.radius.stack-for-small > *:last-child,
.button-group.radius.stack-for-small > *:last-child > a,
.button-group.radius.stack-for-small > *:last-child > button,
.button-group.radius.stack-for-small > *:last-child > .button {
-webkit-border-bottom-right-radius: 0.2rem;
-webkit-border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
border-top-right-radius: 0.2rem;
}
}
@media only screen and (max-width: 42.6666666667em) {
.button-group.radius.stack-for-small > * {
float: left;
display: block;
margin: 0;
}
.button-group.radius.stack-for-small > * > button,
.button-group.radius.stack-for-small > * .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.radius.stack-for-small > *:first-child button,
.button-group.radius.stack-for-small > *:first-child .button {
border-left: 0;
}
.button-group.radius.stack-for-small > * > button,
.button-group.radius.stack-for-small > * .button {
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
border-top: 1px solid;
display: block;
margin: 0;
}
.button-group.radius.stack-for-small > * > button {
width: 100%;
}
.button-group.radius.stack-for-small > *:first-child button,
.button-group.radius.stack-for-small > *:first-child .button {
border-top: 0;
}
.button-group.radius.stack-for-small > *,
.button-group.radius.stack-for-small > * > a,
.button-group.radius.stack-for-small > * > button,
.button-group.radius.stack-for-small > * > .button {
border-radius: 0;
}
.button-group.radius.stack-for-small > *:first-child,
.button-group.radius.stack-for-small > *:first-child > a,
.button-group.radius.stack-for-small > *:first-child > button,
.button-group.radius.stack-for-small > *:first-child > .button {
-webkit-top-left-radius: 0.2rem;
-webkit-top-right-radius: 0.2rem;
border-top-left-radius: 0.2rem;
border-top-right-radius: 0.2rem;
}
.button-group.radius.stack-for-small > *:last-child,
.button-group.radius.stack-for-small > *:last-child > a,
.button-group.radius.stack-for-small > *:last-child > button,
.button-group.radius.stack-for-small > *:last-child > .button {
-webkit-bottom-left-radius: 0.2rem;
-webkit-bottom-right-radius: 0.2rem;
border-bottom-left-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
}
}
.button-group.round > * {
float: left;
display: inline-block;
margin: 0 -2px;
}
.button-group.round > * > button,
.button-group.round > * .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.round > *:first-child button,
.button-group.round > *:first-child .button {
border-left: 0;
}
.button-group.round > *,
.button-group.round > * > a,
.button-group.round > * > button,
.button-group.round > * > .button {
border-radius: 0;
}
.button-group.round > *:first-child,
.button-group.round > *:first-child > a,
.button-group.round > *:first-child > button,
.button-group.round > *:first-child > .button {
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px;
}
.button-group.round > *:last-child,
.button-group.round > *:last-child > a,
.button-group.round > *:last-child > button,
.button-group.round > *:last-child > .button {
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px;
}
.button-group.round.stack > * {
float: left;
display: block;
margin: 0;
}
.button-group.round.stack > * > button,
.button-group.round.stack > * .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.round.stack > *:first-child button,
.button-group.round.stack > *:first-child .button {
border-left: 0;
}
.button-group.round.stack > * > button,
.button-group.round.stack > * .button {
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
border-top: 1px solid;
display: block;
margin: 0;
}
.button-group.round.stack > * > button {
width: 100%;
}
.button-group.round.stack > *:first-child button,
.button-group.round.stack > *:first-child .button {
border-top: 0;
}
.button-group.round.stack > *,
.button-group.round.stack > * > a,
.button-group.round.stack > * > button,
.button-group.round.stack > * > .button {
border-radius: 0;
}
.button-group.round.stack > *:first-child,
.button-group.round.stack > *:first-child > a,
.button-group.round.stack > *:first-child > button,
.button-group.round.stack > *:first-child > .button {
-webkit-top-left-radius: 0.7333333333rem;
-webkit-top-right-radius: 0.7333333333rem;
border-top-left-radius: 0.7333333333rem;
border-top-right-radius: 0.7333333333rem;
}
.button-group.round.stack > *:last-child,
.button-group.round.stack > *:last-child > a,
.button-group.round.stack > *:last-child > button,
.button-group.round.stack > *:last-child > .button {
-webkit-bottom-left-radius: 0.7333333333rem;
-webkit-bottom-right-radius: 0.7333333333rem;
border-bottom-left-radius: 0.7333333333rem;
border-bottom-right-radius: 0.7333333333rem;
}
@media only screen and (min-width: 42.7333333333em) {
.button-group.round.stack-for-small > * {
float: left;
display: inline-block;
margin: 0 -2px;
}
.button-group.round.stack-for-small > * > button,
.button-group.round.stack-for-small > * .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.round.stack-for-small > *:first-child button,
.button-group.round.stack-for-small > *:first-child .button {
border-left: 0;
}
.button-group.round.stack-for-small > *,
.button-group.round.stack-for-small > * > a,
.button-group.round.stack-for-small > * > button,
.button-group.round.stack-for-small > * > .button {
border-radius: 0;
}
.button-group.round.stack-for-small > *:first-child,
.button-group.round.stack-for-small > *:first-child > a,
.button-group.round.stack-for-small > *:first-child > button,
.button-group.round.stack-for-small > *:first-child > .button {
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px;
}
.button-group.round.stack-for-small > *:last-child,
.button-group.round.stack-for-small > *:last-child > a,
.button-group.round.stack-for-small > *:last-child > button,
.button-group.round.stack-for-small > *:last-child > .button {
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px;
}
}
@media only screen and (max-width: 42.6666666667em) {
.button-group.round.stack-for-small > * {
float: left;
display: block;
margin: 0;
}
.button-group.round.stack-for-small > * > button,
.button-group.round.stack-for-small > * .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.round.stack-for-small > *:first-child button,
.button-group.round.stack-for-small > *:first-child .button {
border-left: 0;
}
.button-group.round.stack-for-small > * > button,
.button-group.round.stack-for-small > * .button {
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
border-top: 1px solid;
display: block;
margin: 0;
}
.button-group.round.stack-for-small > * > button {
width: 100%;
}
.button-group.round.stack-for-small > *:first-child button,
.button-group.round.stack-for-small > *:first-child .button {
border-top: 0;
}
.button-group.round.stack-for-small > *,
.button-group.round.stack-for-small > * > a,
.button-group.round.stack-for-small > * > button,
.button-group.round.stack-for-small > * > .button {
border-radius: 0;
}
.button-group.round.stack-for-small > *:first-child,
.button-group.round.stack-for-small > *:first-child > a,
.button-group.round.stack-for-small > *:first-child > button,
.button-group.round.stack-for-small > *:first-child > .button {
-webkit-top-left-radius: 0.7333333333rem;
-webkit-top-right-radius: 0.7333333333rem;
border-top-left-radius: 0.7333333333rem;
border-top-right-radius: 0.7333333333rem;
}
.button-group.round.stack-for-small > *:last-child,
.button-group.round.stack-for-small > *:last-child > a,
.button-group.round.stack-for-small > *:last-child > button,
.button-group.round.stack-for-small > *:last-child > .button {
-webkit-bottom-left-radius: 0.7333333333rem;
-webkit-bottom-right-radius: 0.7333333333rem;
border-bottom-left-radius: 0.7333333333rem;
border-bottom-right-radius: 0.7333333333rem;
}
}
.button-bar:before,
.button-bar:after {
content: ' ';
display: table;
}
.button-bar:after {
clear: both;
}
.button-bar .button-group {
float: left;
margin-right: 0.6666666667rem;
}
.button-bar .button-group div {
overflow: hidden;
}
.clearing-thumbs,
[data-clearing] {
list-style: none;
margin-left: 0;
margin-bottom: 0;
}
.clearing-thumbs:before,
.clearing-thumbs:after,
[data-clearing]:before,
[data-clearing]:after {
content: ' ';
display: table;
}
.clearing-thumbs:after,
[data-clearing]:after {
clear: both;
}
.clearing-thumbs li,
[data-clearing] li {
float: left;
margin-right: 10px;
}
.clearing-thumbs[class*='block-grid-'] li,
[data-clearing][class*='block-grid-'] li {
margin-right: 0;
}
.clearing-blackout {
background: #333;
height: 100%;
position: fixed;
top: 0;
width: 100%;
z-index: 998;
left: 0;
}
.clearing-blackout .clearing-close {
display: block;
}
.clearing-container {
height: 100%;
margin: 0;
overflow: hidden;
position: relative;
z-index: 998;
}
.clearing-touch-label {
color: #aaa;
font-size: 0.6em;
left: 50%;
position: absolute;
top: 50%;
}
.visible-img {
height: 95%;
position: relative;
}
.visible-img img {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
max-height: 100%;
max-width: 100%;
}
.clearing-caption {
background: #333;
bottom: 0;
color: #ccc;
font-size: 0.875em;
line-height: 1.3;
margin-bottom: 0;
padding: 10px 30px 20px;
position: absolute;
text-align: center;
width: 100%;
left: 0;
}
.clearing-close {
color: #ccc;
display: none;
font-size: 30px;
line-height: 1;
padding-left: 20px;
padding-top: 10px;
z-index: 999;
}
.clearing-close:hover,
.clearing-close:focus {
color: #ccc;
}
.clearing-assembled .clearing-container {
height: 100%;
}
.clearing-assembled .clearing-container .carousel > ul {
display: none;
}
.clearing-feature li {
display: none;
}
.clearing-feature li.clearing-featured-img {
display: block;
}
@media only screen and (min-width: 42.7333333333em) {
.clearing-main-prev,
.clearing-main-next {
height: 100%;
position: absolute;
top: 0;
width: 40px;
}
.clearing-main-prev > span,
.clearing-main-next > span {
border: solid 12px;
display: block;
height: 0;
position: absolute;
top: 50%;
width: 0;
}
.clearing-main-prev > span:hover,
.clearing-main-next > span:hover {
opacity: 0.8;
}
.clearing-main-prev {
left: 0;
}
.clearing-main-prev > span {
left: 5px;
border-color: rgba(0, 0, 0, 0);
border-right-color: #ccc;
}
.clearing-main-next {
right: 0;
}
.clearing-main-next > span {
border-color: rgba(0, 0, 0, 0);
border-left-color: #ccc;
}
.clearing-main-prev.disabled,
.clearing-main-next.disabled {
opacity: 0.3;
}
.clearing-assembled .clearing-container .carousel {
background: rgba(51, 51, 51, 0.8);
height: 120px;
margin-top: 10px;
text-align: center;
}
.clearing-assembled .clearing-container .carousel > ul {
display: inline-block;
z-index: 999;
height: 100%;
position: relative;
float: none;
}
.clearing-assembled .clearing-container .carousel > ul li {
clear: none;
cursor: pointer;
display: block;
float: left;
margin-right: 0;
min-height: inherit;
opacity: 0.4;
overflow: hidden;
padding: 0;
position: relative;
width: 120px;
}
.clearing-assembled .clearing-container .carousel > ul li.fix-height img {
height: 100%;
max-width: none;
}
.clearing-assembled .clearing-container .carousel > ul li a.th {
border: none;
box-shadow: none;
display: block;
}
.clearing-assembled .clearing-container .carousel > ul li img {
cursor: pointer !important;
width: 100% !important;
}
.clearing-assembled .clearing-container .carousel > ul li.visible {
opacity: 1;
}
.clearing-assembled .clearing-container .carousel > ul li:hover {
opacity: 0.8;
}
.clearing-assembled .clearing-container .visible-img {
background: #333;
height: 85%;
overflow: hidden;
}
.clearing-close {
padding-left: 0;
padding-top: 0;
position: absolute;
top: 10px;
right: 20px;
}
}
.f-dropdown {
display: none;
left: -9999px;
list-style: none;
margin-left: 0;
position: absolute;
background: #fff;
border: solid 1px #ccc;
font-size: 0.9333333333rem;
height: auto;
max-height: none;
width: 100%;
z-index: 89;
margin-top: 2px;
max-width: 200px;
}
.f-dropdown.open {
display: block;
}
.f-dropdown > *:first-child {
margin-top: 0;
}
.f-dropdown > *:last-child {
margin-bottom: 0;
}
.f-dropdown:before {
border: inset 6px;
content: '';
display: block;
height: 0;
width: 0;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0);
border-bottom-style: solid;
position: absolute;
top: -12px;
left: 10px;
z-index: 89;
}
.f-dropdown:after {
border: inset 7px;
content: '';
display: block;
height: 0;
width: 0;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ccc rgba(0, 0, 0, 0);
border-bottom-style: solid;
position: absolute;
top: -14px;
left: 9px;
z-index: 88;
}
.f-dropdown.right:before {
left: auto;
right: 10px;
}
.f-dropdown.right:after {
left: auto;
right: 9px;
}
.f-dropdown.drop-right {
display: none;
left: -9999px;
list-style: none;
margin-left: 0;
position: absolute;
background: #fff;
border: solid 1px #ccc;
font-size: 0.9333333333rem;
height: auto;
max-height: none;
width: 100%;
z-index: 89;
margin-top: 0;
margin-left: 2px;
max-width: 200px;
}
.f-dropdown.drop-right.open {
display: block;
}
.f-dropdown.drop-right > *:first-child {
margin-top: 0;
}
.f-dropdown.drop-right > *:last-child {
margin-bottom: 0;
}
.f-dropdown.drop-right:before {
border: inset 6px;
content: '';
display: block;
height: 0;
width: 0;
border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-right-style: solid;
position: absolute;
top: 10px;
left: -12px;
z-index: 89;
}
.f-dropdown.drop-right:after {
border: inset 7px;
content: '';
display: block;
height: 0;
width: 0;
border-color: rgba(0, 0, 0, 0) #ccc rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-right-style: solid;
position: absolute;
top: 9px;
left: -14px;
z-index: 88;
}
.f-dropdown.drop-left {
display: none;
left: -9999px;
list-style: none;
margin-left: 0;
position: absolute;
background: #fff;
border: solid 1px #ccc;
font-size: 0.9333333333rem;
height: auto;
max-height: none;
width: 100%;
z-index: 89;
margin-top: 0;
margin-left: -2px;
max-width: 200px;
}
.f-dropdown.drop-left.open {
display: block;
}
.f-dropdown.drop-left > *:first-child {
margin-top: 0;
}
.f-dropdown.drop-left > *:last-child {
margin-bottom: 0;
}
.f-dropdown.drop-left:before {
border: inset 6px;
content: '';
display: block;
height: 0;
width: 0;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
border-left-style: solid;
position: absolute;
top: 10px;
right: -12px;
left: auto;
z-index: 89;
}
.f-dropdown.drop-left:after {
border: inset 7px;
content: '';
display: block;
height: 0;
width: 0;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ccc;
border-left-style: solid;
position: absolute;
top: 9px;
right: -14px;
left: auto;
z-index: 88;
}
.f-dropdown.drop-top {
display: none;
left: -9999px;
list-style: none;
margin-left: 0;
position: absolute;
background: #fff;
border: solid 1px #ccc;
font-size: 0.9333333333rem;
height: auto;
max-height: none;
width: 100%;
z-index: 89;
margin-left: 0;
margin-top: -2px;
max-width: 200px;
}
.f-dropdown.drop-top.open {
display: block;
}
.f-dropdown.drop-top > *:first-child {
margin-top: 0;
}
.f-dropdown.drop-top > *:last-child {
margin-bottom: 0;
}
.f-dropdown.drop-top:before {
border: inset 6px;
content: '';
display: block;
height: 0;
width: 0;
border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-top-style: solid;
bottom: -12px;
position: absolute;
top: auto;
left: 10px;
right: auto;
z-index: 89;
}
.f-dropdown.drop-top:after {
border: inset 7px;
content: '';
display: block;
height: 0;
width: 0;
border-color: #ccc rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-top-style: solid;
bottom: -14px;
position: absolute;
top: auto;
left: 9px;
right: auto;
z-index: 88;
}
.f-dropdown li {
cursor: pointer;
font-size: 0.9333333333rem;
line-height: 1.2rem;
margin: 0;
}
.f-dropdown li:hover,
.f-dropdown li:focus {
background: #eee;
}
.f-dropdown li a {
display: block;
padding: 0.5rem;
color: #555;
}
.f-dropdown.content {
display: none;
left: -9999px;
list-style: none;
margin-left: 0;
position: absolute;
background: #fff;
border: solid 1px #ccc;
font-size: 0.9333333333rem;
height: auto;
max-height: none;
padding: 1.3333333333rem;
width: 100%;
z-index: 89;
max-width: 200px;
}
.f-dropdown.content.open {
display: block;
}
.f-dropdown.content > *:first-child {
margin-top: 0;
}
.f-dropdown.content > *:last-child {
margin-bottom: 0;
}
.f-dropdown.radius {
border-radius: 0.2rem;
}
.f-dropdown.tiny {
max-width: 200px;
}
.f-dropdown.small {
max-width: 300px;
}
.f-dropdown.medium {
max-width: 500px;
}
.f-dropdown.large {
max-width: 800px;
}
.f-dropdown.mega {
width: 100% !important;
max-width: 100% !important;
}
.f-dropdown.mega.open {
left: 0 !important;
}
.dropdown.button,
button.dropdown {
position: relative;
padding-right: 3.8rem;
}
.dropdown.button::after,
button.dropdown::after {
border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
content: '';
display: block;
height: 0;
position: absolute;
top: 50%;
width: 0;
}
.dropdown.button::after,
button.dropdown::after {
border-width: 0.4rem;
right: 1.5rem;
margin-top: -0.1666666667rem;
}
.dropdown.button::after,
button.dropdown::after {
border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.dropdown.button.tiny,
button.dropdown.tiny {
padding-right: 2.8rem;
}
.dropdown.button.tiny:after,
button.dropdown.tiny:after {
border-width: 0.4rem;
right: 1.2rem;
margin-top: -0.1333333333rem;
}
.dropdown.button.tiny::after,
button.dropdown.tiny::after {
border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.dropdown.button.small,
button.dropdown.small {
padding-right: 3.2666666667rem;
}
.dropdown.button.small::after,
button.dropdown.small::after {
border-width: 0.4666666667rem;
right: 1.4rem;
margin-top: -0.1666666667rem;
}
.dropdown.button.small::after,
button.dropdown.small::after {
border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.dropdown.button.large,
button.dropdown.large {
padding-right: 3.8666666667rem;
}
.dropdown.button.large::after,
button.dropdown.large::after {
border-width: 0.3333333333rem;
right: 1.8333333333rem;
margin-top: -0.1666666667rem;
}
.dropdown.button.large::after,
button.dropdown.large::after {
border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.dropdown.button.secondary:after,
button.dropdown.secondary:after {
border-color: #333 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.flex-video {
height: 0;
margin-bottom: 1.0666666667rem;
overflow: hidden;
padding-bottom: 67.5%;
padding-top: 1.6666666667rem;
position: relative;
}
.flex-video.widescreen {
padding-bottom: 56.34%;
}
.flex-video.vimeo {
padding-top: 0;
}
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
height: 100%;
position: absolute;
top: 0;
width: 100%;
left: 0;
}
form {
margin: 0 0 1.0666666667rem;
}
form .row .row {
margin: 0 -0.5333333333rem;
}
form .row .row .column,
form .row .row .columns {
padding: 0 0.5333333333rem;
}
form .row .row.collapse {
margin: 0;
}
form .row .row.collapse .column,
form .row .row.collapse .columns {
padding: 0;
}
form .row .row.collapse input {
-webkit-border-bottom-right-radius: 0;
-webkit-border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
padding-left: 0.5333333333rem;
}
label {
color: #4d4d4d;
cursor: pointer;
display: block;
font-size: 0.9333333333rem;
font-weight: 300;
line-height: 1.5;
margin-bottom: 0;
}
label.right {
float: none !important;
text-align: right;
}
label.inline {
margin: 0 0 1.0666666667rem 0;
line-height: 2.5333333333rem;
}
label small {
text-transform: capitalize;
color: #676767;
}
.prefix,
.postfix {
border-style: solid;
border-width: 1px;
display: block;
font-size: 0.9333333333rem;
height: 2.4666666667rem;
line-height: 2.4666666667rem;
overflow: visible;
padding-bottom: 0;
padding-top: 0;
position: relative;
text-align: center;
width: 100%;
z-index: 2;
}
.postfix.button {
border: none;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
padding-top: 0;
text-align: center;
}
.prefix.button {
border: none;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
padding-top: 0;
text-align: center;
}
.prefix.button.radius {
border-radius: 0;
-webkit-border-bottom-left-radius: 0.2rem;
-webkit-border-top-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem;
border-top-left-radius: 0.2rem;
}
.postfix.button.radius {
border-radius: 0;
-webkit-border-bottom-right-radius: 0.2rem;
-webkit-border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
border-top-right-radius: 0.2rem;
}
.prefix.button.round {
border-radius: 0;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px;
}
.postfix.button.round {
border-radius: 0;
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px;
}
span.prefix,
label.prefix {
background: #f2f2f2;
border-right: none;
color: #333;
border-color: #ccc;
}
span.postfix,
label.postfix {
background: #f2f2f2;
border-left: none;
color: #333;
border-color: #ccc;
}
input:not([type]),
input[type='text'],
input[type='password'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='month'],
input[type='week'],
input[type='email'],
input[type='number'],
input[type='search'],
input[type='tel'],
input[type='time'],
input[type='url'],
input[type='color'],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
background-color: #fff;
border-style: solid;
border-width: 1px;
border-color: #2c6cb8;
box-shadow: none;
color: #444;
display: block;
font-family: 'Roboto', sans-serif;
font-size: 0.9333333333rem;
height: 2.4666666667rem;
margin: 0 0 1.0666666667rem 0;
padding: 0.5333333333rem;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: border-color 0.15s linear, background 0.15s linear;
-moz-transition: border-color 0.15s linear, background 0.15s linear;
-ms-transition: border-color 0.15s linear, background 0.15s linear;
-o-transition: border-color 0.15s linear, background 0.15s linear;
transition: border-color 0.15s linear, background 0.15s linear;
}
input:not([type]):focus,
input[type='text']:focus,
input[type='password']:focus,
input[type='date']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='month']:focus,
input[type='week']:focus,
input[type='email']:focus,
input[type='number']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='time']:focus,
input[type='url']:focus,
input[type='color']:focus,
textarea:focus {
background-color: #fafafa;
border-color: #2c6cb8;
outline: none;
}
input:not([type]):disabled,
input[type='text']:disabled,
input[type='password']:disabled,
input[type='date']:disabled,
input[type='datetime']:disabled,
input[type='datetime-local']:disabled,
input[type='month']:disabled,
input[type='week']:disabled,
input[type='email']:disabled,
input[type='number']:disabled,
input[type='search']:disabled,
input[type='tel']:disabled,
input[type='time']:disabled,
input[type='url']:disabled,
input[type='color']:disabled,
textarea:disabled {
background-color: #ddd;
cursor: default;
}
input:not([type])[disabled],
input:not([type])[readonly],
fieldset[disabled] input:not([type]),
input[type='text'][disabled],
input[type='text'][readonly],
fieldset[disabled] input[type='text'],
input[type='password'][disabled],
input[type='password'][readonly],
fieldset[disabled] input[type='password'],
input[type='date'][disabled],
input[type='date'][readonly],
fieldset[disabled] input[type='date'],
input[type='datetime'][disabled],
input[type='datetime'][readonly],
fieldset[disabled] input[type='datetime'],
input[type='datetime-local'][disabled],
input[type='datetime-local'][readonly],
fieldset[disabled] input[type='datetime-local'],
input[type='month'][disabled],
input[type='month'][readonly],
fieldset[disabled] input[type='month'],
input[type='week'][disabled],
input[type='week'][readonly],
fieldset[disabled] input[type='week'],
input[type='email'][disabled],
input[type='email'][readonly],
fieldset[disabled] input[type='email'],
input[type='number'][disabled],
input[type='number'][readonly],
fieldset[disabled] input[type='number'],
input[type='search'][disabled],
input[type='search'][readonly],
fieldset[disabled] input[type='search'],
input[type='tel'][disabled],
input[type='tel'][readonly],
fieldset[disabled] input[type='tel'],
input[type='time'][disabled],
input[type='time'][readonly],
fieldset[disabled] input[type='time'],
input[type='url'][disabled],
input[type='url'][readonly],
fieldset[disabled] input[type='url'],
input[type='color'][disabled],
input[type='color'][readonly],
fieldset[disabled] input[type='color'],
textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea {
background-color: #ddd;
cursor: default;
}
input:not([type]).radius,
input[type='text'].radius,
input[type='password'].radius,
input[type='date'].radius,
input[type='datetime'].radius,
input[type='datetime-local'].radius,
input[type='month'].radius,
input[type='week'].radius,
input[type='email'].radius,
input[type='number'].radius,
input[type='search'].radius,
input[type='tel'].radius,
input[type='time'].radius,
input[type='url'].radius,
input[type='color'].radius,
textarea.radius {
border-radius: 0.2rem;
}
form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select,
form .row .prefix-radius.row.collapse button {
border-radius: 0;
-webkit-border-bottom-right-radius: 0.2rem;
-webkit-border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
border-top-right-radius: 0.2rem;
}
form .row .prefix-radius.row.collapse .prefix {
border-radius: 0;
-webkit-border-bottom-left-radius: 0.2rem;
-webkit-border-top-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem;
border-top-left-radius: 0.2rem;
}
form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select,
form .row .postfix-radius.row.collapse button {
border-radius: 0;
-webkit-border-bottom-left-radius: 0.2rem;
-webkit-border-top-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem;
border-top-left-radius: 0.2rem;
}
form .row .postfix-radius.row.collapse .postfix {
border-radius: 0;
-webkit-border-bottom-right-radius: 0.2rem;
-webkit-border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
border-top-right-radius: 0.2rem;
}
form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select,
form .row .prefix-round.row.collapse button {
border-radius: 0;
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px;
}
form .row .prefix-round.row.collapse .prefix {
border-radius: 0;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px;
}
form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select,
form .row .postfix-round.row.collapse button {
border-radius: 0;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px;
}
form .row .postfix-round.row.collapse .postfix {
border-radius: 0;
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px;
}
input[type='submit'] {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
}
textarea[rows] {
height: auto;
}
textarea {
max-width: 100%;
}
::-webkit-input-placeholder {
color: #aaa;
}
:-moz-placeholder {
color: #aaa;
}
::-moz-placeholder {
color: #aaa;
}
:-ms-input-placeholder {
color: #aaa;
}
select {
-webkit-appearance: none !important;
-moz-appearance: none !important;
background-color: #fafafa;
border-radius: 0;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+');
background-position: 100% center;
background-repeat: no-repeat;
border-style: solid;
border-width: 1px;
border-color: #2c6cb8;
color: #444;
font-family: 'Roboto', sans-serif;
font-size: 0.9333333333rem;
line-height: normal;
padding: 0.5333333333rem;
border-radius: 0;
height: 2.4666666667rem;
}
select::-ms-expand {
display: none;
}
select.radius {
border-radius: 0.2rem;
}
select:focus {
background-color: #f3f3f3;
border-color: #2c6cb8;
}
select:disabled {
background-color: #ddd;
cursor: default;
}
select[multiple] {
height: auto;
}
input[type='file'],
input[type='checkbox'],
input[type='radio'],
select {
margin: 0 0 1.0666666667rem 0;
}
input[type='checkbox'] + label,
input[type='radio'] + label {
display: inline-block;
margin-left: 0.5333333333rem;
margin-right: 1.0666666667rem;
margin-bottom: 0;
vertical-align: baseline;
}
input[type='file'] {
width: 100%;
}
fieldset {
border: 1px none #ddd;
margin: 1.2rem 0;
padding: 1.3333333333rem;
}
fieldset legend {
font-weight: 500;
margin: 0;
margin-left: -0.2rem;
padding: 0 0.2rem;
}
[data-abide] .error small.error,
[data-abide] .error span.error,
[data-abide] span.error,
[data-abide] small.error {
display: block;
font-size: 0.8rem;
font-style: italic;
font-weight: 300;
margin-bottom: 1.0666666667rem;
margin-top: -1px;
padding: 0.4rem 0.6rem 0.6rem;
background: #f04124;
color: #fff;
}
[data-abide] span.error,
[data-abide] small.error {
display: none;
}
span.error,
small.error {
display: block;
font-size: 0.8rem;
font-style: italic;
font-weight: 300;
margin-bottom: 1.0666666667rem;
margin-top: -1px;
padding: 0.4rem 0.6rem 0.6rem;
background: #f04124;
color: #fff;
}
.error input,
.error textarea,
.error select {
margin-bottom: 0;
}
.error input[type='checkbox'],
.error input[type='radio'] {
margin-bottom: 1.0666666667rem;
}
.error label,
.error label.error {
color: #f04124;
}
.error small.error {
display: block;
font-size: 0.8rem;
font-style: italic;
font-weight: 300;
margin-bottom: 1.0666666667rem;
margin-top: -1px;
padding: 0.4rem 0.6rem 0.6rem;
background: #f04124;
color: #fff;
}
.error > label > small {
background: rgba(0, 0, 0, 0);
color: #676767;
display: inline;
font-size: 60%;
font-style: normal;
margin: 0;
padding: 0;
text-transform: capitalize;
}
.error span.error-message {
display: block;
}
input.error,
textarea.error,
select.error {
margin-bottom: 0;
}
label.error {
color: #f04124;
}
.icon-bar {
display: inline-block;
font-size: 0;
width: 100%;
background: #333;
}
.icon-bar > * {
display: block;
float: left;
font-size: 1rem;
margin: 0 auto;
padding: 1.25rem;
text-align: center;
width: 25%;
}
.icon-bar > * i,
.icon-bar > * img {
display: block;
margin: 0 auto;
}
.icon-bar > * i + label,
.icon-bar > * img + label {
margin-top: 0.0625rem;
}
.icon-bar > * i {
font-size: 1.875rem;
vertical-align: middle;
}
.icon-bar > * img {
height: 1.875rem;
width: 1.875rem;
}
.icon-bar.label-right > * i,
.icon-bar.label-right > * img {
display: inline-block;
margin: 0 0.0625rem 0 0;
}
.icon-bar.label-right > * i + label,
.icon-bar.label-right > * img + label {
margin-top: 0;
}
.icon-bar.label-right > * label {
display: inline-block;
}
.icon-bar.vertical.label-right > * {
text-align: left;
}
.icon-bar.vertical,
.icon-bar.small-vertical {
height: 100%;
width: auto;
}
.icon-bar.vertical .item,
.icon-bar.small-vertical .item {
float: none;
margin: auto;
width: auto;
}
@media only screen and (min-width: 42.7333333333em) {
.icon-bar.medium-vertical {
height: 100%;
width: auto;
}
.icon-bar.medium-vertical .item {
float: none;
margin: auto;
width: auto;
}
}
@media only screen and (min-width: 68.3333333333em) {
.icon-bar.large-vertical {
height: 100%;
width: auto;
}
.icon-bar.large-vertical .item {
float: none;
margin: auto;
width: auto;
}
}
.icon-bar > * {
font-size: 1rem;
padding: 1.25rem;
}
.icon-bar > * i + label,
.icon-bar > * img + label {
margin-top: 0.0625rem;
font-size: 1rem;
}
.icon-bar > * i {
font-size: 1.875rem;
}
.icon-bar > * img {
height: 1.875rem;
width: 1.875rem;
}
.icon-bar > * label {
color: #fff;
}
.icon-bar > * i {
color: #fff;
}
.icon-bar > a:hover {
background: #2c6cb8;
}
.icon-bar > a:hover label {
color: #fff;
}
.icon-bar > a:hover i {
color: #fff;
}
.icon-bar > a.active {
background: #2c6cb8;
}
.icon-bar > a.active label {
color: #fff;
}
.icon-bar > a.active i {
color: #fff;
}
.icon-bar .item.disabled {
cursor: not-allowed;
opacity: 0.7;
pointer-events: none;
}
.icon-bar .item.disabled > * {
opacity: 0.7;
cursor: not-allowed;
}
.icon-bar.two-up .item {
width: 50%;
}
.icon-bar.two-up.vertical .item,
.icon-bar.two-up.small-vertical .item {
width: auto;
}
@media only screen and (min-width: 42.7333333333em) {
.icon-bar.two-up.medium-vertical .item {
width: auto;
}
}
@media only screen and (min-width: 68.3333333333em) {
.icon-bar.two-up.large-vertical .item {
width: auto;
}
}
.icon-bar.three-up .item {
width: 33.3333%;
}
.icon-bar.three-up.vertical .item,
.icon-bar.three-up.small-vertical .item {
width: auto;
}
@media only screen and (min-width: 42.7333333333em) {
.icon-bar.three-up.medium-vertical .item {
width: auto;
}
}
@media only screen and (min-width: 68.3333333333em) {
.icon-bar.three-up.large-vertical .item {
width: auto;
}
}
.icon-bar.four-up .item {
width: 25%;
}
.icon-bar.four-up.vertical .item,
.icon-bar.four-up.small-vertical .item {
width: auto;
}
@media only screen and (min-width: 42.7333333333em) {
.icon-bar.four-up.medium-vertical .item {
width: auto;
}
}
@media only screen and (min-width: 68.3333333333em) {
.icon-bar.four-up.large-vertical .item {
width: auto;
}
}
.icon-bar.five-up .item {
width: 20%;
}
.icon-bar.five-up.vertical .item,
.icon-bar.five-up.small-vertical .item {
width: auto;
}
@media only screen and (min-width: 42.7333333333em) {
.icon-bar.five-up.medium-vertical .item {
width: auto;
}
}
@media only screen and (min-width: 68.3333333333em) {
.icon-bar.five-up.large-vertical .item {
width: auto;
}
}
.icon-bar.six-up .item {
width: 16.66667%;
}
.icon-bar.six-up.vertical .item,
.icon-bar.six-up.small-vertical .item {
width: auto;
}
@media only screen and (min-width: 42.7333333333em) {
.icon-bar.six-up.medium-vertical .item {
width: auto;
}
}
@media only screen and (min-width: 68.3333333333em) {
.icon-bar.six-up.large-vertical .item {
width: auto;
}
}
.icon-bar.seven-up .item {
width: 14.28571%;
}
.icon-bar.seven-up.vertical .item,
.icon-bar.seven-up.small-vertical .item {
width: auto;
}
@media only screen and (min-width: 42.7333333333em) {
.icon-bar.seven-up.medium-vertical .item {
width: auto;
}
}
@media only screen and (min-width: 68.3333333333em) {
.icon-bar.seven-up.large-vertical .item {
width: auto;
}
}
.icon-bar.eight-up .item {
width: 12.5%;
}
.icon-bar.eight-up.vertical .item,
.icon-bar.eight-up.small-vertical .item {
width: auto;
}
@media only screen and (min-width: 42.7333333333em) {
.icon-bar.eight-up.medium-vertical .item {
width: auto;
}
}
@media only screen and (min-width: 68.3333333333em) {
.icon-bar.eight-up.large-vertical .item {
width: auto;
}
}
.icon-bar.two-up .item {
width: 50%;
}
.icon-bar.two-up.vertical .item,
.icon-bar.two-up.small-vertical .item {
width: auto;
}
@media only screen and (min-width: 42.7333333333em) {
.icon-bar.two-up.medium-vertical .item {
width: auto;
}
}
@media only screen and (min-width: 68.3333333333em) {
.icon-bar.two-up.large-vertical .item {
width: auto;
}
}
.icon-bar.three-up .item {
width: 33.3333%;
}
.icon-bar.three-up.vertical .item,
.icon-bar.three-up.small-vertical .item {
width: auto;
}
@media only screen and (min-width: 42.7333333333em) {
.icon-bar.three-up.medium-vertical .item {
width: auto;
}
}
@media only screen and (min-width: 68.3333333333em) {
.icon-bar.three-up.large-vertical .item {
width: auto;
}
}
.icon-bar.four-up .item {
width: 25%;
}
.icon-bar.four-up.vertical .item,
.icon-bar.four-up.small-vertical .item {
width: auto;
}
@media only screen and (min-width: 42.7333333333em) {
.icon-bar.four-up.medium-vertical .item {
width: auto;
}
}
@media only screen and (min-width: 68.3333333333em) {
.icon-bar.four-up.large-vertical .item {
width: auto;
}
}
.icon-bar.five-up .item {
width: 20%;
}
.icon-bar.five-up.vertical .item,
.icon-bar.five-up.small-vertical .item {
width: auto;
}
@media only screen and (min-width: 42.7333333333em) {
.icon-bar.five-up.medium-vertical .item {
width: auto;
}
}
@media only screen and (min-width: 68.3333333333em) {
.icon-bar.five-up.large-vertical .item {
width: auto;
}
}
.icon-bar.six-up .item {
width: 16.66667%;
}
.icon-bar.six-up.vertical .item,
.icon-bar.six-up.small-vertical .item {
width: auto;
}
@media only screen and (min-width: 42.7333333333em) {
.icon-bar.six-up.medium-vertical .item {
width: auto;
}
}
@media only screen and (min-width: 68.3333333333em) {
.icon-bar.six-up.large-vertical .item {
width: auto;
}
}
.icon-bar.seven-up .item {
width: 14.28571%;
}
.icon-bar.seven-up.vertical .item,
.icon-bar.seven-up.small-vertical .item {
width: auto;
}
@media only screen and (min-width: 42.7333333333em) {
.icon-bar.seven-up.medium-vertical .item {
width: auto;
}
}
@media only screen and (min-width: 68.3333333333em) {
.icon-bar.seven-up.large-vertical .item {
width: auto;
}
}
.icon-bar.eight-up .item {
width: 12.5%;
}
.icon-bar.eight-up.vertical .item,
.icon-bar.eight-up.small-vertical .item {
width: auto;
}
@media only screen and (min-width: 42.7333333333em) {
.icon-bar.eight-up.medium-vertical .item {
width: auto;
}
}
@media only screen and (min-width: 68.3333333333em) {
.icon-bar.eight-up.large-vertical .item {
width: auto;
}
}
.inline-list {
list-style: none;
margin-top: 0;
margin-bottom: 1.1333333333rem;
margin-left: -1.4666666667rem;
margin-right: 0;
overflow: hidden;
padding: 0;
}
.inline-list > li {
display: block;
float: left;
list-style: none;
margin-left: 1.4666666667rem;
}
.inline-list > li > * {
display: block;
}
.joyride-list {
display: none;
}
.joyride-tip-guide {
background: #333;
color: #fff;
display: none;
font-family: inherit;
font-weight: 300;
position: absolute;
top: 0;
width: 95%;
z-index: 103;
left: 2.5%;
}
.lt-ie9 .joyride-tip-guide {
margin-left: -400px;
max-width: 800px;
left: 50%;
}
.joyride-content-wrapper {
padding: 1.2rem 1.3333333333rem 1.6rem;
width: 100%;
}
.joyride-content-wrapper .button {
margin-bottom: 0 !important;
}
.joyride-content-wrapper .joyride-prev-tip {
margin-right: 10px;
}
.joyride-tip-guide .joyride-nub {
border: 10px solid #333;
display: block;
height: 0;
position: absolute;
width: 0;
left: 22px;
}
.joyride-tip-guide .joyride-nub.top {
border-color: #333;
border-top-color: rgba(0, 0, 0, 0) !important;
border-top-style: solid;
border-left-color: rgba(0, 0, 0, 0) !important;
border-right-color: rgba(0, 0, 0, 0) !important;
top: -20px;
}
.joyride-tip-guide .joyride-nub.bottom {
border-color: #333 !important;
border-bottom-color: rgba(0, 0, 0, 0) !important;
border-bottom-style: solid;
border-left-color: rgba(0, 0, 0, 0) !important;
border-right-color: rgba(0, 0, 0, 0) !important;
bottom: -20px;
}
.joyride-tip-guide .joyride-nub.right {
right: -20px;
}
.joyride-tip-guide .joyride-nub.left {
left: -20px;
}
.joyride-tip-guide h1,
.joyride-tip-guide h2,
.joyride-tip-guide h3,
.joyride-tip-guide h4,
.joyride-tip-guide h5,
.joyride-tip-guide h6 {
color: #fff;
font-weight: 500;
line-height: 1.25;
margin: 0;
}
.joyride-tip-guide p {
font-size: 0.9333333333rem;
line-height: 1.3;
margin: 0 0 1.2rem 0;
}
.joyride-timer-indicator-wrap {
border: solid 1px #555;
bottom: 1.0666666667rem;
height: 3px;
position: absolute;
width: 50px;
right: 1.1333333333rem;
}
.joyride-timer-indicator {
background: #666;
display: block;
height: inherit;
width: 0;
}
.joyride-close-tip {
color: #777 !important;
font-size: 24px;
font-weight: 300;
line-height: 0.5 !important;
position: absolute;
text-decoration: none;
top: 10px;
right: 12px;
}
.joyride-close-tip:hover,
.joyride-close-tip:focus {
color: #eee !important;
}
.joyride-modal-bg {
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
display: none;
height: 100%;
position: fixed;
top: 0;
width: 100%;
z-index: 100;
left: 0;
}
.joyride-expose-wrapper {
background-color: #fff;
border-radius: 3px;
box-shadow: 0 0 15px #fff;
position: absolute;
z-index: 102;
}
.joyride-expose-cover {
background: rgba(0, 0, 0, 0);
border-radius: 3px;
left: 0;
position: absolute;
top: 0;
z-index: 9999;
}
@media only screen {
.joyride-tip-guide {
width: 300px;
left: inherit;
}
.joyride-tip-guide .joyride-nub.bottom {
border-color: #333 !important;
border-bottom-color: rgba(0, 0, 0, 0) !important;
border-left-color: rgba(0, 0, 0, 0) !important;
border-right-color: rgba(0, 0, 0, 0) !important;
bottom: -20px;
}
.joyride-tip-guide .joyride-nub.right {
border-color: #333 !important;
border-right-color: rgba(0, 0, 0, 0) !important;
border-bottom-color: rgba(0, 0, 0, 0) !important;
border-top-color: rgba(0, 0, 0, 0) !important;
left: auto;
right: -20px;
top: 22px;
}
.joyride-tip-guide .joyride-nub.left {
border-color: #333 !important;
border-bottom-color: rgba(0, 0, 0, 0) !important;
border-left-color: rgba(0, 0, 0, 0) !important;
border-top-color: rgba(0, 0, 0, 0) !important;
left: -20px;
right: auto;
top: 22px;
}
}
.keystroke,
kbd {
background-color: #ededed;
border-color: #ddd;
color: #222;
border-style: solid;
border-width: 1px;
font-family: 'Consolas', 'Menlo', 'Courier', monospace;
font-size: inherit;
margin: 0;
padding: 0.1333333333rem 0.2666666667rem 0;
border-radius: 0.2rem;
}
.label {
display: inline-block;
font-family: 'Roboto', sans-serif;
font-weight: 300;
line-height: 1;
margin-bottom: auto;
position: relative;
text-align: center;
text-decoration: none;
white-space: nowrap;
padding: 0.2666666667rem 0.5333333333rem 0.2666666667rem;
font-size: 0.7333333333rem;
background-color: #2c6cb8;
color: #fff;
}
.label.radius {
border-radius: 0.2rem;
}
.label.round {
border-radius: 1000px;
}
.label.alert {
background-color: #f04124;
color: #fff;
}
.label.warning {
background-color: #f08a24;
color: #fff;
}
.label.success {
background-color: #43ac6a;
color: #fff;
}
.label.secondary {
background-color: #e7e7e7;
color: #333;
}
.label.info {
background-color: #a0d3e8;
color: #333;
}
[data-magellan-expedition],
[data-magellan-expedition-clone] {
background: #fff;
min-width: 100%;
padding: 10px;
z-index: 50;
}
[data-magellan-expedition] .sub-nav,
[data-magellan-expedition-clone] .sub-nav {
margin-bottom: 0;
}
[data-magellan-expedition] .sub-nav dd,
[data-magellan-expedition-clone] .sub-nav dd {
margin-bottom: 0;
}
[data-magellan-expedition] .sub-nav a,
[data-magellan-expedition-clone] .sub-nav a {
line-height: 1.8em;
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.slideshow-wrapper {
position: relative;
}
.slideshow-wrapper ul {
list-style-type: none;
margin: 0;
}
.slideshow-wrapper ul li,
.slideshow-wrapper ul li .orbit-caption {
display: none;
}
.slideshow-wrapper ul li:first-child {
display: block;
}
.slideshow-wrapper .orbit-container {
background-color: rgba(0, 0, 0, 0);
}
.slideshow-wrapper .orbit-container li {
display: block;
}
.slideshow-wrapper .orbit-container li .orbit-caption {
display: block;
}
.slideshow-wrapper .orbit-container .orbit-bullets li {
display: inline-block;
}
.slideshow-wrapper .preloader {
border-radius: 1000px;
animation-duration: 1.5s;
animation-iteration-count: infinite;
animation-name: rotate;
animation-timing-function: linear;
border-color: #555 #fff;
border: solid 3px;
display: block;
height: 40px;
left: 50%;
margin-left: -20px;
margin-top: -20px;
position: absolute;
top: 50%;
width: 40px;
}
.orbit-container {
background: none;
overflow: hidden;
position: relative;
width: 100%;
}
.orbit-container .orbit-slides-container {
list-style: none;
margin: 0;
padding: 0;
position: relative;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.orbit-container .orbit-slides-container img {
display: block;
max-width: 100%;
}
.orbit-container .orbit-slides-container > * {
position: absolute;
top: 0;
width: 100%;
margin-left: 100%;
}
.orbit-container .orbit-slides-container > *:first-child {
margin-left: 0;
}
.orbit-container .orbit-slides-container > * .orbit-caption {
bottom: 0;
position: absolute;
background-color: rgba(51, 51, 51, 0.8);
color: #fff;
font-size: 0.9333333333rem;
padding: 0.6666666667rem 0.9333333333rem;
width: 100%;
}
.orbit-container .orbit-slide-number {
left: 10px;
background: rgba(0, 0, 0, 0);
color: #fff;
font-size: 12px;
position: absolute;
top: 10px;
z-index: 10;
}
.orbit-container .orbit-slide-number span {
font-weight: 700;
padding: 0.3333333333rem;
}
.orbit-container .orbit-timer {
position: absolute;
top: 12px;
right: 10px;
height: 6px;
width: 100px;
z-index: 10;
}
.orbit-container .orbit-timer .orbit-progress {
height: 3px;
background-color: rgba(255, 255, 255, 0.3);
display: block;
width: 0;
position: relative;
right: 20px;
top: 5px;
}
.orbit-container .orbit-timer > span {
border: solid 4px #fff;
border-bottom: none;
border-top: none;
display: none;
height: 14px;
position: absolute;
top: 0;
width: 11px;
right: 0;
}
.orbit-container .orbit-timer.paused > span {
top: 0;
width: 11px;
height: 14px;
border: inset 8px;
border-left-style: solid;
border-color: rgba(0, 0, 0, 0);
border-left-color: #fff;
right: -4px;
}
.orbit-container .orbit-timer.paused > span.dark {
border-left-color: #333;
}
.orbit-container:hover .orbit-timer > span {
display: block;
}
.orbit-container .orbit-prev,
.orbit-container .orbit-next {
background-color: rgba(0, 0, 0, 0);
color: #fff;
height: 60px;
line-height: 50px;
margin-top: -25px;
position: absolute;
text-indent: -9999px !important;
top: 45%;
width: 36px;
z-index: 10;
}
.orbit-container .orbit-prev:hover,
.orbit-container .orbit-next:hover {
background-color: rgba(0, 0, 0, 0.3);
}
.orbit-container .orbit-prev > span,
.orbit-container .orbit-next > span {
border: inset 10px;
display: block;
height: 0;
margin-top: -10px;
position: absolute;
top: 50%;
width: 0;
}
.orbit-container .orbit-prev {
left: 0;
}
.orbit-container .orbit-prev > span {
border-right-style: solid;
border-color: rgba(0, 0, 0, 0);
border-right-color: #fff;
}
.orbit-container .orbit-prev:hover > span {
border-right-color: #fff;
}
.orbit-container .orbit-next {
right: 0;
}
.orbit-container .orbit-next > span {
border-color: rgba(0, 0, 0, 0);
border-left-style: solid;
border-left-color: #fff;
left: 50%;
margin-left: -4px;
}
.orbit-container .orbit-next:hover > span {
border-left-color: #fff;
}
.orbit-bullets-container {
text-align: center;
}
.orbit-bullets {
display: block;
float: none;
margin: 0 auto 30px auto;
overflow: hidden;
position: relative;
text-align: center;
top: 10px;
}
.orbit-bullets li {
background: #ccc;
cursor: pointer;
display: inline-block;
float: none;
height: 0.6rem;
margin-right: 6px;
width: 0.6rem;
border-radius: 1000px;
}
.orbit-bullets li.active {
background: #999;
}
.orbit-bullets li:last-child {
margin-right: 0;
}
.touch .orbit-container .orbit-prev,
.touch .orbit-container .orbit-next {
display: none;
}
.touch .orbit-bullets {
display: none;
}
@media only screen and (min-width: 42.7333333333em) {
.touch .orbit-container .orbit-prev,
.touch .orbit-container .orbit-next {
display: inherit;
}
.touch .orbit-bullets {
display: block;
}
}
@media only screen and (max-width: 42.6666666667em) {
.orbit-stack-on-small .orbit-slides-container {
height: auto !important;
}
.orbit-stack-on-small .orbit-slides-container > * {
margin: 0 !important;
opacity: 1 !important;
position: relative;
}
.orbit-stack-on-small .orbit-slide-number {
display: none;
}
.orbit-timer {
display: none;
}
.orbit-next,
.orbit-prev {
display: none;
}
.orbit-bullets {
display: none;
}
}
ul.pagination {
display: block;
margin-left: -0.3333333333rem;
min-height: 1.6rem;
}
ul.pagination li {
color: #222;
font-size: 0.9333333333rem;
height: 1.6rem;
margin-left: 0.3333333333rem;
}
ul.pagination li a,
ul.pagination li button {
border-radius: 0.2rem;
transition: background-color 300ms ease-out;
background: none;
color: #999;
display: block;
font-size: 1em;
font-weight: normal;
line-height: inherit;
padding: 0.0666666667rem 0.6666666667rem 0.0666666667rem;
}
ul.pagination li:hover a,
ul.pagination li a:focus,
ul.pagination li:hover button,
ul.pagination li button:focus {
background: #e6e6e6;
}
ul.pagination li.unavailable a,
ul.pagination li.unavailable button {
cursor: default;
color: #999;
pointer-events: none;
}
ul.pagination li.unavailable:hover a,
ul.pagination li.unavailable a:focus,
ul.pagination li.unavailable:hover button,
ul.pagination li.unavailable button:focus {
background: rgba(0, 0, 0, 0);
}
ul.pagination li.current a,
ul.pagination li.current button {
background: #2c6cb8;
color: #fff;
cursor: default;
font-weight: 500;
}
ul.pagination li.current a:hover,
ul.pagination li.current a:focus,
ul.pagination li.current button:hover,
ul.pagination li.current button:focus {
background: #2c6cb8;
}
ul.pagination li {
display: block;
float: left;
}
.pagination-centered {
text-align: center;
}
.pagination-centered ul.pagination li {
display: inline-block;
float: none;
}
.panel {
border-style: solid;
border-width: 1px;
border-color: #d8d8d8;
margin-bottom: 1.3333333333rem;
padding: 1.3333333333rem;
background: #f2f2f2;
color: #333;
}
.panel > :first-child {
margin-top: 0;
}
.panel > :last-child {
margin-bottom: 0;
}
.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6,
.panel p,
.panel li,
.panel dl {
color: #333;
}
.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6 {
line-height: 1;
margin-bottom: 0.6666666667rem;
}
.panel h1.subheader,
.panel h2.subheader,
.panel h3.subheader,
.panel h4.subheader,
.panel h5.subheader,
.panel h6.subheader {
line-height: 1.4;
}
.panel.callout {
border-style: solid;
border-width: 1px;
border-color: #d8d8d8;
margin-bottom: 1.3333333333rem;
padding: 1.3333333333rem;
background: #f1f6fc;
color: #333;
}
.panel.callout > :first-child {
margin-top: 0;
}
.panel.callout > :last-child {
margin-bottom: 0;
}
.panel.callout h1,
.panel.callout h2,
.panel.callout h3,
.panel.callout h4,
.panel.callout h5,
.panel.callout h6,
.panel.callout p,
.panel.callout li,
.panel.callout dl {
color: #333;
}
.panel.callout h1,
.panel.callout h2,
.panel.callout h3,
.panel.callout h4,
.panel.callout h5,
.panel.callout h6 {
line-height: 1;
margin-bottom: 0.6666666667rem;
}
.panel.callout h1.subheader,
.panel.callout h2.subheader,
.panel.callout h3.subheader,
.panel.callout h4.subheader,
.panel.callout h5.subheader,
.panel.callout h6.subheader {
line-height: 1.4;
}
.panel.callout a:not(.button) {
color: #2c6cb8;
}
.panel.callout a:not(.button):hover,
.panel.callout a:not(.button):focus {
color: #265d9e;
}
.panel.radius {
border-radius: 0.2rem;
}
.pricing-table {
border: solid 1px #ddd;
margin-left: 0;
margin-bottom: 1.3333333333rem;
}
.pricing-table * {
list-style: none;
line-height: 1;
}
.pricing-table .title {
background-color: #333;
color: #eee;
font-family: 'Roboto', sans-serif;
font-size: 1.0666666667rem;
font-weight: 300;
padding: 1rem 1.3333333333rem;
text-align: center;
}
.pricing-table .price {
background-color: #f6f6f6;
color: #333;
font-family: 'Roboto', sans-serif;
font-size: 2.1333333333rem;
font-weight: 300;
padding: 1rem 1.3333333333rem;
text-align: center;
}
.pricing-table .description {
background-color: #fff;
border-bottom: dotted 1px #ddd;
color: #777;
font-size: 0.8rem;
font-weight: 300;
line-height: 1.4;
padding: 1rem;
text-align: center;
}
.pricing-table .bullet-item {
background-color: #fff;
border-bottom: dotted 1px #ddd;
color: #333;
font-size: 0.9333333333rem;
font-weight: 300;
padding: 1rem;
text-align: center;
}
.pricing-table .cta-button {
background-color: #fff;
padding: 1.3333333333rem 1.3333333333rem 0;
text-align: center;
}
.progress {
background-color: rgba(155, 155, 155, 0.5);
border: 0px solid #fff;
height: 0.4rem;
margin-bottom: 0.6666666667rem;
padding: 0.1333333333rem;
}
.progress .meter {
background: #2c6cb8;
display: block;
height: 100%;
float: left;
width: 0%;
}
.progress .meter.secondary {
background: #e7e7e7;
display: block;
height: 100%;
float: left;
width: 0%;
}
.progress .meter.success {
background: #43ac6a;
display: block;
height: 100%;
float: left;
width: 0%;
}
.progress .meter.alert {
background: #f04124;
display: block;
height: 100%;
float: left;
width: 0%;
}
.progress.secondary .meter {
background: #e7e7e7;
display: block;
height: 100%;
float: left;
width: 0%;
}
.progress.success .meter {
background: #43ac6a;
display: block;
height: 100%;
float: left;
width: 0%;
}
.progress.alert .meter {
background: #f04124;
display: block;
height: 100%;
float: left;
width: 0%;
}
.progress.radius {
border-radius: 0.2rem;
}
.progress.radius .meter {
border-radius: -0.8rem;
}
.progress.round {
border-radius: 1000px;
}
.progress.round .meter {
border-radius: 999px;
}
.range-slider {
border: 1px solid #ddd;
margin: 1.3333333333rem 0;
position: relative;
-ms-touch-action: none;
touch-action: none;
display: block;
height: 1.0666666667rem;
width: 100%;
background: #fafafa;
}
.range-slider.vertical-range {
border: 1px solid #ddd;
margin: 1.3333333333rem 0;
position: relative;
-ms-touch-action: none;
touch-action: none;
display: inline-block;
height: 13.3333333333rem;
width: 1.0666666667rem;
}
.range-slider.vertical-range .range-slider-handle {
bottom: -11.2rem;
margin-left: -0.5333333333rem;
margin-top: 0;
position: absolute;
}
.range-slider.vertical-range .range-slider-active-segment {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
border-top-left-radius: initial;
bottom: 0;
height: auto;
width: 0.9333333333rem;
}
.range-slider.radius {
background: #fafafa;
border-radius: 0.2rem;
}
.range-slider.radius .range-slider-handle {
background: #2c6cb8;
border-radius: 0.2rem;
}
.range-slider.radius .range-slider-handle:hover {
background: #275fa2;
}
.range-slider.round {
background: #fafafa;
border-radius: 1000px;
}
.range-slider.round .range-slider-handle {
background: #2c6cb8;
border-radius: 1000px;
}
.range-slider.round .range-slider-handle:hover {
background: #275fa2;
}
.range-slider.disabled,
.range-slider[disabled] {
background: #fafafa;
cursor: not-allowed;
opacity: 0.7;
}
.range-slider.disabled .range-slider-handle,
.range-slider[disabled] .range-slider-handle {
background: #2c6cb8;
cursor: default;
opacity: 0.7;
}
.range-slider.disabled .range-slider-handle:hover,
.range-slider[disabled] .range-slider-handle:hover {
background: #275fa2;
}
.range-slider-active-segment {
background: #e5e5e5;
border-bottom-left-radius: inherit;
border-top-left-radius: inherit;
display: inline-block;
height: 0.9333333333rem;
position: absolute;
}
.range-slider-handle {
border: 1px solid none;
cursor: pointer;
display: inline-block;
height: 1.4666666667rem;
position: absolute;
top: -0.3333333333rem;
width: 2.1333333333rem;
z-index: 1;
-ms-touch-action: manipulation;
touch-action: manipulation;
background: #2c6cb8;
}
.range-slider-handle:hover {
background: #275fa2;
}
.reveal-modal-bg {
background: #000;
background: rgba(0, 0, 0, 0.45);
bottom: 0;
display: none;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1004;
left: 0;
}
.reveal-modal {
border-radius: 0.2rem;
display: none;
position: absolute;
top: 0;
visibility: hidden;
width: 100%;
z-index: 1005;
left: 0;
background-color: #fff;
padding: 2rem;
border: solid 1px #666;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 42.6666666667em) {
.reveal-modal {
min-height: 100vh;
}
}
.reveal-modal .column,
.reveal-modal .columns {
min-width: 0;
}
.reveal-modal > :first-child {
margin-top: 0;
}
.reveal-modal > :last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 42.7333333333em) {
.reveal-modal {
left: 0;
margin: 0 auto;
max-width: 78.1333333333rem;
right: 0;
width: 80%;
}
}
@media only screen and (min-width: 42.7333333333em) {
.reveal-modal {
top: 6.6666666667rem;
}
}
.reveal-modal.radius {
box-shadow: none;
border-radius: 0.2rem;
}
.reveal-modal.round {
box-shadow: none;
border-radius: 1000px;
}
.reveal-modal.collapse {
padding: 0;
box-shadow: none;
}
@media only screen and (min-width: 42.7333333333em) {
.reveal-modal.tiny {
left: 0;
margin: 0 auto;
max-width: 78.1333333333rem;
right: 0;
width: 30%;
}
}
@media only screen and (min-width: 42.7333333333em) {
.reveal-modal.small {
left: 0;
margin: 0 auto;
max-width: 78.1333333333rem;
right: 0;
width: 40%;
}
}
@media only screen and (min-width: 42.7333333333em) {
.reveal-modal.medium {
left: 0;
margin: 0 auto;
max-width: 78.1333333333rem;
right: 0;
width: 60%;
}
}
@media only screen and (min-width: 42.7333333333em) {
.reveal-modal.large {
left: 0;
margin: 0 auto;
max-width: 78.1333333333rem;
right: 0;
width: 70%;
}
}
@media only screen and (min-width: 42.7333333333em) {
.reveal-modal.xlarge {
left: 0;
margin: 0 auto;
max-width: 78.1333333333rem;
right: 0;
width: 95%;
}
}
.reveal-modal.full {
height: 100vh;
height: 100%;
left: 0;
margin-left: 0 !important;
max-width: none !important;
min-height: 100vh;
top: 0;
}
@media only screen and (min-width: 42.7333333333em) {
.reveal-modal.full {
left: 0;
margin: 0 auto;
max-width: 78.1333333333rem;
right: 0;
width: 100%;
}
}
.reveal-modal.toback {
z-index: 1003;
}
.reveal-modal .close-reveal-modal {
color: #aaa;
cursor: pointer;
font-size: 2.6666666667rem;
font-weight: 500;
line-height: 1;
position: absolute;
top: 0.6666666667rem;
right: 1.4666666667rem;
text-decoration: none;
}
.side-nav {
display: block;
font-family: 'Roboto', sans-serif;
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0.9333333333rem 0;
}
.side-nav li {
font-size: 0.9333333333rem;
font-weight: 300;
margin: 0 0 0.4666666667rem 0;
}
.side-nav li a:not(.button) {
color: #2c6cb8;
display: block;
margin: 0;
padding: 0.4666666667rem 0.9333333333rem;
}
.side-nav li a:not(.button):hover,
.side-nav li a:not(.button):focus {
background: rgba(0, 0, 0, 0.025);
color: #6097d9;
}
.side-nav li a:not(.button):active {
color: #6097d9;
}
.side-nav li.active > a:first-child:not(.button) {
color: #6097d9;
font-family: 'Roboto', sans-serif;
font-weight: 300;
}
.side-nav li.divider {
border-top: 1px solid;
height: 0;
list-style: none;
padding: 0;
border-top-color: #e6e6e6;
}
.side-nav li.heading {
color: #2c6cb8;
font-size: 0.9333333333rem;
font-weight: bold;
text-transform: uppercase;
}
.split.button {
position: relative;
padding-right: 5.4rem;
}
.split.button span {
display: block;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-left: solid 1px;
}
.split.button span:after {
position: absolute;
content: '';
width: 0;
height: 0;
display: block;
border-style: inset;
top: 50%;
left: 50%;
}
.split.button span:active {
background-color: rgba(0, 0, 0, 0.1);
}
.split.button span {
border-left-color: rgba(255, 255, 255, 0.5);
}
.split.button span {
width: 3.3rem;
}
.split.button span:after {
border-top-style: solid;
border-width: 0.4rem;
margin-left: -0.4rem;
top: 48%;
}
.split.button span:after {
border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.split.button.secondary span {
border-left-color: rgba(255, 255, 255, 0.5);
}
.split.button.secondary span:after {
border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.split.button.alert span {
border-left-color: rgba(255, 255, 255, 0.5);
}
.split.button.success span {
border-left-color: rgba(255, 255, 255, 0.5);
}
.split.button.tiny {
padding-right: 4rem;
}
.split.button.tiny span {
width: 2.4rem;
}
.split.button.tiny span:after {
border-top-style: solid;
border-width: 0.4rem;
margin-left: -0.4rem;
top: 48%;
}
.split.button.small {
padding-right: 4.6666666667rem;
}
.split.button.small span {
width: 2.8rem;
}
.split.button.small span:after {
border-top-style: solid;
border-width: 0.4666666667rem;
margin-left: -0.4rem;
top: 48%;
}
.split.button.large {
padding-right: 5.8666666667rem;
}
.split.button.large span {
width: 3.6666666667rem;
}
.split.button.large span:after {
border-top-style: solid;
border-width: 0.3333333333rem;
margin-left: -0.4rem;
top: 48%;
}
.split.button.expand {
padding-left: 2rem;
}
.split.button.secondary span:after {
border-color: #333 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.split.button.radius span {
-webkit-border-bottom-right-radius: 0.2rem;
-webkit-border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
border-top-right-radius: 0.2rem;
}
.split.button.round span {
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px;
}
.split.button.no-pip span:before {
border-style: none;
}
.split.button.no-pip span:after {
border-style: none;
}
.split.button.no-pip span > i {
display: block;
left: 50%;
margin-left: -0.28889em;
margin-top: -0.48889em;
position: absolute;
top: 50%;
}
.sub-nav {
display: block;
margin: -0.2666666667rem 0 1.2rem;
overflow: hidden;
padding-top: 0.2666666667rem;
width: auto;
}
.sub-nav dt {
text-transform: uppercase;
}
.sub-nav dt,
.sub-nav dd,
.sub-nav li {
color: #999;
float: left;
font-family: 'Roboto', sans-serif;
font-size: 0.9333333333rem;
font-weight: 300;
margin-left: 1.0666666667rem;
margin-bottom: 0;
}
.sub-nav dt a,
.sub-nav dd a,
.sub-nav li a {
color: #999;
padding: 0.2rem 1.0666666667rem;
text-decoration: none;
}
.sub-nav dt a:hover,
.sub-nav dd a:hover,
.sub-nav li a:hover {
color: #737373;
}
.sub-nav dt.active a,
.sub-nav dd.active a,
.sub-nav li.active a {
border-radius: 3px;
background: #2c6cb8;
color: #fff;
cursor: default;
font-weight: 300;
padding: 0.2rem 1.0666666667rem;
}
.sub-nav dt.active a:hover,
.sub-nav dd.active a:hover,
.sub-nav li.active a:hover {
background: #265d9e;
}
.switch {
border: none;
margin-bottom: 1.5rem;
outline: 0;
padding: 0;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.switch label {
background: #ddd;
color: rgba(0, 0, 0, 0);
cursor: pointer;
display: block;
margin-bottom: 1rem;
position: relative;
text-indent: 100%;
width: 4rem;
height: 2rem;
transition: left 0.15s ease-out;
}
.switch input {
left: 10px;
opacity: 0;
padding: 0;
position: absolute;
top: 9px;
}
.switch input + label {
margin-left: 0;
margin-right: 0;
}
.switch label:after {
background: #fff;
content: '';
display: block;
height: 1.5rem;
left: 0.25rem;
position: absolute;
top: 0.25rem;
width: 1.5rem;
-webkit-transition: left 0.15s ease-out;
-moz-transition: left 0.15s ease-out;
-o-transition: translate3d(0, 0, 0);
transition: left 0.15s ease-out;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.switch input:checked + label {
background: #2c6cb8;
}
.switch input:checked + label:after {
left: 2.25rem;
}
.switch label {
height: 2rem;
width: 4rem;
}
.switch label:after {
height: 1.5rem;
width: 1.5rem;
}
.switch input:checked + label:after {
left: 2.25rem;
}
.switch label {
color: rgba(0, 0, 0, 0);
background: #ddd;
}
.switch label:after {
background: #fff;
}
.switch input:checked + label {
background: #2c6cb8;
}
.switch.large label {
height: 2.5rem;
width: 5rem;
}
.switch.large label:after {
height: 2rem;
width: 2rem;
}
.switch.large input:checked + label:after {
left: 2.75rem;
}
.switch.small label {
height: 1.75rem;
width: 3.5rem;
}
.switch.small label:after {
height: 1.25rem;
width: 1.25rem;
}
.switch.small input:checked + label:after {
left: 2rem;
}
.switch.tiny label {
height: 1.5rem;
width: 3rem;
}
.switch.tiny label:after {
height: 1rem;
width: 1rem;
}
.switch.tiny input:checked + label:after {
left: 1.75rem;
}
.switch.radius label {
border-radius: 4px;
}
.switch.radius label:after {
border-radius: 3px;
}
.switch.round {
border-radius: 1000px;
}
.switch.round label {
border-radius: 2rem;
}
.switch.round label:after {
border-radius: 2rem;
}
table {
background: #fff;
border: none 1px #ddd;
margin-bottom: 1.3333333333rem;
table-layout: auto;
}
table caption {
background: rgba(0, 0, 0, 0);
color: #222;
font-size: 1.0666666667rem;
font-weight: bold;
}
table thead {
background: #f5f5f5;
}
table thead tr th,
table thead tr td {
color: #222;
font-size: 0.9333333333rem;
font-weight: 500;
padding: 0.5333333333rem 0.6666666667rem 0.6666666667rem;
}
table tfoot {
background: #f5f5f5;
}
table tfoot tr th,
table tfoot tr td {
color: #222;
font-size: 0.9333333333rem;
font-weight: 500;
padding: 0.5333333333rem 0.6666666667rem 0.6666666667rem;
}
table tr th,
table tr td {
color: #222;
font-size: 0.9333333333rem;
padding: 0.6rem 0.6666666667rem;
text-align: left;
}
table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
background: #fff;
}
table thead tr th,
table tfoot tr th,
table tfoot tr td,
table tbody tr th,
table tbody tr td,
table tr td {
display: table-cell;
line-height: 1.2rem;
}
.tabs {
margin-bottom: 0 !important;
margin-left: 0;
}
.tabs:before,
.tabs:after {
content: ' ';
display: table;
}
.tabs:after {
clear: both;
}
.tabs dd,
.tabs .tab-title {
float: left;
list-style: none;
margin-bottom: 0 !important;
position: relative;
}
.tabs dd > a,
.tabs .tab-title > a {
display: block;
background-color: rgba(255, 255, 255, 0.25);
color: #2c6cb8;
font-family: 'Roboto', sans-serif;
font-size: 0.8rem;
padding: 0.8rem 1.6rem;
}
.tabs dd > a:hover,
.tabs .tab-title > a:hover {
background-color: none;
}
.tabs dd.active > a,
.tabs .tab-title.active > a {
background-color: #fff;
color: #2c6cb8;
}
.tabs.radius dd:first-child a,
.tabs.radius .tab:first-child a {
-webkit-border-bottom-left-radius: 0.2rem;
-webkit-border-top-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem;
border-top-left-radius: 0.2rem;
}
.tabs.radius dd:last-child a,
.tabs.radius .tab:last-child a {
-webkit-border-bottom-right-radius: 0.2rem;
-webkit-border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
border-top-right-radius: 0.2rem;
}
.tabs.vertical dd,
.tabs.vertical .tab-title {
position: inherit;
float: none;
display: block;
top: auto;
}
.tabs-content {
margin-bottom: 1.6rem;
width: 100%;
}
.tabs-content:before,
.tabs-content:after {
content: ' ';
display: table;
}
.tabs-content:after {
clear: both;
}
.tabs-content > .content {
display: none;
float: left;
padding: 0.8666666667rem 0;
width: 100%;
}
.tabs-content > .content.active {
display: block;
float: none;
}
.tabs-content > .content.contained {
padding: 0.8666666667rem;
}
.tabs-content.vertical {
display: block;
}
.tabs-content.vertical > .content {
padding: 0 0.8666666667rem;
}
@media only screen and (min-width: 42.7333333333em) {
.tabs.vertical {
float: left;
margin: 0;
margin-bottom: 1.25rem !important;
max-width: 20%;
width: 20%;
}
.tabs-content.vertical {
float: left;
margin-left: -1px;
max-width: 80%;
padding-left: 1rem;
width: 80%;
}
}
.no-js .tabs-content > .content {
display: block;
float: none;
}
.th {
border: solid 4px #fff;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
display: inline-block;
line-height: 0;
max-width: 100%;
transition: all 200ms ease-out;
}
.th:hover,
.th:focus {
box-shadow: 0 0 6px 1px rgba(44, 108, 184, 0.5);
}
.th.radius {
border-radius: 0.2rem;
}
.has-tip {
border-bottom: dotted 1px #ccc;
color: #333;
cursor: help;
font-weight: 500;
}
.has-tip:hover,
.has-tip:focus {
border-bottom: dotted 1px #143153;
color: #2c6cb8;
}
.has-tip.tip-left,
.has-tip.tip-right {
float: none !important;
}
.tooltip {
background: #333;
color: #fff;
display: none;
font-size: 0.9333333333rem;
font-weight: 300;
line-height: 1.3;
max-width: 300px;
padding: 0.8rem;
position: absolute;
width: 100%;
z-index: 1006;
left: 50%;
}
.tooltip > .nub {
border: solid 5px;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #333 rgba(0, 0, 0, 0);
display: block;
height: 0;
pointer-events: none;
position: absolute;
top: -10px;
width: 0;
left: 5px;
}
.tooltip > .nub.rtl {
left: auto;
right: 5px;
}
.tooltip.radius {
border-radius: 0.2rem;
}
.tooltip.round {
border-radius: 1000px;
}
.tooltip.round > .nub {
left: 2rem;
}
.tooltip.opened {
border-bottom: dotted 1px #143153 !important;
color: #2c6cb8 !important;
}
.tap-to-close {
color: #777;
display: block;
font-size: 0.6666666667rem;
font-weight: 300;
}
@media only screen {
.tooltip > .nub {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #333 rgba(0, 0, 0, 0);
top: -10px;
}
.tooltip.tip-top > .nub {
border-color: #333 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
bottom: -10px;
top: auto;
}
.tooltip.tip-left,
.tooltip.tip-right {
float: none !important;
}
.tooltip.tip-left > .nub {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #333;
left: auto;
margin-top: -5px;
right: -10px;
top: 50%;
}
.tooltip.tip-right > .nub {
border-color: rgba(0, 0, 0, 0) #333 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
left: -10px;
margin-top: -5px;
right: auto;
top: 50%;
}
.tooltip.tip-override > .nub {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #333 rgba(0, 0, 0, 0);
}
.tooltip.tip-override.tip-left > .nub,
.tooltip.tip-override.tip-right > .nub {
margin-top: 0;
}
}
meta.foundation-mq-topbar {
font-family: '/only screen and (min-width:0px)/';
width: 0px;
}
.contain-to-grid {
width: 100%;
background: rgba(255, 255, 255, 0.75);
}
.contain-to-grid .top-bar {
margin-bottom: 0;
}
.fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 99;
left: 0;
}
.fixed.expanded:not(.top-bar) {
height: auto;
max-height: 100%;
overflow-y: auto;
width: 100%;
}
.fixed.expanded:not(.top-bar) .title-area {
position: fixed;
width: 100%;
z-index: 99;
}
.fixed.expanded:not(.top-bar) .top-bar-section {
margin-top: 4.2666666667rem;
z-index: 98;
}
.top-bar {
background: rgba(255, 255, 255, 0.75);
height: 4.2666666667rem;
line-height: 4.2666666667rem;
margin-bottom: 0;
overflow: hidden;
position: relative;
}
.top-bar ul {
list-style: none;
margin-bottom: 0;
}
.top-bar .row {
max-width: none;
}
.top-bar form,
.top-bar input,
.top-bar select {
margin-bottom: 0;
}
.top-bar input,
.top-bar select {
font-size: 0.75rem;
height: 1.8666666667rem;
padding-bottom: 0.35rem;
padding-top: 0.35rem;
}
.top-bar .button,
.top-bar button {
font-size: 0.75rem;
margin-bottom: 0;
padding-bottom: 0.4166666667rem;
padding-top: 0.4166666667rem;
}
@media only screen and (max-width: 42.6666666667em) {
.top-bar .button,
.top-bar button {
position: relative;
top: -1px;
}
}
.top-bar .title-area {
margin: 0;
position: relative;
}
.top-bar .name {
font-size: 15px;
height: 4.2666666667rem;
margin: 0;
}
.top-bar .name h1,
.top-bar .name h2,
.top-bar .name h3,
.top-bar .name h4,
.top-bar .name p,
.top-bar .name span {
font-size: 1rem;
line-height: 4.2666666667rem;
margin: 0;
}
.top-bar .name h1 a,
.top-bar .name h2 a,
.top-bar .name h3 a,
.top-bar .name h4 a,
.top-bar .name p a,
.top-bar .name span a {
color: #191919;
display: block;
font-weight: 300;
padding: 0 1.152rem;
width: 75%;
}
.top-bar .toggle-topbar {
position: absolute;
right: 0;
top: 0;
}
.top-bar .toggle-topbar a {
color: #191919;
display: block;
font-size: 0.8666666667rem;
font-weight: 500;
height: 4.2666666667rem;
line-height: 4.2666666667rem;
padding: 0 1.152rem;
position: relative;
text-transform: uppercase;
}
.top-bar .toggle-topbar.menu-icon {
margin-top: -16px;
top: 50%;
}
.top-bar .toggle-topbar.menu-icon a {
color: #fff;
height: 34px;
line-height: 33px;
padding: 0 2.8186666667rem 0 1.152rem;
position: relative;
}
.top-bar .toggle-topbar.menu-icon a span::after {
content: '';
display: block;
height: 0;
position: absolute;
margin-top: -8px;
top: 50%;
right: 1.152rem;
box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
-webkit-box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
width: 16px;
}
.top-bar .toggle-topbar.menu-icon a span:hover:after {
box-shadow: 0 0 0 1px '', 0 7px 0 1px '', 0 14px 0 1px '';
-webkit-box-shadow: 0 0 0 1px '', 0 7px 0 1px '', 0 14px 0 1px '';
}
.top-bar.expanded {
background: rgba(0, 0, 0, 0);
height: auto;
}
.top-bar.expanded .title-area {
background: rgba(255, 255, 255, 0.75);
}
.top-bar.expanded .toggle-topbar a {
color: #888;
}
.top-bar.expanded .toggle-topbar a span::after {
box-shadow: 0 0 0 1px #888, 0 7px 0 1px #888, 0 14px 0 1px #888;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown,
.top-bar.expanded .top-bar-section .dropdown {
clip: initial;
}
.top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul {
padding: 0;
}
}
.top-bar-section {
left: 0;
position: relative;
width: auto;
transition: left 300ms ease-out;
}
.top-bar-section ul {
display: block;
font-size: 15px;
height: auto;
margin: 0;
padding: 0;
width: 100%;
}
.top-bar-section .divider,
.top-bar-section [role='separator'] {
border-top: solid 1px rgba(128, 128, 128, 0.75);
clear: both;
height: 1px;
width: 100%;
}
.top-bar-section ul li {
background: none;
}
.top-bar-section ul li > a {
color: #191919;
display: block;
font-family: 'Roboto', sans-serif;
font-size: 1rem;
font-weight: 300;
padding-left: 1.152rem;
padding: 12px 0 12px 1.152rem;
text-transform: none;
width: 100%;
}
.top-bar-section ul li > a.button {
font-size: 1rem;
padding-left: 1.152rem;
padding-right: 1.152rem;
background-color: #2c6cb8;
border-color: #3279ce;
color: #fff;
}
.top-bar-section ul li > a.button:hover,
.top-bar-section ul li > a.button:focus {
background-color: #3279ce;
}
.top-bar-section ul li > a.button:hover,
.top-bar-section ul li > a.button:focus {
color: #fff;
}
.top-bar-section ul li > a.button.secondary {
background-color: #e7e7e7;
border-color: #e9e9e9;
color: #333;
}
.top-bar-section ul li > a.button.secondary:hover,
.top-bar-section ul li > a.button.secondary:focus {
background-color: #e9e9e9;
}
.top-bar-section ul li > a.button.secondary:hover,
.top-bar-section ul li > a.button.secondary:focus {
color: #333;
}
.top-bar-section ul li > a.button.success {
background-color: #43ac6a;
border-color: #4fbb77;
color: #fff;
}
.top-bar-section ul li > a.button.success:hover,
.top-bar-section ul li > a.button.success:focus {
background-color: #4fbb77;
}
.top-bar-section ul li > a.button.success:hover,
.top-bar-section ul li > a.button.success:focus {
color: #fff;
}
.top-bar-section ul li > a.button.alert {
background-color: #f04124;
border-color: #f2543a;
color: #fff;
}
.top-bar-section ul li > a.button.alert:hover,
.top-bar-section ul li > a.button.alert:focus {
background-color: #f2543a;
}
.top-bar-section ul li > a.button.alert:hover,
.top-bar-section ul li > a.button.alert:focus {
color: #fff;
}
.top-bar-section ul li > a.button.warning {
background-color: #f08a24;
border-color: #f2963a;
color: #fff;
}
.top-bar-section ul li > a.button.warning:hover,
.top-bar-section ul li > a.button.warning:focus {
background-color: #f2963a;
}
.top-bar-section ul li > a.button.warning:hover,
.top-bar-section ul li > a.button.warning:focus {
color: #fff;
}
.top-bar-section ul li > a.button.info {
background-color: #a0d3e8;
border-color: #aad7ea;
color: #333;
}
.top-bar-section ul li > a.button.info:hover,
.top-bar-section ul li > a.button.info:focus {
background-color: #aad7ea;
}
.top-bar-section ul li > a.button.info:hover,
.top-bar-section ul li > a.button.info:focus {
color: #333;
}
.top-bar-section ul li > button {
font-size: 1rem;
padding-left: 1.152rem;
padding-right: 1.152rem;
background-color: #2c6cb8;
border-color: #3279ce;
color: #fff;
}
.top-bar-section ul li > button:hover,
.top-bar-section ul li > button:focus {
background-color: #3279ce;
}
.top-bar-section ul li > button:hover,
.top-bar-section ul li > button:focus {
color: #fff;
}
.top-bar-section ul li > button.secondary {
background-color: #e7e7e7;
border-color: #e9e9e9;
color: #333;
}
.top-bar-section ul li > button.secondary:hover,
.top-bar-section ul li > button.secondary:focus {
background-color: #e9e9e9;
}
.top-bar-section ul li > button.secondary:hover,
.top-bar-section ul li > button.secondary:focus {
color: #333;
}
.top-bar-section ul li > button.success {
background-color: #43ac6a;
border-color: #4fbb77;
color: #fff;
}
.top-bar-section ul li > button.success:hover,
.top-bar-section ul li > button.success:focus {
background-color: #4fbb77;
}
.top-bar-section ul li > button.success:hover,
.top-bar-section ul li > button.success:focus {
color: #fff;
}
.top-bar-section ul li > button.alert {
background-color: #f04124;
border-color: #f2543a;
color: #fff;
}
.top-bar-section ul li > button.alert:hover,
.top-bar-section ul li > button.alert:focus {
background-color: #f2543a;
}
.top-bar-section ul li > button.alert:hover,
.top-bar-section ul li > button.alert:focus {
color: #fff;
}
.top-bar-section ul li > button.warning {
background-color: #f08a24;
border-color: #f2963a;
color: #fff;
}
.top-bar-section ul li > button.warning:hover,
.top-bar-section ul li > button.warning:focus {
background-color: #f2963a;
}
.top-bar-section ul li > button.warning:hover,
.top-bar-section ul li > button.warning:focus {
color: #fff;
}
.top-bar-section ul li > button.info {
background-color: #a0d3e8;
border-color: #aad7ea;
color: #333;
}
.top-bar-section ul li > button.info:hover,
.top-bar-section ul li > button.info:focus {
background-color: #aad7ea;
}
.top-bar-section ul li > button.info:hover,
.top-bar-section ul li > button.info:focus {
color: #333;
}
.top-bar-section ul li:hover:not(.has-form) > a {
background-color: #2c6cb8;
color: #fff;
background: #2c6cb8;
}
.top-bar-section ul li.active > a {
background: #2c6cb8;
color: #fff;
}
.top-bar-section ul li.active > a:hover {
background: #2c6cb8;
color: #fff;
}
.top-bar-section .has-form {
padding: 1.152rem;
}
.top-bar-section .has-dropdown {
position: relative;
}
.top-bar-section .has-dropdown > a:after {
border: inset 0.3333333333rem;
content: '';
display: block;
height: 0;
width: 0;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(255, 255, 255, 0.4);
border-left-style: solid;
margin-right: 1.152rem;
margin-top: -2.1666666667rem;
position: absolute;
top: 50%;
right: 0;
}
.top-bar-section .has-dropdown.moved {
position: static;
}
.top-bar-section .has-dropdown.moved > .dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important;
width: 100%;
}
.top-bar-section .has-dropdown.moved > a:after {
display: none;
}
.top-bar-section .dropdown {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
display: block;
padding: 0;
position: absolute;
top: 0;
z-index: 99;
left: 100%;
}
.top-bar-section .dropdown li {
height: auto;
width: 100%;
}
.top-bar-section .dropdown li a {
font-weight: 300;
padding: 8px 1.152rem;
}
.top-bar-section .dropdown li a.parent-link {
font-weight: 300;
}
.top-bar-section .dropdown li.title h5,
.top-bar-section .dropdown li.parent-link {
margin-bottom: 0;
margin-top: 0;
font-size: 1.2rem;
}
.top-bar-section .dropdown li.title h5 a,
.top-bar-section .dropdown li.parent-link a {
color: #191919;
display: block;
}
.top-bar-section .dropdown li.title h5 a:hover,
.top-bar-section .dropdown li.parent-link a:hover {
background: none;
}
.top-bar-section .dropdown li.has-form {
padding: 8px 1.152rem;
}
.top-bar-section .dropdown li .button,
.top-bar-section .dropdown li button {
top: auto;
}
.top-bar-section .dropdown label {
color: #777;
font-size: 0.6666666667rem;
font-weight: 500;
margin-bottom: 0;
padding: 8px 1.152rem 2px;
text-transform: uppercase;
}
.js-generated {
display: block;
}
@media only screen and (min-width: 0px) {
.top-bar {
background: rgba(255, 255, 255, 0.75);
overflow: visible;
}
.top-bar:before,
.top-bar:after {
content: ' ';
display: table;
}
.top-bar:after {
clear: both;
}
.top-bar .toggle-topbar {
display: none;
}
.top-bar .title-area {
float: left;
}
.top-bar .name h1 a,
.top-bar .name h2 a,
.top-bar .name h3 a,
.top-bar .name h4 a,
.top-bar .name h5 a,
.top-bar .name h6 a {
width: auto;
}
.top-bar input,
.top-bar select,
.top-bar .button,
.top-bar button {
font-size: 0.9333333333rem;
height: 1.8666666667rem;
position: relative;
top: 1.2rem;
}
.top-bar .has-form > .button,
.top-bar .has-form > button {
font-size: 0.9333333333rem;
height: 1.8666666667rem;
position: relative;
top: 1.2rem;
}
.top-bar.expanded {
background: rgba(255, 255, 255, 0.75);
}
.contain-to-grid .top-bar {
margin: 0 auto;
margin-bottom: 0;
max-width: 78.1333333333rem;
}
.top-bar-section {
transition: none 0 0;
left: 0 !important;
}
.top-bar-section ul {
display: inline;
height: auto !important;
width: auto;
}
.top-bar-section ul li {
float: left;
}
.top-bar-section ul li .js-generated {
display: none;
}
.top-bar-section li.hover > a:not(.button) {
background-color: #2c6cb8;
background: #2c6cb8;
color: #fff;
}
.top-bar-section li:not(.has-form) a:not(.button) {
background: none;
line-height: 4.2666666667rem;
padding: 0 1.152rem;
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
background-color: #2c6cb8;
background: #2c6cb8;
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
background: #2c6cb8;
color: #fff;
line-height: 4.2666666667rem;
padding: 0 1.152rem;
}
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
background: #2c6cb8;
color: #fff;
}
.top-bar-section .has-dropdown > a {
padding-right: 2.4853333333rem !important;
}
.top-bar-section .has-dropdown > a:after {
border: inset 0.3333333333rem;
content: '';
display: block;
height: 0;
width: 0;
border-color: rgba(255, 255, 255, 0.4) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-top-style: solid;
margin-top: -0.1666666667rem;
top: 2.1333333333rem;
}
.top-bar-section .has-dropdown.moved {
position: relative;
}
.top-bar-section .has-dropdown.moved > .dropdown {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
display: block;
}
.top-bar-section .has-dropdown.hover > .dropdown,
.top-bar-section .has-dropdown.not-click:hover > .dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important;
}
.top-bar-section .has-dropdown > a:focus + .dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important;
}
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
border: none;
content: '»';
top: 0.2rem;
right: 5px;
}
.top-bar-section .dropdown {
left: 0;
background: rgba(0, 0, 0, 0);
min-width: 100%;
top: auto;
}
.top-bar-section .dropdown li a {
background: #fff;
color: #2c6cb8;
line-height: 4.2666666667rem;
padding: 12px 1.152rem;
white-space: nowrap;
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
background: #fff;
color: #2c6cb8;
}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background-color: #2c6cb8;
color: #fff;
background: #fff;
}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a > i {
color: #fff;
}
.top-bar-section .dropdown li label {
background: none;
white-space: nowrap;
}
.top-bar-section .dropdown li .dropdown {
left: 100%;
top: 0;
}
.top-bar-section > ul > .divider,
.top-bar-section > ul > [role='separator'] {
border-right: solid 1px rgba(255, 255, 255, 0.75);
border-bottom: none;
border-top: none;
clear: none;
height: 4.2666666667rem;
width: 0;
}
.top-bar-section .has-form {
background: none;
height: 4.2666666667rem;
padding: 0 1.152rem;
}
.top-bar-section .right li .dropdown {
left: auto;
right: 0;
}
.top-bar-section .right li .dropdown li .dropdown {
right: 100%;
}
.top-bar-section .left li .dropdown {
right: auto;
left: 0;
}
.top-bar-section .left li .dropdown li .dropdown {
left: 100%;
}
.no-js .top-bar-section ul li:hover > a {
background-color: #2c6cb8;
background: #2c6cb8;
color: #fff;
}
.no-js .top-bar-section ul li:active > a {
background: #2c6cb8;
color: #fff;
}
.no-js .top-bar-section .has-dropdown:hover > .dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important;
}
.no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important;
}
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-justify {
text-align: justify !important;
}
@media only screen and (max-width: 42.6666666667em) {
.small-only-text-left {
text-align: left !important;
}
.small-only-text-right {
text-align: right !important;
}
.small-only-text-center {
text-align: center !important;
}
.small-only-text-justify {
text-align: justify !important;
}
}
@media only screen {
.small-text-left {
text-align: left !important;
}
.small-text-right {
text-align: right !important;
}
.small-text-center {
text-align: center !important;
}
.small-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 42.7333333333em) and (max-width: 68.2666666667em) {
.medium-only-text-left {
text-align: left !important;
}
.medium-only-text-right {
text-align: right !important;
}
.medium-only-text-center {
text-align: center !important;
}
.medium-only-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 42.7333333333em) {
.medium-text-left {
text-align: left !important;
}
.medium-text-right {
text-align: right !important;
}
.medium-text-center {
text-align: center !important;
}
.medium-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 68.3333333333em) and (max-width: 96em) {
.large-only-text-left {
text-align: left !important;
}
.large-only-text-right {
text-align: right !important;
}
.large-only-text-center {
text-align: center !important;
}
.large-only-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 68.3333333333em) {
.large-text-left {
text-align: left !important;
}
.large-text-right {
text-align: right !important;
}
.large-text-center {
text-align: center !important;
}
.large-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 96.0666666667em) and (max-width: 128em) {
.xlarge-only-text-left {
text-align: left !important;
}
.xlarge-only-text-right {
text-align: right !important;
}
.xlarge-only-text-center {
text-align: center !important;
}
.xlarge-only-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 96.0666666667em) {
.xlarge-text-left {
text-align: left !important;
}
.xlarge-text-right {
text-align: right !important;
}
.xlarge-text-center {
text-align: center !important;
}
.xlarge-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 128.0666666667em) and (max-width: 6666666.6em) {
.xxlarge-only-text-left {
text-align: left !important;
}
.xxlarge-only-text-right {
text-align: right !important;
}
.xxlarge-only-text-center {
text-align: center !important;
}
.xxlarge-only-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 128.0666666667em) {
.xxlarge-text-left {
text-align: left !important;
}
.xxlarge-text-right {
text-align: right !important;
}
.xxlarge-text-center {
text-align: center !important;
}
.xxlarge-text-justify {
text-align: justify !important;
}
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
a {
color: #2c6cb8;
line-height: inherit;
text-decoration: none;
}
a:hover,
a:focus {
color: #265d9e;
}
a img {
border: none;
}
p {
font-family: inherit;
font-size: 1rem;
font-weight: 300;
line-height: 1.6;
margin-bottom: 1.3333333333rem;
text-rendering: optimizeLegibility;
}
p.lead {
font-size: 1.2333333333rem;
line-height: 1.6;
}
p aside {
font-size: 0.9333333333rem;
font-style: italic;
line-height: 1.35;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #191919;
font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 300;
line-height: 1.4;
margin-bottom: 0.5rem;
margin-top: 0.2rem;
text-rendering: optimizeLegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
color: #6a6a6a;
font-size: 60%;
line-height: 0;
}
h1 {
font-size: 2.2666666667rem;
}
h2 {
font-size: 1.8rem;
}
h3 {
font-size: 1.4666666667rem;
}
h4 {
font-size: 1.2rem;
}
h5 {
font-size: 1.2rem;
}
h6 {
font-size: 1rem;
}
.subheader {
line-height: 1.4;
color: #6a6a6a;
font-weight: 300;
margin-top: 0.2rem;
margin-bottom: 0.5rem;
}
hr {
border: solid #ddd;
border-width: 1px 0 0;
clear: both;
height: 0;
margin: 1.3333333333rem 0 1.2666666667rem;
}
em,
i {
font-style: italic;
line-height: inherit;
}
strong,
b {
font-weight: 500;
line-height: inherit;
}
small {
font-size: 60%;
line-height: inherit;
}
code {
background-color: #f8f8f8;
border-color: #dfdfdf;
border-style: solid;
border-width: 1px;
color: #333;
font-family: Consolas, 'Liberation Mono', Courier, monospace;
font-weight: 300;
padding: 0.1333333333rem 0.3333333333rem 0.0666666667rem;
}
ul,
ol,
dl {
font-family: inherit;
font-size: 1rem;
line-height: 1.6;
list-style-position: outside;
margin-bottom: 1.3333333333rem;
}
ul {
margin-left: 1.1rem;
}
ul li ul,
ul li ol {
margin-left: 1.3333333333rem;
margin-bottom: 0;
}
ul.square li ul,
ul.circle li ul,
ul.disc li ul {
list-style: inherit;
}
ul.square {
list-style-type: square;
margin-left: 1.1rem;
}
ul.circle {
list-style-type: circle;
margin-left: 1.1rem;
}
ul.disc {
list-style-type: disc;
margin-left: 1.1rem;
}
ol {
margin-left: 1.4rem;
}
ol li ul,
ol li ol {
margin-left: 1.3333333333rem;
margin-bottom: 0;
}
.no-bullet {
list-style-type: none;
margin-left: 0;
}
.no-bullet li ul,
.no-bullet li ol {
margin-left: 1.3333333333rem;
margin-bottom: 0;
list-style: none;
}
dl dt {
margin-bottom: 0.3rem;
font-weight: 500;
}
dl dd {
margin-bottom: 0.8rem;
}
abbr,
acronym {
text-transform: uppercase;
font-size: 90%;
color: #191919;
cursor: help;
}
abbr {
text-transform: none;
}
abbr[title] {
border-bottom: 1px dotted #ddd;
}
blockquote {
margin: 0 0 1.3333333333rem;
padding: 0.6rem 1.3333333333rem 0 1.2666666667rem;
border-left: 1px solid #ddd;
}
blockquote cite {
display: block;
font-size: 0.8666666667rem;
color: #4e4e4e;
}
blockquote cite:before {
content: '— ';
}
blockquote cite a,
blockquote cite a:visited {
color: #4e4e4e;
}
blockquote,
blockquote p {
line-height: 1.6;
color: #6a6a6a;
}
.vcard {
display: inline-block;
margin: 0 0 1.3333333333rem 0;
border: 1px solid #ddd;
padding: 0.6666666667rem 0.8rem;
}
.vcard li {
margin: 0;
display: block;
}
.vcard .fn {
font-weight: 500;
font-size: 1rem;
}
.vevent .summary {
font-weight: 500;
}
.vevent abbr {
cursor: default;
text-decoration: none;
font-weight: 500;
border: none;
padding: 0 0.0666666667rem;
}
@media only screen and (min-width: 42.7333333333em) {
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.4;
}
h1 {
font-size: 2.9333333333rem;
}
h2 {
font-size: 2.4666666667rem;
}
h3 {
font-size: 1.8rem;
}
h4 {
font-size: 1.5333333333rem;
}
h5 {
font-size: 1.2rem;
}
h6 {
font-size: 1rem;
}
}
@media print {
* {
background: rgba(0, 0, 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) ')';
}
.ir a:after,
a[href^='javascript:']:after,
a[href^='#']:after {
content: '';
}
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.34in;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
.off-canvas-wrap {
-webkit-backface-visibility: hidden;
position: relative;
width: 100%;
overflow: hidden;
}
.off-canvas-wrap.move-right,
.off-canvas-wrap.move-left,
.off-canvas-wrap.move-bottom,
.off-canvas-wrap.move-top {
min-height: 100%;
-webkit-overflow-scrolling: touch;
}
.inner-wrap {
position: relative;
width: 100%;
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
}
.inner-wrap:before,
.inner-wrap:after {
content: ' ';
display: table;
}
.inner-wrap:after {
clear: both;
}
.tab-bar {
-webkit-backface-visibility: hidden;
background: none;
color: #fff;
height: 4.2666666667rem;
line-height: 4.2666666667rem;
position: relative;
}
.tab-bar h1,
.tab-bar h2,
.tab-bar h3,
.tab-bar h4,
.tab-bar h5,
.tab-bar h6 {
color: #fff;
font-weight: 500;
line-height: 4.2666666667rem;
margin: 0;
}
.tab-bar h1,
.tab-bar h2,
.tab-bar h3,
.tab-bar h4 {
font-size: 1.2rem;
}
.left-small {
height: 4.2666666667rem;
position: absolute;
top: 0;
width: 4.2666666667rem;
border-right: none;
left: 0;
}
.right-small {
height: 4.2666666667rem;
position: absolute;
top: 0;
width: 4.2666666667rem;
border-left: none;
right: 0;
}
.tab-bar-section {
height: 4.2666666667rem;
padding: 0 0.6666666667rem;
position: absolute;
text-align: center;
top: 0;
}
.tab-bar-section.left {
text-align: left;
}
.tab-bar-section.right {
text-align: right;
}
.tab-bar-section.left {
left: 0;
right: 4.2666666667rem;
}
.tab-bar-section.right {
left: 4.2666666667rem;
right: 0;
}
.tab-bar-section.middle {
left: 4.2666666667rem;
right: 4.2666666667rem;
}
.tab-bar .menu-icon {
color: #fff;
display: block;
height: 4.2666666667rem;
padding: 0;
position: relative;
text-indent: 2.3333333333rem;
transform: translate3d(0, 0, 0);
width: 4.2666666667rem;
}
.tab-bar .menu-icon span::after {
content: '';
display: block;
height: 0;
position: absolute;
top: 50%;
margin-top: -0.5333333333rem;
left: 1.6rem;
box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
-webkit-box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
width: 1.0666666667rem;
}
.tab-bar .menu-icon span:hover:after {
box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3;
-webkit-box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3;
}
.left-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: rgba(255, 255, 255, 0.77);
bottom: 0;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
transition: transform 500ms ease 0s;
width: 14.0666666667rem;
z-index: 1001;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
top: 0;
}
.left-off-canvas-menu * {
-webkit-backface-visibility: hidden;
}
.right-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: rgba(255, 255, 255, 0.77);
bottom: 0;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
transition: transform 500ms ease 0s;
width: 14.0666666667rem;
z-index: 1001;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
right: 0;
top: 0;
}
.right-off-canvas-menu * {
-webkit-backface-visibility: hidden;
}
.top-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: rgba(255, 255, 255, 0.77);
bottom: 0;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
transition: transform 500ms ease 0s;
width: 14.0666666667rem;
z-index: 1001;
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
-ms-transform: translate(0, -100%);
-o-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
top: 0;
width: 100%;
height: 20rem;
}
.top-off-canvas-menu * {
-webkit-backface-visibility: hidden;
}
.bottom-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: rgba(255, 255, 255, 0.77);
bottom: 0;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
transition: transform 500ms ease 0s;
width: 14.0666666667rem;
z-index: 1001;
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate(0, 100%);
-o-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
bottom: 0;
width: 100%;
height: 20rem;
}
.bottom-off-canvas-menu * {
-webkit-backface-visibility: hidden;
}
ul.off-canvas-list {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.off-canvas-list li label {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #fff;
display: block;
font-size: 0.8rem;
font-weight: 500;
margin: 0;
padding: 0.3rem 1rem;
text-transform: uppercase;
}
ul.off-canvas-list li a {
border-bottom: 0px solid rgba(191, 191, 191, 0.77);
color: #191919;
display: block;
padding: 0.8rem;
transition: background 300ms ease;
}
ul.off-canvas-list li a:hover {
background: none;
}
ul.off-canvas-list li a:active {
background: none;
}
.move-right > .inner-wrap {
-webkit-transform: translate3d(14.0666666667rem, 0, 0);
-moz-transform: translate3d(14.0666666667rem, 0, 0);
-ms-transform: translate(14.0666666667rem, 0);
-o-transform: translate3d(14.0666666667rem, 0, 0);
transform: translate3d(14.0666666667rem, 0, 0);
}
.move-right .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: none;
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background: rgba(34, 34, 34, 0);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002;
}
@media only screen and (min-width: 42.7333333333em) {
.move-right .exit-off-canvas:hover {
background: rgba(34, 34, 34, 0);
}
}
.move-left > .inner-wrap {
-webkit-transform: translate3d(-14.0666666667rem, 0, 0);
-moz-transform: translate3d(-14.0666666667rem, 0, 0);
-ms-transform: translate(-14.0666666667rem, 0);
-o-transform: translate3d(-14.0666666667rem, 0, 0);
transform: translate3d(-14.0666666667rem, 0, 0);
}
.move-left .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: none;
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background: rgba(34, 34, 34, 0);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002;
}
@media only screen and (min-width: 42.7333333333em) {
.move-left .exit-off-canvas:hover {
background: rgba(34, 34, 34, 0);
}
}
.move-top > .inner-wrap {
-webkit-transform: translate3d(0, -20rem, 0);
-moz-transform: translate3d(0, -20rem, 0);
-ms-transform: translate(0, -20rem);
-o-transform: translate3d(0, -20rem, 0);
transform: translate3d(0, -20rem, 0);
}
.move-top .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: none;
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background: rgba(34, 34, 34, 0);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002;
}
@media only screen and (min-width: 42.7333333333em) {
.move-top .exit-off-canvas:hover {
background: rgba(34, 34, 34, 0);
}
}
.move-bottom > .inner-wrap {
-webkit-transform: translate3d(0, 20rem, 0);
-moz-transform: translate3d(0, 20rem, 0);
-ms-transform: translate(0, 20rem);
-o-transform: translate3d(0, 20rem, 0);
transform: translate3d(0, 20rem, 0);
}
.move-bottom .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: none;
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background: rgba(34, 34, 34, 0);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002;
}
@media only screen and (min-width: 42.7333333333em) {
.move-bottom .exit-off-canvas:hover {
background: rgba(34, 34, 34, 0);
}
}
.offcanvas-overlap .left-off-canvas-menu,
.offcanvas-overlap .right-off-canvas-menu,
.offcanvas-overlap .top-off-canvas-menu,
.offcanvas-overlap .bottom-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
z-index: 1003;
}
.offcanvas-overlap .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: none;
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background: rgba(34, 34, 34, 0);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002;
}
@media only screen and (min-width: 42.7333333333em) {
.offcanvas-overlap .exit-off-canvas:hover {
background: rgba(34, 34, 34, 0);
}
}
.offcanvas-overlap-left .right-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
z-index: 1003;
}
.offcanvas-overlap-left .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: none;
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background: rgba(34, 34, 34, 0);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002;
}
@media only screen and (min-width: 42.7333333333em) {
.offcanvas-overlap-left .exit-off-canvas:hover {
background: rgba(34, 34, 34, 0);
}
}
.offcanvas-overlap-right .left-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
z-index: 1003;
}
.offcanvas-overlap-right .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: none;
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background: rgba(34, 34, 34, 0);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002;
}
@media only screen and (min-width: 42.7333333333em) {
.offcanvas-overlap-right .exit-off-canvas:hover {
background: rgba(34, 34, 34, 0);
}
}
.offcanvas-overlap-top .bottom-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
z-index: 1003;
}
.offcanvas-overlap-top .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: none;
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background: rgba(34, 34, 34, 0);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002;
}
@media only screen and (min-width: 42.7333333333em) {
.offcanvas-overlap-top .exit-off-canvas:hover {
background: rgba(34, 34, 34, 0);
}
}
.offcanvas-overlap-bottom .top-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
z-index: 1003;
}
.offcanvas-overlap-bottom .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: none;
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background: rgba(34, 34, 34, 0);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002;
}
@media only screen and (min-width: 42.7333333333em) {
.offcanvas-overlap-bottom .exit-off-canvas:hover {
background: rgba(34, 34, 34, 0);
}
}
.no-csstransforms .left-off-canvas-menu {
left: -14.0666666667rem;
}
.no-csstransforms .right-off-canvas-menu {
right: -14.0666666667rem;
}
.no-csstransforms .top-off-canvas-menu {
top: -20rem;
}
.no-csstransforms .bottom-off-canvas-menu {
bottom: -20rem;
}
.no-csstransforms .move-left > .inner-wrap {
right: 14.0666666667rem;
}
.no-csstransforms .move-right > .inner-wrap {
left: 14.0666666667rem;
}
.no-csstransforms .move-top > .inner-wrap {
right: 20rem;
}
.no-csstransforms .move-bottom > .inner-wrap {
left: 20rem;
}
.left-submenu {
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
background: rgba(255, 255, 255, 0.77);
bottom: 0;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
width: 14.0666666667rem;
height: 20rem;
z-index: 1002;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
}
.left-submenu * {
-webkit-backface-visibility: hidden;
}
.left-submenu .back > a {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #fff;
font-weight: 500;
padding: 0.3rem 1rem;
text-transform: uppercase;
margin: 0;
}
.left-submenu .back > a:hover {
background: #303030;
border-bottom: none;
border-top: 1px solid #5e5e5e;
}
.left-submenu .back > a:before {
content: '«';
margin-right: 0.5rem;
display: inline;
}
.left-submenu.move-right,
.left-submenu.offcanvas-overlap-right,
.left-submenu.offcanvas-overlap {
-webkit-transform: translate3d(0%, 0, 0);
-moz-transform: translate3d(0%, 0, 0);
-ms-transform: translate(0%, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
}
.right-submenu {
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
background: rgba(255, 255, 255, 0.77);
bottom: 0;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
width: 14.0666666667rem;
height: 20rem;
z-index: 1002;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
right: 0;
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
}
.right-submenu * {
-webkit-backface-visibility: hidden;
}
.right-submenu .back > a {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #fff;
font-weight: 500;
padding: 0.3rem 1rem;
text-transform: uppercase;
margin: 0;
}
.right-submenu .back > a:hover {
background: #303030;
border-bottom: none;
border-top: 1px solid #5e5e5e;
}
.right-submenu .back > a:after {
content: '»';
margin-left: 0.5rem;
display: inline;
}
.right-submenu.move-left,
.right-submenu.offcanvas-overlap-left,
.right-submenu.offcanvas-overlap {
-webkit-transform: translate3d(0%, 0, 0);
-moz-transform: translate3d(0%, 0, 0);
-ms-transform: translate(0%, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
}
.top-submenu {
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
background: rgba(255, 255, 255, 0.77);
bottom: 0;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
width: 14.0666666667rem;
height: 20rem;
z-index: 1002;
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
-ms-transform: translate(0, -100%);
-o-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
top: 0;
width: 100%;
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
}
.top-submenu * {
-webkit-backface-visibility: hidden;
}
.top-submenu .back > a {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #fff;
font-weight: 500;
padding: 0.3rem 1rem;
text-transform: uppercase;
margin: 0;
}
.top-submenu .back > a:hover {
background: #303030;
border-bottom: none;
border-top: 1px solid #5e5e5e;
}
.top-submenu.move-bottom,
.top-submenu.offcanvas-overlap-bottom,
.top-submenu.offcanvas-overlap {
-webkit-transform: translate3d(0, 0%, 0);
-moz-transform: translate3d(0, 0%, 0);
-ms-transform: translate(0, 0%);
-o-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
}
.bottom-submenu {
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
background: rgba(255, 255, 255, 0.77);
bottom: 0;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
width: 14.0666666667rem;
height: 20rem;
z-index: 1002;
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate(0, 100%);
-o-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
bottom: 0;
width: 100%;
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
}
.bottom-submenu * {
-webkit-backface-visibility: hidden;
}
.bottom-submenu .back > a {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #fff;
font-weight: 500;
padding: 0.3rem 1rem;
text-transform: uppercase;
margin: 0;
}
.bottom-submenu .back > a:hover {
background: #303030;
border-bottom: none;
border-top: 1px solid #5e5e5e;
}
.bottom-submenu.move-top,
.bottom-submenu.offcanvas-overlap-top,
.bottom-submenu.offcanvas-overlap {
-webkit-transform: translate3d(0, 0%, 0);
-moz-transform: translate3d(0, 0%, 0);
-ms-transform: translate(0, 0%);
-o-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
}
.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
content: '»';
margin-left: 0.5rem;
display: inline;
}
.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
content: '«';
margin-right: 0.5rem;
display: inline;
}
@media only screen {
.show-for-small-only,
.show-for-small-up,
.show-for-small,
.show-for-small-down,
.hide-for-medium-only,
.hide-for-medium-up,
.hide-for-medium,
.show-for-medium-down,
.hide-for-large-only,
.hide-for-large-up,
.hide-for-large,
.show-for-large-down,
.hide-for-xlarge-only,
.hide-for-xlarge-up,
.hide-for-xlarge,
.show-for-xlarge-down,
.hide-for-xxlarge-only,
.hide-for-xxlarge-up,
.hide-for-xxlarge,
.show-for-xxlarge-down {
display: inherit !important;
}
.hide-for-small-only,
.hide-for-small-up,
.hide-for-small,
.hide-for-small-down,
.show-for-medium-only,
.show-for-medium-up,
.show-for-medium,
.hide-for-medium-down,
.show-for-large-only,
.show-for-large-up,
.show-for-large,
.hide-for-large-down,
.show-for-xlarge-only,
.show-for-xlarge-up,
.show-for-xlarge,
.hide-for-xlarge-down,
.show-for-xxlarge-only,
.show-for-xxlarge-up,
.show-for-xxlarge,
.hide-for-xxlarge-down {
display: none !important;
}
.visible-for-small-only,
.visible-for-small-up,
.visible-for-small,
.visible-for-small-down,
.hidden-for-medium-only,
.hidden-for-medium-up,
.hidden-for-medium,
.visible-for-medium-down,
.hidden-for-large-only,
.hidden-for-large-up,
.hidden-for-large,
.visible-for-large-down,
.hidden-for-xlarge-only,
.hidden-for-xlarge-up,
.hidden-for-xlarge,
.visible-for-xlarge-down,
.hidden-for-xxlarge-only,
.hidden-for-xxlarge-up,
.hidden-for-xxlarge,
.visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
.hidden-for-small-only,
.hidden-for-small-up,
.hidden-for-small,
.hidden-for-small-down,
.visible-for-medium-only,
.visible-for-medium-up,
.visible-for-medium,
.hidden-for-medium-down,
.visible-for-large-only,
.visible-for-large-up,
.visible-for-large,
.hidden-for-large-down,
.visible-for-xlarge-only,
.visible-for-xlarge-up,
.visible-for-xlarge,
.hidden-for-xlarge-down,
.visible-for-xxlarge-only,
.visible-for-xxlarge-up,
.visible-for-xxlarge,
.hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
table.show-for-small-only,
table.show-for-small-up,
table.show-for-small,
table.show-for-small-down,
table.hide-for-medium-only,
table.hide-for-medium-up,
table.hide-for-medium,
table.show-for-medium-down,
table.hide-for-large-only,
table.hide-for-large-up,
table.hide-for-large,
table.show-for-large-down,
table.hide-for-xlarge-only,
table.hide-for-xlarge-up,
table.hide-for-xlarge,
table.show-for-xlarge-down,
table.hide-for-xxlarge-only,
table.hide-for-xxlarge-up,
table.hide-for-xxlarge,
table.show-for-xxlarge-down {
display: table !important;
}
thead.show-for-small-only,
thead.show-for-small-up,
thead.show-for-small,
thead.show-for-small-down,
thead.hide-for-medium-only,
thead.hide-for-medium-up,
thead.hide-for-medium,
thead.show-for-medium-down,
thead.hide-for-large-only,
thead.hide-for-large-up,
thead.hide-for-large,
thead.show-for-large-down,
thead.hide-for-xlarge-only,
thead.hide-for-xlarge-up,
thead.hide-for-xlarge,
thead.show-for-xlarge-down,
thead.hide-for-xxlarge-only,
thead.hide-for-xxlarge-up,
thead.hide-for-xxlarge,
thead.show-for-xxlarge-down {
display: table-header-group !important;
}
tbody.show-for-small-only,
tbody.show-for-small-up,
tbody.show-for-small,
tbody.show-for-small-down,
tbody.hide-for-medium-only,
tbody.hide-for-medium-up,
tbody.hide-for-medium,
tbody.show-for-medium-down,
tbody.hide-for-large-only,
tbody.hide-for-large-up,
tbody.hide-for-large,
tbody.show-for-large-down,
tbody.hide-for-xlarge-only,
tbody.hide-for-xlarge-up,
tbody.hide-for-xlarge,
tbody.show-for-xlarge-down,
tbody.hide-for-xxlarge-only,
tbody.hide-for-xxlarge-up,
tbody.hide-for-xxlarge,
tbody.show-for-xxlarge-down {
display: table-row-group !important;
}
tr.show-for-small-only,
tr.show-for-small-up,
tr.show-for-small,
tr.show-for-small-down,
tr.hide-for-medium-only,
tr.hide-for-medium-up,
tr.hide-for-medium,
tr.show-for-medium-down,
tr.hide-for-large-only,
tr.hide-for-large-up,
tr.hide-for-large,
tr.show-for-large-down,
tr.hide-for-xlarge-only,
tr.hide-for-xlarge-up,
tr.hide-for-xlarge,
tr.show-for-xlarge-down,
tr.hide-for-xxlarge-only,
tr.hide-for-xxlarge-up,
tr.hide-for-xxlarge,
tr.show-for-xxlarge-down {
display: table-row;
}
th.show-for-small-only,
td.show-for-small-only,
th.show-for-small-up,
td.show-for-small-up,
th.show-for-small,
td.show-for-small,
th.show-for-small-down,
td.show-for-small-down,
th.hide-for-medium-only,
td.hide-for-medium-only,
th.hide-for-medium-up,
td.hide-for-medium-up,
th.hide-for-medium,
td.hide-for-medium,
th.show-for-medium-down,
td.show-for-medium-down,
th.hide-for-large-only,
td.hide-for-large-only,
th.hide-for-large-up,
td.hide-for-large-up,
th.hide-for-large,
td.hide-for-large,
th.show-for-large-down,
td.show-for-large-down,
th.hide-for-xlarge-only,
td.hide-for-xlarge-only,
th.hide-for-xlarge-up,
td.hide-for-xlarge-up,
th.hide-for-xlarge,
td.hide-for-xlarge,
th.show-for-xlarge-down,
td.show-for-xlarge-down,
th.hide-for-xxlarge-only,
td.hide-for-xxlarge-only,
th.hide-for-xxlarge-up,
td.hide-for-xxlarge-up,
th.hide-for-xxlarge,
td.hide-for-xxlarge,
th.show-for-xxlarge-down,
td.show-for-xxlarge-down {
display: table-cell !important;
}
}
@media only screen and (min-width: 42.7333333333em) {
.hide-for-small-only,
.show-for-small-up,
.hide-for-small,
.hide-for-small-down,
.show-for-medium-only,
.show-for-medium-up,
.show-for-medium,
.show-for-medium-down,
.hide-for-large-only,
.hide-for-large-up,
.hide-for-large,
.show-for-large-down,
.hide-for-xlarge-only,
.hide-for-xlarge-up,
.hide-for-xlarge,
.show-for-xlarge-down,
.hide-for-xxlarge-only,
.hide-for-xxlarge-up,
.hide-for-xxlarge,
.show-for-xxlarge-down {
display: inherit !important;
}
.show-for-small-only,
.hide-for-small-up,
.show-for-small,
.show-for-small-down,
.hide-for-medium-only,
.hide-for-medium-up,
.hide-for-medium,
.hide-for-medium-down,
.show-for-large-only,
.show-for-large-up,
.show-for-large,
.hide-for-large-down,
.show-for-xlarge-only,
.show-for-xlarge-up,
.show-for-xlarge,
.hide-for-xlarge-down,
.show-for-xxlarge-only,
.show-for-xxlarge-up,
.show-for-xxlarge,
.hide-for-xxlarge-down {
display: none !important;
}
.hidden-for-small-only,
.visible-for-small-up,
.hidden-for-small,
.hidden-for-small-down,
.visible-for-medium-only,
.visible-for-medium-up,
.visible-for-medium,
.visible-for-medium-down,
.hidden-for-large-only,
.hidden-for-large-up,
.hidden-for-large,
.visible-for-large-down,
.hidden-for-xlarge-only,
.hidden-for-xlarge-up,
.hidden-for-xlarge,
.visible-for-xlarge-down,
.hidden-for-xxlarge-only,
.hidden-for-xxlarge-up,
.hidden-for-xxlarge,
.visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
.visible-for-small-only,
.hidden-for-small-up,
.visible-for-small,
.visible-for-small-down,
.hidden-for-medium-only,
.hidden-for-medium-up,
.hidden-for-medium,
.hidden-for-medium-down,
.visible-for-large-only,
.visible-for-large-up,
.visible-for-large,
.hidden-for-large-down,
.visible-for-xlarge-only,
.visible-for-xlarge-up,
.visible-for-xlarge,
.hidden-for-xlarge-down,
.visible-for-xxlarge-only,
.visible-for-xxlarge-up,
.visible-for-xxlarge,
.hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
table.hide-for-small-only,
table.show-for-small-up,
table.hide-for-small,
table.hide-for-small-down,
table.show-for-medium-only,
table.show-for-medium-up,
table.show-for-medium,
table.show-for-medium-down,
table.hide-for-large-only,
table.hide-for-large-up,
table.hide-for-large,
table.show-for-large-down,
table.hide-for-xlarge-only,
table.hide-for-xlarge-up,
table.hide-for-xlarge,
table.show-for-xlarge-down,
table.hide-for-xxlarge-only,
table.hide-for-xxlarge-up,
table.hide-for-xxlarge,
table.show-for-xxlarge-down {
display: table !important;
}
thead.hide-for-small-only,
thead.show-for-small-up,
thead.hide-for-small,
thead.hide-for-small-down,
thead.show-for-medium-only,
thead.show-for-medium-up,
thead.show-for-medium,
thead.show-for-medium-down,
thead.hide-for-large-only,
thead.hide-for-large-up,
thead.hide-for-large,
thead.show-for-large-down,
thead.hide-for-xlarge-only,
thead.hide-for-xlarge-up,
thead.hide-for-xlarge,
thead.show-for-xlarge-down,
thead.hide-for-xxlarge-only,
thead.hide-for-xxlarge-up,
thead.hide-for-xxlarge,
thead.show-for-xxlarge-down {
display: table-header-group !important;
}
tbody.hide-for-small-only,
tbody.show-for-small-up,
tbody.hide-for-small,
tbody.hide-for-small-down,
tbody.show-for-medium-only,
tbody.show-for-medium-up,
tbody.show-for-medium,
tbody.show-for-medium-down,
tbody.hide-for-large-only,
tbody.hide-for-large-up,
tbody.hide-for-large,
tbody.show-for-large-down,
tbody.hide-for-xlarge-only,
tbody.hide-for-xlarge-up,
tbody.hide-for-xlarge,
tbody.show-for-xlarge-down,
tbody.hide-for-xxlarge-only,
tbody.hide-for-xxlarge-up,
tbody.hide-for-xxlarge,
tbody.show-for-xxlarge-down {
display: table-row-group !important;
}
tr.hide-for-small-only,
tr.show-for-small-up,
tr.hide-for-small,
tr.hide-for-small-down,
tr.show-for-medium-only,
tr.show-for-medium-up,
tr.show-for-medium,
tr.show-for-medium-down,
tr.hide-for-large-only,
tr.hide-for-large-up,
tr.hide-for-large,
tr.show-for-large-down,
tr.hide-for-xlarge-only,
tr.hide-for-xlarge-up,
tr.hide-for-xlarge,
tr.show-for-xlarge-down,
tr.hide-for-xxlarge-only,
tr.hide-for-xxlarge-up,
tr.hide-for-xxlarge,
tr.show-for-xxlarge-down {
display: table-row;
}
th.hide-for-small-only,
td.hide-for-small-only,
th.show-for-small-up,
td.show-for-small-up,
th.hide-for-small,
td.hide-for-small,
th.hide-for-small-down,
td.hide-for-small-down,
th.show-for-medium-only,
td.show-for-medium-only,
th.show-for-medium-up,
td.show-for-medium-up,
th.show-for-medium,
td.show-for-medium,
th.show-for-medium-down,
td.show-for-medium-down,
th.hide-for-large-only,
td.hide-for-large-only,
th.hide-for-large-up,
td.hide-for-large-up,
th.hide-for-large,
td.hide-for-large,
th.show-for-large-down,
td.show-for-large-down,
th.hide-for-xlarge-only,
td.hide-for-xlarge-only,
th.hide-for-xlarge-up,
td.hide-for-xlarge-up,
th.hide-for-xlarge,
td.hide-for-xlarge,
th.show-for-xlarge-down,
td.show-for-xlarge-down,
th.hide-for-xxlarge-only,
td.hide-for-xxlarge-only,
th.hide-for-xxlarge-up,
td.hide-for-xxlarge-up,
th.hide-for-xxlarge,
td.hide-for-xxlarge,
th.show-for-xxlarge-down,
td.show-for-xxlarge-down {
display: table-cell !important;
}
}
@media only screen and (min-width: 68.3333333333em) {
.hide-for-small-only,
.show-for-small-up,
.hide-for-small,
.hide-for-small-down,
.hide-for-medium-only,
.show-for-medium-up,
.hide-for-medium,
.hide-for-medium-down,
.show-for-large-only,
.show-for-large-up,
.show-for-large,
.show-for-large-down,
.hide-for-xlarge-only,
.hide-for-xlarge-up,
.hide-for-xlarge,
.show-for-xlarge-down,
.hide-for-xxlarge-only,
.hide-for-xxlarge-up,
.hide-for-xxlarge,
.show-for-xxlarge-down {
display: inherit !important;
}
.show-for-small-only,
.hide-for-small-up,
.show-for-small,
.show-for-small-down,
.show-for-medium-only,
.hide-for-medium-up,
.show-for-medium,
.show-for-medium-down,
.hide-for-large-only,
.hide-for-large-up,
.hide-for-large,
.hide-for-large-down,
.show-for-xlarge-only,
.show-for-xlarge-up,
.show-for-xlarge,
.hide-for-xlarge-down,
.show-for-xxlarge-only,
.show-for-xxlarge-up,
.show-for-xxlarge,
.hide-for-xxlarge-down {
display: none !important;
}
.hidden-for-small-only,
.visible-for-small-up,
.hidden-for-small,
.hidden-for-small-down,
.hidden-for-medium-only,
.visible-for-medium-up,
.hidden-for-medium,
.hidden-for-medium-down,
.visible-for-large-only,
.visible-for-large-up,
.visible-for-large,
.visible-for-large-down,
.hidden-for-xlarge-only,
.hidden-for-xlarge-up,
.hidden-for-xlarge,
.visible-for-xlarge-down,
.hidden-for-xxlarge-only,
.hidden-for-xxlarge-up,
.hidden-for-xxlarge,
.visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
.visible-for-small-only,
.hidden-for-small-up,
.visible-for-small,
.visible-for-small-down,
.visible-for-medium-only,
.hidden-for-medium-up,
.visible-for-medium,
.visible-for-medium-down,
.hidden-for-large-only,
.hidden-for-large-up,
.hidden-for-large,
.hidden-for-large-down,
.visible-for-xlarge-only,
.visible-for-xlarge-up,
.visible-for-xlarge,
.hidden-for-xlarge-down,
.visible-for-xxlarge-only,
.visible-for-xxlarge-up,
.visible-for-xxlarge,
.hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
table.hide-for-small-only,
table.show-for-small-up,
table.hide-for-small,
table.hide-for-small-down,
table.hide-for-medium-only,
table.show-for-medium-up,
table.hide-for-medium,
table.hide-for-medium-down,
table.show-for-large-only,
table.show-for-large-up,
table.show-for-large,
table.show-for-large-down,
table.hide-for-xlarge-only,
table.hide-for-xlarge-up,
table.hide-for-xlarge,
table.show-for-xlarge-down,
table.hide-for-xxlarge-only,
table.hide-for-xxlarge-up,
table.hide-for-xxlarge,
table.show-for-xxlarge-down {
display: table !important;
}
thead.hide-for-small-only,
thead.show-for-small-up,
thead.hide-for-small,
thead.hide-for-small-down,
thead.hide-for-medium-only,
thead.show-for-medium-up,
thead.hide-for-medium,
thead.hide-for-medium-down,
thead.show-for-large-only,
thead.show-for-large-up,
thead.show-for-large,
thead.show-for-large-down,
thead.hide-for-xlarge-only,
thead.hide-for-xlarge-up,
thead.hide-for-xlarge,
thead.show-for-xlarge-down,
thead.hide-for-xxlarge-only,
thead.hide-for-xxlarge-up,
thead.hide-for-xxlarge,
thead.show-for-xxlarge-down {
display: table-header-group !important;
}
tbody.hide-for-small-only,
tbody.show-for-small-up,
tbody.hide-for-small,
tbody.hide-for-small-down,
tbody.hide-for-medium-only,
tbody.show-for-medium-up,
tbody.hide-for-medium,
tbody.hide-for-medium-down,
tbody.show-for-large-only,
tbody.show-for-large-up,
tbody.show-for-large,
tbody.show-for-large-down,
tbody.hide-for-xlarge-only,
tbody.hide-for-xlarge-up,
tbody.hide-for-xlarge,
tbody.show-for-xlarge-down,
tbody.hide-for-xxlarge-only,
tbody.hide-for-xxlarge-up,
tbody.hide-for-xxlarge,
tbody.show-for-xxlarge-down {
display: table-row-group !important;
}
tr.hide-for-small-only,
tr.show-for-small-up,
tr.hide-for-small,
tr.hide-for-small-down,
tr.hide-for-medium-only,
tr.show-for-medium-up,
tr.hide-for-medium,
tr.hide-for-medium-down,
tr.show-for-large-only,
tr.show-for-large-up,
tr.show-for-large,
tr.show-for-large-down,
tr.hide-for-xlarge-only,
tr.hide-for-xlarge-up,
tr.hide-for-xlarge,
tr.show-for-xlarge-down,
tr.hide-for-xxlarge-only,
tr.hide-for-xxlarge-up,
tr.hide-for-xxlarge,
tr.show-for-xxlarge-down {
display: table-row;
}
th.hide-for-small-only,
td.hide-for-small-only,
th.show-for-small-up,
td.show-for-small-up,
th.hide-for-small,
td.hide-for-small,
th.hide-for-small-down,
td.hide-for-small-down,
th.hide-for-medium-only,
td.hide-for-medium-only,
th.show-for-medium-up,
td.show-for-medium-up,
th.hide-for-medium,
td.hide-for-medium,
th.hide-for-medium-down,
td.hide-for-medium-down,
th.show-for-large-only,
td.show-for-large-only,
th.show-for-large-up,
td.show-for-large-up,
th.show-for-large,
td.show-for-large,
th.show-for-large-down,
td.show-for-large-down,
th.hide-for-xlarge-only,
td.hide-for-xlarge-only,
th.hide-for-xlarge-up,
td.hide-for-xlarge-up,
th.hide-for-xlarge,
td.hide-for-xlarge,
th.show-for-xlarge-down,
td.show-for-xlarge-down,
th.hide-for-xxlarge-only,
td.hide-for-xxlarge-only,
th.hide-for-xxlarge-up,
td.hide-for-xxlarge-up,
th.hide-for-xxlarge,
td.hide-for-xxlarge,
th.show-for-xxlarge-down,
td.show-for-xxlarge-down {
display: table-cell !important;
}
}
@media only screen and (min-width: 96.0666666667em) {
.hide-for-small-only,
.show-for-small-up,
.hide-for-small,
.hide-for-small-down,
.hide-for-medium-only,
.show-for-medium-up,
.hide-for-medium,
.hide-for-medium-down,
.hide-for-large-only,
.show-for-large-up,
.hide-for-large,
.hide-for-large-down,
.show-for-xlarge-only,
.show-for-xlarge-up,
.show-for-xlarge,
.show-for-xlarge-down,
.hide-for-xxlarge-only,
.hide-for-xxlarge-up,
.hide-for-xxlarge,
.show-for-xxlarge-down {
display: inherit !important;
}
.show-for-small-only,
.hide-for-small-up,
.show-for-small,
.show-for-small-down,
.show-for-medium-only,
.hide-for-medium-up,
.show-for-medium,
.show-for-medium-down,
.show-for-large-only,
.hide-for-large-up,
.show-for-large,
.show-for-large-down,
.hide-for-xlarge-only,
.hide-for-xlarge-up,
.hide-for-xlarge,
.hide-for-xlarge-down,
.show-for-xxlarge-only,
.show-for-xxlarge-up,
.show-for-xxlarge,
.hide-for-xxlarge-down {
display: none !important;
}
.hidden-for-small-only,
.visible-for-small-up,
.hidden-for-small,
.hidden-for-small-down,
.hidden-for-medium-only,
.visible-for-medium-up,
.hidden-for-medium,
.hidden-for-medium-down,
.hidden-for-large-only,
.visible-for-large-up,
.hidden-for-large,
.hidden-for-large-down,
.visible-for-xlarge-only,
.visible-for-xlarge-up,
.visible-for-xlarge,
.visible-for-xlarge-down,
.hidden-for-xxlarge-only,
.hidden-for-xxlarge-up,
.hidden-for-xxlarge,
.visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
.visible-for-small-only,
.hidden-for-small-up,
.visible-for-small,
.visible-for-small-down,
.visible-for-medium-only,
.hidden-for-medium-up,
.visible-for-medium,
.visible-for-medium-down,
.visible-for-large-only,
.hidden-for-large-up,
.visible-for-large,
.visible-for-large-down,
.hidden-for-xlarge-only,
.hidden-for-xlarge-up,
.hidden-for-xlarge,
.hidden-for-xlarge-down,
.visible-for-xxlarge-only,
.visible-for-xxlarge-up,
.visible-for-xxlarge,
.hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
table.hide-for-small-only,
table.show-for-small-up,
table.hide-for-small,
table.hide-for-small-down,
table.hide-for-medium-only,
table.show-for-medium-up,
table.hide-for-medium,
table.hide-for-medium-down,
table.hide-for-large-only,
table.show-for-large-up,
table.hide-for-large,
table.hide-for-large-down,
table.show-for-xlarge-only,
table.show-for-xlarge-up,
table.show-for-xlarge,
table.show-for-xlarge-down,
table.hide-for-xxlarge-only,
table.hide-for-xxlarge-up,
table.hide-for-xxlarge,
table.show-for-xxlarge-down {
display: table !important;
}
thead.hide-for-small-only,
thead.show-for-small-up,
thead.hide-for-small,
thead.hide-for-small-down,
thead.hide-for-medium-only,
thead.show-for-medium-up,
thead.hide-for-medium,
thead.hide-for-medium-down,
thead.hide-for-large-only,
thead.show-for-large-up,
thead.hide-for-large,
thead.hide-for-large-down,
thead.show-for-xlarge-only,
thead.show-for-xlarge-up,
thead.show-for-xlarge,
thead.show-for-xlarge-down,
thead.hide-for-xxlarge-only,
thead.hide-for-xxlarge-up,
thead.hide-for-xxlarge,
thead.show-for-xxlarge-down {
display: table-header-group !important;
}
tbody.hide-for-small-only,
tbody.show-for-small-up,
tbody.hide-for-small,
tbody.hide-for-small-down,
tbody.hide-for-medium-only,
tbody.show-for-medium-up,
tbody.hide-for-medium,
tbody.hide-for-medium-down,
tbody.hide-for-large-only,
tbody.show-for-large-up,
tbody.hide-for-large,
tbody.hide-for-large-down,
tbody.show-for-xlarge-only,
tbody.show-for-xlarge-up,
tbody.show-for-xlarge,
tbody.show-for-xlarge-down,
tbody.hide-for-xxlarge-only,
tbody.hide-for-xxlarge-up,
tbody.hide-for-xxlarge,
tbody.show-for-xxlarge-down {
display: table-row-group !important;
}
tr.hide-for-small-only,
tr.show-for-small-up,
tr.hide-for-small,
tr.hide-for-small-down,
tr.hide-for-medium-only,
tr.show-for-medium-up,
tr.hide-for-medium,
tr.hide-for-medium-down,
tr.hide-for-large-only,
tr.show-for-large-up,
tr.hide-for-large,
tr.hide-for-large-down,
tr.show-for-xlarge-only,
tr.show-for-xlarge-up,
tr.show-for-xlarge,
tr.show-for-xlarge-down,
tr.hide-for-xxlarge-only,
tr.hide-for-xxlarge-up,
tr.hide-for-xxlarge,
tr.show-for-xxlarge-down {
display: table-row;
}
th.hide-for-small-only,
td.hide-for-small-only,
th.show-for-small-up,
td.show-for-small-up,
th.hide-for-small,
td.hide-for-small,
th.hide-for-small-down,
td.hide-for-small-down,
th.hide-for-medium-only,
td.hide-for-medium-only,
th.show-for-medium-up,
td.show-for-medium-up,
th.hide-for-medium,
td.hide-for-medium,
th.hide-for-medium-down,
td.hide-for-medium-down,
th.hide-for-large-only,
td.hide-for-large-only,
th.show-for-large-up,
td.show-for-large-up,
th.hide-for-large,
td.hide-for-large,
th.hide-for-large-down,
td.hide-for-large-down,
th.show-for-xlarge-only,
td.show-for-xlarge-only,
th.show-for-xlarge-up,
td.show-for-xlarge-up,
th.show-for-xlarge,
td.show-for-xlarge,
th.show-for-xlarge-down,
td.show-for-xlarge-down,
th.hide-for-xxlarge-only,
td.hide-for-xxlarge-only,
th.hide-for-xxlarge-up,
td.hide-for-xxlarge-up,
th.hide-for-xxlarge,
td.hide-for-xxlarge,
th.show-for-xxlarge-down,
td.show-for-xxlarge-down {
display: table-cell !important;
}
}
@media only screen and (min-width: 128.0666666667em) {
.hide-for-small-only,
.show-for-small-up,
.hide-for-small,
.hide-for-small-down,
.hide-for-medium-only,
.show-for-medium-up,
.hide-for-medium,
.hide-for-medium-down,
.hide-for-large-only,
.show-for-large-up,
.hide-for-large,
.hide-for-large-down,
.hide-for-xlarge-only,
.show-for-xlarge-up,
.hide-for-xlarge,
.hide-for-xlarge-down,
.show-for-xxlarge-only,
.show-for-xxlarge-up,
.show-for-xxlarge,
.show-for-xxlarge-down {
display: inherit !important;
}
.show-for-small-only,
.hide-for-small-up,
.show-for-small,
.show-for-small-down,
.show-for-medium-only,
.hide-for-medium-up,
.show-for-medium,
.show-for-medium-down,
.show-for-large-only,
.hide-for-large-up,
.show-for-large,
.show-for-large-down,
.show-for-xlarge-only,
.hide-for-xlarge-up,
.show-for-xlarge,
.show-for-xlarge-down,
.hide-for-xxlarge-only,
.hide-for-xxlarge-up,
.hide-for-xxlarge,
.hide-for-xxlarge-down {
display: none !important;
}
.hidden-for-small-only,
.visible-for-small-up,
.hidden-for-small,
.hidden-for-small-down,
.hidden-for-medium-only,
.visible-for-medium-up,
.hidden-for-medium,
.hidden-for-medium-down,
.hidden-for-large-only,
.visible-for-large-up,
.hidden-for-large,
.hidden-for-large-down,
.hidden-for-xlarge-only,
.visible-for-xlarge-up,
.hidden-for-xlarge,
.hidden-for-xlarge-down,
.visible-for-xxlarge-only,
.visible-for-xxlarge-up,
.visible-for-xxlarge,
.visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
.visible-for-small-only,
.hidden-for-small-up,
.visible-for-small,
.visible-for-small-down,
.visible-for-medium-only,
.hidden-for-medium-up,
.visible-for-medium,
.visible-for-medium-down,
.visible-for-large-only,
.hidden-for-large-up,
.visible-for-large,
.visible-for-large-down,
.visible-for-xlarge-only,
.hidden-for-xlarge-up,
.visible-for-xlarge,
.visible-for-xlarge-down,
.hidden-for-xxlarge-only,
.hidden-for-xxlarge-up,
.hidden-for-xxlarge,
.hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
table.hide-for-small-only,
table.show-for-small-up,
table.hide-for-small,
table.hide-for-small-down,
table.hide-for-medium-only,
table.show-for-medium-up,
table.hide-for-medium,
table.hide-for-medium-down,
table.hide-for-large-only,
table.show-for-large-up,
table.hide-for-large,
table.hide-for-large-down,
table.hide-for-xlarge-only,
table.show-for-xlarge-up,
table.hide-for-xlarge,
table.hide-for-xlarge-down,
table.show-for-xxlarge-only,
table.show-for-xxlarge-up,
table.show-for-xxlarge,
table.show-for-xxlarge-down {
display: table !important;
}
thead.hide-for-small-only,
thead.show-for-small-up,
thead.hide-for-small,
thead.hide-for-small-down,
thead.hide-for-medium-only,
thead.show-for-medium-up,
thead.hide-for-medium,
thead.hide-for-medium-down,
thead.hide-for-large-only,
thead.show-for-large-up,
thead.hide-for-large,
thead.hide-for-large-down,
thead.hide-for-xlarge-only,
thead.show-for-xlarge-up,
thead.hide-for-xlarge,
thead.hide-for-xlarge-down,
thead.show-for-xxlarge-only,
thead.show-for-xxlarge-up,
thead.show-for-xxlarge,
thead.show-for-xxlarge-down {
display: table-header-group !important;
}
tbody.hide-for-small-only,
tbody.show-for-small-up,
tbody.hide-for-small,
tbody.hide-for-small-down,
tbody.hide-for-medium-only,
tbody.show-for-medium-up,
tbody.hide-for-medium,
tbody.hide-for-medium-down,
tbody.hide-for-large-only,
tbody.show-for-large-up,
tbody.hide-for-large,
tbody.hide-for-large-down,
tbody.hide-for-xlarge-only,
tbody.show-for-xlarge-up,
tbody.hide-for-xlarge,
tbody.hide-for-xlarge-down,
tbody.show-for-xxlarge-only,
tbody.show-for-xxlarge-up,
tbody.show-for-xxlarge,
tbody.show-for-xxlarge-down {
display: table-row-group !important;
}
tr.hide-for-small-only,
tr.show-for-small-up,
tr.hide-for-small,
tr.hide-for-small-down,
tr.hide-for-medium-only,
tr.show-for-medium-up,
tr.hide-for-medium,
tr.hide-for-medium-down,
tr.hide-for-large-only,
tr.show-for-large-up,
tr.hide-for-large,
tr.hide-for-large-down,
tr.hide-for-xlarge-only,
tr.show-for-xlarge-up,
tr.hide-for-xlarge,
tr.hide-for-xlarge-down,
tr.show-for-xxlarge-only,
tr.show-for-xxlarge-up,
tr.show-for-xxlarge,
tr.show-for-xxlarge-down {
display: table-row;
}
th.hide-for-small-only,
td.hide-for-small-only,
th.show-for-small-up,
td.show-for-small-up,
th.hide-for-small,
td.hide-for-small,
th.hide-for-small-down,
td.hide-for-small-down,
th.hide-for-medium-only,
td.hide-for-medium-only,
th.show-for-medium-up,
td.show-for-medium-up,
th.hide-for-medium,
td.hide-for-medium,
th.hide-for-medium-down,
td.hide-for-medium-down,
th.hide-for-large-only,
td.hide-for-large-only,
th.show-for-large-up,
td.show-for-large-up,
th.hide-for-large,
td.hide-for-large,
th.hide-for-large-down,
td.hide-for-large-down,
th.hide-for-xlarge-only,
td.hide-for-xlarge-only,
th.show-for-xlarge-up,
td.show-for-xlarge-up,
th.hide-for-xlarge,
td.hide-for-xlarge,
th.hide-for-xlarge-down,
td.hide-for-xlarge-down,
th.show-for-xxlarge-only,
td.show-for-xxlarge-only,
th.show-for-xxlarge-up,
td.show-for-xxlarge-up,
th.show-for-xxlarge,
td.show-for-xxlarge,
th.show-for-xxlarge-down,
td.show-for-xxlarge-down {
display: table-cell !important;
}
}
.show-for-landscape,
.hide-for-portrait {
display: inherit !important;
}
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
table.hide-for-landscape,
table.show-for-portrait {
display: table !important;
}
thead.hide-for-landscape,
thead.show-for-portrait {
display: table-header-group !important;
}
tbody.hide-for-landscape,
tbody.show-for-portrait {
display: table-row-group !important;
}
tr.hide-for-landscape,
tr.show-for-portrait {
display: table-row !important;
}
td.hide-for-landscape,
td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
display: table-cell !important;
}
@media only screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
display: inherit !important;
}
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
table.show-for-landscape,
table.hide-for-portrait {
display: table !important;
}
thead.show-for-landscape,
thead.hide-for-portrait {
display: table-header-group !important;
}
tbody.show-for-landscape,
tbody.hide-for-portrait {
display: table-row-group !important;
}
tr.show-for-landscape,
tr.hide-for-portrait {
display: table-row !important;
}
td.show-for-landscape,
td.hide-for-portrait,
th.show-for-landscape,
th.hide-for-portrait {
display: table-cell !important;
}
}
@media only screen and (orientation: portrait) {
.show-for-portrait,
.hide-for-landscape {
display: inherit !important;
}
.hide-for-portrait,
.show-for-landscape {
display: none !important;
}
table.show-for-portrait,
table.hide-for-landscape {
display: table !important;
}
thead.show-for-portrait,
thead.hide-for-landscape {
display: table-header-group !important;
}
tbody.show-for-portrait,
tbody.hide-for-landscape {
display: table-row-group !important;
}
tr.show-for-portrait,
tr.hide-for-landscape {
display: table-row !important;
}
td.show-for-portrait,
td.hide-for-landscape,
th.show-for-portrait,
th.hide-for-landscape {
display: table-cell !important;
}
}
.show-for-touch {
display: none !important;
}
.hide-for-touch {
display: inherit !important;
}
.touch .show-for-touch {
display: inherit !important;
}
.touch .hide-for-touch {
display: none !important;
}
table.hide-for-touch {
display: table !important;
}
.touch table.show-for-touch {
display: table !important;
}
thead.hide-for-touch {
display: table-header-group !important;
}
.touch thead.show-for-touch {
display: table-header-group !important;
}
tbody.hide-for-touch {
display: table-row-group !important;
}
.touch tbody.show-for-touch {
display: table-row-group !important;
}
tr.hide-for-touch {
display: table-row !important;
}
.touch tr.show-for-touch {
display: table-row !important;
}
td.hide-for-touch {
display: table-cell !important;
}
.touch td.show-for-touch {
display: table-cell !important;
}
th.hide-for-touch {
display: table-cell !important;
}
.touch th.show-for-touch {
display: table-cell !important;
}
.show-for-sr {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.show-on-focus {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.show-on-focus:focus,
.show-on-focus:active {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
.print-only,
.show-for-print {
display: none !important;
}
@media print {
.print-only,
.show-for-print {
display: block !important;
}
.hide-on-print,
.hide-for-print {
display: none !important;
}
table.show-for-print {
display: table !important;
}
thead.show-for-print {
display: table-header-group !important;
}
tbody.show-for-print {
display: table-row-group !important;
}
tr.show-for-print {
display: table-row !important;
}
td.show-for-print {
display: table-cell !important;
}
th.show-for-print {
display: table-cell !important;
}
}
@media only screen {
.xsmall-push-0 {
position: relative;
left: 0;
right: auto;
}
.xsmall-pull-0 {
position: relative;
right: 0;
left: auto;
}
.xsmall-push-1 {
position: relative;
left: 8.3333333333%;
right: auto;
}
.xsmall-pull-1 {
position: relative;
right: 8.3333333333%;
left: auto;
}
.xsmall-push-2 {
position: relative;
left: 16.6666666667%;
right: auto;
}
.xsmall-pull-2 {
position: relative;
right: 16.6666666667%;
left: auto;
}
.xsmall-push-3 {
position: relative;
left: 25%;
right: auto;
}
.xsmall-pull-3 {
position: relative;
right: 25%;
left: auto;
}
.xsmall-push-4 {
position: relative;
left: 33.3333333333%;
right: auto;
}
.xsmall-pull-4 {
position: relative;
right: 33.3333333333%;
left: auto;
}
.xsmall-push-5 {
position: relative;
left: 41.6666666667%;
right: auto;
}
.xsmall-pull-5 {
position: relative;
right: 41.6666666667%;
left: auto;
}
.xsmall-push-6 {
position: relative;
left: 50%;
right: auto;
}
.xsmall-pull-6 {
position: relative;
right: 50%;
left: auto;
}
.xsmall-push-7 {
position: relative;
left: 58.3333333333%;
right: auto;
}
.xsmall-pull-7 {
position: relative;
right: 58.3333333333%;
left: auto;
}
.xsmall-push-8 {
position: relative;
left: 66.6666666667%;
right: auto;
}
.xsmall-pull-8 {
position: relative;
right: 66.6666666667%;
left: auto;
}
.xsmall-push-9 {
position: relative;
left: 75%;
right: auto;
}
.xsmall-pull-9 {
position: relative;
right: 75%;
left: auto;
}
.xsmall-push-10 {
position: relative;
left: 83.3333333333%;
right: auto;
}
.xsmall-pull-10 {
position: relative;
right: 83.3333333333%;
left: auto;
}
.xsmall-push-11 {
position: relative;
left: 91.6666666667%;
right: auto;
}
.xsmall-pull-11 {
position: relative;
right: 91.6666666667%;
left: auto;
}
.column,
.columns {
position: relative;
padding-left: 0px;
padding-right: 0px;
float: left;
}
.xsmall-1 {
width: 8.3333333333%;
}
.xsmall-2 {
width: 16.6666666667%;
}
.xsmall-3 {
width: 25%;
}
.xsmall-4 {
width: 33.3333333333%;
}
.xsmall-5 {
width: 41.6666666667%;
}
.xsmall-6 {
width: 50%;
}
.xsmall-7 {
width: 58.3333333333%;
}
.xsmall-8 {
width: 66.6666666667%;
}
.xsmall-9 {
width: 75%;
}
.xsmall-10 {
width: 83.3333333333%;
}
.xsmall-11 {
width: 91.6666666667%;
}
.xsmall-12 {
width: 100%;
}
.xsmall-offset-0 {
margin-left: 0 !important;
}
.xsmall-offset-1 {
margin-left: 8.3333333333% !important;
}
.xsmall-offset-2 {
margin-left: 16.6666666667% !important;
}
.xsmall-offset-3 {
margin-left: 25% !important;
}
.xsmall-offset-4 {
margin-left: 33.3333333333% !important;
}
.xsmall-offset-5 {
margin-left: 41.6666666667% !important;
}
.xsmall-offset-6 {
margin-left: 50% !important;
}
.xsmall-offset-7 {
margin-left: 58.3333333333% !important;
}
.xsmall-offset-8 {
margin-left: 66.6666666667% !important;
}
.xsmall-offset-9 {
margin-left: 75% !important;
}
.xsmall-offset-10 {
margin-left: 83.3333333333% !important;
}
.xsmall-offset-11 {
margin-left: 91.6666666667% !important;
}
.xsmall-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto;
}
.column.xsmall-centered,
.columns.xsmall-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
.column.xsmall-uncentered,
.columns.xsmall-uncentered {
float: left;
margin-left: 0;
margin-right: 0;
}
.column.xsmall-centered:last-child,
.columns.xsmall-centered:last-child {
float: none;
}
.column.xsmall-uncentered:last-child,
.columns.xsmall-uncentered:last-child {
float: left;
}
.column.xsmall-uncentered.opposite,
.columns.xsmall-uncentered.opposite {
float: right;
}
.row.xsmall-collapse > .column,
.row.xsmall-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.xsmall-collapse .row {
margin-left: 0;
margin-right: 0;
}
.row.xsmall-uncollapse > .column,
.row.xsmall-uncollapse > .columns {
padding-left: 0px;
padding-right: 0px;
float: left;
}
}
@media only screen and (min-width: 25.2666666667em) {
.small-push-0 {
position: relative;
left: 0;
right: auto;
}
.small-pull-0 {
position: relative;
right: 0;
left: auto;
}
.small-push-1 {
position: relative;
left: 8.3333333333%;
right: auto;
}
.small-pull-1 {
position: relative;
right: 8.3333333333%;
left: auto;
}
.small-push-2 {
position: relative;
left: 16.6666666667%;
right: auto;
}
.small-pull-2 {
position: relative;
right: 16.6666666667%;
left: auto;
}
.small-push-3 {
position: relative;
left: 25%;
right: auto;
}
.small-pull-3 {
position: relative;
right: 25%;
left: auto;
}
.small-push-4 {
position: relative;
left: 33.3333333333%;
right: auto;
}
.small-pull-4 {
position: relative;
right: 33.3333333333%;
left: auto;
}
.small-push-5 {
position: relative;
left: 41.6666666667%;
right: auto;
}
.small-pull-5 {
position: relative;
right: 41.6666666667%;
left: auto;
}
.small-push-6 {
position: relative;
left: 50%;
right: auto;
}
.small-pull-6 {
position: relative;
right: 50%;
left: auto;
}
.small-push-7 {
position: relative;
left: 58.3333333333%;
right: auto;
}
.small-pull-7 {
position: relative;
right: 58.3333333333%;
left: auto;
}
.small-push-8 {
position: relative;
left: 66.6666666667%;
right: auto;
}
.small-pull-8 {
position: relative;
right: 66.6666666667%;
left: auto;
}
.small-push-9 {
position: relative;
left: 75%;
right: auto;
}
.small-pull-9 {
position: relative;
right: 75%;
left: auto;
}
.small-push-10 {
position: relative;
left: 83.3333333333%;
right: auto;
}
.small-pull-10 {
position: relative;
right: 83.3333333333%;
left: auto;
}
.small-push-11 {
position: relative;
left: 91.6666666667%;
right: auto;
}
.small-pull-11 {
position: relative;
right: 91.6666666667%;
left: auto;
}
.column,
.columns {
position: relative;
padding-left: 0px;
padding-right: 0px;
float: left;
}
.small-1 {
width: 8.3333333333%;
}
.small-2 {
width: 16.6666666667%;
}
.small-3 {
width: 25%;
}
.small-4 {
width: 33.3333333333%;
}
.small-5 {
width: 41.6666666667%;
}
.small-6 {
width: 50%;
}
.small-7 {
width: 58.3333333333%;
}
.small-8 {
width: 66.6666666667%;
}
.small-9 {
width: 75%;
}
.small-10 {
width: 83.3333333333%;
}
.small-11 {
width: 91.6666666667%;
}
.small-12 {
width: 100%;
}
.small-offset-0 {
margin-left: 0 !important;
}
.small-offset-1 {
margin-left: 8.3333333333% !important;
}
.small-offset-2 {
margin-left: 16.6666666667% !important;
}
.small-offset-3 {
margin-left: 25% !important;
}
.small-offset-4 {
margin-left: 33.3333333333% !important;
}
.small-offset-5 {
margin-left: 41.6666666667% !important;
}
.small-offset-6 {
margin-left: 50% !important;
}
.small-offset-7 {
margin-left: 58.3333333333% !important;
}
.small-offset-8 {
margin-left: 66.6666666667% !important;
}
.small-offset-9 {
margin-left: 75% !important;
}
.small-offset-10 {
margin-left: 83.3333333333% !important;
}
.small-offset-11 {
margin-left: 91.6666666667% !important;
}
.small-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto;
}
.column.small-centered,
.columns.small-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
.column.small-uncentered,
.columns.small-uncentered {
float: left;
margin-left: 0;
margin-right: 0;
}
.column.small-centered:last-child,
.columns.small-centered:last-child {
float: none;
}
.column.small-uncentered:last-child,
.columns.small-uncentered:last-child {
float: left;
}
.column.small-uncentered.opposite,
.columns.small-uncentered.opposite {
float: right;
}
.row.small-collapse > .column,
.row.small-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.small-collapse .row {
margin-left: 0;
margin-right: 0;
}
.row.small-uncollapse > .column,
.row.small-uncollapse > .columns {
padding-left: 0px;
padding-right: 0px;
float: left;
}
}
@media only screen and (min-width: 42.7333333333em) {
.medium-push-0 {
position: relative;
left: 0;
right: auto;
}
.medium-pull-0 {
position: relative;
right: 0;
left: auto;
}
.medium-push-1 {
position: relative;
left: 8.3333333333%;
right: auto;
}
.medium-pull-1 {
position: relative;
right: 8.3333333333%;
left: auto;
}
.medium-push-2 {
position: relative;
left: 16.6666666667%;
right: auto;
}
.medium-pull-2 {
position: relative;
right: 16.6666666667%;
left: auto;
}
.medium-push-3 {
position: relative;
left: 25%;
right: auto;
}
.medium-pull-3 {
position: relative;
right: 25%;
left: auto;
}
.medium-push-4 {
position: relative;
left: 33.3333333333%;
right: auto;
}
.medium-pull-4 {
position: relative;
right: 33.3333333333%;
left: auto;
}
.medium-push-5 {
position: relative;
left: 41.6666666667%;
right: auto;
}
.medium-pull-5 {
position: relative;
right: 41.6666666667%;
left: auto;
}
.medium-push-6 {
position: relative;
left: 50%;
right: auto;
}
.medium-pull-6 {
position: relative;
right: 50%;
left: auto;
}
.medium-push-7 {
position: relative;
left: 58.3333333333%;
right: auto;
}
.medium-pull-7 {
position: relative;
right: 58.3333333333%;
left: auto;
}
.medium-push-8 {
position: relative;
left: 66.6666666667%;
right: auto;
}
.medium-pull-8 {
position: relative;
right: 66.6666666667%;
left: auto;
}
.medium-push-9 {
position: relative;
left: 75%;
right: auto;
}
.medium-pull-9 {
position: relative;
right: 75%;
left: auto;
}
.medium-push-10 {
position: relative;
left: 83.3333333333%;
right: auto;
}
.medium-pull-10 {
position: relative;
right: 83.3333333333%;
left: auto;
}
.medium-push-11 {
position: relative;
left: 91.6666666667%;
right: auto;
}
.medium-pull-11 {
position: relative;
right: 91.6666666667%;
left: auto;
}
.column,
.columns {
position: relative;
padding-left: 0px;
padding-right: 0px;
float: left;
}
.medium-1 {
width: 8.3333333333%;
}
.medium-2 {
width: 16.6666666667%;
}
.medium-3 {
width: 25%;
}
.medium-4 {
width: 33.3333333333%;
}
.medium-5 {
width: 41.6666666667%;
}
.medium-6 {
width: 50%;
}
.medium-7 {
width: 58.3333333333%;
}
.medium-8 {
width: 66.6666666667%;
}
.medium-9 {
width: 75%;
}
.medium-10 {
width: 83.3333333333%;
}
.medium-11 {
width: 91.6666666667%;
}
.medium-12 {
width: 100%;
}
.medium-offset-0 {
margin-left: 0 !important;
}
.medium-offset-1 {
margin-left: 8.3333333333% !important;
}
.medium-offset-2 {
margin-left: 16.6666666667% !important;
}
.medium-offset-3 {
margin-left: 25% !important;
}
.medium-offset-4 {
margin-left: 33.3333333333% !important;
}
.medium-offset-5 {
margin-left: 41.6666666667% !important;
}
.medium-offset-6 {
margin-left: 50% !important;
}
.medium-offset-7 {
margin-left: 58.3333333333% !important;
}
.medium-offset-8 {
margin-left: 66.6666666667% !important;
}
.medium-offset-9 {
margin-left: 75% !important;
}
.medium-offset-10 {
margin-left: 83.3333333333% !important;
}
.medium-offset-11 {
margin-left: 91.6666666667% !important;
}
.medium-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto;
}
.column.medium-centered,
.columns.medium-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
.column.medium-uncentered,
.columns.medium-uncentered {
float: left;
margin-left: 0;
margin-right: 0;
}
.column.medium-centered:last-child,
.columns.medium-centered:last-child {
float: none;
}
.column.medium-uncentered:last-child,
.columns.medium-uncentered:last-child {
float: left;
}
.column.medium-uncentered.opposite,
.columns.medium-uncentered.opposite {
float: right;
}
.row.medium-collapse > .column,
.row.medium-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.medium-collapse .row {
margin-left: 0;
margin-right: 0;
}
.row.medium-uncollapse > .column,
.row.medium-uncollapse > .columns {
padding-left: 0px;
padding-right: 0px;
float: left;
}
}
@media only screen and (min-width: 68.3333333333em) {
.large-push-0 {
position: relative;
left: 0;
right: auto;
}
.large-pull-0 {
position: relative;
right: 0;
left: auto;
}
.large-push-1 {
position: relative;
left: 8.3333333333%;
right: auto;
}
.large-pull-1 {
position: relative;
right: 8.3333333333%;
left: auto;
}
.large-push-2 {
position: relative;
left: 16.6666666667%;
right: auto;
}
.large-pull-2 {
position: relative;
right: 16.6666666667%;
left: auto;
}
.large-push-3 {
position: relative;
left: 25%;
right: auto;
}
.large-pull-3 {
position: relative;
right: 25%;
left: auto;
}
.large-push-4 {
position: relative;
left: 33.3333333333%;
right: auto;
}
.large-pull-4 {
position: relative;
right: 33.3333333333%;
left: auto;
}
.large-push-5 {
position: relative;
left: 41.6666666667%;
right: auto;
}
.large-pull-5 {
position: relative;
right: 41.6666666667%;
left: auto;
}
.large-push-6 {
position: relative;
left: 50%;
right: auto;
}
.large-pull-6 {
position: relative;
right: 50%;
left: auto;
}
.large-push-7 {
position: relative;
left: 58.3333333333%;
right: auto;
}
.large-pull-7 {
position: relative;
right: 58.3333333333%;
left: auto;
}
.large-push-8 {
position: relative;
left: 66.6666666667%;
right: auto;
}
.large-pull-8 {
position: relative;
right: 66.6666666667%;
left: auto;
}
.large-push-9 {
position: relative;
left: 75%;
right: auto;
}
.large-pull-9 {
position: relative;
right: 75%;
left: auto;
}
.large-push-10 {
position: relative;
left: 83.3333333333%;
right: auto;
}
.large-pull-10 {
position: relative;
right: 83.3333333333%;
left: auto;
}
.large-push-11 {
position: relative;
left: 91.6666666667%;
right: auto;
}
.large-pull-11 {
position: relative;
right: 91.6666666667%;
left: auto;
}
.column,
.columns {
position: relative;
padding-left: 0px;
padding-right: 0px;
float: left;
}
.large-1 {
width: 8.3333333333%;
}
.large-2 {
width: 16.6666666667%;
}
.large-3 {
width: 25%;
}
.large-4 {
width: 33.3333333333%;
}
.large-5 {
width: 41.6666666667%;
}
.large-6 {
width: 50%;
}
.large-7 {
width: 58.3333333333%;
}
.large-8 {
width: 66.6666666667%;
}
.large-9 {
width: 75%;
}
.large-10 {
width: 83.3333333333%;
}
.large-11 {
width: 91.6666666667%;
}
.large-12 {
width: 100%;
}
.large-offset-0 {
margin-left: 0 !important;
}
.large-offset-1 {
margin-left: 8.3333333333% !important;
}
.large-offset-2 {
margin-left: 16.6666666667% !important;
}
.large-offset-3 {
margin-left: 25% !important;
}
.large-offset-4 {
margin-left: 33.3333333333% !important;
}
.large-offset-5 {
margin-left: 41.6666666667% !important;
}
.large-offset-6 {
margin-left: 50% !important;
}
.large-offset-7 {
margin-left: 58.3333333333% !important;
}
.large-offset-8 {
margin-left: 66.6666666667% !important;
}
.large-offset-9 {
margin-left: 75% !important;
}
.large-offset-10 {
margin-left: 83.3333333333% !important;
}
.large-offset-11 {
margin-left: 91.6666666667% !important;
}
.large-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto;
}
.column.large-centered,
.columns.large-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
.column.large-uncentered,
.columns.large-uncentered {
float: left;
margin-left: 0;
margin-right: 0;
}
.column.large-centered:last-child,
.columns.large-centered:last-child {
float: none;
}
.column.large-uncentered:last-child,
.columns.large-uncentered:last-child {
float: left;
}
.column.large-uncentered.opposite,
.columns.large-uncentered.opposite {
float: right;
}
.row.large-collapse > .column,
.row.large-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.large-collapse .row {
margin-left: 0;
margin-right: 0;
}
.row.large-uncollapse > .column,
.row.large-uncollapse > .columns {
padding-left: 0px;
padding-right: 0px;
float: left;
}
}
.clearfix:before,
.bausteinWrapper .btns:before,
.clearfix:after,
.bausteinWrapper .btns:after {
content: '';
display: table;
}
.clearfix:after,
.bausteinWrapper .btns:after {
clear: both;
}
.clearfix,
.bausteinWrapper .btns {
zoom: 1;
}
h1 {
color: #2c6cb8;
font-size: 1.7em;
font-weight: 500;
}
h3 {
font-size: 1.2rem;
line-height: 1.2;
margin-bottom: 0.2rem;
}
span.b {
font-weight: 500;
}
span.bold {
font-weight: 500;
}
span.small {
font-size: 0.8rem;
}
span.green {
color: #34bd18;
}
span.red {
color: #e20024;
}
.red-background {
background-color: red !important;
}
.bigger-font,
.detail-wrapper .product-details .product-details-body .detail-rows,
.price-box .price-background-wrapper .price-row .price {
font-size: 1.2rem;
}
span.link,
a {
color: #004f87;
}
span.link:hover,
a:hover {
color: #2c6cb8;
}
a.infoBtn {
background: url(/assets/img/info.png);
background-size: contain;
width: 2em;
height: 2em;
display: block;
}
a.down:after {
font-family: 'entypo';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-size: 1rem;
vertical-align: middle;
margin-left: 0.3333333333rem;
content: '';
}
a.go:after {
font-family: 'entypo';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-size: 1rem;
vertical-align: middle;
margin-left: 0.3333333333rem;
content: '';
}
a.go.big:after {
font-size: 1.6rem;
}
hr {
border: solid #9b9b9b;
border-width: 0.0666666667rem 0 0;
}
img.small {
max-width: 1em;
max-height: 1em;
margin-right: 0.5em;
margin-left: 0.5em;
}
img.middle {
max-width: 1.6em;
max-height: 1.6em;
margin-right: 1em;
}
img.big {
max-width: 2.2em;
max-height: 2.2em;
margin-right: 1em;
}
input[type='submit'] {
border-radius: 0.2rem;
}
input,
select {
border-radius: 0.2rem !important;
}
input.has-error,
select.has-error {
border: 0.0666666667rem red solid !important;
}
input.has-error + label,
select.has-error + label {
color: red;
}
input.not-known,
select.not-known {
border: 0.0666666667rem blue solid !important;
}
input.not-known + label,
select.not-known + label {
color: blue;
}
input.valid,
select.valid {
background-color: rgba(0, 255, 0, 0.0705882353);
}
input.notvalid,
select.notvalid {
background-color: rgba(255, 0, 0, 0.0705882353);
}
input,
input:focus,
select {
background-color: #fff;
}
.checkbox input[type='checkbox'],
.checkbox input[type='radio'] {
display: none;
}
.checkbox input[type='checkbox'] + label,
.checkbox input[type='radio'] + label {
margin: 0;
}
.checkbox input[type='checkbox'] + label:before,
.checkbox input[type='radio'] + label:before {
content: ' ';
width: 2em;
height: 2em;
display: inline-block;
background: url('/assets/img/icon-check_unchecked.png') center center no-repeat;
background-size: contain;
vertical-align: middle;
margin-bottom: 1em;
margin-top: 0.6rem;
}
.checkbox input[type='checkbox'][disabled='disabled'] + label:before,
.checkbox input[type='radio'][disabled='disabled'] + label:before {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.checkbox input[type='checkbox']:checked + label:before,
.checkbox input[type='radio']:checked + label:before {
background: url('/assets/img/icon-check_checked.png') center center no-repeat;
background-size: contain;
}
.checkbox input[type='checkbox'].white + label:before,
.checkbox input[type='radio'].white + label:before {
content: ' ';
width: 2em;
height: 2em;
display: inline-block;
background: url('/assets/img/icon-check_unchecked_white.png') center center no-repeat;
background-size: contain;
vertical-align: middle;
margin-bottom: 1em;
margin-top: 0.6rem;
}
.checkbox input[type='checkbox'].white:checked + label:before,
.checkbox input[type='radio'].white:checked + label:before {
background: url('/assets/img/icon-check_checked_white.png') center center no-repeat;
background-size: contain;
}
.row.collapse .columns input {
border-radius: 0.2rem 0 0 0.2rem !important;
}
.row.collapse .columns .button.postfix {
background: #2c6cb8 url(/assets/img/icon-search-w.png) center center no-repeat;
background-size: 50%;
height: 2.4666666667rem;
border-radius: 0 0.2rem 0.2rem 0 !important;
}
.control-label.withsymbol {
margin-top: -20px;
}
.control-label.withsymbol .postfix {
background: #fff;
color: #333;
border-color: #003b55;
border-left: 0;
margin-left: -2px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.solid-list.red,
.solid-list .red {
color: #a00;
}
input.prefix-euro {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
padding-left: 16px;
}
input.prefix-percent,
input.prefix-percent:focus {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
padding-left: 20px;
}
.use-gutter .columns {
padding: 1rem 0.3333333333rem;
}
.no-label,
form .row .row .column.no-label,
form .row .row .columns.no-label {
padding-top: 1rem;
}
.no-select {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.table-wrapper {
width: 100%;
overflow-x: auto;
}
.switchbox-float-label {
float: left;
margin-top: 7px;
}
.vn-error {
color: #e20024 !important;
}
.password-indicator p {
font-size: 0.8rem;
margin-bottom: 0.2rem;
color: #999 !important;
}
.password-indicator p.active {
color: #64c04d !important;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url('../../assets/font/roboto-fonts/roboto-v30-latin-300.eot');
src: local(''), url('../../assets/font/roboto-fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), url('../../assets/font/roboto-fonts/roboto-v30-latin-300.woff2') format('woff2'), url('../../assets/font/roboto-fonts/roboto-v30-latin-300.woff') format('woff'), url('../../assets/font/roboto-fonts/roboto-v30-latin-300.ttf') format('truetype'), url('../../assets/font/roboto-fonts/roboto-v30-latin-300.svg#Roboto') format('svg');
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: url('../../assets/font/roboto-fonts/roboto-v30-latin-italic.eot');
src: local(''), url('../../assets/font/roboto-fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), url('../../assets/font/roboto-fonts/roboto-v30-latin-italic.woff2') format('woff2'), url('../../assets/font/roboto-fonts/roboto-v30-latin-italic.woff') format('woff'), url('../../assets/font/roboto-fonts/roboto-v30-latin-italic.ttf') format('truetype'), url('../../assets/font/roboto-fonts/roboto-v30-latin-italic.svg#Roboto') format('svg');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url('../../assets/font/roboto-fonts/roboto-v30-latin-500.eot');
src: local(''), url('../../assets/font/roboto-fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), url('../../assets/font/roboto-fonts/roboto-v30-latin-500.woff2') format('woff2'), url('../../assets/font/roboto-fonts/roboto-v30-latin-500.woff') format('woff'), url('../../assets/font/roboto-fonts/roboto-v30-latin-500.ttf') format('truetype'), url('../../assets/font/roboto-fonts/roboto-v30-latin-500.svg#Roboto') format('svg');
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: url('../../assets/font/roboto-fonts/roboto-v30-latin-500italic.eot');
src: local(''), url('../../assets/font/roboto-fonts/roboto-v30-latin-500italic.eot?#iefix') format('embedded-opentype'), url('../../assets/font/roboto-fonts/roboto-v30-latin-500italic.woff2') format('woff2'), url('../../assets/font/roboto-fonts/roboto-v30-latin-500italic.woff') format('woff'), url('../../assets/font/roboto-fonts/roboto-v30-latin-500italic.ttf') format('truetype'), url('../../assets/font/roboto-fonts/roboto-v30-latin-500italic.svg#Roboto') format('svg');
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: url('../../assets/font/roboto-fonts/roboto-v30-latin-700italic.eot');
src: local(''), url('../../assets/font/roboto-fonts/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), url('../../assets/font/roboto-fonts/roboto-v30-latin-700italic.woff2') format('woff2'), url('../../assets/font/roboto-fonts/roboto-v30-latin-700italic.woff') format('woff'), url('../../assets/font/roboto-fonts/roboto-v30-latin-700italic.ttf') format('truetype'), url('../../assets/font/roboto-fonts/roboto-v30-latin-700italic.svg#Roboto') format('svg');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url('../../assets/font/roboto-fonts/roboto-v30-latin-700.eot');
src: local(''), url('../../assets/font/roboto-fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), url('../../assets/font/roboto-fonts/roboto-v30-latin-700.woff2') format('woff2'), url('../../assets/font/roboto-fonts/roboto-v30-latin-700.woff') format('woff'), url('../../assets/font/roboto-fonts/roboto-v30-latin-700.ttf') format('truetype'), url('../../assets/font/roboto-fonts/roboto-v30-latin-700.svg#Roboto') format('svg');
}
@font-face {
font-family: 'entypo';
src: url('../../assets/font/entypo/fonts/entypo.woff?-xhplbe') format('woff'), url('../../assets/font/entypo/fonts/entypo.ttf?-xhplbe') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'fonticons';
src: url('../../assets/font/fonticons/fonticons.woff?23ec64') format('woff'), url('../../assets/font/fonticons/fonticons.ttf?23ec64') format('truetype');
font-weight: normal;
font-style: normal;
}
.font-icon {
font-family: 'fonticons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-align: center;
speak: none;
margin-right: 0.2666666667rem;
margin-left: 0.2666666667rem;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.font-icon {
color: #2c6cb8;
}
.font-icon-alt {
color: #97bbe6;
}
.icon-check:before {
content: '';
}
.icon-close:before {
content: '';
}
.icon-plus:before {
content: '';
}
.icon-minus:before {
content: '';
}
.icon-calculator:before {
content: '';
}
.icon-play:before {
content: '';
}
.icon-info:before {
content: '';
}
.icon-others:before {
content: '';
}
.icon-telephone:before {
content: '';
}
.icon-statistics:before {
content: '';
}
.icon-support:before {
content: '';
}
.icon-euro:before {
content: '';
}
.icon-laws:before {
content: '';
}
.icon-contact:before {
content: '';
}
.icon-verguetung:before {
content: '';
}
.icon-login:before {
content: '';
}
.icon-logout:before {
content: '';
}
.icon-cockpit:before {
content: '';
}
.icon-tick:before {
content: '';
}
.icon-arrow-left:before {
content: '';
}
.icon-arrow-right:before {
content: '';
}
.icon-arrow-up:before {
content: '';
}
.icon-arrow-down:before {
content: '';
}
.icon-left:before {
content: '';
}
.icon-right:before {
content: '';
}
.icon-up:before {
content: '';
}
.icon-down:before {
content: '';
}
.icon-download:before {
content: '';
}
.icon-upload:before {
content: '';
}
.icon-cashback:before {
content: '';
}
.icon-design:before {
content: '';
}
.icon-work-clothes:before {
content: '';
}
.icon-company:before {
content: '';
}
.icon-entgelterhoehung:before {
content: '';
}
.icon-advertising:before {
content: '';
}
.icon-aid-holidays:before {
content: '';
}
.icon-garage:before {
content: '';
}
.icon-auto:before {
content: '';
}
.icon-bike:before {
content: '';
}
.icon-boat:before {
content: '';
}
.icon-coupons:before {
content: '';
}
.icon-dailydeals:before {
content: '';
}
.icon-dog:before {
content: '';
}
.icon-horse:before {
content: '';
}
.icon-food:before {
content: '';
}
.icon-garden:before {
content: '';
}
.icon-hobby:before {
content: '';
}
.icon-home:before {
content: '';
}
.icon-homework:before {
content: '';
}
.icon-internet:before {
content: '';
}
.icon-kindergarden:before {
content: '';
}
.icon-location:before {
content: '';
}
.icon-lock:before {
content: '';
}
.icon-mode:before {
content: '';
}
.icon-module:before {
content: '';
}
.icon-olitank:before {
content: '';
}
.icon-search:before {
content: '';
}
.icon-services:before {
content: '';
}
.icon-trips:before {
content: '';
}
.icon-versicherungen:before {
content: '';
}
.icon-vorsorge:before {
content: '';
}
.icon-shopping:before {
content: '';
}
.icon-sachbezug:before {
content: '';
}
.icon-users:before {
content: '';
}
.icon-user:before {
content: '';
}
.icon-consulent:before {
content: '';
}
.icon-chat:before {
content: '';
}
.icon-fitness:before {
content: '';
}
.icon-document:before {
content: '';
}
.icon-tablet:before {
content: '';
}
.icon-mobile:before {
content: '';
}
.icon-laptop:before {
content: '';
}
.icon-webinar:before {
content: '';
}
.icon-tv:before {
content: '';
}
.icon-creditcard:before {
content: '';
}
.icon-hamburger:before {
content: '';
}
.icon-delete:before {
content: '';
}
.icon-notification:before {
content: '';
}
.icon-phone:before {
content: '';
}
.icon-email:before {
content: '';
}
.icon-settings:before {
content: '';
}
.icon-settings2:before {
content: '';
}
.icon-waitwatch:before {
content: '';
}
.icon-pending:before {
content: '';
}
.icon-lock-solid:before {
content: '';
}
.icon-200-_1_:before {
content: '';
}
.icon-200:before {
content: '';
}
.icon-exit:before {
content: '';
} /*!
* Quill Editor v1.3.6
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/
.ql-container {
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
height: 100%;
margin: 0px;
position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
pointer-events: none;
}
.ql-clipboard {
left: -100000px;
height: 1px;
overflow-y: hidden;
position: absolute;
top: 50%;
}
.ql-clipboard p {
margin: 0;
padding: 0;
}
.ql-editor {
box-sizing: border-box;
line-height: 1.42;
height: 100%;
outline: none;
overflow-y: auto;
padding: 12px 15px;
tab-size: 4;
-moz-tab-size: 4;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word;
}
.ql-editor > * {
cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
margin: 0;
padding: 0;
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
list-style-type: none;
}
.ql-editor ul > li::before {
content: '•';
}
.ql-editor ul[data-checked='true'],
.ql-editor ul[data-checked='false'] {
pointer-events: none;
}
.ql-editor ul[data-checked='true'] > li *,
.ql-editor ul[data-checked='false'] > li * {
pointer-events: all;
}
.ql-editor ul[data-checked='true'] > li::before,
.ql-editor ul[data-checked='false'] > li::before {
color: #777;
cursor: pointer;
pointer-events: all;
}
.ql-editor ul[data-checked='true'] > li::before {
content: '☑';
}
.ql-editor ul[data-checked='false'] > li::before {
content: '☐';
}
.ql-editor li::before {
display: inline-block;
white-space: nowrap;
width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
margin-left: -1.5em;
margin-right: 0.3em;
text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
margin-left: 0.3em;
margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
padding-right: 1.5em;
}
.ql-editor ol li {
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
counter-increment: list-0;
}
.ql-editor ol li:before {
content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 28.5em;
}
.ql-editor .ql-video {
display: block;
max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
background-color: #000;
}
.ql-editor .ql-bg-red {
background-color: #e60000;
}
.ql-editor .ql-bg-orange {
background-color: #f90;
}
.ql-editor .ql-bg-yellow {
background-color: #ff0;
}
.ql-editor .ql-bg-green {
background-color: #008a00;
}
.ql-editor .ql-bg-blue {
background-color: #06c;
}
.ql-editor .ql-bg-purple {
background-color: #93f;
}
.ql-editor .ql-color-white {
color: #fff;
}
.ql-editor .ql-color-red {
color: #e60000;
}
.ql-editor .ql-color-orange {
color: #f90;
}
.ql-editor .ql-color-yellow {
color: #ff0;
}
.ql-editor .ql-color-green {
color: #008a00;
}
.ql-editor .ql-color-blue {
color: #06c;
}
.ql-editor .ql-color-purple {
color: #93f;
}
.ql-editor .ql-font-serif {
font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
font-size: 0.75em;
}
.ql-editor .ql-size-large {
font-size: 1.5em;
}
.ql-editor .ql-size-huge {
font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
direction: rtl;
text-align: inherit;
}
.ql-editor .ql-align-center {
text-align: center;
}
.ql-editor .ql-align-justify {
text-align: justify;
}
.ql-editor .ql-align-right {
text-align: right;
}
.ql-editor.ql-blank::before {
color: rgba(0, 0, 0, 0.6);
content: attr(data-placeholder);
font-style: italic;
left: 15px;
pointer-events: none;
position: absolute;
right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
clear: both;
content: '';
display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
background: none;
border: none;
cursor: pointer;
display: inline-block;
float: left;
height: 24px;
padding: 3px 5px;
width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
float: left;
height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type='file'],
.ql-snow .ql-toolbar input.ql-image[type='file'] {
display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
stroke: #06c;
}
@media (pointer: coarse) {
.ql-snow.ql-toolbar button:hover:not(.ql-active),
.ql-snow .ql-toolbar button:hover:not(.ql-active) {
color: #444;
}
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
fill: #444;
}
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
stroke: #444;
}
}
.ql-snow {
box-sizing: border-box;
}
.ql-snow * {
box-sizing: border-box;
}
.ql-snow .ql-hidden {
display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
visibility: hidden;
}
.ql-snow .ql-tooltip {
position: absolute;
transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
cursor: pointer;
text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
transform: translateY(-10px);
}
.ql-snow .ql-formats {
display: inline-block;
vertical-align: middle;
}
.ql-snow .ql-formats:after {
clear: both;
content: '';
display: table;
}
.ql-snow .ql-stroke {
fill: none;
stroke: #444;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
fill: none;
stroke: #444;
stroke-miterlimit: 10;
stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
fill: #444;
}
.ql-snow .ql-empty {
fill: none;
}
.ql-snow .ql-even {
fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
stroke-width: 1;
}
.ql-snow .ql-transparent {
opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
display: none;
}
.ql-snow .ql-editor h1 {
font-size: 2em;
}
.ql-snow .ql-editor h2 {
font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
font-size: 1em;
}
.ql-snow .ql-editor h5 {
font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
font-size: 0.67em;
}
.ql-snow .ql-editor a {
text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
border-left: 4px solid #ccc;
margin-bottom: 5px;
margin-top: 5px;
padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
background-color: #f0f0f0;
border-radius: 3px;
}
.ql-snow .ql-editor pre {
white-space: pre-wrap;
margin-bottom: 5px;
margin-top: 5px;
padding: 5px 10px;
}
.ql-snow .ql-editor code {
font-size: 85%;
padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
background-color: #23241f;
color: #f8f8f2;
overflow: visible;
}
.ql-snow .ql-editor img {
max-width: 100%;
}
.ql-snow .ql-picker {
color: #444;
display: inline-block;
float: left;
font-size: 14px;
font-weight: 500;
height: 24px;
position: relative;
vertical-align: middle;
}
.ql-snow .ql-picker-label {
cursor: pointer;
display: inline-block;
height: 100%;
padding-left: 8px;
padding-right: 2px;
position: relative;
width: 100%;
}
.ql-snow .ql-picker-label::before {
display: inline-block;
line-height: 22px;
}
.ql-snow .ql-picker-options {
background-color: #fff;
display: none;
min-width: 100%;
padding: 4px 8px;
position: absolute;
white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
cursor: pointer;
display: block;
padding-bottom: 5px;
padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
color: #ccc;
z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
display: block;
margin-top: -1px;
top: 100%;
z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
height: 24px;
width: 24px;
padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
padding: 3px 5px;
width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
border: 1px solid rgba(0, 0, 0, 0);
float: left;
height: 16px;
margin: 2px;
padding: 0px;
width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
position: absolute;
margin-top: -9px;
right: 0;
top: 50%;
width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='1']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {
content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='2']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {
content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='3']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {
content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='4']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {
content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='5']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {
content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='6']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {
content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {
font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {
font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {
font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {
font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {
font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {
font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='serif']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {
content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='monospace']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {
content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {
font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {
font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='small']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {
content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='large']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {
content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='huge']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {
content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {
font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {
font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {
font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
background-color: #000;
}
.ql-toolbar.ql-snow {
border: 1px solid #ccc;
box-sizing: border-box;
font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
border: 1px solid rgba(0, 0, 0, 0);
}
.ql-toolbar.ql-snow .ql-picker-options {
border: 1px solid rgba(0, 0, 0, 0);
box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
border-top: 0px;
}
.ql-snow .ql-tooltip {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0px 0px 5px #ddd;
color: #444;
padding: 5px 12px;
white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
content: 'Visit URL:';
line-height: 26px;
margin-right: 8px;
}
.ql-snow .ql-tooltip input[type='text'] {
display: none;
border: 1px solid #ccc;
font-size: 13px;
height: 26px;
margin: 0px;
padding: 3px 5px;
width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
display: inline-block;
max-width: 200px;
overflow-x: hidden;
text-overflow: ellipsis;
vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
border-right: 1px solid #ccc;
content: 'Edit';
margin-left: 16px;
padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
content: 'Remove';
margin-left: 8px;
}
.ql-snow .ql-tooltip a {
line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type='text'] {
display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
border-right: 0px;
content: 'Save';
padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode='link']::before {
content: 'Enter link:';
}
.ql-snow .ql-tooltip[data-mode='formula']::before {
content: 'Enter formula:';
}
.ql-snow .ql-tooltip[data-mode='video']::before {
content: 'Enter video:';
}
.ql-snow a {
color: #06c;
}
[ng-quill-editor] {
display: block;
}
.no-border {
border: none !important;
}
.no-padding .ql-container {
padding-left: 0px !important;
}
.no-padding .ql-editor {
padding-left: 0px !important;
margin-left: 0px;
}
.no-padding .ql-container {
padding-left: 0pxm !important;
margin-left: 0px;
}
.basket-overview-checkout-wrapper table td.red {
color: #e20024;
}
.basket-overview-checkout-wrapper table td.green {
color: #34bd18;
}
.basket-overview-checkout-wrapper .button-default.red {
background-color: #e20024;
border-color: #e20024;
}
.basket-overview-checkout-wrapper .error-text {
color: #e20024;
}
.file-chooser-checkbox div {
display: inline;
}
.file-chooser-checkbox a {
display: inline;
}
.contract_component {
width: 100%;
height: 600px;
overflow-y: scroll;
border: 1px solid #000;
}
.contract_component .pdf-page-canvas {
width: 100%;
}
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
font-display: block;
src: url('./material-icons.woff2') format('woff2'), url('./material-icons.woff') format('woff');
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-feature-settings: 'liga';
}
@font-face {
font-family: 'Material Icons Outlined';
font-style: normal;
font-weight: 400;
font-display: block;
src: url('./material-icons-outlined.woff2') format('woff2'), url('./material-icons-outlined.woff') format('woff');
}
.material-icons-outlined {
font-family: 'Material Icons Outlined';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-feature-settings: 'liga';
}
@font-face {
font-family: 'Material Icons Round';
font-style: normal;
font-weight: 400;
font-display: block;
src: url('./material-icons-round.woff2') format('woff2'), url('./material-icons-round.woff') format('woff');
}
.material-icons-round {
font-family: 'Material Icons Round';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-feature-settings: 'liga';
}
@font-face {
font-family: 'Material Icons Sharp';
font-style: normal;
font-weight: 400;
font-display: block;
src: url('./material-icons-sharp.woff2') format('woff2'), url('./material-icons-sharp.woff') format('woff');
}
.material-icons-sharp {
font-family: 'Material Icons Sharp';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-feature-settings: 'liga';
}
@font-face {
font-family: 'Material Icons Two Tone';
font-style: normal;
font-weight: 400;
font-display: block;
src: url('./material-icons-two-tone.woff2') format('woff2'), url('./material-icons-two-tone.woff') format('woff');
}
.material-icons-two-tone {
font-family: 'Material Icons Two Tone';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-feature-settings: 'liga';
}
.select2-container {
margin: 0;
position: relative;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: middle;
}
.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.select2-container .select2-choice {
display: block;
height: 26px;
padding: 0 0 0 8px;
overflow: hidden;
position: relative;
border: 1px solid #aaa;
white-space: nowrap;
line-height: 26px;
color: #444;
text-decoration: none;
border-radius: 4px;
background-clip: padding-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #fff;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = "#ffffff", endColorstr = "#eeeeee", GradientType = 0);
background-image: linear-gradient(top, #fff 0%, #eee 50%);
}
.select2-container.select2-drop-above .select2-choice {
border-bottom-color: #aaa;
border-radius: 0 0 4px 4px;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#eeeeee", GradientType=0);
background-image: linear-gradient(top, #eee 0%, #fff 90%);
}
.select2-container.select2-allowclear .select2-choice .select2-chosen {
margin-right: 42px;
}
.select2-container .select2-choice > .select2-chosen {
margin-right: 26px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.select2-container .select2-choice abbr {
display: none;
width: 12px;
height: 12px;
position: absolute;
right: 24px;
top: 8px;
font-size: 1px;
text-decoration: none;
border: 0;
background: url('select2.png') right top no-repeat;
cursor: pointer;
outline: 0;
}
.select2-container.select2-allowclear .select2-choice abbr {
display: inline-block;
}
.select2-container .select2-choice abbr:hover {
background-position: right -11px;
cursor: pointer;
}
.select2-drop-mask {
border: 0;
margin: 0;
padding: 0;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 9998;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-drop {
width: 100%;
margin-top: -1px;
position: absolute;
z-index: 9999;
top: 100%;
background: #fff;
color: #000;
border: 1px solid #aaa;
border-top: 0;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.select2-drop.select2-drop-above {
margin-top: 1px;
border-top: 1px solid #aaa;
border-bottom: 0;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}
.select2-drop-active {
border: 1px solid #5897fb;
border-top: none;
}
.select2-drop.select2-drop-above.select2-drop-active {
border-top: 1px solid #5897fb;
}
.select2-drop-auto-width {
border-top: 1px solid #aaa;
width: auto;
}
.select2-drop-auto-width .select2-search {
padding-top: 4px;
}
.select2-container .select2-choice .select2-arrow {
display: inline-block;
width: 18px;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-left: 1px solid #aaa;
border-radius: 0 4px 4px 0;
background-clip: padding-box;
background: #ccc;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = "#eeeeee", endColorstr = "#cccccc", GradientType = 0);
background-image: linear-gradient(top, #ccc 0%, #eee 60%);
}
.select2-container .select2-choice .select2-arrow b {
display: block;
width: 100%;
height: 100%;
background: url('select2.png') no-repeat 0 1px;
}
.select2-search {
display: inline-block;
width: 100%;
min-height: 26px;
margin: 0;
padding-left: 4px;
padding-right: 4px;
position: relative;
z-index: 10000;
white-space: nowrap;
}
.select2-search input {
width: 100%;
height: auto !important;
min-height: 26px;
padding: 4px 20px 4px 5px;
margin: 0;
outline: 0;
font-family: sans-serif;
font-size: 1em;
border: 1px solid #aaa;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: #fff url('select2.png') no-repeat 100% -22px;
background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url('select2.png') no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%);
}
.select2-drop.select2-drop-above .select2-search input {
margin-top: 4px;
}
.select2-search input.select2-active {
background: #fff url('select2-spinner.gif') no-repeat 100%;
background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%);
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
border: 1px solid #5897fb;
outline: none;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.select2-dropdown-open .select2-choice {
border-bottom-color: transparent;
-webkit-box-shadow: 0 1px 0 #fff inset;
box-shadow: 0 1px 0 #fff inset;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-color: #eee;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#ffffff", GradientType=0);
background-image: linear-gradient(top, #fff 0%, #eee 50%);
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
border: 1px solid #5897fb;
border-top-color: transparent;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#ffffff", GradientType=0);
background-image: linear-gradient(bottom, #fff 0%, #eee 50%);
}
.select2-dropdown-open .select2-choice .select2-arrow {
background: transparent;
border-left: none;
filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
background-position: -18px 1px;
}
.select2-results {
max-height: 200px;
padding: 0 0 0 4px;
margin: 4px 4px 4px 0;
position: relative;
overflow-x: hidden;
overflow-y: auto;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.select2-results ul.select2-result-sub {
margin: 0;
padding-left: 0;
}
.select2-results ul.select2-result-sub > li .select2-result-label {
padding-left: 20px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
padding-left: 40px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
padding-left: 60px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
padding-left: 80px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
padding-left: 100px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
padding-left: 110px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
padding-left: 120px;
}
.select2-results li {
list-style: none;
display: list-item;
background-image: none;
}
.select2-results li.select2-result-with-children > .select2-result-label {
font-weight: bold;
}
.select2-results .select2-result-label {
padding: 3px 7px 4px;
margin: 0;
cursor: pointer;
min-height: 1em;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.select2-results .select2-highlighted {
background: #3875d7;
color: #fff;
}
.select2-results li em {
background: #feffde;
font-style: normal;
}
.select2-results .select2-highlighted em {
background: transparent;
}
.select2-results .select2-highlighted ul {
background: #fff;
color: #000;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
background: #f4f4f4;
display: list-item;
}
.select2-results .select2-disabled.select2-highlighted {
color: #666;
background: #f4f4f4;
display: list-item;
cursor: default;
}
.select2-results .select2-disabled {
background: #f4f4f4;
display: list-item;
cursor: default;
}
.select2-results .select2-selected {
display: none;
}
.select2-more-results.select2-active {
background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
}
.select2-more-results {
background: #f4f4f4;
display: list-item;
}
.select2-container.select2-container-disabled .select2-choice {
background-color: #f4f4f4;
background-image: none;
border: 1px solid #ddd;
cursor: default;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
background-color: #f4f4f4;
background-image: none;
border-left: 0;
}
.select2-container.select2-container-disabled .select2-choice abbr {
display: none;
}
.select2-container-multi .select2-choices {
height: auto !important;
height: 1%;
margin: 0;
padding: 0;
position: relative;
border: 1px solid #aaa;
cursor: text;
overflow: hidden;
background-color: #fff;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
background-image: linear-gradient(top, #eee 1%, #fff 15%);
}
.select2-locked {
padding: 3px 5px 3px 5px !important;
}
.select2-container-multi .select2-choices {
min-height: 26px;
}
.select2-container-multi.select2-container-active .select2-choices {
border: 1px solid #5897fb;
outline: none;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.select2-container-multi .select2-choices li {
float: left;
list-style: none;
}
html[dir='rtl'] .select2-container-multi .select2-choices li {
float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.select2-container-multi .select2-choices .select2-search-field input {
padding: 5px;
margin: 1px 0;
font-family: sans-serif;
font-size: 100%;
color: #666;
outline: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: transparent !important;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
background: #fff url('select2-spinner.gif') no-repeat 100% !important;
}
.select2-default {
color: #999 !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
padding: 3px 5px 3px 18px;
margin: 3px 0 3px 5px;
position: relative;
line-height: 13px;
color: #333;
cursor: default;
border: 1px solid #aaa;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
background-clip: padding-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #e4e4e4;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#f4f4f4", GradientType=0);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
html[dir='rtl'] .select2-container-multi .select2-choices .select2-search-choice {
margin-left: 0;
margin-right: 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
background: #d4d4d4;
}
.select2-search-choice-close {
display: block;
width: 12px;
height: 13px;
position: absolute;
right: 3px;
top: 4px;
font-size: 1px;
outline: none;
background: url('select2.png') right top no-repeat;
}
html[dir='rtl'] .select2-search-choice-close {
right: auto;
left: 3px;
}
.select2-container-multi .select2-search-choice-close {
left: 3px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
background-position: right -11px;
}
.select2-container-multi.select2-container-disabled .select2-choices {
background-color: #f4f4f4;
background-image: none;
border: 1px solid #ddd;
cursor: default;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
padding: 3px 5px 3px 5px;
border: 1px solid #ddd;
background-image: none;
background-color: #f4f4f4;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
display: none;
background: none;
}
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
text-decoration: underline;
}
.select2-offscreen,
.select2-offscreen:focus {
clip: rect(0 0 0 0) !important;
width: 1px !important;
height: 1px !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
position: absolute !important;
outline: 0 !important;
left: 0px !important;
top: 0px !important;
}
.select2-display-none {
display: none;
}
.select2-measure-scrollbar {
position: absolute;
top: -10000px;
left: -10000px;
width: 100px;
height: 100px;
overflow: scroll;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
.select2-search input,
.select2-search-choice-close,
.select2-container .select2-choice abbr,
.select2-container .select2-choice .select2-arrow b {
background-image: url('select2x2.png') !important;
background-repeat: no-repeat !important;
background-size: 60px 40px !important;
}
.select2-search input {
background-position: 100% -21px !important;
}
}
button:hover.mfp-close,
button:focus.mfp-close {
background-color: rgba(0, 0, 0, 0);
}
.mfp-full-screen .mfp-content,
.mfp-full-screen .mfp-iframe-scaler {
padding-top: 0;
height: 100%;
}
.ngdialog.magnific-theme-vsp {
padding-bottom: 10%;
padding-top: 10%;
}
.ngdialog.magnific-theme-vsp .ngdialog-content {
background: rgba(0, 0, 0, 0);
color: #444;
font-family: 'Helvetica Neue', sans-serif;
font-size: 1.1em;
line-height: 1.5em;
margin: 0 auto;
width: 100%;
height: 100%;
position: relative;
padding-top: 30px;
max-width: 940px;
}
.ngdialog.magnific-theme-vsp .ngdialog-content h1,
.ngdialog.magnific-theme-vsp .ngdialog-content h2,
.ngdialog.magnific-theme-vsp .ngdialog-content h3,
.ngdialog.magnific-theme-vsp .ngdialog-content h4,
.ngdialog.magnific-theme-vsp .ngdialog-content h5,
.ngdialog.magnific-theme-vsp .ngdialog-content h6,
.ngdialog.magnific-theme-vsp .ngdialog-content p,
.ngdialog.magnific-theme-vsp .ngdialog-content ul,
.ngdialog.magnific-theme-vsp .ngdialog-content li {
color: inherit;
}
.ngdialog.magnific-theme-vsp .ngdialog-close {
padding: 0 10px;
cursor: pointer;
position: absolute;
right: 0;
top: 0;
}
.ngdialog.magnific-theme-vsp .ngdialog-close:before {
color: #eee;
content: '×';
background: rgba(0, 0, 0, 0);
font-size: 26px;
}
.ngdialog.magnific-theme-vsp .ngdialog-close:hover:before,
.ngdialog.magnific-theme-vsp .ngdialog-close:active:before {
color: #aaa;
}
.ngdialog.magnific-theme-vsp .ngdialog-message {
margin-bottom: 0.5em;
}
.ngdialog.magnific-theme-vsp .ngdialog-input {
margin-bottom: 1em;
}
.ngdialog.magnific-theme-vsp .ngdialog-input textarea,
.ngdialog.magnific-theme-vsp .ngdialog-input input[type='text'],
.ngdialog.magnific-theme-vsp .ngdialog-input input[type='password'],
.ngdialog.magnific-theme-vsp .ngdialog-input input[type='email'],
.ngdialog.magnific-theme-vsp .ngdialog-input input[type='url'] {
background: #f0f0f0;
border: 0;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
margin: 0 0 0.25em;
min-height: 2.5em;
padding: 0.25em 0.67em;
width: 100%;
}
.ngdialog.magnific-theme-vsp .ngdialog-input textarea:focus,
.ngdialog.magnific-theme-vsp .ngdialog-input input[type='text']:focus,
.ngdialog.magnific-theme-vsp .ngdialog-input input[type='password']:focus,
.ngdialog.magnific-theme-vsp .ngdialog-input input[type='email']:focus,
.ngdialog.magnific-theme-vsp .ngdialog-input input[type='url']:focus {
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
outline: none;
}
.ngdialog.magnific-theme-vsp .ngdialog-buttons:after {
clear: both;
content: '';
display: table;
}
.ngdialog.magnific-theme-vsp .ngdialog-button {
border: 0;
cursor: pointer;
float: right;
font-family: inherit;
font-size: 0.8em;
letter-spacing: 0.1em;
line-height: 1em;
margin: 0 0 0 0.5em;
padding: 0.75em 2em;
text-transform: uppercase;
}
.ngdialog.magnific-theme-vsp .ngdialog-button:focus {
-webkit-animation: ngdialog-pulse 1.1s infinite;
animation: ngdialog-pulse 1.1s infinite;
outline: none;
}
@media (max-width: 568px) {
.ngdialog.magnific-theme-vsp .ngdialog-button:focus {
-webkit-animation: none;
animation: none;
}
}
.ngdialog.magnific-theme-vsp .ngdialog-button.ngdialog-button-primary {
background: #3288e6;
color: #fff;
}
.ngdialog.magnific-theme-vsp .ngdialog-button.ngdialog-button-secondary {
background: #e0e0e0;
color: #777;
}
@-webkit-keyframes ngdialog-fadeout {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes ngdialog-fadeout {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes ngdialog-fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes ngdialog-fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.ngdialog {
box-sizing: border-box;
}
.ngdialog *,
.ngdialog *:before,
.ngdialog *:after {
box-sizing: inherit;
}
.ngdialog {
position: fixed;
overflow: auto;
-webkit-overflow-scrolling: touch;
z-index: 10000;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
animation: ngdialog-fadein 0.5s;
}
.ngdialog.ngdialog-disabled-animation,
.ngdialog.ngdialog-disabled-animation .ngdialog-overlay,
.ngdialog.ngdialog-disabled-animation .ngdialog-content {
-webkit-animation: none !important;
animation: none !important;
}
.ngdialog-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-backface-visibility: hidden;
-webkit-animation: ngdialog-fadein 0.5s;
animation: ngdialog-fadein 0.5s;
margin-right: 15px;
background: transparent;
}
.ngdialog-no-overlay {
pointer-events: none;
}
.ngdialog.ngdialog-closing .ngdialog-overlay {
-webkit-backface-visibility: hidden;
-webkit-animation: ngdialog-fadeout 0.5s;
animation: ngdialog-fadeout 0.5s;
}
.ngdialog-content {
background: white;
-webkit-backface-visibility: hidden;
-webkit-animation: ngdialog-fadein 0.5s;
animation: ngdialog-fadein 0.5s;
pointer-events: all;
}
.ngdialog.ngdialog-closing .ngdialog-content {
-webkit-backface-visibility: hidden;
-webkit-animation: ngdialog-fadeout 0.5s;
animation: ngdialog-fadeout 0.5s;
}
.ngdialog-close:before {
font-family: 'Helvetica', Arial, sans-serif;
content: '×';
cursor: pointer;
}
html.ngdialog-open,
body.ngdialog-open {
overflow: hidden;
}
@-webkit-keyframes ngdialog-flyin {
0% {
opacity: 0;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes ngdialog-flyin {
0% {
opacity: 0;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes ngdialog-flyout {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
}
}
@keyframes ngdialog-flyout {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
}
}
.ngdialog.ngdialog-theme-default {
padding-bottom: 160px;
padding-top: 160px;
}
.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content {
-webkit-animation: ngdialog-flyout 0.5s;
animation: ngdialog-flyout 0.5s;
}
.ngdialog.ngdialog-theme-default .ngdialog-content {
-webkit-animation: ngdialog-flyin 0.5s;
animation: ngdialog-flyin 0.5s;
background: #f0f0f0;
border-radius: 5px;
color: #444;
font-family: 'Helvetica', sans-serif;
font-size: 1.1em;
line-height: 1.5em;
margin: 0 auto;
max-width: 100%;
padding: 1em;
position: relative;
width: 450px;
}
.ngdialog.ngdialog-theme-default .ngdialog-close {
border: none;
background: transparent;
cursor: pointer;
position: absolute;
right: 0;
top: 0;
}
.ngdialog.ngdialog-theme-default .ngdialog-close:before {
display: block;
padding: 3px;
background: transparent;
color: #bbb;
content: '×';
font-size: 26px;
font-weight: 400;
line-height: 26px;
text-align: center;
}
.ngdialog.ngdialog-theme-default .ngdialog-close:hover:before,
.ngdialog.ngdialog-theme-default .ngdialog-close:active:before {
color: #777;
}
.ngdialog.ngdialog-theme-default .ngdialog-message {
margin-bottom: 0.5em;
}
.ngdialog.ngdialog-theme-default .ngdialog-input {
margin-bottom: 1em;
}
.ngdialog.ngdialog-theme-default .ngdialog-input textarea,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type='text'],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type='password'],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type='email'],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type='url'] {
background: #fff;
border: 0;
border-radius: 3px;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
margin: 0 0 0.25em;
min-height: 2.5em;
padding: 0.25em 0.67em;
width: 100%;
}
.ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type='text']:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type='password']:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type='email']:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type='url']:focus {
box-shadow: inset 0 0 0 2px #8dbdf1;
outline: none;
}
.ngdialog.ngdialog-theme-default .ngdialog-buttons {
*zoom: 1;
}
.ngdialog.ngdialog-theme-default .ngdialog-buttons:after {
content: '';
display: table;
clear: both;
}
.ngdialog.ngdialog-theme-default .ngdialog-button {
border: 0;
border-radius: 3px;
cursor: pointer;
float: right;
font-family: inherit;
font-size: 0.8em;
letter-spacing: 0.1em;
line-height: 1em;
margin: 0 0 0 0.5em;
padding: 0.75em 2em;
text-transform: uppercase;
}
.ngdialog.ngdialog-theme-default .ngdialog-button:focus {
-webkit-animation: ngdialog-pulse 1.1s infinite;
animation: ngdialog-pulse 1.1s infinite;
outline: none;
}
@media (max-width: 568px) {
.ngdialog.ngdialog-theme-default .ngdialog-button:focus {
-webkit-animation: none;
animation: none;
}
}
.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary {
background: #3288e6;
color: #fff;
}
.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary {
background: #e0e0e0;
color: #777;
}
.jslider {
position: relative;
top: 0.6em;
cursor: pointer;
display: block;
width: 100%;
height: 1em;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.jslider.disabled {
opacity: 0.5;
}
.jslider table {
border-collapse: collapse;
border: 0;
width: 100%;
}
.jslider table td,
.jslider table th {
width: 100%;
border: 0;
padding: 0;
text-align: left;
vertical-align: top;
}
.jslider div.jslider-bg i,
.jslider div.jslider-pointer {
background: url(../img/jslider.png) no-repeat 0 0;
}
.jslider div.jslider-bg {
position: relative;
}
.jslider div.jslider-bg i {
position: absolute;
top: 0;
height: 5px;
}
.jslider div.jslider-bg i.left {
left: 0;
width: 50%;
background-position: 0 0;
}
.jslider div.jslider-bg i.right {
left: 50%;
width: 50%;
background-position: right 0;
}
.jslider div.jslider-bg i.range {
position: absolute;
top: 0;
left: 20%;
width: 60%;
height: 5px;
z-index: 1;
background-repeat: repeat-x;
background-position: 0 -40px;
}
.jslider div.jslider-bg i.default {
left: 0;
width: 1px;
z-index: 1;
background-color: #185f83;
}
.jslider.jslider-single div.jslider-pointer-to,
.jslider.jslider-single div.jslider-value-to,
.jslider.jslider-single div.jslider-bg .v,
.jslider.jslider-single .jslider-limitless .jslider-label {
display: none;
}
.jslider div.jslider-pointer {
position: absolute;
top: -4px;
left: 20%;
z-index: 2;
width: 15px;
height: 15px;
background-position: 2px -60px;
margin-left: -8px;
cursor: pointer;
cursor: hand;
}
.jslider div.jslider-pointer.jslider-pointer-to {
left: 80%;
}
.jslider div.jslider-pointer.jslider-pointer-hover {
background-position: -18px -60px;
}
.jslider div.jslider-label small,
.jslider div.jslider-value small {
position: relative;
top: -0.4em;
}
.jslider div.jslider-label {
position: absolute;
top: -18px;
left: 0px;
padding: 0px 2px;
opacity: 0.4;
color: #000;
font-size: 9px;
line-height: 12px;
white-space: nowrap;
}
.jslider div.jslider-label.jslider-label-to {
left: auto;
right: 0;
}
.jslider div.jslider-value {
position: absolute;
top: -19px;
left: 0;
padding: 1px 2px 0;
background: white;
font-size: 9px;
line-height: 12px;
white-space: nowrap;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.jslider div.jslider-value.jslider-value-to {
left: 80%;
}
.jslider div.jslider-scale {
position: relative;
top: 9px;
}
.jslider div.jslider-scale span {
position: absolute;
height: 5px;
border-left: 1px solid #999;
font-size: 0;
}
.jslider div.jslider-scale ins {
position: absolute;
top: 5px;
left: 0px;
font-size: 9px;
text-decoration: none;
color: #999;
}
.jslider.vertical {
display: block;
width: 17px;
height: 100%;
position: relative;
top: 0.6em;
font-family: Arial, sans-serif;
}
.jslider.vertical table {
height: 100%;
}
.jslider.vertical.sliderCSS .jslider-bg i,
.jslider.vertical.jslider-pointer {
background-color: silver;
background-image: none;
}
.jslider.vertical div.jslider-bg i,
.jslider.vertical .jslider-pointer {
background: url(../img/jslider.vertical.png) no-repeat 0 0;
}
.jslider.vertical div.jslider-bg {
position: relative;
height: 100%;
}
.jslider.vertical div.jslider-bg i {
position: absolute;
top: 0;
width: 5px;
font-size: 0;
}
.jslider.vertical div.jslider-bg i.before {
left: 50%;
background: none;
}
.jslider.vertical div.jslider-bg i.left {
top: 0;
left: 50%;
height: 50%;
background-position: right 0;
background-repeat: repeat-y;
}
.jslider.vertical div.jslider-bg i.right {
top: 50%;
left: 50%;
height: 50%;
background-position: right 0;
background-repeat: repeat-y;
}
.jslider.vertical div.jslider-bg i.range {
position: absolute;
top: 0;
left: 50%;
width: 60%;
height: 100%;
z-index: 1;
background-repeat: repeat-y;
background-position: -36px 0px;
}
.jslider.vertical div.jslider-bg i.default {
left: 50%;
width: 5px;
height: 1px;
z-index: 1;
background-color: #185f83;
}
.jslider.vertical div.jslider-pointer {
left: 62%;
background-position: -7px -1px;
}
.jslider.vertical div.jslider-pointer.jslider-pointer-hover {
background-position: -7px -21px;
}
.jslider.vertical div.jslider-pointer.jslider-pointer-to {
left: 62%;
}
.jslider.vertical div.jslider-pointer.jslider-pointer-to.jslider-pointer-hover {
background-position: -7px -21px;
}
.jslider.vertical div.jslider-label {
top: -5px;
margin-left: 22px;
}
.jslider.vertical div.jslider-label.jslider-label-to {
top: 100%;
left: inherit;
right: inherit;
margin-top: -5px;
}
.jslider.vertical div.jslider-value {
top: 0;
left: 0;
}
.jslider.vertical div.jslider-value-to {
top: 80%;
left: 0;
}
.jslider.vertical div.jslider-scale {
position: inherit;
}
.jslider.vertical div.jslider-scale span {
position: absolute;
width: 5px;
height: 1px;
border-left: none;
font-size: 0;
border-top: 1px solid #999;
}
.jslider.vertical div.jslider-scale ins {
position: absolute;
left: 0px;
top: 5px;
font-size: 9px;
text-decoration: none;
color: #999;
}
.jslider.sliderCSS div.jslider-bg i.left {
left: 0;
width: 50%;
background-color: silver;
background-image: none;
}
.jslider.sliderCSS div.jslider-bg i.right {
width: 50%;
left: 50%;
background-color: silver;
background-image: none;
}
.jslider.sliderCSS div.jslider-bg i.before {
left: 0;
width: 1px;
background-color: rgba(92, 98, 203, 0.89);
background-image: none;
}
.jslider.sliderCSS div.jslider-bg i.default {
left: 0;
width: 1px;
z-index: 1;
background-color: #fff;
background-image: none;
}
.jslider.sliderCSS div.jslider-bg i.after {
left: 0;
background-color: #0e1773;
background-image: none;
}
.jslider.sliderCSS div.jslider-bg i.range {
position: absolute;
top: 0;
left: 20%;
width: 60%;
height: 5px;
z-index: 1;
background-image: none;
background-color: #777575;
}
.jslider.sliderCSS div.jslider-pointer {
top: -3px;
left: 15px;
width: 10px;
height: 10px;
margin-left: -5px;
background-color: silver;
background-color: #615959;
border-radius: 50%;
}
.jslider.sliderCSS div.jslider-bg i,
.jslider.sliderCSS div.jslider-pointer {
background: none;
}
.jslider.sliderCSS.vertical td {
height: 100%;
}
.jslider.sliderCSS.vertical div.jslider-bg i {
left: 50%;
width: 5px;
}
.jslider.sliderCSS.vertical div.jslider-bg i.left {
top: 0;
height: 50%;
background-color: silver;
background-image: none;
}
.jslider.sliderCSS.vertical div.jslider-bg i.right {
height: 50%;
top: 50%;
background-color: silver;
background-image: none;
}
.jslider.sliderCSS.vertical div.jslider-bg i.range {
height: 100%;
z-index: 1;
background-color: #777575;
background-image: none;
}
.jslider.sliderCSS.vertical div.jslider-bg i.before {
background-color: rgba(92, 98, 203, 0.89);
background-image: none;
}
.jslider.sliderCSS.vertical div.jslider-bg i.default {
height: 1px;
background-color: #fff;
background-image: none;
z-index: 2;
}
.jslider.sliderCSS.vertical div.jslider-bg i.after {
background-color: #0e1773;
background-image: none;
}
.jslider.sliderCSS.vertical div.jslider-bg i,
.jslider.sliderCSS.vertical div.jslider-pointer {
background: none;
}
.jslider.sliderCSS.vertical div.jslider-pointer {
left: 50%;
width: 10px;
height: 10px;
background-color: #615959;
border-radius: 50%;
margin-left: -3px;
}
.jslider.sliderCSS.vertical div.jslider-pointer.jslider-pointer-to {
left: 50%;
}
.jslider.jslider_round div.jslider-bg i,
.jslider.jslider_round div.jslider-pointer {
background: url(../img/jslider.round.png) no-repeat 0 0;
}
.jslider.jslider_round div.jslider-bg i {
background-position: 0 -20px;
}
.jslider.jslider_round div.jslider-bg i.default {
background-color: #c2c7ca;
}
.jslider.jslider_round div.jslider-bg i.range {
z-index: 1;
background-position: 0 -40px;
}
.jslider.jslider_round div.jslider-pointer {
top: -6px;
width: 20px;
height: 17px;
background-position: 0 -60px;
z-index: 2;
}
.jslider.jslider_round div.jslider-pointer.jslider-pointer-hover {
background-position: -20px -60px;
}
.jslider.jslider_round.vertical div.jslider-bg i,
.jslider.jslider_round.vertical div.jslider-pointer {
background: url(../img/jslider.round.vertical.png) no-repeat 0 0;
}
.jslider.jslider_round.vertical div.jslider-bg i {
background-position: right 0;
}
.jslider.jslider_round.vertical div.jslider-bg i.range {
background-position: -37px 0;
}
.jslider.jslider_round.vertical div.jslider-bg i.before,
.jslider.jslider_round.vertical div.jslider-bg i.after {
background: none;
}
.jslider.jslider_round.vertical div.jslider-bg i.default {
background-color: #c2c7ca;
}
.jslider.jslider_round.vertical div.jslider-pointer {
top: -6px;
width: 20px;
height: 17px;
background-position: -4px -3px;
}
.jslider.jslider_round.vertical div.jslider-pointer.jslider-pointer-hover {
background-position: -4px -23px;
}
.jslider.jslider_round.vertical div.jslider-pointer.jslider-value-to {
left: 80%;
}
.jslider.jslider_round.vertical div.jslider-value {
left: 0;
}
.jslider.jslider_blue .jslider-bg i,
.jslider.jslider_blue .jslider-pointer {
background: url(../img/jslider.blue.png) no-repeat 0 0;
}
.jslider.jslider_blue .jslider-bg i {
background-position: 2px -20px;
}
.jslider.jslider_blue .jslider-bg i.default {
background-color: #c2c7ca;
}
.jslider.jslider_blue .jslider-bg i.range {
z-index: 1;
background-position: 0 -40px;
}
.jslider.jslider_blue div.jslider-pointer {
top: -6px;
width: 20px;
height: 17px;
background-position: 2px -60px;
z-index: 2;
}
.jslider.jslider_blue div.jslider-pointer.jslider-pointer-hover {
background-position: -20px -60px;
}
.jslider.jslider_blue.vertical div.jslider-bg i,
.jslider.jslider_blue.vertical div.jslider-pointer {
background: url(../img/jslider.blue.vertical.png) no-repeat 0 0;
}
.jslider.jslider_blue.vertical div.jslider-bg i {
background-position: right 0;
}
.jslider.jslider_blue.vertical div.jslider-bg i.range {
background-position: -37px 0;
}
.jslider.jslider_blue.vertical div.jslider-bg i.before,
.jslider.jslider_blue.vertical div.jslider-bg i.after {
background: none;
}
.jslider.jslider_blue.vertical div.jslider-bg i.default {
background-color: #c2c7ca;
}
.jslider.jslider_blue.vertical div.jslider-pointer {
top: -6px;
width: 20px;
height: 17px;
background-position: -7px 0;
}
.jslider.jslider_blue.vertical div.jslider-pointer.jslider-pointer-hover {
background-position: -7px -20px;
}
.jslider.jslider_blue.vertical div.jslider-value {
left: 0;
}
.jslider.jslider_plastic .jslider-bg i,
.jslider.jslider_plastic .jslider-pointer {
background: url(../img/jslider.plastic.png) no-repeat 0 0;
}
.jslider.jslider_plastic .jslider-bg i {
background-position: 2px -20px;
}
.jslider.jslider_plastic .jslider-bg i.default {
background-color: #c2c7ca;
}
.jslider.jslider_plastic .jslider-bg i.range {
z-index: 1;
background-position: 0 -40px;
}
.jslider.jslider_plastic .jslider-pointer {
z-index: 2;
width: 20px;
height: 17px;
top: -4px;
background-position: 2px -60px;
}
.jslider.jslider_plastic .jslider-pointer.jslider-pointer-hover {
background-position: -18px -60px;
}
.jslider.jslider_plastic.vertical div.jslider-bg i,
.jslider.jslider_plastic.vertical div.jslider-pointer {
background: url(../img/jslider.plastic.vertical.png) no-repeat 0 0;
}
.jslider.jslider_plastic.vertical div.jslider-bg i {
background-position: right 0;
}
.jslider.jslider_plastic.vertical div.jslider-bg i.range {
background-position: -35px 0;
}
.jslider.jslider_plastic.vertical div.jslider-bg i.before,
.jslider.jslider_plastic.vertical div.jslider-bg i.after {
background: none;
}
.jslider.jslider_plastic.vertical div.jslider-bg i.default {
background-color: #c2c7ca;
}
.jslider.jslider_plastic.vertical div.jslider-pointer {
top: -6px;
margin-left: -6px;
width: 20px;
height: 17px;
background-position: -7px -1px;
}
.jslider.jslider_plastic.vertical div.jslider-pointer.jslider-pointer-hover {
background-position: -7px -21px;
}
input[type='range'] {
width: 300px;
}
ul[rn-carousel] {
overflow: hidden;
padding: 0;
white-space: nowrap;
position: relative;
perspective: 1000px;
-ms-touch-action: pan-y;
touch-action: pan-y;
}
ul[rn-carousel] > li {
color: #000;
backface-visibility: hidden;
overflow: visible;
vertical-align: top;
position: absolute;
left: 0;
right: 0;
white-space: normal;
padding: 0;
margin: 0;
list-style-type: none;
width: 100%;
height: 100%;
display: inline-block;
}
ul[rn-carousel-buffered] > li {
display: none;
}
ul[rn-carousel-transition='hexagon'] {
overflow: visible;
}
div.rn-carousel-indicator span {
cursor: pointer;
color: #666;
}
div.rn-carousel-indicator span.active {
color: #fff;
}
.rn-carousel-control {
transition: opacity 0.2s ease-out;
font-size: 2rem;
position: absolute;
top: 40%;
opacity: 0.75;
cursor: pointer;
}
.rn-carousel-control:hover {
opacity: 1;
}
.rn-carousel-control.rn-carousel-control-prev {
left: 0.5em;
}
.rn-carousel-control.rn-carousel-control-prev:before {
content: '<';
}
.rn-carousel-control.rn-carousel-control-next {
right: 0.5em;
}
.rn-carousel-control.rn-carousel-control-next:before {
content: '>';
}
.steps-indicator li a:before,
.steps-indicator:before {
background-color: #e6e6e6;
content: '';
}
.steps-indicator li.current,
.steps-indicator li.default,
.steps-indicator li.editing {
pointer-events: none;
}
.steps-indicator {
right: 0;
bottom: 0;
left: 0;
margin: 0;
padding: 20px 0 0;
height: 30px;
list-style: none;
}
.steps-indicator:before {
position: absolute;
height: 1px;
}
.steps-indicator.steps-2:before {
left: 25%;
right: 25%;
}
.steps-indicator.steps-3:before {
left: 16.6666666667%;
right: 16.6666666667%;
}
.steps-indicator.steps-4:before {
left: 12.5%;
right: 12.5%;
}
.steps-indicator.steps-5:before {
left: 10%;
right: 10%;
}
.steps-indicator.steps-6:before {
left: 8.3333333333%;
right: 8.3333333333%;
}
.steps-indicator.steps-7:before {
left: 7.1428571429%;
right: 7.1428571429%;
}
.steps-indicator.steps-8:before {
left: 6.25%;
right: 6.25%;
}
.steps-indicator.steps-9:before {
left: 5.5555555556%;
right: 5.5555555556%;
}
.steps-indicator.steps-10:before {
left: 5%;
right: 5%;
}
.steps-indicator * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.steps-indicator li {
position: relative;
float: left;
margin: 0;
padding: 0;
padding-top: 10px;
text-align: center;
line-height: 15px;
}
.steps-indicator li a {
color: grey;
text-decoration: none;
text-transform: uppercase;
font-weight: 700;
transition: 0.25s;
cursor: pointer;
}
.steps-indicator li a:before {
position: absolute;
top: -7px;
left: calc(50% - 7px);
width: 14px;
height: 14px;
border-radius: 100%;
transition: 0.25s;
}
.steps-indicator li a:hover {
color: #4d4d4d;
}
.steps-indicator.steps-2 li {
width: 50%;
}
.steps-indicator.steps-3 li {
width: 33.3333333333%;
}
.steps-indicator.steps-4 li {
width: 25%;
}
.steps-indicator.steps-5 li {
width: 20%;
}
.steps-indicator.steps-6 li {
width: 16.6666666667%;
}
.steps-indicator.steps-7 li {
width: 14.2857142857%;
}
.steps-indicator.steps-8 li {
width: 12.5%;
}
.steps-indicator.steps-9 li {
width: 11.1111111111%;
}
.steps-indicator.steps-10 li {
width: 10%;
}
.steps-indicator.steps-11 li {
width: 9.0909090909%;
}
.steps-indicator li.default a:hover {
color: grey;
}
.steps-indicator li.current a:before {
background-color: grey;
}
.steps-indicator li.done a:before {
background-color: #393;
}
.steps-indicator li.editing a:before {
background-color: red;
} /*!
* ui-select
* http://github.com/angular-ui/ui-select
* Version: 0.19.8 - 2017-04-18T05:43:43.881Z
* License: MIT
*/
.ui-select-highlight {
font-weight: bold;
}
.ui-select-offscreen {
clip: rect(0 0 0 0) !important;
width: 1px !important;
height: 1px !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
position: absolute !important;
outline: 0 !important;
left: 0px !important;
top: 0px !important;
}
.ui-select-choices-row:hover {
background-color: #f5f5f5;
}
.ng-dirty.ng-invalid > a.select2-choice {
border-color: #d44950;
}
.select2-result-single {
padding-left: 0;
}
.select2-locked > .select2-search-choice-close {
display: none;
}
.select-locked > .ui-select-match-close {
display: none;
}
body > .select2-container.open {
z-index: 9999;
}
.ui-select-container[theme='select2'].direction-up .ui-select-match,
.ui-select-container.select2.direction-up .ui-select-match {
border-radius: 4px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.ui-select-container[theme='select2'].direction-up .ui-select-dropdown,
.ui-select-container.select2.direction-up .ui-select-dropdown {
border-radius: 4px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top-width: 1px;
border-top-style: solid;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
margin-top: -4px;
}
.ui-select-container[theme='select2'].direction-up .ui-select-dropdown .select2-search,
.ui-select-container.select2.direction-up .ui-select-dropdown .select2-search {
margin-top: 4px;
}
.ui-select-container[theme='select2'].direction-up.select2-dropdown-open .ui-select-match,
.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
border-bottom-color: #5897fb;
}
.ui-select-container[theme='select2'] .ui-select-dropdown .ui-select-search-hidden,
.ui-select-container[theme='select2'] .ui-select-dropdown .ui-select-search-hidden input {
opacity: 0;
height: 0;
min-height: 0;
padding: 0;
margin: 0;
border: 0;
}
.selectize-input.selectize-focus {
border-color: #007fbb !important;
}
.selectize-control.single > .selectize-input > input {
width: 100%;
}
.selectize-control.multi > .selectize-input > input {
margin: 0 !important;
}
.selectize-control > .selectize-dropdown {
width: 100%;
}
.ng-dirty.ng-invalid > div.selectize-input {
border-color: #d44950;
}
.ui-select-container[theme='selectize'].direction-up .ui-select-dropdown {
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
margin-top: -2px;
}
.ui-select-container[theme='selectize'] input.ui-select-search-hidden {
opacity: 0;
height: 0;
min-height: 0;
padding: 0;
margin: 0;
border: 0;
width: 0;
}
.btn-default-focus {
color: #333;
background-color: #ebebeb;
border-color: #adadad;
text-decoration: none;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ui-select-bootstrap .ui-select-toggle {
position: relative;
}
.ui-select-bootstrap .ui-select-toggle > .caret {
position: absolute;
height: 10px;
top: 50%;
right: 10px;
margin-top: -2px;
}
.input-group > .ui-select-bootstrap.dropdown {
position: static;
}
.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
border-radius: 4px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
border-radius: 4px !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.ui-select-bootstrap .ui-select-search-hidden {
opacity: 0;
height: 0;
min-height: 0;
padding: 0;
margin: 0;
border: 0;
}
.ui-select-bootstrap > .ui-select-match > .btn {
text-align: left !important;
}
.ui-select-bootstrap > .ui-select-match > .caret {
position: absolute;
top: 45%;
right: 15px;
}
.ui-select-bootstrap > .ui-select-choices,
.ui-select-bootstrap > .ui-select-no-choice {
width: 100%;
height: auto;
max-height: 200px;
overflow-x: hidden;
margin-top: -1px;
}
body > .ui-select-bootstrap.open {
z-index: 1000;
}
.ui-select-multiple.ui-select-bootstrap {
height: auto;
padding: 3px 3px 0 3px;
}
.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
background-color: transparent !important;
border: none;
outline: none;
height: 1.666666em;
margin-bottom: 3px;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
font-size: 1.6em;
line-height: 0.75;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
outline: 0;
margin: 0 3px 3px 0;
}
.ui-select-multiple .ui-select-match-item {
position: relative;
}
.ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close {
pointer-events: none;
}
.ui-select-multiple:hover .ui-select-match-item.dropping-before:before {
content: '';
position: absolute;
top: 0;
right: 100%;
height: 100%;
margin-right: 2px;
border-left: 1px solid #428bca;
}
.ui-select-multiple:hover .ui-select-match-item.dropping-after:after {
content: '';
position: absolute;
top: 0;
left: 100%;
height: 100%;
margin-left: 2px;
border-right: 1px solid #428bca;
}
.ui-select-bootstrap .ui-select-choices-row > span {
cursor: pointer;
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.ui-select-bootstrap .ui-select-choices-row > span:hover,
.ui-select-bootstrap .ui-select-choices-row > span:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}
.ui-select-bootstrap .ui-select-choices-row.active > span {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #428bca;
}
.ui-select-bootstrap .ui-select-choices-row.disabled > span,
.ui-select-bootstrap .ui-select-choices-row.active.disabled > span {
color: #777;
cursor: not-allowed;
background-color: #fff;
}
.ui-select-match.ng-hide-add,
.ui-select-search.ng-hide-add {
display: none !important;
}
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
border-color: #d44950;
}
.ui-select-container[theme='bootstrap'].direction-up .ui-select-dropdown {
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
}
.ui-select-bootstrap .ui-select-match-text {
width: 100%;
padding-right: 1em;
}
.ui-select-bootstrap .ui-select-match-text span {
display: inline-block;
width: 100%;
overflow: hidden;
}
.ui-select-bootstrap .ui-select-toggle > a.btn {
position: absolute;
height: 10px;
right: 10px;
margin-top: -2px;
}
.ui-select-refreshing.glyphicon {
position: absolute;
right: 0;
padding: 8px 27px;
}
@-webkit-keyframes ui-select-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes ui-select-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.ui-select-spin {
-webkit-animation: ui-select-spin 2s infinite linear;
animation: ui-select-spin 2s infinite linear;
}
.ui-select-refreshing.ng-animate {
-webkit-animation: none 0s;
}
.mat-badge-content {
font-weight: 600;
font-size: 12px;
font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-badge-small .mat-badge-content {
font-size: 9px;
}
.mat-badge-large .mat-badge-content {
font-size: 24px;
}
.mat-h1,
.mat-headline,
.mat-typography h1 {
font: 400 24px/32px Roboto, 'Helvetica Neue', sans-serif;
letter-spacing: normal;
margin: 0 0 16px;
}
.mat-h2,
.mat-title,
.mat-typography h2 {
font: 500 20px/32px Roboto, 'Helvetica Neue', sans-serif;
letter-spacing: normal;
margin: 0 0 16px;
}
.mat-h3,
.mat-subheading-2,
.mat-typography h3 {
font: 400 16px/28px Roboto, 'Helvetica Neue', sans-serif;
letter-spacing: normal;
margin: 0 0 16px;
}
.mat-h4,
.mat-subheading-1,
.mat-typography h4 {
font: 400 15px/24px Roboto, 'Helvetica Neue', sans-serif;
letter-spacing: normal;
margin: 0 0 16px;
}
.mat-h5,
.mat-typography h5 {
font: 400 11.62px/20px Roboto, 'Helvetica Neue', sans-serif;
margin: 0 0 12px;
}
.mat-h6,
.mat-typography h6 {
font: 400 9.38px/20px Roboto, 'Helvetica Neue', sans-serif;
margin: 0 0 12px;
}
.mat-body-strong,
.mat-body-2 {
font: 500 14px/24px Roboto, 'Helvetica Neue', sans-serif;
letter-spacing: normal;
}
.mat-body,
.mat-body-1,
.mat-typography {
font: 400 14px/20px Roboto, 'Helvetica Neue', sans-serif;
letter-spacing: normal;
}
.mat-body p,
.mat-body-1 p,
.mat-typography p {
margin: 0 0 12px;
}
.mat-small,
.mat-caption {
font: 400 12px/20px Roboto, 'Helvetica Neue', sans-serif;
letter-spacing: normal;
}
.mat-display-4,
.mat-typography .mat-display-4 {
font: 300 112px/112px Roboto, 'Helvetica Neue', sans-serif;
letter-spacing: -0.05em;
margin: 0 0 56px;
}
.mat-display-3,
.mat-typography .mat-display-3 {
font: 400 56px/56px Roboto, 'Helvetica Neue', sans-serif;
letter-spacing: -0.02em;
margin: 0 0 64px;
}
.mat-display-2,
.mat-typography .mat-display-2 {
font: 400 45px/48px Roboto, 'Helvetica Neue', sans-serif;
letter-spacing: -0.005em;
margin: 0 0 64px;
}
.mat-display-1,
.mat-typography .mat-display-1 {
font: 400 34px/40px Roboto, 'Helvetica Neue', sans-serif;
letter-spacing: normal;
margin: 0 0 64px;
}
.mat-bottom-sheet-container {
font: 400 14px/20px Roboto, 'Helvetica Neue', sans-serif;
letter-spacing: normal;
}
.mat-button,
.mat-raised-button,
.mat-icon-button,
.mat-stroked-button,
.mat-flat-button,
.mat-fab,
.mat-mini-fab {
font-family: Roboto, 'Helvetica Neue', sans-serif;
font-size: 14px;
font-weight: 500;
}
.mat-button-toggle {
font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-card {
font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-card-title {
font-size: 24px;
font-weight: 500;
}
.mat-card-header .mat-card-title {
font-size: 20px;
}
.mat-card-subtitle,
.mat-card-content {
font-size: 14px;
}
.mat-checkbox {
font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-checkbox-layout .mat-checkbox-label {
line-height: 24px;
}
.mat-chip {
font-size: 14px;
font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
font-size: 18px;
}
.mat-table {
font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-header-cell {
font-size: 12px;
font-weight: 500;
}
.mat-cell,
.mat-footer-cell {
font-size: 14px;
}
.mat-calendar {
font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-calendar-body {
font-size: 13px;
}
.mat-calendar-body-label,
.mat-calendar-period-button {
font-size: 14px;
font-weight: 500;
}
.mat-calendar-table-header th {
font-size: 11px;
font-weight: 400;
}
.mat-dialog-title {
font: 500 20px/32px Roboto, 'Helvetica Neue', sans-serif;
letter-spacing: normal;
}
.mat-expansion-panel-header {
font-family: Roboto, 'Helvetica Neue', sans-serif;
font-size: 15px;
font-weight: 400;
}
.mat-expansion-panel-content {
font: 400 14px/20px Roboto, 'Helvetica Neue', sans-serif;
letter-spacing: normal;
}
.mat-form-field {
font-size: inherit;
font-weight: 400;
line-height: 1.125;
font-family: Roboto, 'Helvetica Neue', sans-serif;
letter-spacing: normal;
}
.mat-form-field-wrapper {
padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
font-size: 150%;
line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
height: 1.5em;
width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
height: 1.125em;
line-height: 1.125;
}
.mat-form-field-infix {
padding: 0.5em 0;
border-top: 0.84375em solid transparent;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
transform: translateY(-1.34375em) scale(0.75);
width: 133.3333333333%;
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
transform: translateY(-1.34374em) scale(0.75);
width: 133.3333433333%;
}
.mat-form-field-label-wrapper {
top: -0.84375em;
padding-top: 0.84375em;
}
.mat-form-field-label {
top: 1.34375em;
}
.mat-form-field-underline {
bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper {
font-size: 75%;
margin-top: 0.6666666667em;
top: calc(100% - 1.7916666667em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-ms-transform: translateY(-1.28125em) scale(0.75);
width: 133.3333333333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
-ms-transform: translateY(-1.28124em) scale(0.75);
width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
-ms-transform: translateY(-1.28123em) scale(0.75);
width: 133.3333533333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
margin-top: 0.5416666667em;
top: calc(100% - 1.6666666667em);
}
@media print {
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
transform: translateY(-1.28122em) scale(0.75);
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
transform: translateY(-1.28121em) scale(0.75);
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
transform: translateY(-1.2812em) scale(0.75);
}
}
.mat-form-field-appearance-fill .mat-form-field-infix {
padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
top: 1.09375em;
margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
transform: translateY(-0.59375em) scale(0.75);
width: 133.3333333333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
transform: translateY(-0.59374em) scale(0.75);
width: 133.3333433333%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
top: 1.84375em;
margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
transform: translateY(-1.59375em) scale(0.75);
width: 133.3333333333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
transform: translateY(-1.59374em) scale(0.75);
width: 133.3333433333%;
}
.mat-grid-tile-header,
.mat-grid-tile-footer {
font-size: 14px;
}
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
box-sizing: border-box;
}
.mat-grid-tile-header .mat-line:nth-child(n + 2),
.mat-grid-tile-footer .mat-line:nth-child(n + 2) {
font-size: 12px;
}
input.mat-input-element {
margin-top: -0.0625em;
}
.mat-menu-item {
font-family: Roboto, 'Helvetica Neue', sans-serif;
font-size: 14px;
font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
font-family: Roboto, 'Helvetica Neue', sans-serif;
font-size: 12px;
}
.mat-radio-button {
font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-select {
font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-select-trigger {
height: 1.125em;
}
.mat-slide-toggle-content {
font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-slider-thumb-label-text {
font-family: Roboto, 'Helvetica Neue', sans-serif;
font-size: 12px;
font-weight: 500;
}
.mat-stepper-vertical,
.mat-stepper-horizontal {
font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-step-label {
font-size: 14px;
font-weight: 400;
}
.mat-step-sub-label-error {
font-weight: normal;
}
.mat-step-label-error {
font-size: 14px;
}
.mat-step-label-selected {
font-size: 14px;
font-weight: 500;
}
.mat-tab-group {
font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-tab-label,
.mat-tab-link {
font-family: Roboto, 'Helvetica Neue', sans-serif;
font-size: 14px;
font-weight: 500;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
font: 500 20px/32px Roboto, 'Helvetica Neue', sans-serif;
letter-spacing: normal;
margin: 0;
}
.mat-tooltip {
font-family: Roboto, 'Helvetica Neue', sans-serif;
font-size: 10px;
padding-top: 6px;
padding-bottom: 6px;
}
.mat-tooltip-handset {
font-size: 14px;
padding-top: 8px;
padding-bottom: 8px;
}
.mat-list-item {
font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-list-option {
font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-list-base .mat-list-item {
font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n + 2) {
font-size: 14px;
}
.mat-list-base .mat-list-option {
font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n + 2) {
font-size: 14px;
}
.mat-list-base .mat-subheader {
font-family: Roboto, 'Helvetica Neue', sans-serif;
font-size: 14px;
font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n + 2) {
font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n + 2) {
font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
font-family: Roboto, 'Helvetica Neue', sans-serif;
font-size: 12px;
font-weight: 500;
}
.mat-option {
font-family: Roboto, 'Helvetica Neue', sans-serif;
font-size: 16px;
}
.mat-optgroup-label {
font: 500 14px/24px Roboto, 'Helvetica Neue', sans-serif;
letter-spacing: normal;
}
.mat-simple-snackbar {
font-family: Roboto, 'Helvetica Neue', sans-serif;
font-size: 14px;
}
.mat-simple-snackbar-action {
line-height: 1;
font-family: inherit;
font-size: inherit;
font-weight: 500;
}
.mat-tree {
font-family: Roboto, 'Helvetica Neue', sans-serif;
}
.mat-tree-node,
.mat-nested-tree-node {
font-weight: 400;
font-size: 14px;
}
.mat-ripple {
overflow: hidden;
position: relative;
}
.mat-ripple:not(:empty) {
transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
overflow: visible;
}
.mat-ripple-element {
position: absolute;
border-radius: 50%;
pointer-events: none;
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
transform: scale(0);
}
.cdk-high-contrast-active .mat-ripple-element {
display: none;
}
.cdk-visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
pointer-events: none;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.cdk-overlay-container {
position: fixed;
z-index: 1000;
}
.cdk-overlay-container:empty {
display: none;
}
.cdk-global-overlay-wrapper {
display: flex;
position: absolute;
z-index: 1000;
}
.cdk-overlay-pane {
position: absolute;
pointer-events: auto;
box-sizing: border-box;
z-index: 1000;
display: flex;
max-width: 100%;
max-height: 100%;
}
.cdk-overlay-backdrop {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
pointer-events: auto;
-webkit-tap-highlight-color: transparent;
transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
opacity: 0;
}
.cdk-overlay-connected-position-bounding-box {
position: absolute;
z-index: 1000;
display: flex;
flex-direction: column;
min-width: 1px;
min-height: 1px;
}
.cdk-global-scrollblock {
position: fixed;
width: 100%;
overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
resize: none;
}
textarea.cdk-textarea-autosize-measuring {
padding: 2px 0 !important;
box-sizing: content-box !important;
height: auto !important;
overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
padding: 2px 0 !important;
box-sizing: content-box !important;
height: 0 !important;
}
@keyframes cdk-text-field-autofill-start {
/*!*/
}
@keyframes cdk-text-field-autofill-end {
/*!*/
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
animation: cdk-text-field-autofill-end 0s 1ms;
}
.mat-focus-indicator {
position: relative;
}
.mat-mdc-focus-indicator {
position: relative;
}
.mat-ripple-element {
background-color: rgba(0, 0, 0, 0.1);
}
.mat-option {
color: rgba(0, 0, 0, 0.87);
}
.mat-option:hover:not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled) {
background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
color: rgba(0, 0, 0, 0.38);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
color: #673ab7;
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
color: #ffd740;
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
color: #f44336;
}
.mat-optgroup-label {
color: rgba(0, 0, 0, 0.54);
}
.mat-optgroup-disabled .mat-optgroup-label {
color: rgba(0, 0, 0, 0.38);
}
.mat-pseudo-checkbox {
color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox::after {
color: #fafafa;
}
.mat-pseudo-checkbox-disabled {
color: #b0b0b0;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
background: #673ab7;
}
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
background: #ffd740;
}
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
background: #f44336;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
background: #b0b0b0;
}
.mat-app-background {
background-color: #fafafa;
color: rgba(0, 0, 0, 0.87);
}
.mat-elevation-z0 {
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z1 {
box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z2 {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z3 {
box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z4 {
box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z5 {
box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z6 {
box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z7 {
box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z8 {
box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z9 {
box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z10 {
box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z11 {
box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z12 {
box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z13 {
box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z14 {
box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z15 {
box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z16 {
box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z17 {
box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z18 {
box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z19 {
box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z20 {
box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z21 {
box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z22 {
box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z23 {
box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z24 {
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
display: none;
}
.mat-autocomplete-panel {
background: #fff;
color: rgba(0, 0, 0, 0.87);
}
.mat-autocomplete-panel:not([class*='mat-elevation-z']) {
box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
background: #fff;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
color: rgba(0, 0, 0, 0.87);
}
.mat-badge {
position: relative;
}
.mat-badge-hidden .mat-badge-content {
display: none;
}
.mat-badge-content {
position: absolute;
text-align: center;
display: inline-block;
border-radius: 50%;
transition: transform 200ms ease-in-out;
transform: scale(0.6);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
pointer-events: none;
}
.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
transition: none;
}
.mat-badge-content.mat-badge-active {
transform: none;
}
.mat-badge-small .mat-badge-content {
width: 16px;
height: 16px;
line-height: 16px;
}
.mat-badge-small.mat-badge-above .mat-badge-content {
top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
left: -16px;
}
[dir='rtl'] .mat-badge-small.mat-badge-before .mat-badge-content {
left: auto;
right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
right: -16px;
}
[dir='rtl'] .mat-badge-small.mat-badge-after .mat-badge-content {
right: auto;
left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -8px;
}
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -8px;
}
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -8px;
}
.mat-badge-medium .mat-badge-content {
width: 22px;
height: 22px;
line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
left: -22px;
}
[dir='rtl'] .mat-badge-medium.mat-badge-before .mat-badge-content {
left: auto;
right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
right: -22px;
}
[dir='rtl'] .mat-badge-medium.mat-badge-after .mat-badge-content {
right: auto;
left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -11px;
}
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -11px;
}
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -11px;
}
.mat-badge-large .mat-badge-content {
width: 28px;
height: 28px;
line-height: 28px;
}
.mat-badge-large.mat-badge-above .mat-badge-content {
top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
left: -28px;
}
[dir='rtl'] .mat-badge-large.mat-badge-before .mat-badge-content {
left: auto;
right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
right: -28px;
}
[dir='rtl'] .mat-badge-large.mat-badge-after .mat-badge-content {
right: auto;
left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -14px;
}
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -14px;
}
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -14px;
}
.mat-badge-content {
color: #fff;
background: #673ab7;
}
.cdk-high-contrast-active .mat-badge-content {
outline: solid 1px;
border-radius: 0;
}
.mat-badge-accent .mat-badge-content {
background: #ffd740;
color: rgba(0, 0, 0, 0.87);
}
.mat-badge-warn .mat-badge-content {
color: #fff;
background: #f44336;
}
.mat-badge-disabled .mat-badge-content {
background: #b9b9b9;
color: rgba(0, 0, 0, 0.38);
}
.mat-bottom-sheet-container {
box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
background: #fff;
color: rgba(0, 0, 0, 0.87);
}
.mat-button,
.mat-icon-button,
.mat-stroked-button {
color: inherit;
background: transparent;
}
.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
color: #673ab7;
}
.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
color: #ffd740;
}
.mat-button.mat-warn,
.mat-icon-button.mat-warn,
.mat-stroked-button.mat-warn {
color: #f44336;
}
.mat-button.mat-primary.mat-button-disabled,
.mat-button.mat-accent.mat-button-disabled,
.mat-button.mat-warn.mat-button-disabled,
.mat-button.mat-button-disabled.mat-button-disabled,
.mat-icon-button.mat-primary.mat-button-disabled,
.mat-icon-button.mat-accent.mat-button-disabled,
.mat-icon-button.mat-warn.mat-button-disabled,
.mat-icon-button.mat-button-disabled.mat-button-disabled,
.mat-stroked-button.mat-primary.mat-button-disabled,
.mat-stroked-button.mat-accent.mat-button-disabled,
.mat-stroked-button.mat-warn.mat-button-disabled,
.mat-stroked-button.mat-button-disabled.mat-button-disabled {
color: rgba(0, 0, 0, 0.26);
}
.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay,
.mat-stroked-button.mat-primary .mat-button-focus-overlay {
background-color: #673ab7;
}
.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay,
.mat-stroked-button.mat-accent .mat-button-focus-overlay {
background-color: #ffd740;
}
.mat-button.mat-warn .mat-button-focus-overlay,
.mat-icon-button.mat-warn .mat-button-focus-overlay,
.mat-stroked-button.mat-warn .mat-button-focus-overlay {
background-color: #f44336;
}
.mat-button.mat-button-disabled .mat-button-focus-overlay,
.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,
.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
background-color: transparent;
}
.mat-button .mat-ripple-element,
.mat-icon-button .mat-ripple-element,
.mat-stroked-button .mat-ripple-element {
opacity: 0.1;
background-color: currentColor;
}
.mat-button-focus-overlay {
background: #000;
}
.mat-stroked-button:not(.mat-button-disabled) {
border-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button,
.mat-raised-button,
.mat-fab,
.mat-mini-fab {
color: rgba(0, 0, 0, 0.87);
background-color: #fff;
}
.mat-flat-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary {
color: #fff;
}
.mat-flat-button.mat-accent,
.mat-raised-button.mat-accent,
.mat-fab.mat-accent,
.mat-mini-fab.mat-accent {
color: rgba(0, 0, 0, 0.87);
}
.mat-flat-button.mat-warn,
.mat-raised-button.mat-warn,
.mat-fab.mat-warn,
.mat-mini-fab.mat-warn {
color: #fff;
}
.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled {
color: rgba(0, 0, 0, 0.26);
}
.mat-flat-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary {
background-color: #673ab7;
}
.mat-flat-button.mat-accent,
.mat-raised-button.mat-accent,
.mat-fab.mat-accent,
.mat-mini-fab.mat-accent {
background-color: #ffd740;
}
.mat-flat-button.mat-warn,
.mat-raised-button.mat-warn,
.mat-fab.mat-warn,
.mat-mini-fab.mat-warn {
background-color: #f44336;
}
.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled {
background-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button.mat-primary .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element,
.mat-fab.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-accent .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element,
.mat-fab.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element {
background-color: rgba(0, 0, 0, 0.1);
}
.mat-flat-button.mat-warn .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element,
.mat-fab.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1);
}
.mat-stroked-button:not([class*='mat-elevation-z']),
.mat-flat-button:not([class*='mat-elevation-z']) {
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not([class*='mat-elevation-z']) {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not(.mat-button-disabled):active:not([class*='mat-elevation-z']) {
box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-raised-button.mat-button-disabled:not([class*='mat-elevation-z']) {
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not([class*='mat-elevation-z']),
.mat-mini-fab:not([class*='mat-elevation-z']) {
box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not(.mat-button-disabled):active:not([class*='mat-elevation-z']),
.mat-mini-fab:not(.mat-button-disabled):active:not([class*='mat-elevation-z']) {
box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-fab.mat-button-disabled:not([class*='mat-elevation-z']),
.mat-mini-fab.mat-button-disabled:not([class*='mat-elevation-z']) {
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-standalone,
.mat-button-toggle-group {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
box-shadow: none;
}
.mat-button-toggle {
color: rgba(0, 0, 0, 0.38);
}
.mat-button-toggle .mat-button-toggle-focus-overlay {
background-color: rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-appearance-standard {
color: rgba(0, 0, 0, 0.87);
background: #fff;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
background-color: #000;
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
border-left: solid 1px rgba(0, 0, 0, 0.12);
}
[dir='rtl'] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
border-left: none;
border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
border-left: none;
border-right: none;
border-top: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-checked {
background-color: #e0e0e0;
color: rgba(0, 0, 0, 0.54);
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
color: rgba(0, 0, 0, 0.87);
}
.mat-button-toggle-disabled {
color: rgba(0, 0, 0, 0.26);
background-color: #eee;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
background: #fff;
}
.mat-button-toggle-disabled.mat-button-toggle-checked {
background-color: #bdbdbd;
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
border: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
line-height: 48px;
}
.mat-card {
background: #fff;
color: rgba(0, 0, 0, 0.87);
}
.mat-card:not([class*='mat-elevation-z']) {
box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-card.mat-card-flat:not([class*='mat-elevation-z']) {
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-card-subtitle {
color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-frame {
border-color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-checkmark {
fill: #fafafa;
}
.mat-checkbox-checkmark-path {
stroke: #fafafa !important;
}
.mat-checkbox-mixedmark {
background-color: #fafafa;
}
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,
.mat-checkbox-checked.mat-primary .mat-checkbox-background {
background-color: #673ab7;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #ffd740;
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,
.mat-checkbox-checked.mat-warn .mat-checkbox-background {
background-color: #f44336;
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox .mat-ripple-element {
background-color: #000;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
background: #673ab7;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
background: #ffd740;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
background: #f44336;
}
.mat-chip.mat-standard-chip {
background-color: #e0e0e0;
color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip .mat-chip-remove {
color: rgba(0, 0, 0, 0.87);
opacity: 0.4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
opacity: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
opacity: 0.4;
}
.mat-chip.mat-standard-chip::after {
background: #000;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
background-color: #673ab7;
color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
color: #fff;
opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
background-color: #f44336;
color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
color: #fff;
opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
background-color: #ffd740;
color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
color: rgba(0, 0, 0, 0.87);
opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
background-color: rgba(0, 0, 0, 0.1);
}
.mat-table {
background: #fff;
}
.mat-table thead,
.mat-table tbody,
.mat-table tfoot,
mat-header-row,
mat-row,
mat-footer-row,
[mat-header-row],
[mat-row],
[mat-footer-row],
.mat-table-sticky {
background: inherit;
}
mat-row,
mat-header-row,
mat-footer-row,
th.mat-header-cell,
td.mat-cell,
td.mat-footer-cell {
border-bottom-color: rgba(0, 0, 0, 0.12);
}
.mat-header-cell {
color: rgba(0, 0, 0, 0.54);
}
.mat-cell,
.mat-footer-cell {
color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-arrow {
border-top-color: rgba(0, 0, 0, 0.54);
}
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-table-header-divider::after {
background: rgba(0, 0, 0, 0.12);
}
.mat-calendar-table-header,
.mat-calendar-body-label {
color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
color: rgba(0, 0, 0, 0.87);
border-color: transparent;
}
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-disabled .mat-date-range-input-separator {
color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-in-preview {
color: rgba(0, 0, 0, 0.24);
}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
border-color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
border-color: rgba(0, 0, 0, 0.18);
}
.mat-calendar-body-in-range::before {
background: rgba(103, 58, 183, 0.2);
}
.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
background: rgba(249, 171, 0, 0.2);
}
.mat-calendar-body-comparison-bridge-start::before,
[dir='rtl'] .mat-calendar-body-comparison-bridge-end::before {
background: linear-gradient(to right, rgba(103, 58, 183, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-comparison-bridge-end::before,
[dir='rtl'] .mat-calendar-body-comparison-bridge-start::before {
background: linear-gradient(to left, rgba(103, 58, 183, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
background: #a8dab5;
}
.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
background: #46a35e;
}
.mat-calendar-body-selected {
background-color: #673ab7;
color: #fff;
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(103, 58, 183, 0.4);
}
.mat-calendar-body-today.mat-calendar-body-selected {
box-shadow: inset 0 0 0 1px #fff;
}
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
background-color: rgba(103, 58, 183, 0.3);
}
.mat-datepicker-content {
box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
background-color: #fff;
color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
background: rgba(255, 215, 64, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir='rtl'] .mat-calendar-body-comparison-bridge-end::before {
background: linear-gradient(to right, rgba(255, 215, 64, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir='rtl'] .mat-calendar-body-comparison-bridge-start::before {
background: linear-gradient(to left, rgba(255, 215, 64, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
background: #a8dab5;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
background: #46a35e;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #ffd740;
color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(255, 215, 64, 0.4);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
background-color: rgba(255, 215, 64, 0.3);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
background: rgba(244, 67, 54, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir='rtl'] .mat-calendar-body-comparison-bridge-end::before {
background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir='rtl'] .mat-calendar-body-comparison-bridge-start::before {
background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
background: #a8dab5;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
background: #46a35e;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: #fff;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
box-shadow: inset 0 0 0 1px #fff;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
background-color: rgba(244, 67, 54, 0.3);
}
.mat-datepicker-content-touch {
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-datepicker-toggle-active {
color: #673ab7;
}
.mat-datepicker-toggle-active.mat-accent {
color: #ffd740;
}
.mat-datepicker-toggle-active.mat-warn {
color: #f44336;
}
.mat-date-range-input-inner[disabled] {
color: rgba(0, 0, 0, 0.38);
}
.mat-dialog-container {
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
background: #fff;
color: rgba(0, 0, 0, 0.87);
}
.mat-divider {
border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-divider-vertical {
border-right-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel {
background: #fff;
color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel:not([class*='mat-elevation-z']) {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-action-row {
border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled='true']),
.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled='true']),
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled='true']) {
background: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
.mat-expansion-panel:not(.mat-expanded):not([aria-disabled='true']) .mat-expansion-panel-header:hover {
background: #fff;
}
}
.mat-expansion-panel-header-title {
color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
color: rgba(0, 0, 0, 0.54);
}
.mat-expansion-panel-header[aria-disabled='true'] {
color: rgba(0, 0, 0, 0.26);
}
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
color: inherit;
}
.mat-expansion-panel-header {
height: 48px;
}
.mat-expansion-panel-header.mat-expanded {
height: 64px;
}
.mat-form-field-label {
color: rgba(0, 0, 0, 0.6);
}
.mat-hint {
color: rgba(0, 0, 0, 0.6);
}
.mat-form-field.mat-focused .mat-form-field-label {
color: #673ab7;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
color: #ffd740;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
color: #f44336;
}
.mat-focused .mat-form-field-required-marker {
color: #ffd740;
}
.mat-form-field-ripple {
background-color: rgba(0, 0, 0, 0.87);
}
.mat-form-field.mat-focused .mat-form-field-ripple {
background-color: #673ab7;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
background-color: #ffd740;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
background-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
color: #673ab7;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
color: #ffd740;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label {
color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
background-color: #f44336;
}
.mat-error {
color: #f44336;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-hint {
color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x;
}
.mat-form-field-appearance-standard .mat-form-field-underline {
background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
background-color: rgba(0, 0, 0, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
background-color: rgba(0, 0, 0, 0.02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
background-color: transparent;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
color: rgba(0, 0, 0, 0.12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
color: rgba(0, 0, 0, 0.87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
color: #673ab7;
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
color: #ffd740;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
color: rgba(0, 0, 0, 0.06);
}
.mat-icon.mat-primary {
color: #673ab7;
}
.mat-icon.mat-accent {
color: #ffd740;
}
.mat-icon.mat-warn {
color: #f44336;
}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
color: rgba(0, 0, 0, 0.54);
}
.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
color: rgba(0, 0, 0, 0.38);
}
.mat-input-element {
caret-color: #673ab7;
}
.mat-input-element::placeholder {
color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.42);
}
.mat-form-field.mat-accent .mat-input-element {
caret-color: #ffd740;
}
.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
caret-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
color: #f44336;
}
.mat-list-base .mat-list-item {
color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-list-option {
color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-subheader {
color: rgba(0, 0, 0, 0.54);
}
.mat-list-item-disabled {
background-color: #eee;
}
.mat-list-option:hover,
.mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
background: rgba(0, 0, 0, 0.04);
}
.mat-list-single-selected-option,
.mat-list-single-selected-option:hover,
.mat-list-single-selected-option:focus {
background: rgba(0, 0, 0, 0.12);
}
.mat-menu-panel {
background: #fff;
}
.mat-menu-panel:not([class*='mat-elevation-z']) {
box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-menu-item {
background: transparent;
color: rgba(0, 0, 0, 0.87);
}
.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
color: rgba(0, 0, 0, 0.38);
}
.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
color: rgba(0, 0, 0, 0.54);
}
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
background: rgba(0, 0, 0, 0.04);
}
.mat-paginator {
background: #fff;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
color: rgba(0, 0, 0, 0.54);
}
.mat-paginator-decrement,
.mat-paginator-increment {
border-top: 2px solid rgba(0, 0, 0, 0.54);
border-right: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-paginator-first,
.mat-paginator-last {
border-top: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
border-color: rgba(0, 0, 0, 0.38);
}
.mat-paginator-container {
min-height: 56px;
}
.mat-progress-bar-background {
fill: #d5cae9;
}
.mat-progress-bar-buffer {
background-color: #d5cae9;
}
.mat-progress-bar-fill::after {
background-color: #673ab7;
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
fill: #fbf1cc;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
background-color: #fbf1cc;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
background-color: #ffd740;
}
.mat-progress-bar.mat-warn .mat-progress-bar-background {
fill: #f9ccc9;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
background-color: #f9ccc9;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
background-color: #f44336;
}
.mat-progress-spinner circle,
.mat-spinner circle {
stroke: #673ab7;
}
.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
stroke: #ffd740;
}
.mat-progress-spinner.mat-warn circle,
.mat-spinner.mat-warn circle {
stroke: #f44336;
}
.mat-radio-outer-circle {
border-color: rgba(0, 0, 0, 0.54);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
border-color: #673ab7;
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
background-color: #673ab7;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
border-color: #ffd740;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
background-color: #ffd740;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
border-color: #f44336;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
background-color: #f44336;
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
border-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
background-color: #000;
}
.mat-select-value {
color: rgba(0, 0, 0, 0.87);
}
.mat-select-placeholder {
color: rgba(0, 0, 0, 0.42);
}
.mat-select-disabled .mat-select-value {
color: rgba(0, 0, 0, 0.38);
}
.mat-select-arrow {
color: rgba(0, 0, 0, 0.54);
}
.mat-select-panel {
background: #fff;
}
.mat-select-panel:not([class*='mat-elevation-z']) {
box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
background: rgba(0, 0, 0, 0.12);
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
color: #673ab7;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
color: #ffd740;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
color: #f44336;
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
color: #f44336;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
color: rgba(0, 0, 0, 0.38);
}
.mat-drawer-container {
background-color: #fafafa;
color: rgba(0, 0, 0, 0.87);
}
.mat-drawer {
background-color: #fff;
color: rgba(0, 0, 0, 0.87);
}
.mat-drawer.mat-drawer-push {
background-color: #fff;
}
.mat-drawer:not(.mat-drawer-side) {
box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side {
border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side.mat-drawer-end {
border-left: solid 1px rgba(0, 0, 0, 0.12);
border-right: none;
}
[dir='rtl'] .mat-drawer-side {
border-left: solid 1px rgba(0, 0, 0, 0.12);
border-right: none;
}
[dir='rtl'] .mat-drawer-side.mat-drawer-end {
border-left: none;
border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-backdrop.mat-drawer-shown {
background-color: rgba(0, 0, 0, 0.6);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
background-color: #ffd740;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
background-color: rgba(255, 215, 64, 0.54);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
background-color: #ffd740;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
background-color: #673ab7;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
background-color: rgba(103, 58, 183, 0.54);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
background-color: #673ab7;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
background-color: #f44336;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
background-color: rgba(244, 67, 54, 0.54);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
background-color: #f44336;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
background-color: #000;
}
.mat-slide-toggle-thumb {
box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
background-color: #fafafa;
}
.mat-slide-toggle-bar {
background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-track-background {
background-color: rgba(0, 0, 0, 0.26);
}
.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
background-color: #673ab7;
}
.mat-primary .mat-slider-thumb-label-text {
color: #fff;
}
.mat-primary .mat-slider-focus-ring {
background-color: rgba(103, 58, 183, 0.2);
}
.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
background-color: #ffd740;
}
.mat-accent .mat-slider-thumb-label-text {
color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mat-slider-focus-ring {
background-color: rgba(255, 215, 64, 0.2);
}
.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
background-color: #f44336;
}
.mat-warn .mat-slider-thumb-label-text {
color: #fff;
}
.mat-warn .mat-slider-focus-ring {
background-color: rgba(244, 67, 54, 0.2);
}
.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-disabled:hover .mat-slider-track-background {
background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-min-value .mat-slider-focus-ring {
background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
background-color: rgba(0, 0, 0, 0.87);
}
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
border-color: rgba(0, 0, 0, 0.26);
background-color: transparent;
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
border-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
border-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-has-ticks .mat-slider-wrapper::after {
border-color: rgba(0, 0, 0, 0.7);
}
.mat-slider-horizontal .mat-slider-ticks {
background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-slider-vertical .mat-slider-ticks {
background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover:not([aria-disabled]),
.mat-step-header:hover[aria-disabled='false'] {
background-color: rgba(0, 0, 0, 0.04);
}
.mat-step-header:hover[aria-disabled='true'] {
cursor: default;
}
@media (hover: none) {
.mat-step-header:hover {
background: none;
}
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
color: rgba(0, 0, 0, 0.54);
}
.mat-step-header .mat-step-icon {
background-color: rgba(0, 0, 0, 0.54);
color: #fff;
}
.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
background-color: #673ab7;
color: #fff;
}
.mat-step-header.mat-accent .mat-step-icon {
color: rgba(0, 0, 0, 0.87);
}
.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
background-color: #ffd740;
color: rgba(0, 0, 0, 0.87);
}
.mat-step-header.mat-warn .mat-step-icon {
color: #fff;
}
.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
background-color: #f44336;
color: #fff;
}
.mat-step-header .mat-step-icon-state-error {
background-color: transparent;
color: #f44336;
}
.mat-step-header .mat-step-label.mat-step-label-active {
color: rgba(0, 0, 0, 0.87);
}
.mat-step-header .mat-step-label.mat-step-label-error {
color: #f44336;
}
.mat-stepper-horizontal,
.mat-stepper-vertical {
background-color: #fff;
}
.mat-stepper-vertical-line::before {
border-left-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header {
height: 72px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
padding: 24px 24px;
}
.mat-stepper-vertical-line::before {
top: -16px;
bottom: -16px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after,
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {
top: 36px;
}
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
top: 36px;
}
.mat-sort-header-arrow {
color: #757575;
}
.mat-tab-nav-bar,
.mat-tab-header {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
border-top: 1px solid rgba(0, 0, 0, 0.12);
border-bottom: none;
}
.mat-tab-label,
.mat-tab-link {
color: rgba(0, 0, 0, 0.87);
}
.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
color: rgba(0, 0, 0, 0.38);
}
.mat-tab-header-pagination-chevron {
border-color: rgba(0, 0, 0, 0.87);
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(0, 0, 0, 0.38);
}
.mat-tab-group[class*='mat-background-'] > .mat-tab-header,
.mat-tab-nav-bar[class*='mat-background-'] {
border-bottom: none;
border-top: none;
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
background-color: rgba(209, 196, 233, 0.3);
}
.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
background-color: #673ab7;
}
.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
background-color: #fff;
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
background-color: rgba(255, 229, 127, 0.3);
}
.mat-tab-group.mat-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent .mat-ink-bar {
background-color: #ffd740;
}
.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
background-color: rgba(0, 0, 0, 0.87);
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn .mat-ink-bar {
background-color: #f44336;
}
.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
background-color: #fff;
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
background-color: rgba(209, 196, 233, 0.3);
}
.mat-tab-group.mat-background-primary > .mat-tab-header,
.mat-tab-group.mat-background-primary > .mat-tab-link-container,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
background-color: #673ab7;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
color: #fff;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
border-color: #fff;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: #fff;
opacity: 0.4;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
background-color: #fff;
opacity: 0.12;
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
background-color: rgba(255, 229, 127, 0.3);
}
.mat-tab-group.mat-background-accent > .mat-tab-header,
.mat-tab-group.mat-background-accent > .mat-tab-link-container,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
background-color: #ffd740;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
color: rgba(0, 0, 0, 0.87);
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
color: rgba(0, 0, 0, 0.4);
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
border-color: rgba(0, 0, 0, 0.87);
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: #000;
opacity: 0.4;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
background-color: #000;
opacity: 0.12;
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-background-warn > .mat-tab-header,
.mat-tab-group.mat-background-warn > .mat-tab-link-container,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
background-color: #f44336;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
color: #fff;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
border-color: #fff;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: #fff;
opacity: 0.4;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
background-color: #fff;
opacity: 0.12;
}
.mat-toolbar {
background: #f5f5f5;
color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
background: #673ab7;
color: #fff;
}
.mat-toolbar.mat-accent {
background: #ffd740;
color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-warn {
background: #f44336;
color: #fff;
}
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
background-color: currentColor;
}
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
color: inherit;
}
.mat-toolbar .mat-input-element {
caret-color: currentColor;
}
.mat-toolbar-multiple-rows {
min-height: 64px;
}
.mat-toolbar-row,
.mat-toolbar-single-row {
height: 64px;
}
@media (max-width: 599px) {
.mat-toolbar-multiple-rows {
min-height: 56px;
}
.mat-toolbar-row,
.mat-toolbar-single-row {
height: 56px;
}
}
.mat-tooltip {
background: rgba(97, 97, 97, 0.9);
}
.mat-tree {
background: #fff;
}
.mat-tree-node,
.mat-nested-tree-node {
color: rgba(0, 0, 0, 0.87);
}
.mat-tree-node {
min-height: 48px;
}
.mat-snack-bar-container {
color: rgba(255, 255, 255, 0.7);
background: #323232;
box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-simple-snackbar-action {
color: #ffd740;
}
datepicker a,
[datepicker] a,
.datepicker a {
color: inherit;
text-decoration: none;
}
datepicker a:hover,
[datepicker] a:hover,
.datepicker a:hover {
text-decoration: none;
}
datepicker select,
datepicker select:focus,
datepicker select:hover,
.datepicker select,
.datepicker select:focus,
.datepicker select:hover,
[datepicker] select,
[datepicker] select:focus,
[datepicker] select:hover {
width: 100%;
overflow: hidden;
background: none;
color: #fff;
background-color: #138efa;
border-radius: 2px;
border: 0;
margin-top: 5px;
}
datepicker,
.datepicker,
[datepicker],
._720kb-datepicker-calendar-header,
._720kb-datepicker-calendar-body,
._720kb-datepicker-calendar-days-header,
._720kb-datepicker-calendar-years-pagination-pages {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin: 0 auto;
float: left;
clear: right;
position: relative;
}
._720kb-datepicker-calendar {
background: #fff;
color: #333;
position: absolute;
z-index: 999;
min-width: 220px;
margin: 0 auto;
width: 101%;
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
visibility: hidden;
overflow: hidden;
margin-left: -0.5%;
padding: 0 0 2% 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
._720kb-datepicker-calendar._720kb-datepicker-open,
._720kb-datepicker-calendar._720kb-datepicker-forced-to-open {
visibility: visible;
}
._720kb-datepicker-calendar-header {
text-align: center;
font-size: 15px;
line-height: 40px;
}
._720kb-datepicker-calendar-header:nth-child(odd) {
background: #138efa;
}
._720kb-datepicker-calendar-header:nth-child(even) {
background: #7bc6fc;
}
._720kb-datepicker-calendar-header-left,
._720kb-datepicker-calendar-header-middle,
._720kb-datepicker-calendar-header-right {
width: 15%;
float: left;
}
._720kb-datepicker-calendar-header-middle {
width: 70%;
}
._720kb-datepicker-calendar-header-closed-pagination::after {
content: ' ▾';
}
._720kb-datepicker-calendar-header-opened-pagination::after {
content: ' ▾';
margin-left: 4px;
position: relative;
bottom: -3px;
display: inline-block;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
._720kb-datepicker-calendar-body {
width: 96%;
margin: 2%;
text-align: center;
}
._720kb-datepicker-calendar-day {
cursor: pointer;
font-size: 12.5px;
width: 12.2%;
margin: 5px 1%;
padding: 1.5% 0;
float: left;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
._720kb-datepicker-calendar-day:hover,
._720kb-datepicker-calendar-day._720kb-datepicker-active {
background: rgba(0, 0, 0, 0.03);
}
._720kb-datepicker-calendar-header a,
._720kb-datepicker-calendar-header a:hover {
text-decoration: none;
padding: 3% 9% 4% 9%;
font-size: 13.5px;
color: rgba(0, 0, 0, 0.55);
font-weight: bold;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
._720kb-datepicker-calendar-header a:hover {
color: rgba(0, 0, 0, 0.9);
background: rgba(255, 255, 255, 0.45);
}
._720kb-datepicker-calendar-month {
color: #fff;
}
._720kb-datepicker-calendar-month span {
font-size: 13px;
color: rgba(0, 0, 0, 0.4);
}
._720kb-datepicker-calendar-month a span i {
font-style: normal;
font-size: 15px;
}
._720kb-datepicker-calendar-month a,
._720kb-datepicker-calendar-month a:hover {
padding: 3px;
margin-left: 1%;
}
._720kb-datepicker-calendar-years-pagination {
padding: 2% 0 0 0;
float: left;
clear: right;
width: 100%;
}
._720kb-datepicker-calendar-years-pagination a,
._720kb-datepicker-calendar-years-pagination a:hover {
font-size: 12px;
padding: 0 7px;
font-weight: normal;
margin: 3px 1% 0 1%;
line-height: 20px;
display: inline-block;
}
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active {
color: rgba(0, 0, 0, 0.9);
font-weight: 500;
background: rgba(255, 255, 255, 0.45);
}
._720kb-datepicker-calendar-years-pagination-pages a,
._720kb-datepicker-calendar-years-pagination-pages a:hover {
padding: 5px 10px;
}
._720kb-datepicker-calendar-days-header {
max-width: 100%;
margin: 0 auto;
padding: 0 2% 0 2%;
background: rgba(19, 142, 250, 0.08);
border-bottom: 1px solid rgba(0, 0, 0, 0.02);
}
._720kb-datepicker-calendar-days-header div {
width: 14.18%;
font-weight: 500;
font-size: 11.5px;
padding: 10px 0;
float: left;
text-align: center;
color: rgba(0, 0, 0, 0.7);
}
._720kb-datepicker-calendar-days ._720kb-datepicker-default-button {
font-size: 18.5px;
position: relative;
bottom: -0.5px;
}
._720kb-datepicker-default-button {
padding: 0 4.5px;
}
._720kb-datepicker-calendar-header-middle._720kb-datepicker-mobile-item {
width: 95%;
float: none;
margin: 0 auto;
}
._720kb-datepicker-item-hidden {
visibility: hidden;
}
._720kb-datepicker-calendar-day._720kb-datepicker-disabled,
._720kb-datepicker-calendar-day._720kb-datepicker-disabled:hover,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled:hover,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled:hover {
color: rgba(0, 0, 0, 0.2);
background: rgba(25, 2, 0, 0.02);
cursor: default;
}
.breadcrumb {
list-style: none;
margin: 2rem 0;
}
.breadcrumb li {
display: inline;
}
.breadcrumb li a,
.breadcrumb li span {
font-weight: 500;
}
.breadcrumb li span {
color: #818388;
}
.breadcrumb li:before {
content: '➜';
margin: 0 0.6666666667rem;
color: #818388;
}
.breadcrumb li:first-child:before {
display: none;
}
.ngdialog.ngdialog-theme-vsp.mitarbeiter-anlegen .ngdialog-content li {
background-color: rgba(0, 0, 0, 0);
}
.ngdialog.ngdialog-theme-vsp.mitarbeiter-anlegen .ngdialog-content .solid-list {
background-color: #fff;
}
.ngdialog.ngdialog-theme-vsp.mitarbeiter-anlegen .ngdialog-content .expand .solid-list {
background-color: #09435a;
}
.ngdialog.ngdialog-theme-vsp.mitarbeiter-anlegen .ngdialog-content .solid-list > a {
width: 100%;
}
.ngdialog.ngdialog-theme-vsp.mitarbeiter-anlegen .ngdialog-content .expand .solid-list > a span {
color: #fff;
}
.ngdialog.ngdialog-theme-vsp.mitarbeiter-anlegen .ngdialog-content .expanded {
display: none;
padding: 5px;
}
.ngdialog.ngdialog-theme-vsp.mitarbeiter-anlegen .ngdialog-content .expand .expanded {
display: block;
}
.ngdialog.ngdialog-theme-vsp.mitarbeiter-anlegen .ngdialog-content .darker {
background-color: #e1e7e9;
}
.ngdialog.ngdialog-theme-vsp.mitarbeiter-anlegen .ngdialog-content .li-separator {
text-align: center;
margin: 5px 0px;
}
.ngdialog.ngdialog-theme-vsp.mitarbeiter-anlegen .ngdialog-content a.change {
height: 12px;
display: block;
}
.ngdialog.ngdialog-theme-vsp.mitarbeiter-anlegen .ngdialog-content a.change img {
height: 100%;
margin-right: 10px;
}
.ngdialog.ngdialog-theme-vsp.mitarbeiter-anlegen .ngdialog-content a.change span {
color: #0496d8;
font-size: 12px;
}
.ngdialog.ngdialog-theme-vsp.mitarbeiter-anlegen .ngdialog-content a.change:hover span {
color: #14b3fb;
}
.ngdialog.ngdialog-theme-vsp.mitarbeiter-anlegen .ngdialog-content {
width: 66%;
background-color: #fff;
}
.ngdialog.ngdialog-theme-vsp.question-dialog .ngdialog-content {
width: 66%;
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
.ngdialog.ngdialog-theme-vsp.mitarbeiter-anlegen .ngdialog-content {
width: 100%;
}
.ngdialog.ngdialog-theme-vsp.question-dialog .ngdialog-content {
width: 100%;
}
}
.ngdialog.ngdialog-theme-vsp .ngdialog-content h1 {
color: #4e4e4e;
text-align: center;
}
.ngdialog.ngdialog-theme-vsp {
padding-bottom: 100px;
padding-top: 20px;
}
.ngdialog.ngdialog-theme-cookies {
padding-top: 160px;
}
.ngdialog.ngdialog-theme-vsp .control-label {
color: #191919;
font-family: Roboto-Light, sans-serif;
}
.ngdialog.ngdialog-theme-vsp .ngdialog-content {
z-index: 1001;
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
background: #fff;
margin: 0 auto;
max-width: 100%;
padding: 50px;
position: relative;
}
.ngdialog.ngdialog-theme-vsp .ngdialog-content h2,
.ngdialog.ngdialog-theme-vsp .ngdialog-content h3,
.ngdialog.ngdialog-theme-vsp .ngdialog-content h4,
.ngdialog.ngdialog-theme-vsp .ngdialog-content h5,
.ngdialog.ngdialog-theme-vsp .ngdialog-content h6,
.ngdialog.ngdialog-theme-vsp .ngdialog-content p,
.ngdialog.ngdialog-theme-vsp .ngdialog-content ul,
.ngdialog.ngdialog-theme-vsp .ngdialog-content li {
color: inherit;
}
.ngdialog.ngdialog-theme-vsp .ngdialog-close {
width: 20px;
height: 20px;
padding: 20px;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
}
.ngdialog.ngdialog-theme-vsp .ngdialog-close:before {
width: 30px;
height: 30px;
color: #eee;
content: '×';
background: rgba(0, 0, 0, 0);
font-size: 26px;
font-weight: 400;
line-height: 26px;
text-align: center;
}
.ngdialog.ngdialog-theme-vsp .ngdialog-close:hover:before,
.ngdialog.ngdialog-theme-vsp .ngdialog-close:active:before {
color: #aaa;
}
.ngdialog.ngdialog-theme-vsp .ngdialog-message {
margin-bottom: 0.5em;
}
.ngdialog.ngdialog-theme-vsp .ngdialog-input {
margin-bottom: 1em;
}
.ngdialog.ngdialog-theme-vsp .ngdialog-input textarea,
.ngdialog.ngdialog-theme-vsp .ngdialog-input input[type='text'],
.ngdialog.ngdialog-theme-vsp .ngdialog-input input[type='password'],
.ngdialog.ngdialog-theme-vsp .ngdialog-input input[type='email'],
.ngdialog.ngdialog-theme-vsp .ngdialog-input input[type='url'] {
background: #f0f0f0;
border: 0;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
margin: 0 0 0.25em;
min-height: 2.5em;
padding: 0.25em 0.67em;
width: 100%;
}
.ngdialog.ngdialog-theme-vsp .ngdialog-input textarea:focus,
.ngdialog.ngdialog-theme-vsp .ngdialog-input input[type='text']:focus,
.ngdialog.ngdialog-theme-vsp .ngdialog-input input[type='password']:focus,
.ngdialog.ngdialog-theme-vsp .ngdialog-input input[type='email']:focus,
.ngdialog.ngdialog-theme-vsp .ngdialog-input input[type='url']:focus {
-webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
outline: none;
}
.ngdialog.ngdialog-theme-vsp .ngdialog-buttons:after {
clear: both;
content: '';
display: table;
}
.ngdialog.ngdialog-theme-vsp .ngdialog-button {
border: 0;
cursor: pointer;
float: right;
font-family: inherit;
font-size: 0.8em;
letter-spacing: 0.1em;
line-height: 1em;
margin: 0 0 0 0.5em;
padding: 0.75em 2em;
text-transform: uppercase;
}
.ngdialog.ngdialog-theme-vsp .ngdialog-button:focus {
-webkit-animation: ngdialog-pulse 1.1s infinite;
animation: ngdialog-pulse 1.1s infinite;
outline: none;
}
@media (max-width: 568px) {
.ngdialog.ngdialog-theme-vsp .ngdialog-button:focus {
-webkit-animation: none;
animation: none;
}
}
.ngdialog.ngdialog-theme-vsp .ngdialog-button.ngdialog-button-primary {
background: #3288e6;
color: #fff;
}
.ngdialog.ngdialog-theme-vsp .ngdialog-button.ngdialog-button-secondary {
background: #e0e0e0;
color: #777;
}
.ngdialog .dialog-content-wrapper {
max-width: 62.6666666667rem;
margin: 0 auto;
}
.ngdialog.ngdialog-theme-vsp.employee-integrity {
padding: 25px;
}
.ngdialog.ngdialog-theme-vsp.employee-integrity .ngdialog-content {
height: 100%;
overflow-y: auto;
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
.ngdialog.ngdialog-theme-vsp.employee-integrity {
padding: 10px;
}
}
#contactAdvisor {
margin-top: 2rem;
}
#contactAdvisor .padding-top {
padding-top: 1rem;
}
#contactAdvisor .detail.margin-right {
margin-right: 1rem;
}
#contactAdvisor .detail.email {
text-align: left;
}
#contactAdvisor .detail.phone {
text-align: left;
}
#contactAdvisor .detail.buttons .button {
margin: 0;
}
#contactAdvisor .detail:last-child {
border-bottom: 0;
}
#contactAdvisor .detail button {
margin-bottom: 0;
}
#contactAdvisor .font-icon {
font-size: 1.4rem;
margin-right: 1.3333333333rem;
position: relative;
top: -0.1333333333rem;
}
#contactAdvisor .avatar {
margin: 0;
}
#contactAdvisor .avatar .picture {
width: 8rem;
height: 8rem;
border-radius: 8rem;
border: 0.0666666667rem solid rgba(0, 0, 0, 0.4);
overflow: hidden;
display: inline-block;
}
#contactAdvisor .avatar .image {
position: static;
margin: 0;
width: 100%;
}
#contactAdvisor .avatar .name {
font-size: 1.2rem;
margin: 1rem 0 0.6rem;
}
@media only screen and (max-width: 25.3333333333em) {
#contactAdvisor .xsmall-center {
text-align: center;
}
}
.button {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-weight: 400;
border-radius: 0.2rem;
border-bottom: 0.1333333333rem solid rgba(0, 0, 0, 0.4);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
padding-top: 0.9333333333rem;
padding-bottom: 0.8rem;
}
.button:focus,
.button:hover {
outline: 0;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
}
.button:active {
box-shadow: none;
border-bottom-color: rgba(0, 0, 0, 0);
}
[disabled].button {
opacity: 40%;
border-bottom-color: rgba(0, 0, 0, 0);
cursor: not-allowed;
}
.isOutline.button {
padding-top: 0.3333333333rem;
padding-bottom: 0.4rem;
background-color: rgba(0, 0, 0, 0);
border: 0.1333333333rem solid rgba(0, 0, 0, 0);
}
.isOutline.button:focus,
.isOutline.button:hover {
box-shadow: none;
}
.isOutline.button .font-icon {
font-size: 0.8666666667rem;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.button .font-icon {
font-size: 1.3333333333rem;
}
.button .font-icon:first-child {
margin-left: -0.3333333333rem;
margin-right: 0.6666666667rem;
}
.button .font-icon:last-child {
margin-left: 0.6666666667rem;
margin-right: -0.3333333333rem;
}
.button {
display: block;
width: 100%;
}
.button .loader-wrapper > * {
margin: 0 5px !important;
}
.button .loader-wrapper > *:last-child {
margin-left: 5px !important;
}
@media only screen and (min-width: 42.7333333333em) {
.button {
width: auto;
display: inline-block;
}
}
.button.validator {
margin-top: 20px;
padding: 0.62rem 17px;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.button-primary {
background-color: #2c6cb8;
}
.button-primary:focus,
.button-primary:hover {
background-color: #4585d2;
border-bottom-color: rgba(44, 108, 184, 0.4);
}
.button-primary:active {
background-color: #22548f;
}
.button-primary.isOutline {
color: #2c6cb8;
border-color: #2c6cb8;
}
.button-primary.isOutline.isFilled,
.button-primary.isOutline:focus,
.button-primary.isOutline:hover {
color: #fff;
background-color: #4585d2;
border-color: #4585d2;
}
.button-primary.isOutline.isFilled .font-icon,
.button-primary.isOutline:focus .font-icon,
.button-primary.isOutline:hover .font-icon {
color: inherit;
}
.button-primary.isOutline:active {
color: #fff;
background-color: #2c6cb8;
border-color: #2c6cb8;
}
.button-primary.isOutline:active .font-icon {
color: inherit;
}
.button-primary.isOutline .font-icon {
color: #2c6cb8;
}
.button-primary .font-icon {
color: #fff;
}
.button-secondary {
background-color: #2c6cb8;
}
.button-secondary:focus,
.button-secondary:hover {
background-color: #4585d2;
border-bottom-color: rgba(44, 108, 184, 0.4);
}
.button-secondary:active {
background-color: #22548f;
}
.button-secondary.isOutline {
color: #2c6cb8;
border-color: #2c6cb8;
}
.button-secondary.isOutline.isFilled,
.button-secondary.isOutline:focus,
.button-secondary.isOutline:hover {
color: #191919;
background-color: #4585d2;
border-color: #4585d2;
}
.button-secondary.isOutline.isFilled .font-icon,
.button-secondary.isOutline:focus .font-icon,
.button-secondary.isOutline:hover .font-icon {
color: inherit;
}
.button-secondary.isOutline:active {
background-color: #2c6cb8;
border-color: #2c6cb8;
}
.button-secondary.isOutline .font-icon {
color: #2c6cb8;
}
.button-secondary .font-icon {
color: #191919;
}
.button-cta {
color: #191919;
background-color: #fff;
}
.button-cta:focus,
.button-cta:hover {
color: #191919;
background-color: #fff;
border-bottom-color: rgba(255, 255, 255, 0.4);
}
.button-cta:active {
background-color: #e6e6e6;
}
.button-cta.isOutline {
color: #fff;
border-color: #fff;
}
.button-cta.isOutline.isFilled,
.button-cta.isOutline:focus,
.button-cta.isOutline:hover {
color: #191919;
background-color: #fff;
border-color: #fff;
}
.button-cta.isOutline.isFilled .font-icon,
.button-cta.isOutline:focus .font-icon,
.button-cta.isOutline:hover .font-icon {
color: inherit;
}
.button-cta.isOutline:active {
background-color: #fff;
border: 0.1333333333rem solid rgba(255, 255, 255, 0.4);
}
.button-cta.isOutline .font-icon {
color: #2c6cb8;
}
.button-cta .font-icon {
color: #191919;
}
.button-link {
background-color: rgba(0, 0, 0, 0);
color: #004f87;
border: 0;
box-shadow: none;
}
.button.button-small-header {
margin-bottom: 0;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
position: relative;
top: -0.2rem;
}
.button.button-really-small-header {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 1px;
padding-right: 1px;
padding-top: 0;
padding-bottom: 0;
position: relative;
top: -0.2rem;
}
.button.button-primary.button-active {
color: #fff;
background-color: #4585d2;
border-color: #4585d2;
}
.flex-column {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.price-box {
margin-top: 1rem;
}
@media only screen and (min-width: 42.7333333333em) {
.price-box {
margin-top: 0;
}
}
.price-box .price-box-title {
background-color: rgba(255, 255, 255, 0.5);
text-align: center;
padding: 0.2666666667rem;
}
.price-box .price-background-wrapper {
background-color: #fff;
padding: 0 0.8733333333rem 0 0.8733333333rem;
}
.price-box .price-background-wrapper .price-row {
margin-right: -0.8733333333rem;
}
.price-box .price-background-wrapper .price-row .price {
line-height: 3.3333333333rem;
float: left;
display: inline-block;
}
.price-box .price-background-wrapper .button-row {
border-top: 1px solid #a9bcc5;
padding-top: 0.8733333333rem;
padding-bottom: 0.8733333333rem;
margin-left: -0.8733333333rem;
margin-right: -0.8733333333rem;
text-align: center;
}
.price-box .price-background-wrapper .button-row .button {
width: 80%;
margin-bottom: 0;
}
.box-list-box {
position: relative;
background-color: #fff;
box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.07);
border-bottom-right-radius: 0.2rem;
border-bottom-left-radius: 0.2rem;
border-box: content-box;
padding-bottom: 80%;
}
@media only screen and (min-width: 42.7333333333em) {
.box-list-box {
padding-bottom: 80%;
}
}
@media only screen and (min-width: 68.3333333333em) {
.box-list-box {
padding-bottom: 80%;
}
}
.box-list-box__content {
position: relative;
overflow: hidden;
width: 100%;
position: absolute;
top: 0;
bottom: 2.6rem;
left: 0;
right: 0;
}
.box-list-box__content img {
width: 100%;
}
.box-list-box__content .offerlabel {
position: absolute;
bottom: 0px;
right: 0px;
background: #2c6cb8;
color: #fff;
padding-right: 10px;
padding: 10px;
}
.box-list-box__title {
position: absolute;
bottom: 0px;
left: 0;
right: 0;
height: 2.5333333333rem;
}
.box-list-box__title .title-content {
max-height: 2.5333333333rem;
overflow: hidden;
font-size: 0.9333333333rem;
padding: 0 15px 0 1rem;
line-height: 1rem;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.video-row {
padding: 13px;
}
.video-row .pagetitle {
padding-left: 5px;
font-size: 18px;
}
.submenu-balance {
position: absolute;
right: 1.6666666667rem;
top: 0.8666666667rem;
}
.submenu-balance__value {
margin-right: 0.2rem;
}
.ql-editor strong {
font-weight: bold;
}
.camera {
border: 2px dashed rgba(191, 191, 191, 0.7);
padding: 25px;
margin: 20px 0 30px 0;
position: relative;
height: 300px;
background-color: #fafbfb;
text-align: center;
box-sizing: content-box;
display: flex;
justify-content: center;
align-items: center;
}
.camera button,
.camera span {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.camera button {
bottom: -32px;
}
.camera span {
top: -11px;
padding: 1px 10px;
box-shadow: 0 2px 5px #ccc;
}
.camera span.warning {
background-color: #ff0;
}
.camera span.hint {
background-color: #bed4cf;
}
.camera video,
.camera canvas {
display: none;
}
.camera video,
.camera img {
width: 400px;
}
.camera.on video {
display: inline-block;
}
.camera.on img {
display: none;
}
.title-area {
margin-left: 1.6rem !important;
}
.title-area .logo {
width: 34.6666666667rem;
height: 100%;
display: inline-block;
background: url(/assets/logo.png) right center no-repeat;
background-size: auto 100%;
position: absolute;
top: 1;
left: -24.6666666667rem;
}
header.sticky {
position: fixed;
top: 0;
left: 0;
z-index: 12;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
border-bottom: none;
}
header.sticky.darkened {
background: rgba(255, 255, 255, 0.9);
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
.top-bar-section li:not(.has-form) a:not(.button) {
padding: 0 10px;
}
}
.top-bar-section li.disabled a:hover {
background-color: #9b9b9b !important;
}
.top-bar-section .has-dropdown > a {
padding-right: 1.152rem !important;
}
.top-bar-section .has-dropdown > a:after {
border: none !important;
}
.top-bar-section .offline i {
color: #e20024;
font-weight: bold;
}
@media only screen and (min-width: 68.3333333333em) {
.title-area {
margin-left: 0rem !important;
}
}
@media only screen and (max-width: 68.2666666667em) {
.top-bar {
margin: 0 auto 0 32px !important;
}
.topmenuelist {
display: none;
}
header.sticky {
background: #fff !important;
}
}
.tab-bar .menu-icon {
text-align: center;
text-indent: 0;
}
.tab-bar .font-icon {
font-size: 1.3333333333rem;
}
.top-bar {
background: none;
padding: 0px 5px;
height: auto;
}
.top-bar .button {
top: 3px;
font-size: 16px;
margin-left: 5px;
}
.top-bar section > ul > li:not(.blank) {
position: relative;
}
.top-bar section > ul > li:not(.blank).has-dropdown:hover:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 3px 4px 3px;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -2px;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0);
}
.top-bar section > ul > li:not(.blank) .dropdown {
border-radius: 3px;
overflow: hidden !important;
box-shadow: 0px 1px 6px -1px rgba(0, 0, 0, 0.4);
}
.top-bar section > ul > li:not(.blank) .dropdown a {
line-height: 35px;
font-size: 13px;
color: #2c6cb8;
}
.top-bar section > ul > li:not(.blank) .dropdown a:hover {
background: #5993d7 !important;
}
.top-bar section > ul > li:not(.blank) .dropdown li.disabled > a {
background-color: #9b9b9b !important;
}
.top-bar section > ul > li:not(.blank) .dropdown img {
max-height: 18px;
max-width: 18px;
margin-right: 8px;
}
.top-bar section > ul > li:not(.blank) .dropdown .font-icon {
color: #2c6cb8;
}
.top-bar section > ul > li:not(.blank) .dropdown .font-icon.icon-euro {
color: #44b007;
}
.top-bar section > ul > li:not(.blank):hover.submenue:before {
content: '';
position: absolute;
bottom: -1px;
width: 100%;
border-bottom: 1px solid #004262;
}
.top-bar section > ul > li:not(.blank):hover .overlay-menue {
display: block;
border-bottom: 1px solid #002a3f;
}
.top-bar .font-icon {
font-size: 1.3333333333rem;
}
.top-bar .account-menu .font-icon.account {
font-size: 0.6666666667rem;
}
.aside-toggle {
z-index: 2;
}
ul.off-canvas-list {
padding: 64px 0px 0px;
}
ul.off-canvas-list a {
font-size: 15px;
}
ul.off-canvas-list li {
border-bottom: 1px solid #09435a;
}
ul.off-canvas-list .font-icon {
font-size: 1.6rem;
margin-right: 1.2rem;
}
.tab-bar .font-icon,
.top-bar .font-icon,
.off-canvas-list .font-icon {
color: #191919;
}
.notification__top {
position: fixed;
top: 0;
left: 0;
right: 0;
line-height: 2.5;
z-index: 99999;
padding-left: 5px;
padding-right: 30px;
background: #0496d8;
color: #fff;
text-align: center;
-webkit-box-shadow: 0 3px 2px -2px #0496d8;
-moz-box-shadow: 0 3px 2px -2px #0496d8;
box-shadow: 0 3px 2px -2px #0496d8;
transition: max-height 0.5s;
max-height: 500px;
}
.notification__top.closed {
max-height: 0;
}
.notification__top.error {
background-color: red;
}
.notification__top a {
color: #fff;
}
.notification__bottom {
position: fixed;
bottom: 0;
left: 0;
right: 0;
line-height: 4;
z-index: 99999;
padding-left: 5px;
padding-right: 30px;
background: #003b55;
color: #fff;
text-align: center;
-webkit-box-shadow: 0 -3px 2px -2px #003b55;
-moz-box-shadow: 0 -3px 2px -2px #003b55;
box-shadow: 0 -3px 2px -2px #003b55;
transition: max-height 0.5s;
max-height: 500px;
}
.notification__bottom.closed {
max-height: 0;
}
.notification__bottom.error {
background-color: red;
}
.notification__close {
cursor: pointer;
position: absolute;
right: 0;
top: 0;
}
.notification__close:before {
background: rgba(0, 0, 0, 0);
color: #bbb;
content: '×';
font-size: 26px;
font-weight: 400;
height: 30px;
line-height: 26px;
position: absolute;
right: 3px;
text-align: center;
top: 3px;
width: 30px;
}
.notification__bottom.closed.message .notification__open {
display: block;
}
.notification__open {
display: none;
cursor: pointer;
position: absolute;
right: 0;
top: 0;
}
.notification__open:before {
background: #003b55;
color: #bbb;
content: 'i';
font-size: 15px;
font-weight: 400;
height: 30px;
line-height: 22px;
position: absolute;
right: 3px;
text-align: center;
top: -20px;
width: 30px;
}
._720kb-datepicker-calendar-header,
._720kb-datepicker-calendar-header a,
._720kb-datepicker-calendar-header ._720kb-datepicker-calendar-month span {
color: #fff;
}
._720kb-datepicker-calendar-header:nth-child(odd) {
background: #2c6cb8;
}
._720kb-datepicker-calendar-header:nth-child(even) {
background: #2c6cb8;
}
._720kb-datepicker-calendar-days-header {
background: rgba(255, 255, 255, 0.75);
}
datepicker select,
datepicker select:focus,
datepicker select:hover,
.datepicker select,
.datepicker select:focus,
.datepicker select:hover,
[datepicker] select,
[datepicker] select:focus,
[datepicker] select:hover {
background: #2c6cb8;
}
.toggable-content-open .toggable-state-feedback {
transition: transform 0.4s;
transform: rotate(-180deg);
}
.toggable-content-open .stacked-toggable-content:not(.toggable-content-open) .toggable-state-feedback {
transform: rotate(0);
}
.toggable-content .toggable-content-toggler {
cursor: pointer;
display: none;
}
.toggable-content .toggable-content-toggler .toggable-state-feedback,
.toggable-content .toggable-content-toggler img {
transition: transform 0.4s;
transform: rotateX(0deg);
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
.toggable-content .toggable-content-toggler {
display: block;
}
}
.toggable-content .toggable-content-content {
overflow: hidden;
max-height: 0;
transition: max-height 0.3s;
}
.toggable-content.toggable-content-open .toggable-content-content {
overflow-y: scroll;
max-height: 33.3333333333rem;
overflow-y: scroll;
transition: max-height 0.5s;
}
@media only screen and (min-width: 42.7333333333em) {
.toggable-content .toggable-content-content {
margin-top: 0;
}
.toggable-content .toggable-content-content dd {
margin-left: 0.1333333333rem;
}
.toggable-content .toggable-content-content dd:first-child {
margin-left: 0;
}
}
.toggable-content.toggable-content-open .toggable-state-feedback {
transition: transform 0.4s;
transform: rotateX(-180deg);
}
.toggable-content.toggable-content-open .toggable-content-toggler {
display: none;
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
.toggable-content.toggable-content-open .toggable-content-toggler {
display: block;
}
}
.toggable-content.toggable-content-open .toggable-content-content img,
.toggable-content.toggable-content-open .toggable-content-content .toggable-state-feedback {
transform: rotateX(0deg);
}
.toggable-state-feedback {
width: 1.6rem;
height: 1.0666666667rem;
background: url(/assets/img/svg/icon-down.svg) no-repeat center center;
background-size: contain;
float: left;
display: block;
height: 3.2666666667rem;
margin-left: 1rem;
transition: transform 0.4s;
}
.overlay {
position: absolute;
background: rgba(0, 0, 0, 0.4);
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
}
.sk-folding-cube {
width: 20px;
height: 20px;
top: calc(50% - 10px);
left: calc(50% - 10px);
position: absolute;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.sk-folding-cube .sk-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.sk-folding-cube .sk-cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
animation: sk-foldCubeAngle 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
-webkit-transform: scale(1.1) rotateZ(90deg);
transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
-webkit-transform: scale(1.1) rotateZ(180deg);
transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
-webkit-transform: scale(1.1) rotateZ(270deg);
transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
0%,
10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
@keyframes sk-foldCubeAngle {
0%,
10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
.spinner img {
height: 100%;
}
.dropzone-container {
border: 2px dashed rgba(255, 255, 255, 0.7);
padding: 15px;
margin: 20px 0 30px 0;
}
.dropzone-container.dragOver {
border: 2px dashed #fff;
}
.dropzone-container.dragOver .dropzone-inner-container {
background-color: #fff;
}
.dropzone-container .dropzone-inner-container {
background-color: rgba(255, 255, 255, 0.7);
text-align: center;
padding: 20px;
}
.dropzone-container .dropzone-inner-container .drag-and-drop-label {
min-height: 30px;
}
.dropzone-container .dropzone-inner-container .drag-and-drop-label .font-icon {
color: #97bbe6;
font-size: 24px;
margin-right: 15px;
}
.dropzone-container .dropzone-inner-container .drag-and-drop-label span {
line-height: 24px;
font-size: 22px;
vertical-align: middle;
}
.dropzone-container .dropzone-inner-container .divider {
margin-top: 10px;
}
.dropzone-container .dropzone-inner-container .file-input {
min-height: 30px;
}
.dropzone-container .dropzone-inner-container .file-input .font-icon {
color: #97bbe6;
font-size: 24px;
margin-right: 15px;
}
.dropzone-container .dropzone-inner-container .file-input label {
color: #000;
line-height: 24px;
font-size: 22px;
vertical-align: middle;
}
.dropzone-container .dropzone-inner-container .files {
margin-top: 1rem;
}
.circletext {
display: inline-block;
}
.circletext round-progress {
z-index: 9;
}
.circletext .circle {
display: inline-block;
height: 100px;
width: 100px;
overflow: hidden;
border-radius: 65px;
font-size: 20px;
text-align: center;
line-height: 1;
color: #fff;
position: relative;
}
.circletext .circle-text {
position: absolute;
z-index: 10;
top: 50%;
left: 50%;
width: 100%;
text-align: center;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.circletext > span {
display: block;
text-align: center;
color: #fff;
width: 100%;
}
.vn-table {
width: 100%;
}
.vn-table table {
border-spacing: 0px;
width: 100%;
}
.vn-table table tr + tr td {
border-top: 1px solid #9b9b9b;
}
.vn-table table td:last-child {
background: #f4f4f4;
padding-left: 40px;
width: 45%;
text-align: right;
padding-right: 20%;
}
.vn-table-70 {
width: 100%;
}
.vn-table-70 table {
border-spacing: 0px;
width: 100%;
}
.vn-table-70 table tr + tr td {
border-top: 1px solid #9b9b9b;
}
.vn-table-70 table td:first-child {
width: 30%;
text-align: left;
}
.vn-table-70 table td:last-child {
background: #f4f4f4;
padding-left: 10px;
text-align: left;
padding-right: 10%;
}
.vn-field4 {
margin-bottom: 20px;
}
.vn-baustein {
padding: 0 2px;
display: inline-block;
}
.vn-baustein .wrapper {
background: #fff;
padding: 20px;
border-radius: 2px;
overflow: hidden;
text-align: center;
height: 210px;
}
.vn-baustein .wrapper.inactive {
background: rgba(255, 255, 255, 0.4);
}
.vn-baustein .wrapper .font-icon {
font-size: 80px;
height: 110px;
display: inline-block;
}
.vn-baustein .wrapper .title {
font-size: 10px;
text-transform: uppercase;
text-align: center;
margin-bottom: 10px;
}
.vn-progressbar .infoWrapper {
background: #ebebeb;
border-radius: 3px;
overflow: hidden;
width: 50px;
text-align: center;
display: inline-block;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.vn-progressbar .progress {
height: 20px;
background: #ebebeb;
}
.vn-progressbar .progress .meter {
background: #2c6cb8;
}
.slider_container,
.wizardbox .step2 {
position: relative;
}
.slider_container span.desc,
.wizardbox .step2 span.desc {
font-weight: 200;
}
.slider_container .jslider,
.wizardbox .step2 .jslider {
margin-top: 135px;
margin-bottom: 25px;
}
.slider_container .jslider-pointer,
.wizardbox .step2 .jslider-pointer {
top: -8px;
width: 20px !important;
height: 20px;
margin-left: -10px;
}
.slider_container .jslider-label,
.wizardbox .step2 .jslider-label {
top: -5px;
left: -45px;
opacity: inherit;
}
.slider_container .jslider-label.jslider-label-to,
.wizardbox .step2 .jslider-label.jslider-label-to {
right: -79px;
left: auto;
}
.slider_container .jslider-label span,
.wizardbox .step2 .jslider-label span {
font-size: 22px;
color: #2c6cb8;
}
.slider_container .currency + .jslider .jslider-label span:after,
.wizardbox .step2 .currency + .jslider .jslider-label span:after {
content: ' €';
}
.slider_container .jslider-value,
.wizardbox .step2 .jslider-value {
margin-left: -27px !important;
margin-right: -27px !important;
top: -75px !important;
}
.slider_container .jslider-value span,
.wizardbox .step2 .jslider-value span {
background: #ffb500;
line-height: 50px;
width: 50px;
height: 50px;
overflow: hidden;
border-radius: 50px;
font-size: 22px;
text-align: center;
display: block;
color: #fff;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.slider_container .jslider-value:before,
.wizardbox .step2 .jslider-value:before {
content: ' ';
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 25px 22px 0 22px;
border-color: #ffb500 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
top: 38px;
left: 5px;
}
.instantupdate input {
vertical-align: top;
margin-bottom: 0;
width: 120px;
display: inline-block;
margin-right: 10px;
}
.cent_slider .jslider-label.jslider-label-to {
right: -100px !important;
left: auto !important;
}
.wizardbox {
background: #eee;
overflow: hidden;
border-radius: 3px;
box-shadow: 0px 1px 6px -1px rgba(0, 0, 0, 0.4);
padding: 15px;
position: relative;
margin-bottom: 15px;
}
.wizardbox.highlighted {
background: #fff;
}
.wizardbox.centered {
position: relative;
}
.wizardbox.centered .mainWrapper {
padding: 0 15%;
}
.wizardbox .float-right {
float: right;
}
.wizardbox .step1 .textWrapper {
float: right;
}
.wizardbox .step1 img {
width: 65%;
float: left;
margin-right: 10px;
}
.wizardbox .step1 span {
display: block;
}
.wizardbox .step1 .subtitle {
font-size: 22px;
line-height: 24px;
padding: 15px 0;
}
.wizardbox .step3 .button-wrapper .right-button {
float: right;
}
.wizardbox .step3 .button-wrapper .left-button {
float: left;
}
.wizardbox .header {
font-size: 22px;
padding-left: 50px;
}
.wizardbox .header.show {
border-bottom: 1px solid #d2dde3;
}
.wizardbox .header .step {
width: 30px;
height: 30px;
position: absolute;
top: 15px;
left: 15px;
line-height: 26px;
font-size: 20px;
font-weight: 200;
text-align: center;
display: block;
border-radius: 50px;
color: #2c6cb8;
border: 2px solid #2c6cb8;
}
.wizardbox .header .title {
color: #2c6cb8;
font-weight: 200;
}
.wizardbox .main {
padding: 20px 0;
}
@media only screen and (max-width: 68.2666666667em) {
.wizardbox iframe {
max-width: 140%;
margin: 0 -20%;
}
}
#main-view .titlerow {
margin-bottom: 15px;
}
.bigbox span.openable:before {
content: '';
float: right;
font-family: 'entypo';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
font-size: 1.4em;
line-height: 1.5;
}
.bigbox span.openable.selected:before {
content: '';
}
.schema-form-array button.close.pull-right {
float: right;
margin-top: 20px;
}
.schema-form-array li sf-decorator {
display: inline-block;
margin-right: 10px;
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
.schema-form-array li sf-decorator {
width: 90%;
}
}
.schema-form-array ol {
list-style: none;
}
.video-wrap {
height: 360px;
}
@media only screen and (max-width: 25.3333333333em) {
.video-wrap {
height: 190px;
}
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
.dropzone-container .dropzone-inner-container .drag-and-drop-label span {
display: block;
width: 100%;
line-height: 1.1;
margin-top: 0.5rem;
}
.wizardbox.highlighted .header {
padding-bottom: 0.5rem;
}
.wizardbox.centered .mainWrapper {
padding: 0 5%;
}
.wizardbox.centered .mainWrapper .video-wrap {
width: 110%;
margin-left: -5%;
}
.wizardbox .header {
font-size: 19px;
}
.wizardbox .step2 .jslider {
margin-bottom: 45px;
}
.wizardbox .step2 .jslider .jslider-label {
top: 20px;
left: 0;
}
.wizardbox .step2 .jslider .jslider-label.jslider-label-to {
right: 0;
left: auto;
}
}
@media only screen and (min-width: 42.7333333333em) {
.circletext .circle {
width: 130px;
height: 130px;
font-size: 30px;
}
.bigbox span.openable:before {
font-size: 2em;
line-height: 1;
}
}
.inner-wrap {
position: relative;
height: 100%;
}
.vn-dialog-fullscreen {
padding: 0px !important;
}
#essenchecks-types {
background-color: unset;
}
#essenchecks-types td {
vertical-align: top;
background-color: #fbfbfb;
width: 50%;
}
#essenchecks-types td strong {
font-size: 130%;
}
#essenchecks-types td p {
margin-bottom: 10px;
line-height: 1.5;
}
.essenscheck-options {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#dashboard-box .margin-top {
margin-top: 1rem;
}
#dashboard-box .progress-chart {
height: 20px;
width: 100%;
position: relative;
}
#dashboard-box .progress-chart div {
width: 0px;
height: 20px;
float: left;
}
#dashboard-box .progress-chart .radio-0 {
background-color: #2c6cb8;
}
#dashboard-box .progress-chart .radio-1 {
background-color: #2c6cb8;
}
#dashboard-box .progress-chart .radio-2 {
background-color: #9b9b9b;
}
#dashboard-box .progress-chart .text {
background-color: #000;
}
#dashboard-box .filter-select {
max-width: 6.6666666667rem;
color: #2c6cb8;
border-color: #2c6cb8;
border-width: 2px;
margin: 0;
background-color: rgba(0, 0, 0, 0);
}
#dashboard-box .filter-select.isFilled,
#dashboard-box .filter-select:focus,
#dashboard-box .filter-select:hover {
border-color: #4585d2;
background-color: rgba(0, 0, 0, 0);
outline: 0;
}
#dashboard-box .filter-select:active {
color: #fff;
background-color: #2c6cb8;
border-color: #2c6cb8;
}
#dashboard-box .padding {
padding: 15px;
}
#dashboard-box .question {
margin-bottom: 25px;
}
#dashboard-box .question .circletext {
margin-top: 0.6666666667rem;
}
#dashboard-box.arbeitnehmer {
margin-top: -4.2666666667rem;
}
#dashboard-box fieldset {
margin: 0;
padding: 0;
}
#dashboard-box .section-bg {
min-height: 27.3333333333rem;
padding-top: 4.2666666667rem;
background: url(/assets/img/dashboard/bg_dashboard.jpg) no-repeat right center;
background-size: cover;
position: relative;
}
#dashboard-box .section-bg.datev-page-header {
background: url(/assets/img/datev/bg_datev.jpg) no-repeat top center;
background-size: cover;
}
#dashboard-box .double-label-switch > label {
display: block;
line-height: inherit;
vertical-align: top;
}
#dashboard-box .section-title {
margin: 5.3333333333rem 0 2.6666666667rem;
font-size: 1.4rem;
text-align: center;
}
#dashboard-box .video-container .video {
position: relative;
padding-bottom: 55%;
height: 0;
margin: 0.4rem 0;
}
#dashboard-box .video-container .video iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#dashboard-box .video-container .video-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
#dashboard-box .bausteine-summary {
min-height: 11.6666666667rem;
display: block;
white-space: nowrap;
overflow: hidden;
position: relative;
}
#dashboard-box .bausteine-summary .toLeft,
#dashboard-box .bausteine-summary .toRight {
width: 4rem;
height: 100%;
position: absolute;
top: 0;
z-index: 2;
cursor: pointer;
text-align: center;
transition: all 0.2s ease-in-out;
}
#dashboard-box .bausteine-summary .toLeft .font-icon,
#dashboard-box .bausteine-summary .toRight .font-icon {
font-size: 2.3rem;
position: absolute;
top: 50%;
right: 50%;
transform: translate(50%, -50%);
transition: font-size 0.2s ease-in-out;
}
#dashboard-box .bausteine-summary .toLeft:hover .font-icon,
#dashboard-box .bausteine-summary .toRight:hover .font-icon {
font-size: 2.5rem;
}
#dashboard-box .bausteine-summary .toLeft {
left: 0;
background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0));
}
#dashboard-box .bausteine-summary .toLeft.hidden {
left: -4rem;
}
#dashboard-box .bausteine-summary .toRight {
right: 0;
background: linear-gradient(-90deg, #fff, rgba(255, 255, 255, 0));
}
#dashboard-box .bausteine-summary .toRight.hidden {
right: -4rem;
}
#dashboard-box .bausteine-summary .carouselCanvas {
position: absolute;
top: 0;
left: 0;
transition: transform 0.2s ease-in-out;
}
#dashboard-box .bausteine-summary .bausteinWrapper {
width: 220px;
margin-top: 0;
display: inline-block;
float: none;
}
#dashboard-box .bausteine-summary .bausteinWrapper:first-child {
margin-left: -0.6666666667rem;
}
#dashboard-box .row.boxes {
margin-top: 1rem;
}
#dashboard-box .row.boxes .box {
padding: 0.8666666667rem;
}
#dashboard-box .row.boxes .box h3 {
margin-bottom: 1.6666666667rem;
}
#dashboard-box .row.boxes .box .more {
margin-top: 3rem;
}
#dashboard-box .feedback {
padding: 0;
max-height: 0;
overflow: hidden;
}
#dashboard-box .feedback .circletext {
margin-top: 0.6666666667rem;
}
#dashboard-box .feedback.show {
max-height: 6.6666666667rem;
padding: 1.3333333333rem;
-webkit-transition: max-height 0.3s ease-in-out;
transition: max-height 0.3s ease-in-out;
}
#dashboard-box .feedback.success {
background: #b9e68a;
}
#dashboard-box .feedback.success .icon-tick {
color: #497c11;
font-size: 1.5rem;
margin: 0 1rem;
}
#dashboard-box .feedback a {
font-weight: 400;
vertical-align: sub;
line-height: 0;
color: #2c6cb8;
}
#dashboard-box .feedback a:hover {
color: #004f87;
}
#dashboard-box .feedback a.go:after {
color: #004f87;
font-size: 1.5rem;
}
#dashboard-box .contact.box .main {
padding: 0;
}
#dashboard-box .contact .detail {
padding: 0.6666666667rem 0;
border-bottom: 0.0666666667rem solid #d2dde3;
font-size: 0.8666666667rem;
}
#dashboard-box .contact .detail.email {
border: none;
text-align: left;
padding-left: 0.6666666667rem;
padding-bottom: 0;
}
#dashboard-box .contact .detail.phone {
text-align: left;
padding-left: 0.6666666667rem;
}
#dashboard-box .contact .detail.buttons .button {
margin: 0;
}
#dashboard-box .contact .detail:last-child {
border-bottom: 0;
}
#dashboard-box .contact .detail button {
margin-bottom: 0;
}
#dashboard-box .contact .font-icon {
font-size: 1.4rem;
margin-right: 1.3333333333rem;
position: relative;
top: -0.1333333333rem;
}
#dashboard-box .avatar {
margin: 0;
}
#dashboard-box .avatar .picture {
width: 8rem;
height: 8rem;
border-radius: 8rem;
border: 0.0666666667rem solid rgba(0, 0, 0, 0.4);
overflow: hidden;
display: inline-block;
}
#dashboard-box .avatar .image {
position: static;
margin: 0;
width: 100%;
}
#dashboard-box .avatar .name {
font-size: 1.2rem;
margin: 1rem 0 0.6rem;
}
#dashboard-box .arrow-icon-container {
background-color: rgba(44, 108, 184, 0.7);
color: #fff;
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 2rem;
font-size: 1.3333333333rem;
z-index: 1;
}
#dashboard-box .arrow-icon-container.right {
right: 0;
padding-left: 0.3333333333rem;
border-radius: 0.2rem 0 0 0.2rem;
}
#dashboard-box .arrow-icon-container.left {
left: 0;
padding-right: 0.3333333333rem;
border-radius: 0 0.2rem 0.2rem 0;
}
#dashboard-box .arrow-icon-container .font-icon {
position: relative;
top: -0.2rem;
color: #191919;
}
#dashboard-box .rn-carousel-indicator {
position: absolute;
top: 1rem;
right: 1rem;
background-color: rgba(128, 128, 128, 0.5);
padding: 0.3333333333rem;
border-radius: 0.3333333333rem;
}
#dashboard-box .rn-carousel-indicator span {
margin-right: 0.6666666667rem;
}
#dashboard-box .rn-carousel-indicator span:last-child {
margin-right: 0;
}
#dashboard-box #bigAdvertizement {
list-style: none;
background: #fff;
position: relative;
height: 23.6666666667rem;
overflow: hidden;
text-align: center;
margin: 0;
border-radius: 0.2rem;
}
#dashboard-box #bigAdvertizement li img {
top: 50%;
transform: translateY(-50%);
position: relative;
}
#dashboard-box #bigAdvertizement .priceTag {
position: absolute;
right: 0;
bottom: 1.3333333333rem;
background: #2c6cb8;
color: #fff;
text-transform: uppercase;
border-radius: 0.2rem 0 0 0.2rem;
}
#dashboard-box #bigAdvertizement .priceTag span {
display: block;
}
#dashboard-box #bigAdvertizement .priceTag span.price {
font-size: 1.2em;
}
#dashboard-box #bigAdvertizement .priceTag.big {
padding: 1.4666666667rem 1.3333333333rem;
}
#dashboard-box .vn-progressbar {
width: 100%;
margin: 0 auto;
padding: 2rem 0 0.6666666667rem;
}
#dashboard-box .vn-progressbar .progress {
height: 1rem;
border-radius: 0.2rem;
overflow: hidden;
}
#dashboard-box .vn-progressbar .meter {
background-color: #004f87;
}
#dashboard-box .saving {
text-align: center;
padding-bottom: 1rem;
}
#dashboard-box .saving .big {
font-size: 3.5rem;
font-weight: 500;
color: #004f87;
margin-bottom: -1rem;
}
#dashboard-box .big.font-icon {
font-size: 3rem;
color: #2c6cb8;
}
#dashboard-box .actions .main {
padding: 1rem;
}
#dashboard-box .actions .button {
text-align: left;
display: block;
}
#dashboard-box .actions .button:last-child {
margin-bottom: 0;
}
#dashboard-box #side-view .box {
margin: 0 0.4666666667rem 0.9333333333rem;
}
#dashboard-box #side-view .box .main {
padding: 1rem;
}
#dashboard-box .tabbable .tabs {
padding-bottom: 0;
}
#dashboard-box .tabbable .tabs .bigtab a {
font-size: 1rem;
padding: 1rem 2.2rem;
}
#dashboard-box .tabbable .tabs dd + dd {
margin-left: 0px;
padding-left: 2px;
}
#dashboard-box .tabbable .tabs-content {
margin-top: 0.1333333333rem;
}
#dashboard-box .tabpage-header {
padding: 0.6666666667rem;
}
#dashboard-box .tabpage-header .button {
margin: 0;
}
#dashboard-box .tabpage-content {
background-color: #fff;
margin: 0.8666666667rem -0.8666666667rem -0.8666666667rem;
}
#dashboard-box .tabpage-content.transparent {
background: rgba(0, 0, 0, 0);
}
#dashboard-box .tabpage-content.transparent span.subtitle,
#dashboard-box .tabpage-content.transparent span.subsubtitle {
color: #2c6cb8;
}
#dashboard-box .tabpage-content .sr-only {
display: none;
}
#dashboard-box .tabpage-content .bigbox {
margin-bottom: 0;
}
#dashboard-box .tabs-content,
#dashboard-box .tabs-content .content {
margin-bottom: 0;
}
#dashboard-box .module-list {
padding: 0.6666666667rem;
}
#dashboard-box .module-list .module {
height: 8rem;
background-color: #f7f9fa;
margin: 0.6666666667rem;
}
#dashboard-box .module-list .module:before,
#dashboard-box .module-list .module:after {
content: ' ';
display: table;
}
#dashboard-box .module-list .module:after {
clear: both;
}
#dashboard-box .module-list .module-icon {
height: 100%;
float: left;
padding: 1.6666666667rem;
}
#dashboard-box .module-list .font-icon {
font-size: 3rem;
}
#dashboard-box .module-list .module-name {
font-size: 0.9rem;
line-height: 1.2rem;
padding-top: 0.6666666667rem;
height: 2.6666666667rem;
vertical-align: bottom;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#dashboard-box .module-list .module-usage {
font-size: 2rem;
font-weight: 400;
color: #191919;
}
#dashboard-box .module-list .module-total {
font-size: 1rem;
color: #191919;
}
#dashboard-box #side-view {
position: static;
}
#dashboard-box .chart-base {
padding: 0.6666666667rem;
}
#dashboard-box .calc-panel {
overflow: visible;
border: 0;
min-height: 22.7333333333rem;
padding: 1.8666666667rem 1.8666666667rem 0;
background-size: contain;
margin-bottom: 1rem;
background: #fff right top no-repeat;
}
#dashboard-box .calc-panel h3 {
color: #2c6cb8;
font-weight: bold;
margin-top: 1.3333333333rem;
text-transform: uppercase;
}
#dashboard-box .calc-panel .button {
margin-top: 1.2rem;
}
#dashboard-box .calc-panel .help-block {
display: none;
}
#dashboard-box .calc-panel p {
line-height: 1.5rem;
}
#dashboard-box .calc-panel .switch__label {
border: 0.0666666667rem solid #2c6cb8;
}
#dashboard-box .calc-panel .switch__label:after {
top: 0.2rem;
}
#dashboard-box .calc-panel label {
font-weight: 500;
color: #2c6cb8;
}
#dashboard-box .panel.semitransparent {
color: #2c6cb8;
background-color: rgba(255, 255, 255, 0.85);
margin: 4rem 1rem 0;
border: 0;
position: relative;
z-index: 2;
}
#dashboard-box .panel.semitransparent h2 {
font-size: 2rem;
}
#dashboard-box .row.hl {
background: #2c6cb8;
margin-left: -1.8666666667rem;
margin-right: -1.8666666667rem;
margin-top: 1.1333333333rem;
color: #fff;
height: 5.6rem;
border-radius: 0 0.2666666667rem 0.2666666667rem 0;
position: relative;
font-size: 1.2rem;
font-weight: 300;
display: table;
}
#dashboard-box .row.hl .resultLabel span {
margin-top: 0.6666666667rem;
margin-left: 0.6666666667rem;
display: inline-block;
}
#dashboard-box .row.hl .resultValue span {
margin: 0.6666666667rem;
display: inline-block;
}
#dashboard-box .row.hl .go {
background: linear-gradient(#2c6cb8, #245997);
border-radius: 0 0.2666666667rem 0.1333333333rem 0;
position: relative;
}
@media only screen and (min-width: 42.7333333333em) {
#dashboard-box .row.hl .go {
height: 100%;
}
}
#dashboard-box .row.hl .go:before {
content: '';
display: none;
position: absolute;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 2.8rem 0 2.8rem 1.6666666667rem;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #2c6cb8;
}
#dashboard-box .row.hl .go span {
margin: 0.6666666667rem;
display: inline-block;
}
#dashboard-box .row.hl .border-row {
position: absolute;
width: 100%;
height: 100%;
border-bottom: 0.1333333333rem solid rgba(44, 108, 184, 0.7);
border-radius: 0.2rem;
}
#dashboard-box .light-circles .circletext > span {
color: #2c6cb8;
}
#dashboard-box .circletext {
margin-bottom: 1rem;
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
#dashboard-box .circletext {
width: 100%;
}
}
@media only screen and (min-width: 42.7333333333em) {
#dashboard-box .calc-panel {
padding: 3rem;
background-image: url(/assets/img/dashboard/bg_valuenet_potential_calculator.jpg);
background-size: cover;
}
#dashboard-box .row.hl {
margin-left: -3rem;
}
#dashboard-box .row.hl.hidden {
visibility: hidden;
}
#dashboard-box .row.hl .resultLabel span {
margin-top: 1.0666666667rem;
margin-left: 3.2rem;
}
#dashboard-box .row.hl .resultValue span {
margin-top: 1.0666666667rem;
}
#dashboard-box .row.hl .go {
cursor: pointer;
}
#dashboard-box .row.hl .go:before {
display: block;
}
#dashboard-box .row.hl .go span {
margin-top: 1.8666666667rem;
margin-left: 3.5333333333rem;
}
}
@media only screen and (min-width: 68.3333333333em) {
#dashboard-box .row.boxes .box p {
min-height: 13rem;
text-align: justify;
}
#dashboard-box .row.boxes .columns:first-child {
padding-right: 0.2666666667rem;
}
#dashboard-box .row.boxes .columns:nth-child(2) {
padding-left: 0.1333333333rem;
padding-right: 0.1333333333rem;
}
#dashboard-box .row.boxes .columns:last-child {
padding-left: 0.2666666667rem;
}
}
.welcomeVideo .ngdialog-overlay {
background: rgba(0, 0, 0, 0.8);
}
.welcomeVideo .ngdialog-content {
background-color: rgba(0, 0, 0, 0);
position: relative;
top: 50%;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.welcomeVideo .ngdialog-close {
position: absolute;
top: -2.6666666667rem;
right: 0;
color: #fff;
font-size: 2rem;
}
.welcomeVideo .ngdialog-content > .ngdialog-close {
display: none;
}
.welcomeVideo .modal-content-wrapper {
background-color: #eee;
padding: 1.3333333333rem;
}
.welcomeVideo .modal-content-wrapper .video {
position: relative;
padding-top: 2.2666666667rem;
padding-bottom: 55%;
height: 0;
margin: 0.4rem 0;
}
.welcomeVideo .modal-content-wrapper .video iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.main-section > .row:first-child {
height: 100%;
}
#main-view {
padding: 13px;
float: left;
width: calc(100% - 297px);
min-height: 500px;
}
#main-view .box {
margin-bottom: 15px;
background: #fff;
}
#side-view .main ul li .key {
max-width: 150px !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
}
#side-view {
margin-top: 13px;
z-index: 1;
width: 294px;
padding-right: 0px;
position: fixed;
right: calc((100% - 78.13333rem) / 2);
max-height: calc(90% - 60px);
overflow-y: auto;
border: 0 solid rgba(0, 0, 0, 0);
}
#side-view.bonus {
position: static;
}
#side-view .custom .title {
padding: 8px 22px;
}
#side-view .custom .title label {
margin-bottom: 12px;
}
#side-view .custom .title .progressWrapper {
position: relative;
}
#side-view .custom .title .progressWrapper .progress {
width: calc(100% - 70px);
}
#side-view .custom .title .progressWrapper .display {
position: absolute;
right: 15px;
top: -9px;
}
#side-view .custom .title.linable {
position: relative;
}
#side-view .custom .title.linable a.go.big {
position: absolute;
right: 4px;
top: 50%;
margin-top: -12px;
}
#side-view .custom .title.linable a.go.big:after {
color: #2c6cb8;
}
#side-view .custom .main {
background: #fff;
padding: 12px 16px;
}
#side-view .custom .main .name {
margin-bottom: 10px;
}
#side-view .custom .main .name span {
font-weight: 400;
}
#side-view .custom .main .profile span {
display: inline-block;
line-height: 15px;
font-size: 12px;
}
#side-view .title {
background: rgba(255, 255, 255, 0.9);
border-radius: 0.2rem 0 0 0;
}
#side-view .title span.mobile {
display: none;
}
#side-view .title .spinner {
position: relative;
display: inline-block;
float: right;
height: 18px;
}
#side-view .box {
-webkit-transition: margin-top 0.6s;
transition: margin-top 0.6s;
margin-bottom: 9px;
}
#side-view .box:last-child {
margin-bottom: 0px;
}
#side-view .box:not(.custom) .title {
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
text-align: center;
padding: 8px 0;
letter-spacing: 1px;
}
#side-view .box:not(.custom) .main {
background: rgba(250, 250, 250, 0.8);
border-radius: 0 0 0 0.2rem;
}
#side-view .box:not(.custom) .main.align {
padding: 8px 16px;
}
#side-view .box:not(.custom) .main.align hr {
margin: 16px -16px;
border: solid #729aa5;
border-width: 1px 0 0;
}
#submoduleIndicator .main {
width: 100%;
height: 294px;
position: relative;
text-align: center;
}
#submoduleIndicator .font-icon {
font-size: 8.6666666667rem;
line-height: 2.1;
}
@media only screen and (max-width: 68.2666666667em) {
#side-view:not(.columns) {
position: fixed;
right: 0px;
}
}
#side-view .title .font-icon {
display: none;
}
@media only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em), only screen and (max-width: 25.3333333333em) {
#main-view {
width: 100%;
}
#side-view {
pointer-events: none;
width: 100%;
position: fixed;
padding: 0 0.2rem;
top: 10rem;
left: 0;
bottom: 0;
z-index: 100;
}
#side-view #currentFinances {
pointer-events: all;
height: auto;
position: absolute;
z-index: 1000;
width: calc(100% - 6px);
top: calc(100% - 53px);
box-shadow: 0 0 0.2rem -0.0666666667rem rgba(0, 0, 0, 0.4);
opacity: 1;
-webkit-transition: top 0.6s ease-in-out, opacity 0.3s ease-in-out;
transition: top 0.6s ease-in-out, opacity 0.3s ease-in-out;
}
#side-view #currentFinances.open {
top: 0;
bottom: -0.6666666667rem;
}
#side-view #currentFinances.open .title {
background: #fff;
padding: 0 1rem;
}
#side-view #currentFinances.open .main {
height: 100%;
overflow: auto;
background: #fafafa;
}
#side-view #currentFinances.open .main ~ .main {
height: auto;
}
#side-view #currentFinances .title {
background: rgba(255, 255, 255, 0.95);
border-radius: 3px 3px 0 0;
text-transform: capitalize;
font-size: 16px;
color: #2c6cb8;
line-height: 50px;
text-align: left;
padding: 0 1rem;
}
#side-view #currentFinances .title .error-title {
color: #e20024;
}
#side-view #currentFinances .title span.plus {
float: right;
color: #34bd18;
}
#side-view #currentFinances .title span.mobile {
display: inline-block;
}
#side-view #currentFinances .title span:not(.mobile) {
display: none;
}
#side-view #currentFinances .title .font-icon {
display: inline-block;
}
#side-view #currentFinances.fade-out {
top: 100%;
opacity: 0;
}
#submoduleIndicator {
display: none;
}
}
#side-view .main.video-container {
padding: 1rem;
}
#side-view .main.video-container .video {
position: relative;
padding: 80px 0;
height: 0;
margin: 0;
}
#side-view .main.video-container .video iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#side-view .main.video-container .video .uc-embedding-container {
min-height: 160px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
}
#side-view .main.video-container .video .uc-embedding-container .uc-embedding-wrapper {
min-height: calc(100% - 12px);
}
#side-view .main.video-container .video-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
#side-view .main .center {
text-align: center;
}
#side-view .main ul {
margin: 0 0px 13px 0px;
padding: 0 0 0 0;
list-style: none;
}
#side-view .main ul.no-bottom-margin {
margin-bottom: 0px;
}
#side-view .main ul:not(.submenue) {
border-bottom: 1px solid #d2dde3;
}
#side-view .main ul.submenue li {
margin-left: 10px;
font-size: 12px;
font-weight: 400;
}
#side-view .main ul.submenue li span.key.bold {
font-weight: 600;
}
#side-view .main ul li {
margin-left: 43px;
position: relative;
padding: 8px 0 5px 0px;
}
#side-view .main ul li:not(:last-child):not(.blank) {
border-bottom: 1px solid #d2dde3;
}
#side-view .main ul li.subtext {
padding-bottom: 10px;
}
#side-view .main ul li.bausteine {
padding: 11px 0;
}
#side-view .main ul li.bausteine img,
#side-view .main ul li.bausteine .img {
width: 1.6em;
height: 1.6em;
}
#side-view .main ul li.bausteine .icon-minus {
color: red;
}
#side-view .main ul li .font-icon {
position: absolute;
margin-left: -34px;
margin-top: -6px;
font-size: 1.6rem;
}
#side-view .main ul li.blue {
color: #0496d8;
}
#side-view .main ul li .key {
max-width: 170px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
}
#side-view .main ul li .key.light {
font-weight: 200;
}
#side-view .main ul li .key.bold {
font-weight: 400;
}
#side-view .main ul li .value {
text-align: right;
float: right;
margin-right: 10px;
display: inline-block;
}
#side-view .main ul li .value.green {
color: #34bd18;
}
#side-view .main ul li .value.red {
color: #e20024;
}
#side-view .main ul li .no-left-margin {
text-align: right;
margin-right: 20px;
display: inline-block;
}
#side-view .main ul li .no-right-margin {
text-align: right;
margin: 0px;
padding-bottom: 5;
display: inline-block;
}
#side-view .main ul li .normal {
font-style: normal !important;
margin-left: 5;
}
#side-view .main ul li a.openable:before {
content: '';
position: absolute;
left: -27px;
top: 11px;
font-family: 'entypo';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
#side-view .main ul li a.openable.selected:before {
content: '';
}
#side-view .main ul li ul:not(.blank) {
border-top: 1px solid #d2dcdf;
margin: 0;
margin-top: 4px;
}
#side-view .main ul li ul > li:not(.blue) {
padding: 0px 0 0px 0px;
border-bottom: none !important;
}
#side-view .main ul li ul > li.blue {
margin-left: 0px;
}
#side-view .main ul li ul > li.blue .key {
padding-left: 0px;
}
#finishProfile .main a.down,
#finishProfile .main a.go {
float: right;
font-size: 12px;
}
#finishProfile .main .profile {
position: relative;
}
#finishProfile .main .profile a.go {
position: absolute;
bottom: 0;
right: 0;
}
#recomendations a.infoBtn {
float: right;
}
#beraterView p.error {
color: red;
}
#beraterView p.small {
font-size: 0.85rem;
}
#beraterView .bigbox.enable-error .header span:first-child {
color: red;
}
#beraterView .extra-error {
margin-top: -1.06667rem;
}
#beraterView .extra-error .error-msg {
font-size: 0.8rem;
color: #e60000;
}
#neo {
height: 100%;
}
#neo > .row {
height: 100%;
}
#neo .tabs dd[disabled] > a,
#neo .tabs .tab-title[disabled] > a {
cursor: not-allowed;
color: #183c66;
background-color: rgba(179, 179, 179, 0.25);
}
.target-dialog .scrollbox {
max-height: 300px;
overflow-y: auto;
}
.currentFinances .buttons,
#currentFinances .buttons {
padding: 15px;
}
.currentFinances li.blue .icon-minus,
#currentFinances li.blue .icon-minus {
display: none;
cursor: pointer;
}
.currentFinances .deletable li.blue:hover .font-icon-alt.icon-check,
#currentFinances .deletable li.blue:hover .font-icon-alt.icon-check {
display: none;
}
.currentFinances .deletable li.blue:hover .icon-minus,
#currentFinances .deletable li.blue:hover .icon-minus {
display: inline-block;
}
.currentFinances .deletable li.blue:hover span,
#currentFinances .deletable li.blue:hover span {
color: red;
}
.currentFinances .deletable li.blue:hover.last span,
#currentFinances .deletable li.blue:hover.last span {
color: #004f87;
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
#currentFinances li.blue .icon-minus {
display: block;
}
#currentFinances li.blue .icon-check {
display: none;
}
}
.kategorie-menu-wrapper {
margin-bottom: 1rem;
}
.kategorie-menu-wrapper .title {
margin-bottom: 0.1333333333rem;
display: none;
}
.kategorie-menu-wrapper .title > span,
.kategorie-menu-wrapper .title > a {
display: block;
background: #fff;
height: 49px;
line-height: 49px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 15px;
}
.kategorie-menu-wrapper .title .icon-wrapper {
float: left;
width: 40px;
line-height: 37px;
}
.kategorie-menu-wrapper .title:first-child {
border-bottom: 0;
}
.kategorie-menu-wrapper ul {
list-style: none;
margin: 0;
}
.kategorie-menu-wrapper li {
margin-bottom: 0.1333333333rem;
}
.kategorie-menu-wrapper li > span,
.kategorie-menu-wrapper li > a {
display: block;
background: #fff;
height: 49px;
line-height: 49px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 15px;
}
.kategorie-menu-wrapper li .icon-wrapper {
float: left;
width: 40px;
line-height: 37px;
}
.kategorie-menu-wrapper li span {
color: #2c6cb8;
}
.kategorie-menu-wrapper li.active a {
background-color: rgba(44, 108, 184, 0.9);
color: #fff;
}
.kategorie-menu-wrapper li.active a span {
color: #fff;
}
.kategorie-menu-wrapper li a:hover span {
color: #2c6cb8;
}
@media only screen and (min-width: 42.7333333333em) {
.kategorie-menu-wrapper #shop-main-categories,
.kategorie-menu-wrapper .shop-categories {
max-height: none;
}
}
.home-wrapper .arrow-icon-container {
background-color: rgba(0, 60, 86, 0.51);
color: #fff;
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 2rem;
font-size: 1.3333333333rem;
z-index: 1;
}
.home-wrapper .arrow-icon-container.right {
right: 0;
padding-left: 0.3333333333rem;
border-radius: 0.2rem 0 0 0.2rem;
}
.home-wrapper .arrow-icon-container.left {
left: 0;
padding-right: 0.3333333333rem;
border-radius: 0 0.2rem 0.2rem 0;
}
.home-wrapper .arrow-icon-container .font-icon {
vertical-align: top;
color: #191919;
}
.home-wrapper .rn-carousel-indicator {
position: absolute;
top: 1rem;
right: 1rem;
background-color: rgba(128, 128, 128, 0.5);
padding: 0.3333333333rem;
border-radius: 0.3333333333rem;
}
.home-wrapper .rn-carousel-indicator span {
margin-right: 0.6666666667rem;
}
.home-wrapper .rn-carousel-indicator span:last-child {
margin-right: 0;
}
.home-wrapper #bigAdvertizement {
list-style: none;
background: #fff;
position: relative;
height: 23.6666666667rem;
overflow: hidden;
text-align: center;
}
.home-wrapper #bigAdvertizement li .img {
height: 100%;
width: 100%;
background-size: cover;
}
.home-wrapper #bigAdvertizement .priceTag {
position: absolute;
right: 0;
bottom: 1.3333333333rem;
background: #2c6cb8;
color: #fff;
text-transform: uppercase;
border-radius: 0.2rem 0 0 0.2rem;
}
.home-wrapper #bigAdvertizement .priceTag span {
display: block;
}
.home-wrapper #bigAdvertizement .priceTag span.price {
font-size: 1.2em;
}
.home-wrapper #bigAdvertizement .priceTag.big {
padding: 1.4666666667rem 1.3333333333rem;
}
.home-wrapper .categories {
margin-left: -1.0666666667rem px !important;
}
.home-wrapper .categories .category {
padding-right: 1.0666666667rem;
position: relative;
cursor: pointer;
overflow: hidden;
}
.home-wrapper .categories .category .heading {
position: absolute;
color: #fff;
position: absolute;
top: 1.0666666667rem;
left: 2.1333333333rem;
font-size: 1.7333333333rem;
}
.home-wrapper #currentOffer {
float: right;
}
.home-wrapper .customPadding {
padding-top: 1.3333333333rem;
padding-right: 1.0666666667rem;
}
.home-wrapper #currentProducts .main {
background: #fff;
height: 14.6666666667rem;
}
.home-wrapper #currentProducts .main ul {
list-style: none;
}
.home-wrapper #currentProducts .main ul li {
width: 10.9333333333rem;
text-align: center;
padding-top: 1.0666666667rem;
display: inline-block;
vertical-align: top;
}
.home-wrapper #currentProducts .main ul li.tech-offer {
width: 20%;
}
.home-wrapper #currentProducts .main ul li.tech-offer .title {
font-size: 0.75rem;
}
.home-wrapper #currentProducts .main ul li img {
width: 5.6666666667rem;
margin-bottom: 0.6666666667rem;
display: inline-block;
}
.home-wrapper #currentProducts .main ul li span {
white-space: pre;
display: block;
text-align: center;
font-size: 0.9333333333rem;
line-height: 1.0666666667rem;
}
.home-wrapper #currentProducts .main ul li span.price {
color: #2c6cb8;
margin-top: 1.0666666667rem;
}
.kategorie-wrapper .sub-category-wrapper {
padding: 0;
padding-bottom: 1rem;
}
@media only screen and (min-width: 42.7333333333em) {
.kategorie-wrapper .sub-category-wrapper {
padding-left: 1rem;
}
}
@media only screen and (min-width: 42.7333333333em) {
.detail-wrapper .left-side {
padding-right: 1.0666666667rem;
}
.detail-wrapper .right-side {
padding-left: 1.0666666667rem;
}
}
.detail-wrapper .box-title {
margin-bottom: 0.0666666667rem;
}
.detail-wrapper .back-container {
margin: 0 0 0 0.8733333333rem;
}
.detail-wrapper .product-main {
background-color: #fff;
padding: 1.6666666667rem;
}
.detail-wrapper .product-main h3 {
margin: 0;
}
.detail-wrapper .product-main .main-image {
margin-bottom: 1.3333333333rem;
}
.detail-wrapper .product-main .left-panel {
text-align: center;
padding-right: 1.3333333333rem;
}
.detail-wrapper .product-main .left-panel .images-container {
margin-top: 0.8733333333rem;
background-color: #fff;
text-align: center;
}
.detail-wrapper .product-main .left-panel .images-container img {
cursor: pointer;
}
.detail-wrapper .product-main .right-panel .content {
margin-top: 1.3333333333rem;
}
.detail-wrapper .product-main .right-panel h3.product-title {
color: #004f87;
font-size: 1.7333333333rem;
font-weight: 500;
}
.detail-wrapper .product-main .right-panel ul.product-description {
margin-top: 2.6666666667rem;
}
.detail-wrapper .product-main .right-panel ul.product-description li {
margin-left: 0.3333333333rem;
color: #606060;
}
.detail-wrapper .product-details {
margin-top: 1.3333333333rem;
padding-bottom: 1rem;
}
.detail-wrapper .product-details .product-details-title {
background-color: #dee7e8;
padding: 0.6666666667rem;
}
.detail-wrapper .product-details .product-details-body {
background-color: #fff;
padding: 1.6666666667rem;
}
.detail-wrapper .product-details .product-details-body .detail-images .img-container {
margin-left: 3.3333333333rem;
margin-bottom: 1.3333333333rem;
width: 4rem;
height: 4rem;
background-size: 4rem;
background-position: 0px 0px;
}
.detail-wrapper .product-details .product-details-body .detail-images .img-container:last-child {
margin-bottom: 0;
}
.detail-wrapper .product-details .product-details-body .detail-rows {
border-bottom: 0.0666666667rem solid rgba(213, 213, 213, 0.5);
}
.detail-wrapper .product-details .product-details-body .detail-rows .detail-row:first-child .detail-title {
border-top: none;
}
@media only screen and (min-width: 42.7333333333em) {
.detail-wrapper .product-details .product-details-body .detail-rows .detail-row:first-child .detail-value {
border-top: none;
}
}
.detail-wrapper .product-details .product-details-body .detail-rows .detail-row > * {
border-bottom: 0.0666666667rem solid rgba(187, 187, 187, 0.5);
border-top: 0.0666666667rem solid rgba(213, 213, 213, 0.5);
line-height: 3.0666666667rem;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.detail-wrapper .product-details .product-details-body .detail-rows .detail-row > * {
border-bottom-color: #bbb;
border-top-color: #d5d5d5;
}
}
.detail-wrapper .product-details .product-details-body .detail-rows .detail-row .detail-value {
background: #f5f5f5;
padding: 0;
}
@media only screen and (min-width: 42.7333333333em) {
.detail-wrapper .product-details .product-details-body .detail-rows .detail-row .detail-value {
padding: 0 2.3333333333rem;
}
}
.detail-wrapper .product-details .product-details-body .button-container {
text-align: center;
}
.detail-wrapper .product-details .product-details-body .button-container button {
margin: 1.6666666667rem 0.8733333333rem 0 0.8733333333rem;
}
.cursor-pointer {
cursor: pointer;
}
#submenue {
background: rgba(255, 255, 255, 0.88);
text-align: center;
border-bottom: 1px solid #729aa5;
margin-bottom: 0.9333333333rem;
}
#submenue ul {
list-style: none;
display: inline-block;
padding: 0;
margin: 0;
line-height: 3rem;
}
#submenue ul li {
display: inline-block;
margin: 0 1.0666666667rem;
text-transform: uppercase;
}
#submenue ul li a {
color: #2c6cb8;
}
#submenue ul li a.disabled {
color: #9b9b9b;
}
#submenue ul li.active a {
color: #2c6cb8;
}
.checkout_dokumente-wrapper .main.transparent {
background: rgba(0, 0, 0, 0);
}
.checkout_zusammenfassung-wrapper .form-group.schema-form-submit.continue-margin-top {
float: none;
}
.checkout_zusammenfassung-wrapper table td.red {
color: #e20024;
}
.checkout_zusammenfassung-wrapper table td.green {
color: #34bd18;
}
.checkout_zusammenfassung-wrapper .button-default.red {
background-color: #e20024;
border-color: #e20024;
}
.checkout_zusammenfassung-wrapper .error-text {
color: #e20024;
}
.checkout-wrapper .continue-margin-top {
float: right;
margin-top: 30px;
}
.checkout-wrapper .bigbox input.btn,
.checkout-wrapper .bigbox button.btn {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: 'Roboto', sans-serif;
font-weight: 300;
line-height: normal;
margin: 0 0 0.73333rem;
position: relative;
text-align: center;
text-decoration: none;
display: inline-block;
padding: 0.73333rem 1.46667rem 0.8rem 1.46667rem;
font-size: 1rem;
background-color: #2c6cb8;
border-color: #002f44;
color: #fff;
transition: background-color 300ms ease-out;
}
.checkout-wrapper .page-title-container {
position: relative;
}
.checkout-wrapper .page-title-container .page-title {
text-align: center;
margin-bottom: 25px;
}
.checkout-wrapper .page-title-container .back-link {
position: absolute;
top: 0px;
}
.checkout-wrapper .right-text {
text-align: right;
}
.checkout-wrapper .bold {
font-weight: bold;
}
.checkout-wrapper .green {
color: #008700;
}
.checkout-wrapper .margin-top-medium {
margin-top: 15px;
}
.checkout-wrapper .margin-top-big {
margin-top: 25px;
}
@media only screen and (min-width: 42.7333333333em) {
.cashback-details .video-container {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 100%;
width: 100%;
}
}
.cashback-details .textarea-container textarea {
height: 100px;
}
.cashback-details .text-row {
margin-bottom: 15px;
}
.cashback-details .text-row-bold {
margin-bottom: 15px;
}
.cashback-details .text-row-bold label {
font-weight: bold;
}
.cashback-details .small-text label {
font-size: 12px;
color: #a4acb1;
}
.cashback-details .checkbox label span {
float: right;
display: block;
width: calc(100% - 40px);
}
.cashback-details .button-container {
margin-top: 40px;
text-align: center;
border-top: 1px solid #4e4e4e;
padding-top: 20px;
}
.cashback-details .button-container input {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: 'Roboto', sans-serif;
font-weight: 300;
line-height: normal;
margin: 0 0 0.73333rem;
position: relative;
text-align: center;
text-decoration: none;
display: inline-block;
padding: 0.73333rem 1.46667rem 0.8rem 1.46667rem;
font-size: 1rem;
background-color: #2c6cb8;
border-color: #002f44;
color: #fff;
transition: background-color 300ms ease-out;
}
.cashback-details .abbinder {
padding: 1.25rem;
}
.cashback-details .abbinder h3 {
font-size: 1.1rem;
}
.cashback-details .abbinder p {
font-size: 0.9rem;
}
.cashback-details .abbinder img {
max-width: 90%;
margin: 0 5%;
}
@media only screen and (min-width: 25.2666666667em) {
.cashback-details .abbinder img {
margin: 0 0 0 10%;
}
}
#cashback_main {
margin-top: 3.65rem;
}
#cashback_main h1 {
color: #2c6cb8;
font-size: 1.8666666667rem;
}
#cashback_main h2 {
margin: 0 10px 20px;
font-size: 1.3333333333rem;
}
#cashback_main section {
margin-bottom: 1rem;
}
#cashback_main .shadow {
box-shadow: 0px 1px 6px -1px rgba(0, 0, 0, 0.4);
}
#cashback_main .header {
font-weight: 400;
padding: 0.8rem 1.3333333333rem;
}
#cashback_main .footer,
#cashback_main .header {
background-color: #f5f5f5;
}
#cashback_main .footer {
padding-top: 0.6666666667rem;
border-top: 0.0666666667rem solid #d0dadd;
}
#cashback_main .video {
display: block;
height: 0;
position: relative;
padding-bottom: 24rem;
background-size: 4.3333333333rem, cover;
background-repeat: no-repeat;
background-position: center center;
text-indent: -100%;
overflow: hidden;
}
#cashback_main .video iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#cashback_main .video.responsive {
padding-bottom: 64.25%;
}
#cashback_main .detail-view p.small {
font-size: 0.6666666667rem;
}
#cashback_main .detail-view .right-gap {
padding-right: 2.6666666667rem;
}
#cashback_main .detail-view ul {
list-style: none;
margin-left: 2rem;
}
#cashback_main .detail-view ul li {
font-size: 1.2rem;
position: relative;
padding: 0.6666666667rem 0;
}
#cashback_main .detail-view ul li:last-child {
border-bottom: 0;
}
#cashback_main .detail-view ul li .font-icon {
font-size: 1.6rem;
position: absolute;
top: 0.9333333333rem;
left: -2.2666666667rem;
}
#cashback_main .blocks h3 {
min-height: 2.6666666667rem;
font-size: 1.3rem;
font-weight: 500;
margin-bottom: 1.3333333333rem;
}
#cashback_main .blocks .block {
box-shadow: 0px 1px 6px -1px rgba(0, 0, 0, 0.4);
border-radius: 0.2rem;
background-color: #fff;
}
#cashback_main .blocks .block .video {
padding-bottom: 10.1333333333rem;
}
#cashback_main .blocks .block p {
min-height: 8rem;
}
#cashback_main .blocks .columns {
padding: 0.6666666667rem;
}
#cashback_main .blocks .more-info {
display: block;
text-align: center;
}
#cashback_main .blocks .more-info img {
width: 2rem;
height: 2rem;
margin-right: 0.6666666667rem;
}
#cashback_main .upload_zone_wrapper {
background-color: #e5f4fb;
background-clip: content-box;
padding: 0.6666666667rem;
border: 0.1333333333rem dashed #e5f4fb;
}
#cashback_main .upload_zone {
padding: 0.6666666667rem;
}
#cashback_main .upload_zone h4 {
font-size: 1.2rem;
margin-bottom: 0;
}
#cashback_main .upload_zone .icon {
width: 1.2rem;
height: 1.2rem;
margin-right: 0.6666666667rem;
}
#cashback_main .form-wrapper {
background-color: #fff;
padding: 1rem;
}
#cashback_main .form-wrapper p {
font-size: 0.8rem;
line-height: 1.4;
}
#cashback_main .form-wrapper .small {
font-size: 0.6rem;
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
#cashback_main section {
padding-left: 1rem;
padding-right: 1rem;
}
}
#vorsorge_main h1 {
color: #2c6cb8;
font-size: 1.8666666667rem;
}
#vorsorge_main h2 {
margin: 0 10px 20px;
font-size: 1.3333333333rem;
}
#vorsorge_main section {
margin-bottom: 1rem;
}
#vorsorge_main .shadow {
box-shadow: 0px 1px 6px -1px rgba(0, 0, 0, 0.4);
}
#vorsorge_main .header {
font-weight: 400;
padding: 0.8rem 1.3333333333rem;
}
#vorsorge_main .footer,
#vorsorge_main .header {
background-color: #f5f5f5;
}
#vorsorge_main .footer {
padding-top: 0.6666666667rem;
border-top: 0.0666666667rem solid #d0dadd;
}
#vorsorge_main .video {
display: block;
height: 0;
position: relative;
padding-bottom: 24rem;
background-size: 4.3333333333rem, cover;
background-repeat: no-repeat;
background-position: center center;
text-indent: -100%;
overflow: hidden;
}
#vorsorge_main .video iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#vorsorge_main .video.responsive {
padding-bottom: 64.25%;
}
#vorsorge_main .detail-view p.small {
font-size: 0.6666666667rem;
}
#vorsorge_main .detail-view .right-gap {
padding-right: 2.6666666667rem;
}
#vorsorge_main .detail-view ul {
list-style: none;
margin-left: 2rem;
}
#vorsorge_main .detail-view ul li {
font-size: 1.2rem;
position: relative;
padding: 0.6666666667rem 0;
}
#vorsorge_main .detail-view ul li:last-child {
border-bottom: 0;
}
#vorsorge_main .detail-view ul li .font-icon {
position: absolute;
top: 0.9333333333rem;
left: -2.2666666667rem;
}
#vorsorge_main .blocks h3 {
min-height: 2.6666666667rem;
font-size: 1.3rem;
font-weight: 500;
margin-bottom: 1.3333333333rem;
}
#vorsorge_main .blocks .block {
box-shadow: 0px 1px 6px -1px rgba(0, 0, 0, 0.4);
border-radius: 0.2rem;
background-color: #fff;
}
#vorsorge_main .blocks .block .video {
padding-bottom: 10.1333333333rem;
}
#vorsorge_main .blocks .block p {
min-height: 11.3333333333rem;
}
#vorsorge_main .blocks .columns {
padding: 0.6666666667rem;
}
#vorsorge_main .blocks .more-info {
display: block;
text-align: center;
}
#vorsorge_main .upload_zone_wrapper {
background-color: #e5f4fb;
background-clip: content-box;
padding: 0.6666666667rem;
border: 0.1333333333rem dashed #e5f4fb;
}
#vorsorge_main .upload_zone {
padding: 0.6666666667rem;
}
#vorsorge_main .upload_zone h4 {
font-size: 1.2rem;
margin-bottom: 0;
}
#vorsorge_main .upload_zone .icon {
width: 1.2rem;
height: 1.2rem;
margin-right: 0.6666666667rem;
}
#vorsorge_main .form-wrapper {
background-color: #fff;
padding: 1rem;
}
#vorsorge_main .form-wrapper p {
font-size: 0.8rem;
line-height: 1.4;
}
#vorsorge_main .form-wrapper .small {
font-size: 0.6rem;
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
#vorsorge_main section {
padding-left: 1rem;
padding-right: 1rem;
}
}
header .vcpHeader {
display: block;
z-index: -2;
height: 64px;
}
.vcpHeader.top-bar ul.title-area img {
height: 1.33333rem;
}
#vcp {
height: 100%;
overflow: scroll;
}
#vcp .row {
height: 100%;
}
#vcp:before {
content: ' ';
width: 100%;
height: 237px;
background: rgba(0, 59, 85, 0.25) url('/assets/img/vcp_header_bg.jpg');
background-position: center right;
background-size: cover;
display: block;
top: -64px;
z-index: -1;
border-bottom: 2px solid rgba(0, 59, 85, 0.25);
}
#vcp #main-view {
overflow: inherit;
}
.list-control {
background: #fff;
min-height: 45px;
border-bottom: 1px solid rgba(0, 59, 85, 0.25);
border-radius: 3px;
line-height: 45px;
margin: 4px 0;
clear: both;
margin: 0;
}
.list-control > a {
display: inline-block;
float: left;
}
.list-control span.title {
font-size: 13px;
margin-left: 20px;
text-transform: uppercase;
}
ul.biglist {
list-style: none;
margin: 4px 0;
padding: 0;
}
ul.biglist li a,
ul.biglist li a:hover {
color: #fff;
}
ul.biglist li > .solid-list {
font-size: 18px;
color: #fff;
background: rgba(44, 108, 184, 0.65);
min-height: 45px;
border-bottom: 1px solid rgba(0, 59, 85, 0.25);
border-radius: 3px;
line-height: 45px;
margin: 4px 0;
clear: both;
}
ul.biglist li > .solid-list span {
margin-right: 10px;
margin-left: 15px;
}
ul.biglist li > .solid-list .stats1 span,
ul.biglist li > .solid-list .stats2 span {
margin: 0px;
}
ul.biglist li > .solid-list.freigegeben {
background: rgba(44, 108, 184, 0.4);
}
ul.biglist li > .solid-list.white {
background: rgba(255, 255, 255, 0.45);
color: #2c6cb8;
}
ul.biglist li > .solid-list.white.freigegeben {
background: rgba(204, 204, 204, 0.75);
}
ul.biglist li > .solid-list.white.redbackground {
background: rgba(255, 0, 0, 0.45);
}
ul.biglist li > .solid-list.white.red {
color: #a00;
}
ul.biglist li > .solid-list.white.green {
color: #34bd18;
}
ul.biglist li > .solid-list > a {
display: inline-block;
float: left;
}
ul.biglist li span {
font-size: 15px;
}
ul.biglist li span.city {
white-space: nowrap;
display: inline-block;
height: 15px;
line-height: 15px;
vertical-align: middle;
}
ul.biglist li span.city,
ul.biglist li span.stats1,
ul.biglist li span.stats2 {
margin-right: 30px;
}
ul.biglist li span.stats2 {
color: #81d135;
}
ul.biglist li .right label {
margin: 0 15px 0 10px;
}
ul.biglist li img.expander {
max-height: 0.4em;
margin: 0px 18px 0 20px;
}
ul.biglist li > .city {
text-transform: uppercase;
font-size: 13px;
}
ul.biglist li ul li {
clear: right;
color: #2c6cb8;
}
ul.biglist li ul li .right span,
ul.biglist li ul li a span {
color: #4e4e4e;
}
ul.biglist li ul li .right span.green,
ul.biglist li ul li a span.green {
color: #34bd18;
}
ul.biglist li ul li.expand {
background: #fff;
height: auto;
}
ul.biglist li ul li.expand.red {
background: rgba(255, 0, 0, 0.45);
}
ul.biglist li ul li.expand.green {
color: #34bd18;
}
ul.biglist li ul li.expand .solid-list {
border-bottom: none;
}
ul.biglist li ul li .expanded {
padding: 0 35px;
}
ul.biglist li ul li .expanded .title {
text-transform: uppercase;
font-size: 12px;
}
ul.biglist li ul li .expanded .right {
background: #f5f5f5;
}
ul.biglist li ul li .expanded .red .right {
background: none;
}
ul.biglist li ul li .expanded .bonus-history {
margin: 0 25px;
}
ul.biglist li ul li .expanded .bonus-history .column {
padding: 0 10px;
}
ul.biglist li ul li .expanded .bonus-history .column.red {
color: #a00;
}
ul.biglist li ul li .expanded .bonus-history .column.green {
background: rgba(0, 255, 0, 0.45);
}
ul.biglist li ul li .expanded .bonus-history .column.gray,
ul.biglist li ul li .expanded .bonus-history .column.gray span,
ul.biglist li ul li .expanded .bonus-history .column.gray .right span {
color: #aaa;
}
ul.biglist li ul li .expanded .bonus-history .column .wrapper {
border-bottom: 1px #9b9b9b solid;
}
ul.biglist li ul li .expanded .bonus-history .column .right {
background: none;
}
ul.biglist li ul li .expanded .bonus-history span {
line-height: 45px;
}
ul.biglist li ul li .expanded table {
width: 100%;
padding: 0 25px;
}
ul.biglist li ul li .expanded table input {
margin: 0;
}
ul.biglist li ul li .expanded table td {
padding: 0 10px;
}
ul.biglist li ul li .expanded table td:first-child {
width: 40px;
}
ul.biglist li ul li .expanded table td.input {
width: 190px;
}
ul.biglist li ul li .expanded table textarea {
height: 100px;
}
.list-control .has-dropdown {
position: relative;
float: left;
margin: 0 10px;
}
.list-control .has-dropdown:hover:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 3px 4px 3px;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -2px;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0);
}
.list-control .has-dropdown:hover .dropdown {
display: block;
}
.list-control .has-dropdown .dropdown {
border-radius: 3px;
overflow: hidden !important;
display: none;
background: #fff;
position: absolute;
width: 110px;
padding: 10px;
text-align: center;
list-style: none;
margin: 0;
-webkit-box-shadow: 0px 1px 6px -1px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 1px 6px -1px rgba(0, 0, 0, 0.4);
box-shadow: 0px 1px 6px -1px rgba(0, 0, 0, 0.4);
}
.list-control .has-dropdown .dropdown a {
line-height: 35px;
font-size: 13px;
color: #2c6cb8;
}
.list-control .has-dropdown .dropdown img {
max-height: 18px;
max-width: 18px;
margin-right: 8px;
}
.documents-category-wrapper {
margin-bottom: 20px;
}
.documents-category-wrapper .category-title {
border-bottom: 1px solid #000;
}
.meineakte-wrapper {
padding: 1rem;
padding-top: 1.6666666667rem;
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
.meineakte-wrapper .toggable-content .tabs dd {
margin-bottom: 0.1333333333rem;
float: none;
}
.meineakte-wrapper .toggable-content .tabs dd > span,
.meineakte-wrapper .toggable-content .tabs dd > a {
display: block;
background: #fff;
height: 49px;
line-height: 49px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 15px;
}
.meineakte-wrapper .toggable-content .tabs dd .icon-wrapper {
float: left;
width: 40px;
line-height: 37px;
}
.meineakte-wrapper .toggable-content .tabs dd > a {
font-size: inherit;
}
}
@media only screen and (min-width: 42.7333333333em) {
.meineakte-wrapper .toggable-content .toggable-content-content {
max-height: none;
}
}
.meineakte-wrapper .toggable-content-toggler > div {
background: #fff;
margin-bottom: 0.1333333333rem;
}
.meineakte-wrapper .toggable-content-toggler > div > span,
.meineakte-wrapper .toggable-content-toggler > div > a {
display: block;
background: #fff;
height: 49px;
line-height: 49px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 15px;
}
.meineakte-wrapper .toggable-content-toggler > div .icon-wrapper {
float: left;
width: 40px;
line-height: 37px;
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
.meineakte-wrapper .main .mainWrapper {
padding: 0;
}
.meineakte-wrapper .bausteine .main > *:last-child .vn-baustein {
margin-bottom: 0;
}
.meineakte-wrapper .bausteine .vn-baustein {
padding: 0;
display: block;
margin-bottom: 0.6666666667rem;
}
}
.meineakte-wrapper .document-row {
display: block;
padding: 0 15%;
line-height: 1.8rem;
}
.meineakte-wrapper .document-row .download-image {
display: inline-block;
margin-top: -0.2rem;
background-color: #2c6cb8;
padding: 0.3333333333rem;
width: 2.5333333333rem;
border-radius: 0.2rem;
text-align: center;
}
.meineakte-wrapper .document-row .download-image .font-icon {
color: #191919;
}
.meineakte-wrapper .document-row .created-date {
color: #9b9b9b;
margin-left: 0.6666666667rem;
margin-right: 0.6666666667rem;
}
.meineakte-wrapper .document-row .tag {
color: #000;
font-size: 0.6666666667rem;
margin-left: 0.6666666667rem;
padding: 0.2rem;
border-radius: 0.2rem;
}
.meineakte-wrapper .document-row .tag.extension {
background-color: rgba(4, 150, 216, 0.16);
}
.meineakte-wrapper .document-row .tag.size {
background-color: rgba(210, 221, 227, 0.69);
}
.meineakte-wrapper .securityLogs {
margin-top: 4rem;
}
.meineakte-wrapper .securityLogs hr {
margin-bottom: 2rem;
}
#meineakte-dokumente .upload {
min-height: 200px;
}
#meineakte-dokumente .upload button {
margin-top: 30px;
}
#table-wrapper {
display: flex;
}
#desc {
border-collapse: collapse;
text-align: center;
}
#desc th {
background-color: #f5f5f5;
padding: 1em;
text-align: left;
border: 1px solid #000;
padding: 1em;
}
#desc td {
border: 1px solid #000;
}
.warning-background {
background-color: #e20024 !important;
}
#meineakte-steuerfrei .meineakte--component {
width: 14rem;
height: 12rem;
background-color: #fff;
margin-bottom: 1rem;
margin-right: 1rem;
padding-top: 1rem;
text-align: center;
float: left;
}
#meineakte-steuerfrei .meineakte--component.inactive {
opacity: 0.8;
}
#meineakte-steuerfrei .meineakte--component i {
font-size: 4rem;
}
#meineakte-steuerfrei .meineakte--component .title {
text-align: center;
overflow-x: hidden;
padding-left: 5px;
padding-right: 5px;
height: 1.5rem;
width: 100%;
text-overflow: ellipsis;
}
#meineakte-steuerfrei .meineakte--component p {
font-size: small;
margin-top: 1rem;
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
#meineakte-steuerfrei .gehaltsdaten table td {
display: block;
}
#meineakte-steuerfrei .gehaltsdaten table td:first-child {
padding: 1rem 0 0.3333333333rem 0;
border: 0;
}
#meineakte-steuerfrei .gehaltsdaten table td:last-child {
width: 100%;
border-top: 0;
border-bottom: 1px solid #004459;
}
}
#meineakte-steuerfrei .gehaltsdaten .currency {
text-align: right;
padding-right: 50%;
display: block;
margin-right: -0.6666666667rem;
}
#meineakte-steuerfrei .gehaltsdaten input {
text-align: right;
}
#meineakte-steuerfrei .gehaltsdaten input.button {
height: 2.4666666667rem;
line-height: 0;
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
#meineakte-steuerfrei .gehaltsdaten .form-group {
text-align: right;
}
#meineakte-steuerfrei .gehaltsdaten .form-group input {
width: 50%;
display: inline-block;
margin-right: 0.2rem;
}
#meineakte-steuerfrei .gehaltsdaten .form-group input.button {
width: 40%;
margin-right: 0;
}
#meineakte-steuerfrei .gehaltsdaten table td:last-child {
padding-left: 0;
width: 100%;
}
}
.meineakte-wrapper .tabs-content {
margin-top: 2px;
}
.meineakte-wrapper .allgemeine-info .mainWrapper td:first-child {
padding-left: 0;
padding-right: 0;
}
.meineakte-wrapper .versicherungen .mainWrapper,
.meineakte-wrapper .verguetung .mainWrapper {
padding-top: 1rem;
padding-bottom: 1rem;
}
.meineakte-wrapper .allgemeine-info .mainWrapper .vn-table table {
margin-top: 0.3333333333rem;
}
.meineakte-wrapper .weitere-services .title {
padding-bottom: 1rem;
}
.meineakte-wrapper .service-boxes {
margin: -0.5rem;
}
.meineakte-wrapper .service-box {
width: 100%;
padding-bottom: 75%;
display: block;
position: relative;
}
.meineakte-wrapper .service-box-content {
margin: 0.5rem;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #fff;
}
.meineakte-wrapper .service-box-content .image-container {
height: 70%;
padding: 0 20%;
}
.meineakte-wrapper .service-box-content .image-container img {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.meineakte-wrapper .service-box-content .text-container {
text-align: center;
height: 30%;
color: #222;
}
.meineakte-wrapper .service-box-content .text-container > * {
position: relative;
display: inline-block;
top: 50%;
transform: translateY(-50%);
}
.meineakte-wrapper .service-box-content .name {
margin-right: 0.2666666667rem;
}
.meineakte-wrapper .service-box-content .value {
font-weight: 400;
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
.meineakte-wrapper .allgemeine-info .mainWrapper table td {
display: block;
}
.meineakte-wrapper .allgemeine-info .mainWrapper table td:first-child {
padding: 1rem 0 0.3333333333rem 0;
border: 0;
}
.meineakte-wrapper .allgemeine-info .mainWrapper table td:last-child {
width: 100%;
border-top: 0;
border-bottom: 1px solid #004459;
}
.meineakte-wrapper .versicherungen .mainWrapper .circletext,
.meineakte-wrapper .verguetung .mainWrapper .circletext {
display: block;
width: 100%;
margin-bottom: 1.8666666667rem;
}
}
.meineakte-mpp .side-effect:after {
position: absolute;
content: ' ';
top: 0;
right: 0;
height: 100%;
width: 5px;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=1 );
}
.meineakte-mpp .side-scrollable {
overflow-y: scroll;
}
.meineakte-mpp p.small {
font-size: 0.8rem;
line-height: 1;
}
.full-width {
width: 100%;
} /*!
* Quill Editor v1.3.6
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/
.ql-container {
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
height: 100%;
margin: 0px;
position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
pointer-events: none;
}
.ql-clipboard {
left: -100000px;
height: 1px;
overflow-y: hidden;
position: absolute;
top: 50%;
}
.ql-clipboard p {
margin: 0;
padding: 0;
}
.ql-editor {
box-sizing: border-box;
line-height: 1.42;
height: 100%;
outline: none;
overflow-y: auto;
padding: 12px 15px;
tab-size: 4;
-moz-tab-size: 4;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word;
}
.ql-editor > * {
cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
margin: 0;
padding: 0;
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
list-style-type: none;
}
.ql-editor ul > li::before {
content: '•';
}
.ql-editor ul[data-checked='true'],
.ql-editor ul[data-checked='false'] {
pointer-events: none;
}
.ql-editor ul[data-checked='true'] > li *,
.ql-editor ul[data-checked='false'] > li * {
pointer-events: all;
}
.ql-editor ul[data-checked='true'] > li::before,
.ql-editor ul[data-checked='false'] > li::before {
color: #777;
cursor: pointer;
pointer-events: all;
}
.ql-editor ul[data-checked='true'] > li::before {
content: '☑';
}
.ql-editor ul[data-checked='false'] > li::before {
content: '☐';
}
.ql-editor li::before {
display: inline-block;
white-space: nowrap;
width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
margin-left: -1.5em;
margin-right: 0.3em;
text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
margin-left: 0.3em;
margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
padding-right: 1.5em;
}
.ql-editor ol li {
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
counter-increment: list-0;
}
.ql-editor ol li:before {
content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 28.5em;
}
.ql-editor .ql-video {
display: block;
max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
background-color: #000;
}
.ql-editor .ql-bg-red {
background-color: #e60000;
}
.ql-editor .ql-bg-orange {
background-color: #f90;
}
.ql-editor .ql-bg-yellow {
background-color: #ff0;
}
.ql-editor .ql-bg-green {
background-color: #008a00;
}
.ql-editor .ql-bg-blue {
background-color: #06c;
}
.ql-editor .ql-bg-purple {
background-color: #93f;
}
.ql-editor .ql-color-white {
color: #fff;
}
.ql-editor .ql-color-red {
color: #e60000;
}
.ql-editor .ql-color-orange {
color: #f90;
}
.ql-editor .ql-color-yellow {
color: #ff0;
}
.ql-editor .ql-color-green {
color: #008a00;
}
.ql-editor .ql-color-blue {
color: #06c;
}
.ql-editor .ql-color-purple {
color: #93f;
}
.ql-editor .ql-font-serif {
font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
font-size: 0.75em;
}
.ql-editor .ql-size-large {
font-size: 1.5em;
}
.ql-editor .ql-size-huge {
font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
direction: rtl;
text-align: inherit;
}
.ql-editor .ql-align-center {
text-align: center;
}
.ql-editor .ql-align-justify {
text-align: justify;
}
.ql-editor .ql-align-right {
text-align: right;
}
.ql-editor.ql-blank::before {
color: rgba(0, 0, 0, 0.6);
content: attr(data-placeholder);
font-style: italic;
left: 15px;
pointer-events: none;
position: absolute;
right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
clear: both;
content: '';
display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
background: none;
border: none;
cursor: pointer;
display: inline-block;
float: left;
height: 24px;
padding: 3px 5px;
width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
float: left;
height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type='file'],
.ql-snow .ql-toolbar input.ql-image[type='file'] {
display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
stroke: #06c;
}
@media (pointer: coarse) {
.ql-snow.ql-toolbar button:hover:not(.ql-active),
.ql-snow .ql-toolbar button:hover:not(.ql-active) {
color: #444;
}
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
fill: #444;
}
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
stroke: #444;
}
}
.ql-snow {
box-sizing: border-box;
}
.ql-snow * {
box-sizing: border-box;
}
.ql-snow .ql-hidden {
display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
visibility: hidden;
}
.ql-snow .ql-tooltip {
position: absolute;
transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
cursor: pointer;
text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
transform: translateY(-10px);
}
.ql-snow .ql-formats {
display: inline-block;
vertical-align: middle;
}
.ql-snow .ql-formats:after {
clear: both;
content: '';
display: table;
}
.ql-snow .ql-stroke {
fill: none;
stroke: #444;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
fill: none;
stroke: #444;
stroke-miterlimit: 10;
stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
fill: #444;
}
.ql-snow .ql-empty {
fill: none;
}
.ql-snow .ql-even {
fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
stroke-width: 1;
}
.ql-snow .ql-transparent {
opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
display: none;
}
.ql-snow .ql-editor h1 {
font-size: 2em;
}
.ql-snow .ql-editor h2 {
font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
font-size: 1em;
}
.ql-snow .ql-editor h5 {
font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
font-size: 0.67em;
}
.ql-snow .ql-editor a {
text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
border-left: 4px solid #ccc;
margin-bottom: 5px;
margin-top: 5px;
padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
background-color: #f0f0f0;
border-radius: 3px;
}
.ql-snow .ql-editor pre {
white-space: pre-wrap;
margin-bottom: 5px;
margin-top: 5px;
padding: 5px 10px;
}
.ql-snow .ql-editor code {
font-size: 85%;
padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
background-color: #23241f;
color: #f8f8f2;
overflow: visible;
}
.ql-snow .ql-editor img {
max-width: 100%;
}
.ql-snow .ql-picker {
color: #444;
display: inline-block;
float: left;
font-size: 14px;
font-weight: 500;
height: 24px;
position: relative;
vertical-align: middle;
}
.ql-snow .ql-picker-label {
cursor: pointer;
display: inline-block;
height: 100%;
padding-left: 8px;
padding-right: 2px;
position: relative;
width: 100%;
}
.ql-snow .ql-picker-label::before {
display: inline-block;
line-height: 22px;
}
.ql-snow .ql-picker-options {
background-color: #fff;
display: none;
min-width: 100%;
padding: 4px 8px;
position: absolute;
white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
cursor: pointer;
display: block;
padding-bottom: 5px;
padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
color: #ccc;
z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
display: block;
margin-top: -1px;
top: 100%;
z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
height: 24px;
width: 24px;
padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
padding: 3px 5px;
width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
border: 1px solid rgba(0, 0, 0, 0);
float: left;
height: 16px;
margin: 2px;
padding: 0px;
width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
position: absolute;
margin-top: -9px;
right: 0;
top: 50%;
width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='1']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {
content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='2']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {
content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='3']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {
content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='4']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {
content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='5']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {
content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='6']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {
content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {
font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {
font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {
font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {
font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {
font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {
font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='serif']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {
content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='monospace']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {
content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {
font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {
font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='small']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {
content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='large']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {
content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='huge']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {
content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {
font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {
font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {
font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
background-color: #000;
}
.ql-toolbar.ql-snow {
border: 1px solid #ccc;
box-sizing: border-box;
font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
border: 1px solid rgba(0, 0, 0, 0);
}
.ql-toolbar.ql-snow .ql-picker-options {
border: 1px solid rgba(0, 0, 0, 0);
box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
border-top: 0px;
}
.ql-snow .ql-tooltip {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0px 0px 5px #ddd;
color: #444;
padding: 5px 12px;
white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
content: 'Visit URL:';
line-height: 26px;
margin-right: 8px;
}
.ql-snow .ql-tooltip input[type='text'] {
display: none;
border: 1px solid #ccc;
font-size: 13px;
height: 26px;
margin: 0px;
padding: 3px 5px;
width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
display: inline-block;
max-width: 200px;
overflow-x: hidden;
text-overflow: ellipsis;
vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
border-right: 1px solid #ccc;
content: 'Edit';
margin-left: 16px;
padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
content: 'Remove';
margin-left: 8px;
}
.ql-snow .ql-tooltip a {
line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type='text'] {
display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
border-right: 0px;
content: 'Save';
padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode='link']::before {
content: 'Enter link:';
}
.ql-snow .ql-tooltip[data-mode='formula']::before {
content: 'Enter formula:';
}
.ql-snow .ql-tooltip[data-mode='video']::before {
content: 'Enter video:';
}
.ql-snow a {
color: #06c;
}
[ng-quill-editor] {
display: block;
}
.no-border {
border: none !important;
}
.no-padding .ql-container {
padding-left: 0px !important;
}
.no-padding .ql-editor {
padding-left: 0px !important;
margin-left: 0px;
}
.no-padding .ql-container {
padding-left: 0pxm !important;
margin-left: 0px;
}
.white-popup {
position: relative;
background: #fff;
margin: auto;
}
.cockpit {
min-height: 500px;
}
.cockpit .white-popup {
width: 607px;
padding: 1rem 2rem 2rem 2rem;
}
.cockpit .white-popup h4 {
padding-bottom: 1rem;
}
.cockpit h4 {
font-size: 0.8666666667rem;
font-weight: bold;
margin: 0;
padding: 0.4rem 0 0.9333333333rem 0;
}
.cockpit .component-col .double-label-switch,
.cockpit .component-col label {
display: inline-block;
}
.cockpit .component-col a {
float: right;
line-height: 2.5rem;
}
.cockpit .small-input {
height: 28px;
line-height: 28px;
margin: 0 0 0 0.3333333333rem;
font-size: 90%;
display: inline-block;
padding: 0;
}
.cockpit .popup-content {
font-size: 90%;
}
.cockpit .popup-content .btn,
.cockpit .popup-content input {
font-size: 90%;
margin: 0;
}
.cockpit .popup-content .small-input {
text-align: right;
}
.cockpit .popup-content .euro-input-container .small-input {
padding-right: 1.3333333333rem;
}
.cockpit .popup-content .small-input-euro {
position: absolute;
top: 0.2rem;
right: 1.2666666667rem;
}
.cockpit .popup-content .label-container {
width: 1%;
vertical-align: middle;
padding-right: 0.3333333333rem;
}
.cockpit .popup-content .value-container {
padding-right: 0.6666666667rem;
}
.cockpit .popup-content .label-container,
.cockpit .popup-content .value-container {
display: table-cell;
}
.cockpit .popup-content .button-container {
text-align: right;
}
.cockpit__menu {
list-style: none;
margin: 0 0 1.3333333333rem;
padding: 0;
overflow: hidden;
max-height: 80rem;
-webkit-transition: max-height 0.3s ease-in-out;
transition: max-height 0.3s ease-in-out;
}
.cockpit__menu-item {
background-color: #fff;
margin-bottom: 0.1333333333rem;
}
.cockpit__menu-item:first-child {
border-top: 0;
}
.cockpit__menu-item:hover,
.cockpit__menu-item.isActive {
background-color: rgba(44, 108, 184, 0.9);
}
.cockpit__menu-item:hover a,
.cockpit__menu-item:hover .font-icon,
.cockpit__menu-item.isActive a,
.cockpit__menu-item.isActive .font-icon {
color: #fff;
}
.cockpit__menu-item:hover.disabled,
.cockpit__menu-item.isActive.disabled {
background-color: #fff;
}
.cockpit__menu-item:hover.disabled a,
.cockpit__menu-item:hover.disabled .font-icon,
.cockpit__menu-item.isActive.disabled a,
.cockpit__menu-item.isActive.disabled .font-icon {
color: #9b9b9b;
}
.cockpit__menu-item.disabled a,
.cockpit__menu-item.disabled .font-icon {
color: #9b9b9b;
}
.cockpit__menu-active {
color: #fff;
display: none;
background-color: rgba(44, 108, 184, 0.9);
}
.cockpit__menu-active .font-icon {
color: #fff;
}
.cockpit__menu-indicator {
display: none;
}
.cockpit__menu-link {
display: block;
line-height: 3rem;
font-size: 91%;
font-weight: 500;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.cockpit__menu-icon {
font-size: 1.6666666667rem;
padding: 0 1rem;
text-align: center;
display: inline-block;
}
.cockpit_toggable-content {
border-top: 0.0666666667rem solid #d2dde3;
padding: 0.6666666667rem 0 1.3333333333rem 0;
margin: 0 0.6666666667rem 0 2.6666666667rem;
}
.cockpit__form-title {
position: relative;
}
.cockpit__form-title .btn {
position: absolute;
top: 0;
right: 0;
}
.cockpit__form-content {
padding-top: 0.3333333333rem;
}
.cockpit-main {
margin: 0 20px;
}
.cockpit-main .button {
margin: 0.6666666667rem 0;
}
@media only screen and (min-width: 42.7333333333em) {
.cockpit-main .button {
margin: 0 0 0.3333333333rem 0.3333333333rem;
}
}
.cockpit-main .list-box__right {
width: 95%;
margin-left: 2.5%;
}
@media only screen and (min-width: 42.7333333333em) {
.cockpit-main .list-box__right {
width: auto;
margin: 0;
}
}
.cockpit-main .list-box__right .button {
display: inline-block;
margin: 0.3333333333rem auto;
}
@media only screen and (min-width: 42.7333333333em) {
.cockpit-main .list-box__right .button {
margin: 0 0 0 0.3333333333rem;
}
}
.search-box {
padding: 0.6666666667rem;
border-radius: 0.2rem;
background-color: rgba(255, 255, 255, 0.25);
}
.search-box__field {
top: 0.1333333333rem;
}
.search-box__input[type] {
margin: 0;
border: 0;
border-radius: 0 0.2rem 0.2rem 0 !important;
background-color: rgba(0, 0, 0, 0);
}
.search-box__buttons button.btn {
margin: 0 0.3333333333rem 0 0;
}
.search-box .prefix {
background-color: rgba(0, 0, 0, 0);
border: 0;
border-radius: 0.2rem 0 0 0.2rem;
font-size: 1.3rem;
}
.with__search .search-box.row {
margin: 0;
}
.with__search .search-box {
padding: 0;
}
.with__search .search-box .prefix {
background-color: rgba(0, 0, 0, 0);
height: 4rem;
line-height: 4rem;
}
.with__search .search-box .search-box__input {
line-height: 4rem;
height: 4rem;
background-color: rgba(0, 0, 0, 0);
}
.list-header,
.summary-box {
background-color: rgba(255, 255, 255, 0.9);
line-height: 4rem;
padding: 0 0.6666666667rem;
border-radius: 0.2rem;
margin: 0 0 0.6666666667rem;
}
.list-header.isTransparent,
.summary-box.isTransparent {
background-color: rgba(255, 255, 255, 0.25);
}
.list-header__title,
.summary-box__title {
display: block;
text-overflow: ellipsis;
line-height: 1;
margin: 0.6666666667rem 0 0;
}
.list-header__title strong,
.summary-box__title strong {
display: block;
line-height: 1.5;
}
@media only screen and (min-width: 42.7333333333em) {
.list-header__title,
.summary-box__title {
display: inline;
white-space: nowrap;
}
.list-header__title strong,
.summary-box__title strong {
display: inline;
}
}
.list-header {
margin: 0 0 0.6666666667rem;
}
.simple-select {
max-width: 3.6666666667rem;
color: #004f87;
border: 0;
background-color: rgba(0, 0, 0, 0);
margin: 0;
}
.simple-select:hover {
background-color: rgba(0, 0, 0, 0);
}
.simple-select:focus {
outline: 0;
}
.list-box__item {
background-color: rgba(242, 244, 237, 0.9);
border-radius: 0.2rem;
margin-top: 0.1333333333rem;
width: auto;
padding: 0;
position: relative;
-webkit-transition: 450ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
-moz-transition: 450ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
-ms-transition: 450ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
-o-transition: 450ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
transition: 450ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
}
.list-box__item.ng-enter {
height: 0px;
opacity: 0;
overflow: hidden;
}
.list-box__item.ng-enter.ng-enter-active {
height: 50px;
opacity: 1;
}
.list-box__row {
-webkit-transition: 450ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
-moz-transition: 450ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
-ms-transition: 450ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
-o-transition: 450ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
transition: 450ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
}
.list-box__row.ng-enter {
height: 0px;
opacity: 0.25;
}
.list-box__row.ng-enter.ng-enter-active {
height: 50px;
opacity: 1;
}
.list-box__itemTitle {
text-align: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
vertical-align: middle;
line-height: 2;
padding: 0.6666666667rem 0.6666666667rem;
display: block;
cursor: pointer;
}
.list-box__itemTitle .user-name {
display: inline-block;
white-space: normal;
width: auto;
max-width: 75%;
line-height: 1.5;
}
.list-box__itemTitle .toggable-state-feedback {
display: block;
position: relative;
width: 0.8rem;
height: 0.8rem;
margin: 0;
margin-top: 0.6666666667rem;
margin-right: 0.6666666667rem;
}
.list-box__right {
display: inline-block;
position: relative;
}
@media only screen and (min-width: 42.7333333333em) {
.list-box__right {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0.6666666667rem;
}
}
.list-box__right .btn-bordered {
color: inherit;
border-color: inherit;
}
.list-box__item__content {
background-color: #fff;
}
.list-box .toggable-content-open .list-box__item {
background: #fff;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.list-box .toggable-content-open .stacked-toggable-content:not(.toggable-content-open) .list-box__item {
background-color: rgba(242, 244, 237, 0.9);
border-radius: 0.2rem;
}
.list-box__buttons {
display: inline-block;
}
.cockpit-panel {
margin-bottom: 1rem;
}
.cockpit-panel__title {
background-color: rgba(255, 255, 255, 0.5);
padding: 0.6666666667rem;
}
.cockpit-panel__body {
background-color: #fff;
padding: 1rem;
display: inline-block;
width: 100%;
}
.cockpit-panel__body.red {
background-color: #ff0300;
}
.cockpit-panel__body.red label {
color: #fff;
}
@media only screen and (min-width: 42.7333333333em) {
.cockpit-panel__body {
padding: 3.3333333333rem;
}
}
.cockpit-panel__body .separator {
border-bottom: 1px solid rgba(153, 153, 153, 0.3);
margin: 0.3333333333rem 0 1rem;
}
.module-select {
margin-left: -0.6666666667rem;
margin-right: -0.6666666667rem;
}
.cockpit_allgemein-wrapper .module-select {
max-width: 37.8rem;
margin: 0 auto;
display: block;
}
.module-select__item {
width: 11.2666666667rem;
height: 11.2666666667rem;
display: block;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #fafbfc;
border-bottom: 0.0666666667rem solid rgba(0, 0, 0, 0);
margin: 0.6666666667rem auto;
cursor: pointer;
position: relative;
}
@media only screen and (min-width: 42.7333333333em) {
.module-select__item {
display: inline-block;
margin: 0 0.6666666667rem 1rem 0.6666666667rem;
}
}
.module-select__item.isSelected {
background-color: #e4f4fb;
}
.module-select__item.isSelected,
.module-select__item:hover {
border-color: #b0c4cd;
}
.module-select__item.isSelected .module-select__icon,
.module-select__item.isSelected .module-select__title h5,
.module-select__item:hover .module-select__icon,
.module-select__item:hover .module-select__title h5 {
color: #004f87;
}
.module-select__icon {
height: 60%;
width: 100%;
display: table;
text-align: center;
vertical-align: middle;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.module-select__icon.shop {
height: auto;
margin-top: 1rem;
}
.module-select__icon:before {
display: table-cell;
vertical-align: bottom;
font-size: 2.6666666667rem;
color: #191919;
}
.module-select__title {
width: 100%;
height: 40%;
text-transform: uppercase;
text-align: center;
display: table;
vertical-align: middle;
word-break: break-all;
}
.module-select__title h5 {
vertical-align: middle;
font-size: 10px;
font-weight: 500;
color: #191919;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.module-select__title h5.shop {
position: absolute;
width: 100%;
bottom: 1rem;
}
.module-select__title p {
text-transform: none;
}
.module-select--small .module-select__item {
height: 5.3333333333rem;
}
.module-select--small .module-select__icon {
width: 30%;
height: 100%;
display: inline-block;
margin-right: 0;
margin-left: 0;
}
.module-select--small .module-select__icon:before {
font-size: 2rem;
margin: 1.7333333333rem 0 0 0.3333333333rem;
display: inline-block;
}
.module-select--small .module-select__title {
width: 70%;
height: 100%;
display: inline-block;
padding: 0 0.3333333333rem 0 0;
text-align: left;
}
.module-select--small .module-select__title h5 {
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin: 2.4rem 0 0;
line-height: 1;
font-size: 0.7rem;
}
.double-label-switch input[type='checkbox'] + label:before {
display: none;
}
.double-label-switch .switch input:checked + label {
background-color: #2c6cb8;
}
.double-label-switch .switch {
display: inline-block;
margin: 0;
vertical-align: middle;
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
.double-label-switch .switch__label {
line-height: 2.8666666667rem;
display: inline-block;
vertical-align: middle;
}
.double-label-switch .switch.large label {
height: 2.5333333333rem;
}
.double-label-switch .switch.large input:checked + label:after {
left: 2.6666666667rem;
}
.inner-toggable-content .inner-toggable-content__content {
overflow: hidden;
max-height: 0;
transition: max-height 0.3s;
}
.inner-toggable-content .inner-toggable-open .inner-toggable-content__content {
overflow-y: scroll;
max-height: 40rem;
overflow-y: scroll;
transition: max-height 0.5s;
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
.cockpit .breadcrumb {
margin-left: 20px;
}
.cockpit__menu {
max-height: 4rem;
margin-left: 1.3333333333rem;
margin-right: 1.3333333333rem;
}
.cockpit__menu.isOpen {
max-height: 53.3333333333rem;
}
.cockpit__menu-item.cockpit__menu-active {
display: block;
}
.cockpit__menu-indicator {
display: block;
float: right;
margin: 0.6666666667rem;
}
.cockpit__menu-text {
display: inline-block;
float: left;
margin: 0.6666666667rem;
}
}
.status-container {
display: inline-block;
float: right;
}
.status-container .neo-status {
border-radius: 0.3rem;
border: 2px solid #000;
width: 227px;
text-align: center;
display: inline-block;
padding: 0 1.8rem;
text-transform: capitalize;
font-size: 1rem;
margin-right: 0.5rem;
cursor: pointer;
}
.status-container .neo-status.status-red {
color: #e20024;
}
.status-container .neo-status.status-green {
color: #34bd18;
}
.status-container .neo-status.status-yellow {
color: #fcce00;
}
.status-container .neo-status.status-black {
color: #000;
}
.status-container .access-state.none {
color: rgba(0, 0, 0, 0);
}
.status-container .access-state.red {
color: #e20024 !important;
}
.status-container .access-state.yellow {
color: #fcce00;
}
.status-container .access-state.green {
color: #34bd18;
}
.status-container .access-state.black {
color: #000;
}
.status-container .access-state.blue {
color: #2e2ef0;
}
.cockpit_allgemein-wrapper .active {
border: 1px solid #2c6cb8;
}
.cockpit_allgemein-wrapper .error-text {
color: red;
font-size: smaller;
}
.cockpit_cashback-wrapper .module-select__icon {
width: auto;
margin: 0 auto;
}
.cockpit_kundenauswahl-wrapper span.primary {
color: #2c6cb8;
}
.testmode-dialog-content .testmode-switch,
.testmode-dialog-content .testmode-label {
display: inline-block;
}
.access-state.red {
color: #e20024 !important;
}
.access-state.yellow {
color: #fcce00;
}
.access-state.green {
color: #34bd18;
}
.changed-state {
text-align: center;
padding-top: 0.5333333333rem;
line-height: 0.6666666667rem;
font-size: 0.8rem;
}
.hovered {
display: none;
}
span:hover + .hovered {
display: inline;
}
.cockpit_steuerfrei-wrapper .component-col label {
display: inline-block;
}
.cockpit_steuerfrei-wrapper .component-col a {
float: right;
line-height: 2.5rem;
}
.cockpit_steuerfrei-wrapper .margin-top {
margin-top: 16px;
}
.cockpit_steuerfrei-dialog .component-col > .double-label-switch,
.cockpit_steuerfrei-dialog .component-col > label {
display: inline-block;
}
.reg-btn-container > button {
margin-left: 0.5rem;
}
.reg-btn-container > button:first-child {
margin-left: 0;
}
input#customer-code {
height: 2.8rem;
}
.qr-code-container {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.qr-code-container .ngdialog-close {
position: absolute;
right: 1rem;
font-size: 1.5rem;
}
.qr-code-container .qr-code-header {
width: 100%;
height: 2.3rem;
text-align: center;
font-size: 1.6rem;
border-bottom: 0.1rem solid #003b55;
}
.qr-code-container .qr-code-body {
width: 100%;
padding: 0.8rem;
border-bottom: 0.1rem solid #003b55;
}
.qr-code-container .qr-code-body img {
display: block;
width: 100%;
height: 300px;
}
.qr-code-container .qr-code-footer {
padding: 0.3rem;
height: 3.6rem;
}
.qr-code-container .qr-code-footer a.button {
display: block;
}
.qr-code-container .ngdialog-content {
display: flex;
flex-direction: column;
z-index: 1;
}
.register-button {
width: 100%;
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
.cockpit_steuerfrei-wrapper .component-col label {
width: 100%;
}
.cockpit_steuerfrei-wrapper .component-col label i,
.cockpit_steuerfrei-wrapper .component-col label .component-name {
vertical-align: top;
}
.cockpit_steuerfrei-wrapper .component-col label .component-name {
display: inline-block;
font-size: 1rem;
width: 85%;
}
}
.ngdialog-content {
padding-left: 35px !important;
padding-right: 35px !important;
}
.right-text {
text-align: right;
}
.cockpit_arbeitnmv-wrapper .list-box .list-box__item__content {
overflow: hidden;
max-height: 0;
transition: max-height 0.3s;
}
.cockpit_arbeitnmv-wrapper .list-box .toggable-content-open .list-box__item__content {
overflow-y: scroll;
max-height: 100rem;
overflow-y: scroll;
transition: max-height 0.5s;
}
.cockpit_arbeitnmv-wrapper .add-baustein {
cursor: pointer;
}
.cockpit_arbeitnmv-wrapper .add-baustein span {
height: 1.8666666667rem;
line-height: 1.8666666667rem;
display: inline-block;
}
.cockpit_arbeitnmv-wrapper .add-baustein .icon-plus {
color: #0496d8;
font-size: 125%;
vertical-align: middle;
margin-right: 0.6666666667rem;
}
.cockpit_arbeitnmv-wrapper input[type='checkbox'] + label {
padding-left: 40px;
line-height: 1.0666666667rem;
margin-top: -0.0666666667rem;
}
.cockpit_arbeitnmv-wrapper input[type='checkbox'] + label:before {
margin-top: 0.2rem;
margin-right: 0.3333333333rem;
margin-left: -32px;
margin-bottom: 0;
}
.cockpit_arbeitnmv-wrapper .cockpit_toggable-content .value-container {
text-align: right;
}
.cockpit_arbeitnmv-wrapper .cockpit_toggable-content .small-input {
text-align: right;
padding-left: 0.6666666667rem;
padding-right: 0.6666666667rem;
}
.cockpit_arbeitnmv-wrapper .cockpit_toggable-content__row {
padding: 0.4rem 0;
}
.cockpit_arbeitnmv-wrapper .cockpit_toggable-content .inner-toggable-open .inner-toggable-content__content {
max-height: 40rem;
}
.cockpit_arbeitnmv-wrapper .cockpit_toggable-content .inner-toggable-content .small-input {
width: 50%;
}
.cockpit_arbeitnmv-wrapper .cockpit_toggable-content .summary {
margin-top: 1.3333333333rem;
color: #008700;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-content {
margin-left: -2.6666666667rem;
margin-right: -0.6666666667rem;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-content__content > * > div {
padding-left: 2.6666666667rem;
padding-right: 0.6666666667rem;
padding-top: 1.6666666667rem;
padding-bottom: 1.6666666667rem;
background: #f5f5f5;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-content__toggler > div {
border-top: 1px solid #d2dde3;
text-align: right;
cursor: pointer;
color: #004f87;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-content__toggler .indent-left {
margin-left: 14.6666666667rem;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-content__toggler .indent-right {
margin-right: 14rem;
}
.cockpit_arbeitnmv-wrapper .toggler-mehr {
display: inline-block;
}
.cockpit_arbeitnmv-wrapper .toggler-weniger {
display: none;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-open .inner-toggable-content__toggler {
color: #939393;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-open .toggler-mehr {
display: none;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-open .toggler-weniger {
display: inline-block;
}
.cockpit_arbeitnmv-wrapper .toggler-arrow {
font-size: 0.5333333333rem;
margin-left: 0.3333333333rem;
margin-right: 0;
vertical-align: middle;
}
.cockpit_arbeitnmv-wrapper .padded-row {
margin: 0.6666666667rem 0;
}
.cockpit_arbeitnmv-wrapper .indent-left {
margin-left: 12rem;
}
.cockpit_arbeitnmv-wrapper .indent-right {
margin-right: 13.3333333333rem;
}
.cockpit_arbeitnmv-wrapper .toggler-arrow {
transition: transform 0.6s;
transform: rotateX(0deg);
display: inline-block;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-open .toggler-arrow {
transition: transform 0.6s;
transform: rotateX(-180deg);
}
.cockpit_arbeitnmv-wrapper .reset-line-height {
line-height: normal;
}
.cockpit_arbeitnmv-wrapper .reset-line-height button:first-child {
margin-top: 1rem;
}
.cockpit_arbeitnmv-wrapper .reset-line-height button:last-child {
margin-top: 0.5rem;
margin-bottom: 1rem;
}
.cockpit_arbeitnmv-wrapper .padding-left {
padding-left: 10px;
}
.cockpit_arbeitnmv-wrapper .padding-right {
padding-right: 10px;
}
.cockpit_arbeitnmv-wrapper .second-row {
display: none;
}
.cockpit_arbeitnmv-wrapper .toggable-content-open .second-row {
display: block;
}
.cockpit_arbeitnmv-wrapper .toggable-content-open .second-row button {
margin-bottom: 2px;
}
.cockpit_arbeitnmv-wrapper .toggable-content-open .stacked-toggable-content:not(.toggable-content-open) .second-row {
display: none;
}
.cockpit_arbeitnmv-wrapper .toggable-content-open .stacked-toggable-content:not(.toggable-content-open) .second-row button {
margin-bottom: 0;
}
.cockpit_arbeitnmv-wrapper button.margin-top {
margin-top: 20px;
}
.cockpit_arbeitnmv-wrapper .an-verwaltung-padding {
padding: 10px;
}
.list-box-white .list-box__item {
background: #fff;
}
@media only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
.cockpit_arbeitnmv-wrapper .padding-left {
padding-left: 5px;
}
.cockpit_arbeitnmv-wrapper .padding-right {
padding-right: 5px;
}
}
@media only screen and (max-width: 25.3333333333em) {
.cockpit_arbeitnmv-wrapper .padding-left {
padding-left: 0;
}
.cockpit_arbeitnmv-wrapper .padding-right {
padding-right: 0;
}
}
.list-box__itemTitle img {
width: 30px;
height: 34px;
margin-right: 1.3rem;
float: right;
}
.employee-contracts-list .row {
margin: 5px 0px;
}
.employee-contracts-list .row .contract-data {
padding-top: 0.2rem;
padding-bottom: 0.2rem;
position: relative;
}
.employee-contracts-list .row .button {
top: 0px;
}
.employee-contracts-list .row.updated-contract {
background-color: #ccc;
}
.employee-filters-containter .row .filter-input {
padding: 5px;
}
.employee-filters-containter .ui-select-container .select2-choices {
border-radius: 0.2rem !important;
}
.cockpit_projekte-wrapper .list-box .list-box__item__content {
overflow: hidden;
max-height: 0;
transition: max-height 0.3s;
}
.cockpit_projekte-wrapper .list-box .toggable-content-open .list-box__item__content {
overflow-y: scroll;
max-height: 100rem;
overflow-y: scroll;
transition: max-height 0.5s;
}
.cockpit_projekte-wrapper .add-baustein {
cursor: pointer;
}
.cockpit_projekte-wrapper .add-baustein span {
height: 1.8666666667rem;
line-height: 1.8666666667rem;
display: inline-block;
}
.cockpit_projekte-wrapper .add-baustein .icon-plus {
color: #0496d8;
font-size: 125%;
vertical-align: middle;
margin-right: 0.6666666667rem;
}
.cockpit_projekte-wrapper input[type='checkbox'] + label {
padding-left: 40px;
line-height: 1.0666666667rem;
margin-top: -0.0666666667rem;
}
.cockpit_projekte-wrapper input[type='checkbox'] + label:before {
margin-top: 0.2rem;
margin-right: 0.3333333333rem;
margin-left: -32px;
margin-bottom: 0;
}
.cockpit_projekte-wrapper .cockpit_toggable-content .value-container {
text-align: right;
}
.cockpit_projekte-wrapper .cockpit_toggable-content .small-input {
text-align: right;
padding-left: 0.6666666667rem;
padding-right: 0.6666666667rem;
}
.cockpit_projekte-wrapper .cockpit_toggable-content__row {
padding: 0.4rem 0;
}
.cockpit_projekte-wrapper .cockpit_toggable-content .inner-toggable-open .inner-toggable-content__content {
max-height: 40rem;
}
.cockpit_projekte-wrapper .cockpit_toggable-content .inner-toggable-content .small-input {
width: 50%;
}
.cockpit_projekte-wrapper .cockpit_toggable-content .summary {
margin-top: 1.3333333333rem;
color: #008700;
}
.cockpit_projekte-wrapper .inner-toggable-content {
margin-left: -2.6666666667rem;
margin-right: -0.6666666667rem;
}
.cockpit_projekte-wrapper .inner-toggable-content__content > * > div {
padding-left: 2.6666666667rem;
padding-right: 0.6666666667rem;
padding-top: 1.6666666667rem;
padding-bottom: 1.6666666667rem;
background: #f5f5f5;
}
.cockpit_projekte-wrapper .inner-toggable-content__toggler > div {
border-top: 1px solid #d2dde3;
text-align: right;
cursor: pointer;
color: #004f87;
}
.cockpit_projekte-wrapper .inner-toggable-content__toggler .indent-left {
margin-left: 14.6666666667rem;
}
.cockpit_projekte-wrapper .inner-toggable-content__toggler .indent-right {
margin-right: 14rem;
}
.cockpit_projekte-wrapper .toggler-mehr {
display: inline-block;
}
.cockpit_projekte-wrapper .toggler-weniger {
display: none;
}
.cockpit_projekte-wrapper .inner-toggable-open .inner-toggable-content__toggler {
color: #939393;
}
.cockpit_projekte-wrapper .inner-toggable-open .toggler-mehr {
display: none;
}
.cockpit_projekte-wrapper .inner-toggable-open .toggler-weniger {
display: inline-block;
}
.cockpit_projekte-wrapper .toggler-arrow {
font-size: 0.5333333333rem;
margin-left: 0.3333333333rem;
margin-right: 0;
vertical-align: middle;
}
.cockpit_projekte-wrapper .padded-row {
margin: 0.6666666667rem 0;
}
.cockpit_projekte-wrapper .indent-left {
margin-left: 12rem;
}
.cockpit_projekte-wrapper .indent-right {
margin-right: 13.3333333333rem;
}
.cockpit_projekte-wrapper .toggler-arrow {
transition: transform 0.6s;
transform: rotateX(0deg);
display: inline-block;
}
.cockpit_projekte-wrapper .inner-toggable-open .toggler-arrow {
transition: transform 0.6s;
transform: rotateX(-180deg);
}
.cockpit_projekte-wrapper .cockpit__projectSection {
border-bottom: 0.0666666667rem solid rgba(44, 108, 184, 0.7);
padding: 0.6666666667rem 0 1.3333333333rem;
margin: 0 0 0.6666666667rem;
}
.cockpit_projekte-wrapper .cockpit__projectSection h3 {
font-size: 1rem;
margin-bottom: 1rem;
}
.cockpit_projekte-wrapper .align-labels .row {
min-height: 3.5333333333rem;
}
.cockpit_projekte-wrapper .align-labels .row label {
line-height: 2.6666666667rem;
}
.cockpit_projekte-wrapper .newproject__title {
margin: 0.5333333333rem 0;
}
.cockpit_projekte-wrapper .newproject__kind {
margin-top: 1.0666666667rem;
}
.cockpit_projekte-wrapper .list-box__item.highlight {
background-color: rgba(217, 218, 213, 0.9);
}
.cockpit_bonus-wrapper span.primary {
color: #2c6cb8;
}
.settings {
padding: 2px;
}
.auto-resize {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1 1 auto;
-moz-box-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.bonus-budget-form-row {
margin: 5px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.bonus-budget-form-row input {
margin: 0;
}
.bonus-budget-form-row .per_item_settings {
-webkit-box-flex: 0 0 100px;
-moz-box-flex: 0 0 100px;
-webkit-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
.bonus-budget-form-row .field_label {
-webkit-box-flex: 0 0 240px;
-moz-box-flex: 0 0 240px;
-webkit-flex: 0 0 240px;
-ms-flex: 0 0 240px;
flex: 0 0 240px;
font-size: 0.9em;
margin: 0 5px;
}
.bonus-budget-form-row .field_value {
-webkit-box-flex: 0 0 100px;
-moz-box-flex: 0 0 100px;
-webkit-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
margin: 0 5px;
}
.bonus-budget-form-row .field_value.large {
-webkit-box-flex: 0 0 200px;
-moz-box-flex: 0 0 200px;
-webkit-flex: 0 0 200px;
-ms-flex: 0 0 200px;
flex: 0 0 200px;
}
.bonus-budget-form-row .field_x {
-webkit-box-flex: 0 0 10px;
-moz-box-flex: 0 0 10px;
-webkit-flex: 0 0 10px;
-ms-flex: 0 0 10px;
flex: 0 0 10px;
margin: 0 5px;
}
.bonus-budget-form-row .field_per_item_price {
-webkit-box-flex: 0 1 100px;
-moz-box-flex: 0 1 100px;
-webkit-flex: 0 1 100px;
-ms-flex: 0 1 100px;
flex: 0 1 100px;
margin: 0 5px;
}
.bonus-budget-form-row .field_result {
-webkit-box-flex: 1 0 100px;
-moz-box-flex: 1 0 100px;
-webkit-flex: 1 0 100px;
-ms-flex: 1 0 100px;
flex: 1 0 100px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end;
margin: 0 5px;
}
.bonus-budget-form-row .field_result .fix_errors {
color: red;
}
.bonus-budget-form-row.employee {
border-bottom: 1px solid rgba(204, 204, 204, 0.5098039216);
padding: 10px 0 18px 0;
margin: 0;
position: relative;
}
.bonus-budget-form-row.employee:hover {
background-color: rgba(204, 204, 204, 0.1294117647);
}
.bonus-budget-form-row.employee > * {
flex: 1;
}
.bonus-budget-form-row.employee > *:nth-child(1) {
flex: 2;
}
.bonus-budget-form-row.employee > *:nth-child(2) {
flex: 0.5;
}
.bonus-budget-form-row.employee > *:nth-child(3),
.bonus-budget-form-row.employee > *:nth-child(4) {
flex: 1.5;
}
.bonus-budget-form-row.employee > *.checkbox label {
margin-top: 18px;
}
.bonus-budget-form-row.employee > *.checkbox label > span {
margin-left: 5px;
}
.bonus-budget-form-row.employee > *.form-group {
display: initial !important;
}
.bonus-budget-form-row.employee > * .bonusCalcDataCol {
font-size: 0.9333333333rem;
}
.bonus-budget-form-row.employee select {
margin: 0;
}
.bonus-budget-form-row.employee .helpText {
position: absolute;
bottom: 0;
right: 0;
}
#stklClassForm {
display: flex;
margin: 5px;
}
.bonusCalcData,
.sumRow {
display: flex;
}
.bonusCalcDataCol {
flex: 1;
margin-left: 10px;
}
.bonago_home-wrapper .retailers_search_container {
display: flex;
justify-content: center;
margin-bottom: 20px;
}
.bonago_home-wrapper .flex-row-container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.bonago_home-wrapper .flex-row-container > .flex-row-item {
flex: 1 1 30%;
cursor: pointer;
width: 100%;
height: 100%;
background: #fff;
margin: 10px;
}
.bonago_home-wrapper .filtered_retailers_container {
list-style: none;
display: flex;
justify-content: space-between;
}
.bonago_home-wrapper .arrow-icon-container {
background-color: rgba(0, 60, 86, 0.51);
color: #fff;
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 2rem;
font-size: 1.3333333333rem;
z-index: 1;
}
.bonago_home-wrapper .arrow-icon-container.right {
right: 0;
padding-left: 0.3333333333rem;
border-radius: 0.2rem 0 0 0.2rem;
}
.bonago_home-wrapper .arrow-icon-container.left {
left: 0;
padding-right: 0.3333333333rem;
border-radius: 0 0.2rem 0.2rem 0;
}
.bonago_home-wrapper .arrow-icon-container .font-icon {
vertical-align: top;
color: #191919;
}
.bonago_home-wrapper .rn-carousel-indicator {
position: absolute;
top: 1rem;
right: 1rem;
background-color: rgba(128, 128, 128, 0.5);
padding: 0.3333333333rem;
border-radius: 0.3333333333rem;
}
.bonago_home-wrapper .rn-carousel-indicator span {
margin-right: 0.6666666667rem;
}
.bonago_home-wrapper .rn-carousel-indicator span:last-child {
margin-right: 0;
}
.bonago_home-wrapper #bigAdvertizement {
list-style: none;
background: #fff;
position: relative;
height: 33.8rem;
overflow: hidden;
text-align: center;
}
.bonago_home-wrapper #bigAdvertizement li img {
top: 50%;
transform: translateY(-50%);
position: relative;
}
.bonago_home-wrapper #bigAdvertizement .priceTag {
position: absolute;
right: 0;
bottom: 1.3333333333rem;
background: #2c6cb8;
color: #fff;
text-transform: uppercase;
border-radius: 0.2rem 0 0 0.2rem;
}
.bonago_home-wrapper #bigAdvertizement .priceTag span {
display: block;
}
.bonago_home-wrapper #bigAdvertizement .priceTag span.price {
font-size: 1.2em;
}
.bonago_home-wrapper #bigAdvertizement .priceTag.big {
padding: 1.4666666667rem 1.3333333333rem;
}
.bonago_home-wrapper .categories {
margin-left: -1.0666666667rem px !important;
}
.bonago_home-wrapper .categories .category {
padding-right: 1.0666666667rem;
position: relative;
cursor: pointer;
overflow: hidden;
}
.bonago_home-wrapper .categories .category .heading {
position: absolute;
color: #fff;
position: absolute;
top: 1.0666666667rem;
left: 2.1333333333rem;
font-size: 1.7333333333rem;
white-space: pre;
}
.bonago_home-wrapper #currentOffer {
float: right;
}
.bonago_home-wrapper .customPadding {
padding-top: 1.3333333333rem;
padding-right: 1.0666666667rem;
}
.bonago_home-wrapper #currentProducts .main {
background: #fff;
height: 10.6666666667rem;
}
.bonago_home-wrapper #currentProducts .main ul {
list-style: none;
}
.bonago_home-wrapper #currentProducts .main ul li {
width: 10.9333333333rem;
text-align: center;
padding-top: 1.0666666667rem;
display: inline-block;
vertical-align: top;
}
.bonago_home-wrapper #currentProducts .main ul li.tech-offer {
width: 20%;
}
.bonago_home-wrapper #currentProducts .main ul li.tech-offer .title {
font-size: 0.75rem;
}
.bonago_home-wrapper #currentProducts .main ul li img {
width: 8rem;
margin-bottom: 0.6666666667rem;
display: inline-block;
}
.bonago_home-wrapper #currentProducts .main ul li span {
white-space: pre;
display: block;
text-align: center;
font-size: 0.9333333333rem;
line-height: 1.0666666667rem;
}
.bonago_home-wrapper #currentProducts .main ul li span.price {
color: #2c6cb8;
margin-top: 1.0666666667rem;
}
.benefit-bonago-wrapper .overview_map {
margin-left: 10px;
}
.benefit-bonago-wrapper #retailer_map {
height: 100%;
}
.benefit-bonago-wrapper .benefit-bonago-vouchers-wrapper {
background: #e9e9e9;
}
.benefit-bonago-wrapper .toggable-content-content {
max-height: none !important;
}
.benefit-bonago-wrapper .voucher-value-wrapper {
position: relative;
background: #2c6cb8;
text-align: center;
padding: 0;
}
.benefit-bonago-wrapper .voucher-value-wrapper .voucher-selector {
display: block;
cursor: pointer;
}
.benefit-bonago-wrapper .voucher-value-wrapper .voucher-selector label {
width: 50%;
text-align: right;
}
.benefit-bonago-wrapper .voucher-value-wrapper .voucher-selector .voucher-value {
text-align: left;
width: 50%;
}
.benefit-bonago-wrapper .voucher-value-wrapper .voucher-selector-toggler {
padding: 1rem 0;
}
.benefit-bonago-wrapper .voucher-value-wrapper .voucher-selector-content .euro-after,
.benefit-bonago-wrapper .voucher-value-wrapper .voucher-selector-content .voucher-value,
.benefit-bonago-wrapper .voucher-value-wrapper .voucher-selector-content label {
color: rgba(255, 255, 255, 0.7);
}
.benefit-bonago-wrapper .voucher-value-wrapper .voucher-selector-content .voucher-selector-options:hover .euro-after,
.benefit-bonago-wrapper .voucher-value-wrapper .voucher-selector-content .voucher-selector-options:hover .voucher-value,
.benefit-bonago-wrapper .voucher-value-wrapper .voucher-selector-content .voucher-selector-options:hover label {
color: #fff;
}
.benefit-bonago-wrapper .voucher-value-wrapper .voucher-selector-content .voucher-selector-options:last-child {
margin-bottom: 1rem;
}
.benefit-bonago-wrapper .voucher-value-wrapper .voucher-selector-arrow {
transition: transform 0.3s;
transform: rotateX(0deg);
display: inline-block;
}
.benefit-bonago-wrapper .voucher-value-wrapper .voucher-selector-open .voucher-selector-arrow {
transition: transform 0.3s;
transform: rotateX(-180deg);
}
.benefit-bonago-wrapper .voucher-value-wrapper .voucher-selector-arrow {
color: #fff;
position: absolute;
right: 1rem;
top: 1.4666666667rem;
}
.bonago_home-wrapper .overview_map {
margin-left: 10px;
}
.bonago_home-wrapper #retailers_full_map {
height: 100%;
}
.retailer-template-content {
display: flex;
flex-direction: column;
width: 200px;
height: 200px;
line-height: 20px;
margin: 5px;
overflow: hidden;
}
.retailer-template-content .info-box-heading {
margin-bottom: 20px;
font-weight: bold;
}
.retailer-template-content .info-text {
word-break: break-word;
}
.retailer-template-content .go-to-retailer {
margin-top: 40px;
}
.retailer-template-content .go-to-retailer a {
color: rgba(110, 204, 57, 0.6);
}
.benefit-bonago-wrapper {
margin-top: 20px;
}
.benefit-bonago-wrapper #side-view .main ul li.blue.red a {
color: #e20024;
}
.benefit-bonago-wrapper #side-view .main ul li li {
margin-left: 0;
}
.benefit-bonago-wrapper #side-view .main ul li li .cart.left {
width: 30%;
}
.benefit-bonago-wrapper #side-view .main ul li li .cart.right {
width: 50%;
margin-right: 20px;
}
.benefit-bonago-wrapper #side-view .main ul li li .font-icon {
position: static;
margin-left: auto;
margin-top: 18px;
font-size: 1.6rem;
display: inline-block;
cursor: pointer;
}
.benefit-bonago-wrapper #side-view .main ul li li .font-icon.orange {
color: #f4b400;
}
.benefit-bonago-wrapper #side-view .main ul li li .icon-delete {
color: #e20024;
margin-left: 10px;
}
.benefit-bonago-wrapper #side-view .main ul li .key {
max-width: 150px;
}
.benefit-bonago-wrapper .kategorie-wrapper .box-list-box-wrapper {
padding: 0 0 0.6666666667rem 0.6666666667rem;
}
.benefit-bonago-wrapper .benefit-bonago-list-wrapper .box-list-wrapper > .row {
margin: 0;
margin-right: -1rem;
}
.benefit-bonago-wrapper .benefit-bonago-list-wrapper .box-list-box {
margin-right: 1rem;
margin-bottom: 1rem;
}
.benefit-bonago-wrapper .benefit-bonago-list-wrapper .box-list-box__content img {
margin: auto;
display: block;
width: 60%;
margin-top: 20%;
}
.benefit-bonago-wrapper .benefit-bonago-list-wrapper .box-list-box__title {
text-align: center;
color: #191919;
}
.benefit-amazon-wrapper .retailer-logo {
width: 60%;
}
.benefit-amazon-wrapper .voucher-value-wrapper {
background: #ffa135;
text-align: center;
}
.benefit-amazon-wrapper .voucher-value-wrapper .voucher-value,
.benefit-amazon-wrapper .voucher-value-wrapper label {
color: #fff;
}
.benefit-amazon-wrapper .voucher-value-wrapper .voucher-value {
display: inline-block;
text-align: right;
width: 4.6666666667rem;
background: rgba(0, 0, 0, 0);
border: 0;
}
.benefit-amazon-wrapper .voucher-value-wrapper input {
margin: 0;
}
.benefit-amazon-wrapper .benefit-bonago-list-wrapper .box-list-box {
margin-right: 1rem;
margin-bottom: 1rem;
}
.benefit-wrapper .benefit-sidebar-wrapper {
margin-left: 1.6666666667rem;
}
.benefit-wrapper .benefit-detail-content-wrapper {
background: #fff;
padding: 3.3333333333rem;
}
#feedback h3 {
margin-bottom: 2rem;
margin-top: 2rem;
}
#auswahl .pagetitle {
color: #2c6cb8;
}
.grayscale {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.bausteine-quiz {
-webkit-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
position: static;
}
.bausteine-quiz.hidden {
-webkit-transform: translate3d(-105%, 0, 0);
transform: translate3d(-105%, 0, 0);
position: absolute;
left: -100%;
}
.question__title {
margin: 4rem 0;
}
.question__skip {
margin: 4rem 0 0.6666666667rem;
}
.question__skip .font-icon {
color: #2c6cb8;
margin-left: 0.3333333333rem;
vertical-align: middle;
line-height: 0;
}
.mini-nav {
list-style: none;
padding: 0;
margin: 0;
}
.mini-nav__item {
width: 0.6666666667rem;
height: 0.6666666667rem;
margin-right: 0.3333333333rem;
display: inline-block;
background-color: #004f87;
}
.mini-nav__item:not(.active) {
cursor: pointer;
background-color: rgba(0, 79, 135, 0.5);
}
@media (min-width: 768px) {
#versicherung_main .container {
width: 750px;
}
}
@media (min-width: 992px) {
#versicherung_main .container {
width: 970px;
}
}
@media (min-width: 1200px) {
#versicherung_main .container {
width: 1170px;
}
}
#versicherung_main .container {
margin-top: 20px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
#versicherung_main .iframe {
margin-top: 5px;
height: 800px;
}
#versicherung_main hr {
margin-bottom: 0;
}
#versicherung_main .icon-versicherungen {
font-size: 2.6666666667rem;
}
.kids__assistant .kids__head ul {
list-style-type: none;
margin: 0;
}
.kids__assistant .kids__head ul li {
float: left;
margin-right: 10px;
}
.kids__assistant .kids__head ul li a.selected {
color: #191919;
}
.kids__assistant .kids__head ul li .remove {
display: inline-block;
color: #bbb;
text-align: center;
width: 30px;
font-family: Helvetica, Arial, sans-serif;
cursor: pointer;
}
.kids__assistant .kids__head ul li:last-child {
margin-right: none;
}
.kids__assistant .helpText {
color: #a00;
}
p.small {
font-size: 0.8rem;
margin-top: 0.4rem;
}
.zebra tbody td {
text-align: right;
}
.zebra tbody tr:nth-child(even) th,
.zebra tbody tr:nth-child(even) td {
background-color: #f9f9f9;
}
.mpp-view #side-view .main ul li.blue.red a {
color: #e20024;
}
.mpp-view #side-view .main ul li li {
margin-left: 0;
}
.mpp-view #side-view .main ul li li .cart.left {
width: 30%;
}
.mpp-view #side-view .main ul li li .cart.right {
width: 50%;
margin-right: 20px;
}
.mpp-view #side-view .main ul li li .font-icon {
position: static;
margin-left: auto;
margin-top: 18px;
font-size: 1.6rem;
display: inline-block;
cursor: pointer;
}
.mpp-view #side-view .main ul li li .font-icon.orange {
color: #f4b400;
}
.mpp-view #side-view .main ul li li .icon-delete {
color: #e20024;
margin-left: 10px;
}
.mpp-view #side-view .main ul li .key {
max-width: 150px;
}
.mpp-view #side-view .main ul.vorteil li {
margin-left: 1rem;
margin-right: 1rem;
}
.mpp-view #side-view .main ul.vorteil li .value {
margin-right: 0;
}
.mpp-view .box {
margin-bottom: 15px;
background: #fff;
}
.mpp-view .sorting {
margin-top: 0.5rem;
}
.mpp-view .sorting select {
outline: 0;
}
.mpp-view .top-bar {
background: rgba(255, 255, 255, 0.4);
border-radius: 5px;
border: 1px solid #ccc;
padding: 0.5rem;
margin: 0 !important;
}
.mpp-view .top-bar .search-box__input {
top: 0;
}
.mpp-view .top-bar .dropdown.scrollable {
overflow: scroll !important;
max-height: 350px !important;
z-index: 11;
}
.mpp-view .top-bar-section .left {
width: 100%;
border-bottom: 1px solid #fff;
margin-bottom: 10px;
}
.mpp-view .top-bar-section .left > li:hover:not(.has-form) > a {
background-color: rgba(0, 0, 0, 0);
}
.mpp-view .top-bar-section .left > li:not(.has-form).has-dropdown > a {
padding: 0.2rem 1.152rem 0.2rem 0;
color: #4d4d4d;
}
.mpp-view .top-bar-section .left > li:not(.blank) .dropdown a {
color: #4d4d4d;
}
.mpp-view .top-bar-section .left > li:not(.blank) .dropdown a:hover {
background-color: rgba(77, 77, 77, 0.3) !important;
}
.mpp-view .top-bar-section .left > li .dropdown li:not(.has-form):not(.active):hover {
background-color: #fff;
}
.mpp-view .top-bar-section .left .font-icon {
font-size: 1rem;
color: #4d4d4d;
}
.mpp-view .top-bar-section .right {
width: 100%;
}
.mpp-view .top-bar-section li:not(.has-form) a:not(.button) {
line-height: 2rem;
padding: 0.2rem 1.152rem;
}
.mpp-view .search-box {
padding: 0.2rem;
background-color: #fff;
width: 100%;
}
.mpp-view .search-box .prefix {
line-height: 2rem;
height: 2rem;
}
.mpp-view .search-box .font-icon {
color: #000;
}
.mpp-view .wizardbox {
background: #fff;
}
.mpp-view .wizardbox > .header {
padding-left: 0;
}
.mpp-view .bigbox .header {
font-size: 15px;
background-color: rgba(44, 108, 184, 0.1);
}
.mpp-view .to-top {
position: fixed;
bottom: 70px;
right: 5px;
width: 20px;
height: 20px;
padding-top: 2px;
border-radius: 50%;
border: 2px solid #2c6cb8;
cursor: pointer;
}
.mpp-view .to-top .font-icon {
position: absolute;
top: 50%;
left: 50%;
margin: 0;
font-size: 10px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.mpp-view .breadcrumbs {
margin: 1rem 0;
}
.mpp-view .breadcrumbs > *::after {
content: '|';
margin: 0 0.3rem;
}
.mpp-view .breadcrumbs > *:last-child::after {
content: ' ';
}
.mpp-view p.small {
font-size: 0.8rem;
margin: 0.4rem 1rem 0 1rem;
padding-bottom: 1rem;
}
.article {
position: relative;
margin: 0 15px 15px 0;
padding: 5px;
cursor: pointer;
}
.article h4,
.article h6 {
padding: 0 5px;
}
.article h4 {
line-height: 1;
overflow: hidden;
height: 40px;
}
.article .price-wrapper {
padding: 0 5px;
}
.article .price-wrapper p {
margin-bottom: 0;
}
.article .image-wrapper {
position: relative;
padding-top: 100%;
margin-bottom: 5px;
}
.article .image-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
display: block;
}
.article .image-wrapper img.used {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 1;
}
.article .button-wrap {
position: relative;
width: 95%;
margin: 0 auto;
}
.article .icon-button .font-icon {
margin: 0;
color: #fff;
}
@media only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em), only screen and (max-width: 25.3333333333em) {
.mpp-view #sorting {
margin-bottom: 0.6rem;
}
.mpp-view .article-details {
line-height: 1.1;
}
.mpp-view .detail-price {
margin-bottom: 0.8rem;
}
}
@media only screen and (min-width: 42.7333333333em) {
.mpp-view .top-bar-section .left > li:not(.has-form).has-dropdown > a {
padding: 0.2rem 1.152rem;
}
.mpp-view .to-top {
right: auto;
left: calc(50% + 20rem);
width: 30px;
height: 30px;
}
.mpp-view .to-top .font-icon {
font-size: 15px;
}
.article h4 {
height: 45px;
}
}
@media only screen and (min-width: 68.3333333333em) {
.mpp-view .top-bar-section .left {
width: auto;
border-bottom: 0;
margin-bottom: 0;
}
.mpp-view .top-bar-section .right {
transition: width 1s ease-in-out;
min-width: 200px;
width: 200px;
}
.mpp-view .top-bar-section .right.active {
width: 40%;
}
} /*!
* Quill Editor v1.3.6
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/
.ql-container {
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
height: 100%;
margin: 0px;
position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
pointer-events: none;
}
.ql-clipboard {
left: -100000px;
height: 1px;
overflow-y: hidden;
position: absolute;
top: 50%;
}
.ql-clipboard p {
margin: 0;
padding: 0;
}
.ql-editor {
box-sizing: border-box;
line-height: 1.42;
height: 100%;
outline: none;
overflow-y: auto;
padding: 12px 15px;
tab-size: 4;
-moz-tab-size: 4;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word;
}
.ql-editor > * {
cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
margin: 0;
padding: 0;
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
list-style-type: none;
}
.ql-editor ul > li::before {
content: '•';
}
.ql-editor ul[data-checked='true'],
.ql-editor ul[data-checked='false'] {
pointer-events: none;
}
.ql-editor ul[data-checked='true'] > li *,
.ql-editor ul[data-checked='false'] > li * {
pointer-events: all;
}
.ql-editor ul[data-checked='true'] > li::before,
.ql-editor ul[data-checked='false'] > li::before {
color: #777;
cursor: pointer;
pointer-events: all;
}
.ql-editor ul[data-checked='true'] > li::before {
content: '☑';
}
.ql-editor ul[data-checked='false'] > li::before {
content: '☐';
}
.ql-editor li::before {
display: inline-block;
white-space: nowrap;
width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
margin-left: -1.5em;
margin-right: 0.3em;
text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
margin-left: 0.3em;
margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
padding-right: 1.5em;
}
.ql-editor ol li {
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
counter-increment: list-0;
}
.ql-editor ol li:before {
content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 28.5em;
}
.ql-editor .ql-video {
display: block;
max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
background-color: #000;
}
.ql-editor .ql-bg-red {
background-color: #e60000;
}
.ql-editor .ql-bg-orange {
background-color: #f90;
}
.ql-editor .ql-bg-yellow {
background-color: #ff0;
}
.ql-editor .ql-bg-green {
background-color: #008a00;
}
.ql-editor .ql-bg-blue {
background-color: #06c;
}
.ql-editor .ql-bg-purple {
background-color: #93f;
}
.ql-editor .ql-color-white {
color: #fff;
}
.ql-editor .ql-color-red {
color: #e60000;
}
.ql-editor .ql-color-orange {
color: #f90;
}
.ql-editor .ql-color-yellow {
color: #ff0;
}
.ql-editor .ql-color-green {
color: #008a00;
}
.ql-editor .ql-color-blue {
color: #06c;
}
.ql-editor .ql-color-purple {
color: #93f;
}
.ql-editor .ql-font-serif {
font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
font-size: 0.75em;
}
.ql-editor .ql-size-large {
font-size: 1.5em;
}
.ql-editor .ql-size-huge {
font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
direction: rtl;
text-align: inherit;
}
.ql-editor .ql-align-center {
text-align: center;
}
.ql-editor .ql-align-justify {
text-align: justify;
}
.ql-editor .ql-align-right {
text-align: right;
}
.ql-editor.ql-blank::before {
color: rgba(0, 0, 0, 0.6);
content: attr(data-placeholder);
font-style: italic;
left: 15px;
pointer-events: none;
position: absolute;
right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
clear: both;
content: '';
display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
background: none;
border: none;
cursor: pointer;
display: inline-block;
float: left;
height: 24px;
padding: 3px 5px;
width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
float: left;
height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type='file'],
.ql-snow .ql-toolbar input.ql-image[type='file'] {
display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
stroke: #06c;
}
@media (pointer: coarse) {
.ql-snow.ql-toolbar button:hover:not(.ql-active),
.ql-snow .ql-toolbar button:hover:not(.ql-active) {
color: #444;
}
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
fill: #444;
}
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
stroke: #444;
}
}
.ql-snow {
box-sizing: border-box;
}
.ql-snow * {
box-sizing: border-box;
}
.ql-snow .ql-hidden {
display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
visibility: hidden;
}
.ql-snow .ql-tooltip {
position: absolute;
transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
cursor: pointer;
text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
transform: translateY(-10px);
}
.ql-snow .ql-formats {
display: inline-block;
vertical-align: middle;
}
.ql-snow .ql-formats:after {
clear: both;
content: '';
display: table;
}
.ql-snow .ql-stroke {
fill: none;
stroke: #444;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
fill: none;
stroke: #444;
stroke-miterlimit: 10;
stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
fill: #444;
}
.ql-snow .ql-empty {
fill: none;
}
.ql-snow .ql-even {
fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
stroke-width: 1;
}
.ql-snow .ql-transparent {
opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
display: none;
}
.ql-snow .ql-editor h1 {
font-size: 2em;
}
.ql-snow .ql-editor h2 {
font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
font-size: 1em;
}
.ql-snow .ql-editor h5 {
font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
font-size: 0.67em;
}
.ql-snow .ql-editor a {
text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
border-left: 4px solid #ccc;
margin-bottom: 5px;
margin-top: 5px;
padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
background-color: #f0f0f0;
border-radius: 3px;
}
.ql-snow .ql-editor pre {
white-space: pre-wrap;
margin-bottom: 5px;
margin-top: 5px;
padding: 5px 10px;
}
.ql-snow .ql-editor code {
font-size: 85%;
padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
background-color: #23241f;
color: #f8f8f2;
overflow: visible;
}
.ql-snow .ql-editor img {
max-width: 100%;
}
.ql-snow .ql-picker {
color: #444;
display: inline-block;
float: left;
font-size: 14px;
font-weight: 500;
height: 24px;
position: relative;
vertical-align: middle;
}
.ql-snow .ql-picker-label {
cursor: pointer;
display: inline-block;
height: 100%;
padding-left: 8px;
padding-right: 2px;
position: relative;
width: 100%;
}
.ql-snow .ql-picker-label::before {
display: inline-block;
line-height: 22px;
}
.ql-snow .ql-picker-options {
background-color: #fff;
display: none;
min-width: 100%;
padding: 4px 8px;
position: absolute;
white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
cursor: pointer;
display: block;
padding-bottom: 5px;
padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
color: #ccc;
z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
display: block;
margin-top: -1px;
top: 100%;
z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
height: 24px;
width: 24px;
padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
padding: 3px 5px;
width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
border: 1px solid rgba(0, 0, 0, 0);
float: left;
height: 16px;
margin: 2px;
padding: 0px;
width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
position: absolute;
margin-top: -9px;
right: 0;
top: 50%;
width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='1']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {
content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='2']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {
content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='3']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {
content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='4']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {
content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='5']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {
content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='6']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {
content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {
font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {
font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {
font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {
font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {
font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {
font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='serif']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {
content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='monospace']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {
content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {
font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {
font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='small']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {
content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='large']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {
content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='huge']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {
content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {
font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {
font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {
font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
background-color: #000;
}
.ql-toolbar.ql-snow {
border: 1px solid #ccc;
box-sizing: border-box;
font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
border: 1px solid rgba(0, 0, 0, 0);
}
.ql-toolbar.ql-snow .ql-picker-options {
border: 1px solid rgba(0, 0, 0, 0);
box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
border-top: 0px;
}
.ql-snow .ql-tooltip {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0px 0px 5px #ddd;
color: #444;
padding: 5px 12px;
white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
content: 'Visit URL:';
line-height: 26px;
margin-right: 8px;
}
.ql-snow .ql-tooltip input[type='text'] {
display: none;
border: 1px solid #ccc;
font-size: 13px;
height: 26px;
margin: 0px;
padding: 3px 5px;
width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
display: inline-block;
max-width: 200px;
overflow-x: hidden;
text-overflow: ellipsis;
vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
border-right: 1px solid #ccc;
content: 'Edit';
margin-left: 16px;
padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
content: 'Remove';
margin-left: 8px;
}
.ql-snow .ql-tooltip a {
line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type='text'] {
display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
border-right: 0px;
content: 'Save';
padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode='link']::before {
content: 'Enter link:';
}
.ql-snow .ql-tooltip[data-mode='formula']::before {
content: 'Enter formula:';
}
.ql-snow .ql-tooltip[data-mode='video']::before {
content: 'Enter video:';
}
.ql-snow a {
color: #06c;
}
[ng-quill-editor] {
display: block;
}
.no-border {
border: none !important;
}
.no-padding .ql-container {
padding-left: 0px !important;
}
.no-padding .ql-editor {
padding-left: 0px !important;
margin-left: 0px;
}
.no-padding .ql-container {
padding-left: 0pxm !important;
margin-left: 0px;
}
.dropdown-with-search {
width: 150px;
}
.dropdown-with-search .options {
display: none;
}
.dropdown-with-search .search-input:focus + .options {
display: block;
}
.cms-wrapper {
margin-top: 2rem;
}
.cms-wrapper .double-label-switch .switch {
transform-origin: 0 0;
}
.cms-wrapper .update-info {
text-align: right;
font-size: 0.9em;
margin-bottom: 0;
}
.cms-wrapper .tabs-content .content {
overflow: visible;
}
.background-white {
background: #fff;
}
.cms-details {
padding-top: 2rem;
}
.cms-details .button {
margin-left: 1.5rem;
}
.cms-list {
padding: 2rem 0;
}
[ng-quill-editor] {
display: block;
}
.back-link {
display: block;
margin-bottom: 1.75rem;
}
.back-link.bottom-back-link {
margin-top: 1.75rem;
}
.cms-article {
margin-bottom: 1.75rem;
}
.quill-editor {
border-radius: 0;
background-color: #fff;
border: 1px solid #2c6cb8;
box-shadow: none;
color: #444;
display: block;
font-family: 'Roboto', sans-serif;
font-size: 0.93333rem;
margin: 0 0 1.06667rem 0;
width: 100%;
box-sizing: border-box;
transition: border-color 0.15s linear, background 0.15s linear;
}
.quill-editor button {
margin-bottom: 0;
}
.quill-editor button.ql-active {
background-color: #4585d2;
}
.quill-editor .quill-toolbar {
display: block;
border-bottom: 1px solid #2c6cb8;
}
.quill-editor .quill-toolbar button {
padding: 0.75rem 1rem;
}
.quill-editor .quill-toolbar svg {
height: 1.25rem;
}
.quill-editor .quill-toolbar svg .ql-stroke {
fill: rgba(0, 0, 0, 0);
stroke: #fff;
}
.quill-editor .quill-toolbar svg .ql-fill {
fill: #fff;
}
.quill-editor .ql-container {
display: block;
padding: 0.53333rem;
}
.quill-editor .ql-container input {
display: none;
}
.quill-editor .ql-container .ql-editor:focus {
outline: none;
}
.quill-editor .ql-container .ql-editor p:last-child {
margin-bottom: 0;
}
.quill-editor .ql-container .ql-clipboard {
display: none;
}
.cms-wrapper ._720kb-datepicker-calendar._720kb-datepicker-open {
position: relative;
}
.list-box .button {
margin: 0 0 0 0.33333rem;
}
.inline-block {
display: inline-block;
}
.datev-page-header {
min-height: 20rem !important;
}
.dialog-padding {
padding: 10px;
}
.flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.horizontal_label > label {
display: initial !important;
}
.center {
margin: auto;
}
.controls-row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
margin-top: 20px !important;
}
.budget-form-row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.budget-form-row input {
margin: 0;
}
.budget-form-row .per_item_settings {
-webkit-box-flex: 0 0 100px;
-moz-box-flex: 0 0 100px;
-webkit-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
.budget-form-row .field_label {
-webkit-box-flex: 0 0 240px;
-moz-box-flex: 0 0 240px;
-webkit-flex: 0 0 240px;
-ms-flex: 0 0 240px;
flex: 0 0 240px;
font-size: 0.9em;
margin: 0 5px;
}
.budget-form-row .field_value {
-webkit-box-flex: 0 0 100px;
-moz-box-flex: 0 0 100px;
-webkit-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
margin: 0 5px;
}
.budget-form-row .field_value.large {
-webkit-box-flex: 0 0 200px;
-moz-box-flex: 0 0 200px;
-webkit-flex: 0 0 200px;
-ms-flex: 0 0 200px;
flex: 0 0 200px;
}
.budget-form-row .field_x {
-webkit-box-flex: 0 0 10px;
-moz-box-flex: 0 0 10px;
-webkit-flex: 0 0 10px;
-ms-flex: 0 0 10px;
flex: 0 0 10px;
margin: 0 5px;
}
.budget-form-row .field_per_item_price {
-webkit-box-flex: 0 1 100px;
-moz-box-flex: 0 1 100px;
-webkit-flex: 0 1 100px;
-ms-flex: 0 1 100px;
flex: 0 1 100px;
margin: 0 5px;
}
.budget-form-row .field_result {
-webkit-box-flex: 1 0 100px;
-moz-box-flex: 1 0 100px;
-webkit-flex: 1 0 100px;
-ms-flex: 1 0 100px;
flex: 1 0 100px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end;
margin: 0 5px;
}
.budget-form-row .field_result .fix_errors {
color: red;
}
table.betrachnung-table {
border-collapse: collapse;
}
table.betrachnung-table td {
text-align: center;
border: 1px solid #000;
}
.blqt > .columns {
height: 75px;
display: flex;
align-items: center;
padding: 0 10px;
}
.blqt > .columns:nth-child(odd) {
justify-content: flex-end;
}
label.clear {
color: #fff !important;
font-weight: initial !important;
}
.label-right-container {
display: flex;
}
.label-right-container label {
margin-left: 10px;
order: 2;
word-break: break-word;
}
.table-result-view {
margin: 0;
border-top: 0.05rem solid #ccc;
}
.table-result-view .table-header,
.table-result-view .table-row {
list-style: none;
}
.table-result-view .table-header > div,
.table-result-view .table-row > div {
border-bottom: 0.05rem solid #ccc;
border-right: 0.05rem solid #ccc;
padding: 0.5rem;
box-sizing: border-box;
}
.table-result-view .table-header > div:nth-of-type(4n + 1),
.table-result-view .table-row > div:nth-of-type(4n + 1) {
text-align: left;
border-left: 0.05rem solid #ccc;
}
.table-result-view .table-row > div:nth-of-type(4n + 1) {
text-align: left !important;
}
.table-result-view .table-header {
border-top: none;
}
.table-result-view .table-header > div {
color: #000;
text-transform: capitalize;
font-weight: 400;
background-color: #f3f3f3;
}
.c3-xgrid,
.c3-ygrid {
stroke-dasharray: 0;
}
.no-shadow {
box-shadow: none !important;
}
.pagination-container {
margin-bottom: 18px;
border: 0.05rem solid #ccc;
padding: 1px;
}
.pagination-container ul {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 0;
}
.pagination-container ul > li {
text-decoration: none;
display: inline-block;
padding: 3px 16px;
height: auto;
flex-grow: 0;
min-width: 8rem;
background-color: #f1f1f1;
cursor: pointer;
}
.pagination-container ul > li.pagination-previous,
.pagination-container ul > li.pagination-next {
color: #000;
text-transform: uppercase;
font-weight: 400;
font-size: 20px;
cursor: pointer;
}
.pagination-container ul > li.pagination-previous.disabled,
.pagination-container ul > li.pagination-next.disabled {
pointer-events: none;
opacity: 0.5;
cursor: not-allowed;
}
.pagination-container ul > li.pagination-previous.pagination-previous,
.pagination-container ul > li.pagination-next.pagination-previous {
border-right: 0.05rem solid #ccc;
}
.pagination-container ul > li.pagination-previous.pagination-next,
.pagination-container ul > li.pagination-next.pagination-next {
border-left: 0.05rem solid #ccc;
}
.pagination-container ul > li.pagination-title {
background-color: rgba(0, 0, 0, 0);
flex-grow: 1;
font-size: 20px;
text-transform: capitalize;
}
.datev-intro-screen .button {
margin-bottom: 0;
}
.datev-list-box {
background-color: #fff;
margin-bottom: 1rem;
}
.datev-list-box .potential-item {
padding-top: 0.5rem;
}
.datev-list-box .potential-item .row {
margin-bottom: 1rem;
}
.datev-list-box .potential-item .potential-title {
line-height: 2.5rem;
}
.datev-list-box .potential-item .button {
font-size: 1rem;
min-width: 12rem;
}
.datev-list-box .recalculate .horizantal-center-flex label {
vertical-align: baseline !important;
}
.datev-list-box .recalculate .button {
min-width: 12rem;
margin: 0.6rem;
}
.datev-list-box .recalculate .button.crt-calc {
background-color: #fff;
border: 0.1rem solid #000;
color: #000;
min-width: 14rem;
padding: 1rem;
}
.steps-indicator {
display: flex;
margin-bottom: 20px;
}
.row .columns .form-group:last-child input,
.row .columns .form-group:last-child select {
margin-bottom: 0;
}
.columns p:last-child {
margin-bottom: 0;
}
.use-gutter:last-of-type .columns {
padding-bottom: 0;
}
.spacing-small .columns {
padding: 0.533335rem 0.33333rem;
}
.no-gutter {
margin: 0 !important;
}
.table {
margin-bottom: 0;
}
ul[datev-table-view] .positive-value {
color: #3ed402;
}
ul[datev-table-view] .negative-value {
color: #f60000;
}
.print-page {
padding: 0 70px;
}
.print-page .print-page-space {
height: 70px;
}
.print-page .print-page-head {
width: 100%;
height: 70px;
text-align: right;
}
.print-page table:not(.table-text) {
width: 100%;
}
@media screen {
#printSection {
display: none;
}
}
@media print {
body.printMode > *:not(#printSection) {
display: none;
}
#printSection {
display: block;
}
#printSection .ng-hide {
display: block !important;
}
.print-page .print-page-head {
position: fixed;
top: 0;
right: 70px;
}
.print-page .print-page-body > table > thead {
display: table-header-group !important;
}
}
.table-text {
width: auto;
}
.table-text td {
padding: 0 10px;
}
.table-text td:first-child {
padding-left: 0;
}
.table-text td:last-child {
padding-right: 0;
}
.bold {
font-weight: 600;
}
.document .document-group {
page-break-after: always;
}
.document .document-group .document-entry {
page-break-after: always;
}
.document .document-head {
display: flex;
align-items: center;
justify-content: space-between;
}
.table {
width: 100%;
border-spacing: 0;
}
.table td {
border: 0 !important;
text-align: right !important;
}
.table td:first-child {
text-align: left !important;
}
.table .positive-value {
color: #3ed402 !important;
}
.table .negative-value {
color: #f60000 !important;
}
.table-striped thead td {
background: #d9d9d9 !important;
}
.table-striped tbody td {
padding: 0.6rem 0.46667rem;
}
.table-striped tbody tr:nth-child(odd) td {
background: #f3f3f3 !important;
}
.slider .slider-bar {
display: flex;
align-items: center;
}
.slider .slider-min,
.slider .slider-max {
font-size: 0.93333rem;
}
.slider .slider-track {
margin: 0 10px;
line-height: 1;
}
.button-medium {
font-size: 1.2rem;
}
.button-border {
border: 2px solid #003b55;
background: rgba(0, 0, 0, 0);
color: #003b55;
transition: background 0.3s, color 0.3s;
}
.button-border:hover,
.button-border:focus,
.button-border.active {
background: #003b55;
color: #fff;
} /*!
* Quill Editor v1.3.6
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/
.ql-container {
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
height: 100%;
margin: 0px;
position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
pointer-events: none;
}
.ql-clipboard {
left: -100000px;
height: 1px;
overflow-y: hidden;
position: absolute;
top: 50%;
}
.ql-clipboard p {
margin: 0;
padding: 0;
}
.ql-editor {
box-sizing: border-box;
line-height: 1.42;
height: 100%;
outline: none;
overflow-y: auto;
padding: 12px 15px;
tab-size: 4;
-moz-tab-size: 4;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word;
}
.ql-editor > * {
cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
margin: 0;
padding: 0;
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
list-style-type: none;
}
.ql-editor ul > li::before {
content: '•';
}
.ql-editor ul[data-checked='true'],
.ql-editor ul[data-checked='false'] {
pointer-events: none;
}
.ql-editor ul[data-checked='true'] > li *,
.ql-editor ul[data-checked='false'] > li * {
pointer-events: all;
}
.ql-editor ul[data-checked='true'] > li::before,
.ql-editor ul[data-checked='false'] > li::before {
color: #777;
cursor: pointer;
pointer-events: all;
}
.ql-editor ul[data-checked='true'] > li::before {
content: '☑';
}
.ql-editor ul[data-checked='false'] > li::before {
content: '☐';
}
.ql-editor li::before {
display: inline-block;
white-space: nowrap;
width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
margin-left: -1.5em;
margin-right: 0.3em;
text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
margin-left: 0.3em;
margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
padding-right: 1.5em;
}
.ql-editor ol li {
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
counter-increment: list-0;
}
.ql-editor ol li:before {
content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 28.5em;
}
.ql-editor .ql-video {
display: block;
max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
background-color: #000;
}
.ql-editor .ql-bg-red {
background-color: #e60000;
}
.ql-editor .ql-bg-orange {
background-color: #f90;
}
.ql-editor .ql-bg-yellow {
background-color: #ff0;
}
.ql-editor .ql-bg-green {
background-color: #008a00;
}
.ql-editor .ql-bg-blue {
background-color: #06c;
}
.ql-editor .ql-bg-purple {
background-color: #93f;
}
.ql-editor .ql-color-white {
color: #fff;
}
.ql-editor .ql-color-red {
color: #e60000;
}
.ql-editor .ql-color-orange {
color: #f90;
}
.ql-editor .ql-color-yellow {
color: #ff0;
}
.ql-editor .ql-color-green {
color: #008a00;
}
.ql-editor .ql-color-blue {
color: #06c;
}
.ql-editor .ql-color-purple {
color: #93f;
}
.ql-editor .ql-font-serif {
font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
font-size: 0.75em;
}
.ql-editor .ql-size-large {
font-size: 1.5em;
}
.ql-editor .ql-size-huge {
font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
direction: rtl;
text-align: inherit;
}
.ql-editor .ql-align-center {
text-align: center;
}
.ql-editor .ql-align-justify {
text-align: justify;
}
.ql-editor .ql-align-right {
text-align: right;
}
.ql-editor.ql-blank::before {
color: rgba(0, 0, 0, 0.6);
content: attr(data-placeholder);
font-style: italic;
left: 15px;
pointer-events: none;
position: absolute;
right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
clear: both;
content: '';
display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
background: none;
border: none;
cursor: pointer;
display: inline-block;
float: left;
height: 24px;
padding: 3px 5px;
width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
float: left;
height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type='file'],
.ql-snow .ql-toolbar input.ql-image[type='file'] {
display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
stroke: #06c;
}
@media (pointer: coarse) {
.ql-snow.ql-toolbar button:hover:not(.ql-active),
.ql-snow .ql-toolbar button:hover:not(.ql-active) {
color: #444;
}
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
fill: #444;
}
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
stroke: #444;
}
}
.ql-snow {
box-sizing: border-box;
}
.ql-snow * {
box-sizing: border-box;
}
.ql-snow .ql-hidden {
display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
visibility: hidden;
}
.ql-snow .ql-tooltip {
position: absolute;
transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
cursor: pointer;
text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
transform: translateY(-10px);
}
.ql-snow .ql-formats {
display: inline-block;
vertical-align: middle;
}
.ql-snow .ql-formats:after {
clear: both;
content: '';
display: table;
}
.ql-snow .ql-stroke {
fill: none;
stroke: #444;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
fill: none;
stroke: #444;
stroke-miterlimit: 10;
stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
fill: #444;
}
.ql-snow .ql-empty {
fill: none;
}
.ql-snow .ql-even {
fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
stroke-width: 1;
}
.ql-snow .ql-transparent {
opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
display: none;
}
.ql-snow .ql-editor h1 {
font-size: 2em;
}
.ql-snow .ql-editor h2 {
font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
font-size: 1em;
}
.ql-snow .ql-editor h5 {
font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
font-size: 0.67em;
}
.ql-snow .ql-editor a {
text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
border-left: 4px solid #ccc;
margin-bottom: 5px;
margin-top: 5px;
padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
background-color: #f0f0f0;
border-radius: 3px;
}
.ql-snow .ql-editor pre {
white-space: pre-wrap;
margin-bottom: 5px;
margin-top: 5px;
padding: 5px 10px;
}
.ql-snow .ql-editor code {
font-size: 85%;
padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
background-color: #23241f;
color: #f8f8f2;
overflow: visible;
}
.ql-snow .ql-editor img {
max-width: 100%;
}
.ql-snow .ql-picker {
color: #444;
display: inline-block;
float: left;
font-size: 14px;
font-weight: 500;
height: 24px;
position: relative;
vertical-align: middle;
}
.ql-snow .ql-picker-label {
cursor: pointer;
display: inline-block;
height: 100%;
padding-left: 8px;
padding-right: 2px;
position: relative;
width: 100%;
}
.ql-snow .ql-picker-label::before {
display: inline-block;
line-height: 22px;
}
.ql-snow .ql-picker-options {
background-color: #fff;
display: none;
min-width: 100%;
padding: 4px 8px;
position: absolute;
white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
cursor: pointer;
display: block;
padding-bottom: 5px;
padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
color: #ccc;
z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
display: block;
margin-top: -1px;
top: 100%;
z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
height: 24px;
width: 24px;
padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
padding: 3px 5px;
width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
border: 1px solid rgba(0, 0, 0, 0);
float: left;
height: 16px;
margin: 2px;
padding: 0px;
width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
position: absolute;
margin-top: -9px;
right: 0;
top: 50%;
width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='1']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {
content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='2']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {
content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='3']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {
content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='4']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {
content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='5']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {
content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='6']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {
content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {
font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {
font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {
font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {
font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {
font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {
font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='serif']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {
content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='monospace']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {
content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {
font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {
font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='small']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {
content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='large']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {
content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='huge']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {
content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {
font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {
font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {
font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
background-color: #000;
}
.ql-toolbar.ql-snow {
border: 1px solid #ccc;
box-sizing: border-box;
font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
border: 1px solid rgba(0, 0, 0, 0);
}
.ql-toolbar.ql-snow .ql-picker-options {
border: 1px solid rgba(0, 0, 0, 0);
box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
border-top: 0px;
}
.ql-snow .ql-tooltip {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0px 0px 5px #ddd;
color: #444;
padding: 5px 12px;
white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
content: 'Visit URL:';
line-height: 26px;
margin-right: 8px;
}
.ql-snow .ql-tooltip input[type='text'] {
display: none;
border: 1px solid #ccc;
font-size: 13px;
height: 26px;
margin: 0px;
padding: 3px 5px;
width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
display: inline-block;
max-width: 200px;
overflow-x: hidden;
text-overflow: ellipsis;
vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
border-right: 1px solid #ccc;
content: 'Edit';
margin-left: 16px;
padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
content: 'Remove';
margin-left: 8px;
}
.ql-snow .ql-tooltip a {
line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type='text'] {
display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
border-right: 0px;
content: 'Save';
padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode='link']::before {
content: 'Enter link:';
}
.ql-snow .ql-tooltip[data-mode='formula']::before {
content: 'Enter formula:';
}
.ql-snow .ql-tooltip[data-mode='video']::before {
content: 'Enter video:';
}
.ql-snow a {
color: #06c;
}
[ng-quill-editor] {
display: block;
}
.no-border {
border: none !important;
}
.no-padding .ql-container {
padding-left: 0px !important;
}
.no-padding .ql-editor {
padding-left: 0px !important;
margin-left: 0px;
}
.no-padding .ql-container {
padding-left: 0pxm !important;
margin-left: 0px;
}
.white-popup {
position: relative;
background: #fff;
margin: auto;
}
.cockpit {
min-height: 500px;
}
.cockpit .white-popup {
width: 607px;
padding: 1rem 2rem 2rem 2rem;
}
.cockpit .white-popup h4 {
padding-bottom: 1rem;
}
.cockpit h4 {
font-size: 0.8666666667rem;
font-weight: bold;
margin: 0;
padding: 0.4rem 0 0.9333333333rem 0;
}
.cockpit .component-col .double-label-switch,
.cockpit .component-col label {
display: inline-block;
}
.cockpit .component-col a {
float: right;
line-height: 2.5rem;
}
.cockpit .small-input {
height: 28px;
line-height: 28px;
margin: 0 0 0 0.3333333333rem;
font-size: 90%;
display: inline-block;
padding: 0;
}
.cockpit .popup-content {
font-size: 90%;
}
.cockpit .popup-content .btn,
.cockpit .popup-content input {
font-size: 90%;
margin: 0;
}
.cockpit .popup-content .small-input {
text-align: right;
}
.cockpit .popup-content .euro-input-container .small-input {
padding-right: 1.3333333333rem;
}
.cockpit .popup-content .small-input-euro {
position: absolute;
top: 0.2rem;
right: 1.2666666667rem;
}
.cockpit .popup-content .label-container {
width: 1%;
vertical-align: middle;
padding-right: 0.3333333333rem;
}
.cockpit .popup-content .value-container {
padding-right: 0.6666666667rem;
}
.cockpit .popup-content .label-container,
.cockpit .popup-content .value-container {
display: table-cell;
}
.cockpit .popup-content .button-container {
text-align: right;
}
.cockpit__menu {
list-style: none;
margin: 0 0 1.3333333333rem;
padding: 0;
overflow: hidden;
max-height: 80rem;
-webkit-transition: max-height 0.3s ease-in-out;
transition: max-height 0.3s ease-in-out;
}
.cockpit__menu-item {
background-color: #fff;
margin-bottom: 0.1333333333rem;
}
.cockpit__menu-item:first-child {
border-top: 0;
}
.cockpit__menu-item:hover,
.cockpit__menu-item.isActive {
background-color: rgba(44, 108, 184, 0.9);
}
.cockpit__menu-item:hover a,
.cockpit__menu-item:hover .font-icon,
.cockpit__menu-item.isActive a,
.cockpit__menu-item.isActive .font-icon {
color: #fff;
}
.cockpit__menu-item:hover.disabled,
.cockpit__menu-item.isActive.disabled {
background-color: #fff;
}
.cockpit__menu-item:hover.disabled a,
.cockpit__menu-item:hover.disabled .font-icon,
.cockpit__menu-item.isActive.disabled a,
.cockpit__menu-item.isActive.disabled .font-icon {
color: #9b9b9b;
}
.cockpit__menu-item.disabled a,
.cockpit__menu-item.disabled .font-icon {
color: #9b9b9b;
}
.cockpit__menu-active {
color: #fff;
display: none;
background-color: rgba(44, 108, 184, 0.9);
}
.cockpit__menu-active .font-icon {
color: #fff;
}
.cockpit__menu-indicator {
display: none;
}
.cockpit__menu-link {
display: block;
line-height: 3rem;
font-size: 91%;
font-weight: 500;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.cockpit__menu-icon {
font-size: 1.6666666667rem;
padding: 0 1rem;
text-align: center;
display: inline-block;
}
.cockpit_toggable-content {
border-top: 0.0666666667rem solid #d2dde3;
padding: 0.6666666667rem 0 1.3333333333rem 0;
margin: 0 0.6666666667rem 0 2.6666666667rem;
}
.cockpit__form-title {
position: relative;
}
.cockpit__form-title .btn {
position: absolute;
top: 0;
right: 0;
}
.cockpit__form-content {
padding-top: 0.3333333333rem;
}
.cockpit-main {
margin: 0 20px;
}
.cockpit-main .button {
margin: 0.6666666667rem 0;
}
@media only screen and (min-width: 42.7333333333em) {
.cockpit-main .button {
margin: 0 0 0.3333333333rem 0.3333333333rem;
}
}
.cockpit-main .list-box__right {
width: 95%;
margin-left: 2.5%;
}
@media only screen and (min-width: 42.7333333333em) {
.cockpit-main .list-box__right {
width: auto;
margin: 0;
}
}
.cockpit-main .list-box__right .button {
display: inline-block;
margin: 0.3333333333rem auto;
}
@media only screen and (min-width: 42.7333333333em) {
.cockpit-main .list-box__right .button {
margin: 0 0 0 0.3333333333rem;
}
}
.search-box {
padding: 0.6666666667rem;
border-radius: 0.2rem;
background-color: rgba(255, 255, 255, 0.25);
}
.search-box__field {
top: 0.1333333333rem;
}
.search-box__input[type] {
margin: 0;
border: 0;
border-radius: 0 0.2rem 0.2rem 0 !important;
background-color: rgba(0, 0, 0, 0);
}
.search-box__buttons button.btn {
margin: 0 0.3333333333rem 0 0;
}
.search-box .prefix {
background-color: rgba(0, 0, 0, 0);
border: 0;
border-radius: 0.2rem 0 0 0.2rem;
font-size: 1.3rem;
}
.with__search .search-box.row {
margin: 0;
}
.with__search .search-box {
padding: 0;
}
.with__search .search-box .prefix {
background-color: rgba(0, 0, 0, 0);
height: 4rem;
line-height: 4rem;
}
.with__search .search-box .search-box__input {
line-height: 4rem;
height: 4rem;
background-color: rgba(0, 0, 0, 0);
}
.list-header,
.summary-box {
background-color: rgba(255, 255, 255, 0.9);
line-height: 4rem;
padding: 0 0.6666666667rem;
border-radius: 0.2rem;
margin: 0 0 0.6666666667rem;
}
.list-header.isTransparent,
.summary-box.isTransparent {
background-color: rgba(255, 255, 255, 0.25);
}
.list-header__title,
.summary-box__title {
display: block;
text-overflow: ellipsis;
line-height: 1;
margin: 0.6666666667rem 0 0;
}
.list-header__title strong,
.summary-box__title strong {
display: block;
line-height: 1.5;
}
@media only screen and (min-width: 42.7333333333em) {
.list-header__title,
.summary-box__title {
display: inline;
white-space: nowrap;
}
.list-header__title strong,
.summary-box__title strong {
display: inline;
}
}
.list-header {
margin: 0 0 0.6666666667rem;
}
.simple-select {
max-width: 3.6666666667rem;
color: #004f87;
border: 0;
background-color: rgba(0, 0, 0, 0);
margin: 0;
}
.simple-select:hover {
background-color: rgba(0, 0, 0, 0);
}
.simple-select:focus {
outline: 0;
}
.list-box__item {
background-color: rgba(242, 244, 237, 0.9);
border-radius: 0.2rem;
margin-top: 0.1333333333rem;
width: auto;
padding: 0;
position: relative;
-webkit-transition: 450ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
-moz-transition: 450ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
-ms-transition: 450ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
-o-transition: 450ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
transition: 450ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
}
.list-box__item.ng-enter {
height: 0px;
opacity: 0;
overflow: hidden;
}
.list-box__item.ng-enter.ng-enter-active {
height: 50px;
opacity: 1;
}
.list-box__row {
-webkit-transition: 450ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
-moz-transition: 450ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
-ms-transition: 450ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
-o-transition: 450ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
transition: 450ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
}
.list-box__row.ng-enter {
height: 0px;
opacity: 0.25;
}
.list-box__row.ng-enter.ng-enter-active {
height: 50px;
opacity: 1;
}
.list-box__itemTitle {
text-align: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
vertical-align: middle;
line-height: 2;
padding: 0.6666666667rem 0.6666666667rem;
display: block;
cursor: pointer;
}
.list-box__itemTitle .user-name {
display: inline-block;
white-space: normal;
width: auto;
max-width: 75%;
line-height: 1.5;
}
.list-box__itemTitle .toggable-state-feedback {
display: block;
position: relative;
width: 0.8rem;
height: 0.8rem;
margin: 0;
margin-top: 0.6666666667rem;
margin-right: 0.6666666667rem;
}
.list-box__right {
display: inline-block;
position: relative;
}
@media only screen and (min-width: 42.7333333333em) {
.list-box__right {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0.6666666667rem;
}
}
.list-box__right .btn-bordered {
color: inherit;
border-color: inherit;
}
.list-box__item__content {
background-color: #fff;
}
.list-box .toggable-content-open .list-box__item {
background: #fff;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.list-box .toggable-content-open .stacked-toggable-content:not(.toggable-content-open) .list-box__item {
background-color: rgba(242, 244, 237, 0.9);
border-radius: 0.2rem;
}
.list-box__buttons {
display: inline-block;
}
.cockpit-panel {
margin-bottom: 1rem;
}
.cockpit-panel__title {
background-color: rgba(255, 255, 255, 0.5);
padding: 0.6666666667rem;
}
.cockpit-panel__body {
background-color: #fff;
padding: 1rem;
display: inline-block;
width: 100%;
}
.cockpit-panel__body.red {
background-color: #ff0300;
}
.cockpit-panel__body.red label {
color: #fff;
}
@media only screen and (min-width: 42.7333333333em) {
.cockpit-panel__body {
padding: 3.3333333333rem;
}
}
.cockpit-panel__body .separator {
border-bottom: 1px solid rgba(153, 153, 153, 0.3);
margin: 0.3333333333rem 0 1rem;
}
.module-select {
margin-left: -0.6666666667rem;
margin-right: -0.6666666667rem;
}
.cockpit_allgemein-wrapper .module-select {
max-width: 37.8rem;
margin: 0 auto;
display: block;
}
.module-select__item {
width: 11.2666666667rem;
height: 11.2666666667rem;
display: block;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #fafbfc;
border-bottom: 0.0666666667rem solid rgba(0, 0, 0, 0);
margin: 0.6666666667rem auto;
cursor: pointer;
position: relative;
}
@media only screen and (min-width: 42.7333333333em) {
.module-select__item {
display: inline-block;
margin: 0 0.6666666667rem 1rem 0.6666666667rem;
}
}
.module-select__item.isSelected {
background-color: #e4f4fb;
}
.module-select__item.isSelected,
.module-select__item:hover {
border-color: #b0c4cd;
}
.module-select__item.isSelected .module-select__icon,
.module-select__item.isSelected .module-select__title h5,
.module-select__item:hover .module-select__icon,
.module-select__item:hover .module-select__title h5 {
color: #004f87;
}
.module-select__icon {
height: 60%;
width: 100%;
display: table;
text-align: center;
vertical-align: middle;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.module-select__icon.shop {
height: auto;
margin-top: 1rem;
}
.module-select__icon:before {
display: table-cell;
vertical-align: bottom;
font-size: 2.6666666667rem;
color: #191919;
}
.module-select__title {
width: 100%;
height: 40%;
text-transform: uppercase;
text-align: center;
display: table;
vertical-align: middle;
word-break: break-all;
}
.module-select__title h5 {
vertical-align: middle;
font-size: 10px;
font-weight: 500;
color: #191919;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.module-select__title h5.shop {
position: absolute;
width: 100%;
bottom: 1rem;
}
.module-select__title p {
text-transform: none;
}
.module-select--small .module-select__item {
height: 5.3333333333rem;
}
.module-select--small .module-select__icon {
width: 30%;
height: 100%;
display: inline-block;
margin-right: 0;
margin-left: 0;
}
.module-select--small .module-select__icon:before {
font-size: 2rem;
margin: 1.7333333333rem 0 0 0.3333333333rem;
display: inline-block;
}
.module-select--small .module-select__title {
width: 70%;
height: 100%;
display: inline-block;
padding: 0 0.3333333333rem 0 0;
text-align: left;
}
.module-select--small .module-select__title h5 {
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin: 2.4rem 0 0;
line-height: 1;
font-size: 0.7rem;
}
.double-label-switch input[type='checkbox'] + label:before {
display: none;
}
.double-label-switch .switch input:checked + label {
background-color: #2c6cb8;
}
.double-label-switch .switch {
display: inline-block;
margin: 0;
vertical-align: middle;
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
.double-label-switch .switch__label {
line-height: 2.8666666667rem;
display: inline-block;
vertical-align: middle;
}
.double-label-switch .switch.large label {
height: 2.5333333333rem;
}
.double-label-switch .switch.large input:checked + label:after {
left: 2.6666666667rem;
}
.inner-toggable-content .inner-toggable-content__content {
overflow: hidden;
max-height: 0;
transition: max-height 0.3s;
}
.inner-toggable-content .inner-toggable-open .inner-toggable-content__content {
overflow-y: scroll;
max-height: 40rem;
overflow-y: scroll;
transition: max-height 0.5s;
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
.cockpit .breadcrumb {
margin-left: 20px;
}
.cockpit__menu {
max-height: 4rem;
margin-left: 1.3333333333rem;
margin-right: 1.3333333333rem;
}
.cockpit__menu.isOpen {
max-height: 53.3333333333rem;
}
.cockpit__menu-item.cockpit__menu-active {
display: block;
}
.cockpit__menu-indicator {
display: block;
float: right;
margin: 0.6666666667rem;
}
.cockpit__menu-text {
display: inline-block;
float: left;
margin: 0.6666666667rem;
}
}
.status-container {
display: inline-block;
float: right;
}
.status-container .neo-status {
border-radius: 0.3rem;
border: 2px solid #000;
width: 227px;
text-align: center;
display: inline-block;
padding: 0 1.8rem;
text-transform: capitalize;
font-size: 1rem;
margin-right: 0.5rem;
cursor: pointer;
}
.status-container .neo-status.status-red {
color: #e20024;
}
.status-container .neo-status.status-green {
color: #34bd18;
}
.status-container .neo-status.status-yellow {
color: #fcce00;
}
.status-container .neo-status.status-black {
color: #000;
}
.status-container .access-state.none {
color: rgba(0, 0, 0, 0);
}
.status-container .access-state.red {
color: #e20024 !important;
}
.status-container .access-state.yellow {
color: #fcce00;
}
.status-container .access-state.green {
color: #34bd18;
}
.status-container .access-state.black {
color: #000;
}
.status-container .access-state.blue {
color: #2e2ef0;
}
.cockpit_allgemein-wrapper .active {
border: 1px solid #2c6cb8;
}
.cockpit_allgemein-wrapper .error-text {
color: red;
font-size: smaller;
}
.cockpit_cashback-wrapper .module-select__icon {
width: auto;
margin: 0 auto;
}
.cockpit_kundenauswahl-wrapper span.primary {
color: #2c6cb8;
}
.testmode-dialog-content .testmode-switch,
.testmode-dialog-content .testmode-label {
display: inline-block;
}
.access-state.red {
color: #e20024 !important;
}
.access-state.yellow {
color: #fcce00;
}
.access-state.green {
color: #34bd18;
}
.changed-state {
text-align: center;
padding-top: 0.5333333333rem;
line-height: 0.6666666667rem;
font-size: 0.8rem;
}
.hovered {
display: none;
}
span:hover + .hovered {
display: inline;
}
.cockpit_steuerfrei-wrapper .component-col label {
display: inline-block;
}
.cockpit_steuerfrei-wrapper .component-col a {
float: right;
line-height: 2.5rem;
}
.cockpit_steuerfrei-wrapper .margin-top {
margin-top: 16px;
}
.cockpit_steuerfrei-dialog .component-col > .double-label-switch,
.cockpit_steuerfrei-dialog .component-col > label {
display: inline-block;
}
.reg-btn-container > button {
margin-left: 0.5rem;
}
.reg-btn-container > button:first-child {
margin-left: 0;
}
input#customer-code {
height: 2.8rem;
}
.qr-code-container {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.qr-code-container .ngdialog-close {
position: absolute;
right: 1rem;
font-size: 1.5rem;
}
.qr-code-container .qr-code-header {
width: 100%;
height: 2.3rem;
text-align: center;
font-size: 1.6rem;
border-bottom: 0.1rem solid #003b55;
}
.qr-code-container .qr-code-body {
width: 100%;
padding: 0.8rem;
border-bottom: 0.1rem solid #003b55;
}
.qr-code-container .qr-code-body img {
display: block;
width: 100%;
height: 300px;
}
.qr-code-container .qr-code-footer {
padding: 0.3rem;
height: 3.6rem;
}
.qr-code-container .qr-code-footer a.button {
display: block;
}
.qr-code-container .ngdialog-content {
display: flex;
flex-direction: column;
z-index: 1;
}
.register-button {
width: 100%;
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
.cockpit_steuerfrei-wrapper .component-col label {
width: 100%;
}
.cockpit_steuerfrei-wrapper .component-col label i,
.cockpit_steuerfrei-wrapper .component-col label .component-name {
vertical-align: top;
}
.cockpit_steuerfrei-wrapper .component-col label .component-name {
display: inline-block;
font-size: 1rem;
width: 85%;
}
}
.ngdialog-content {
padding-left: 35px !important;
padding-right: 35px !important;
}
.right-text {
text-align: right;
}
.cockpit_arbeitnmv-wrapper .list-box .list-box__item__content {
overflow: hidden;
max-height: 0;
transition: max-height 0.3s;
}
.cockpit_arbeitnmv-wrapper .list-box .toggable-content-open .list-box__item__content {
overflow-y: scroll;
max-height: 100rem;
overflow-y: scroll;
transition: max-height 0.5s;
}
.cockpit_arbeitnmv-wrapper .add-baustein {
cursor: pointer;
}
.cockpit_arbeitnmv-wrapper .add-baustein span {
height: 1.8666666667rem;
line-height: 1.8666666667rem;
display: inline-block;
}
.cockpit_arbeitnmv-wrapper .add-baustein .icon-plus {
color: #0496d8;
font-size: 125%;
vertical-align: middle;
margin-right: 0.6666666667rem;
}
.cockpit_arbeitnmv-wrapper input[type='checkbox'] + label {
padding-left: 40px;
line-height: 1.0666666667rem;
margin-top: -0.0666666667rem;
}
.cockpit_arbeitnmv-wrapper input[type='checkbox'] + label:before {
margin-top: 0.2rem;
margin-right: 0.3333333333rem;
margin-left: -32px;
margin-bottom: 0;
}
.cockpit_arbeitnmv-wrapper .cockpit_toggable-content .value-container {
text-align: right;
}
.cockpit_arbeitnmv-wrapper .cockpit_toggable-content .small-input {
text-align: right;
padding-left: 0.6666666667rem;
padding-right: 0.6666666667rem;
}
.cockpit_arbeitnmv-wrapper .cockpit_toggable-content__row {
padding: 0.4rem 0;
}
.cockpit_arbeitnmv-wrapper .cockpit_toggable-content .inner-toggable-open .inner-toggable-content__content {
max-height: 40rem;
}
.cockpit_arbeitnmv-wrapper .cockpit_toggable-content .inner-toggable-content .small-input {
width: 50%;
}
.cockpit_arbeitnmv-wrapper .cockpit_toggable-content .summary {
margin-top: 1.3333333333rem;
color: #008700;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-content {
margin-left: -2.6666666667rem;
margin-right: -0.6666666667rem;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-content__content > * > div {
padding-left: 2.6666666667rem;
padding-right: 0.6666666667rem;
padding-top: 1.6666666667rem;
padding-bottom: 1.6666666667rem;
background: #f5f5f5;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-content__toggler > div {
border-top: 1px solid #d2dde3;
text-align: right;
cursor: pointer;
color: #004f87;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-content__toggler .indent-left {
margin-left: 14.6666666667rem;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-content__toggler .indent-right {
margin-right: 14rem;
}
.cockpit_arbeitnmv-wrapper .toggler-mehr {
display: inline-block;
}
.cockpit_arbeitnmv-wrapper .toggler-weniger {
display: none;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-open .inner-toggable-content__toggler {
color: #939393;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-open .toggler-mehr {
display: none;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-open .toggler-weniger {
display: inline-block;
}
.cockpit_arbeitnmv-wrapper .toggler-arrow {
font-size: 0.5333333333rem;
margin-left: 0.3333333333rem;
margin-right: 0;
vertical-align: middle;
}
.cockpit_arbeitnmv-wrapper .padded-row {
margin: 0.6666666667rem 0;
}
.cockpit_arbeitnmv-wrapper .indent-left {
margin-left: 12rem;
}
.cockpit_arbeitnmv-wrapper .indent-right {
margin-right: 13.3333333333rem;
}
.cockpit_arbeitnmv-wrapper .toggler-arrow {
transition: transform 0.6s;
transform: rotateX(0deg);
display: inline-block;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-open .toggler-arrow {
transition: transform 0.6s;
transform: rotateX(-180deg);
}
.cockpit_arbeitnmv-wrapper .reset-line-height {
line-height: normal;
}
.cockpit_arbeitnmv-wrapper .reset-line-height button:first-child {
margin-top: 1rem;
}
.cockpit_arbeitnmv-wrapper .reset-line-height button:last-child {
margin-top: 0.5rem;
margin-bottom: 1rem;
}
.cockpit_arbeitnmv-wrapper .padding-left {
padding-left: 10px;
}
.cockpit_arbeitnmv-wrapper .padding-right {
padding-right: 10px;
}
.cockpit_arbeitnmv-wrapper .second-row {
display: none;
}
.cockpit_arbeitnmv-wrapper .toggable-content-open .second-row {
display: block;
}
.cockpit_arbeitnmv-wrapper .toggable-content-open .second-row button {
margin-bottom: 2px;
}
.cockpit_arbeitnmv-wrapper .toggable-content-open .stacked-toggable-content:not(.toggable-content-open) .second-row {
display: none;
}
.cockpit_arbeitnmv-wrapper .toggable-content-open .stacked-toggable-content:not(.toggable-content-open) .second-row button {
margin-bottom: 0;
}
.cockpit_arbeitnmv-wrapper button.margin-top {
margin-top: 20px;
}
.cockpit_arbeitnmv-wrapper .an-verwaltung-padding {
padding: 10px;
}
.list-box-white .list-box__item {
background: #fff;
}
@media only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
.cockpit_arbeitnmv-wrapper .padding-left {
padding-left: 5px;
}
.cockpit_arbeitnmv-wrapper .padding-right {
padding-right: 5px;
}
}
@media only screen and (max-width: 25.3333333333em) {
.cockpit_arbeitnmv-wrapper .padding-left {
padding-left: 0;
}
.cockpit_arbeitnmv-wrapper .padding-right {
padding-right: 0;
}
}
.list-box__itemTitle img {
width: 30px;
height: 34px;
margin-right: 1.3rem;
float: right;
}
.employee-contracts-list .row {
margin: 5px 0px;
}
.employee-contracts-list .row .contract-data {
padding-top: 0.2rem;
padding-bottom: 0.2rem;
position: relative;
}
.employee-contracts-list .row .button {
top: 0px;
}
.employee-contracts-list .row.updated-contract {
background-color: #ccc;
}
.employee-filters-containter .row .filter-input {
padding: 5px;
}
.employee-filters-containter .ui-select-container .select2-choices {
border-radius: 0.2rem !important;
}
.cockpit_projekte-wrapper .list-box .list-box__item__content {
overflow: hidden;
max-height: 0;
transition: max-height 0.3s;
}
.cockpit_projekte-wrapper .list-box .toggable-content-open .list-box__item__content {
overflow-y: scroll;
max-height: 100rem;
overflow-y: scroll;
transition: max-height 0.5s;
}
.cockpit_projekte-wrapper .add-baustein {
cursor: pointer;
}
.cockpit_projekte-wrapper .add-baustein span {
height: 1.8666666667rem;
line-height: 1.8666666667rem;
display: inline-block;
}
.cockpit_projekte-wrapper .add-baustein .icon-plus {
color: #0496d8;
font-size: 125%;
vertical-align: middle;
margin-right: 0.6666666667rem;
}
.cockpit_projekte-wrapper input[type='checkbox'] + label {
padding-left: 40px;
line-height: 1.0666666667rem;
margin-top: -0.0666666667rem;
}
.cockpit_projekte-wrapper input[type='checkbox'] + label:before {
margin-top: 0.2rem;
margin-right: 0.3333333333rem;
margin-left: -32px;
margin-bottom: 0;
}
.cockpit_projekte-wrapper .cockpit_toggable-content .value-container {
text-align: right;
}
.cockpit_projekte-wrapper .cockpit_toggable-content .small-input {
text-align: right;
padding-left: 0.6666666667rem;
padding-right: 0.6666666667rem;
}
.cockpit_projekte-wrapper .cockpit_toggable-content__row {
padding: 0.4rem 0;
}
.cockpit_projekte-wrapper .cockpit_toggable-content .inner-toggable-open .inner-toggable-content__content {
max-height: 40rem;
}
.cockpit_projekte-wrapper .cockpit_toggable-content .inner-toggable-content .small-input {
width: 50%;
}
.cockpit_projekte-wrapper .cockpit_toggable-content .summary {
margin-top: 1.3333333333rem;
color: #008700;
}
.cockpit_projekte-wrapper .inner-toggable-content {
margin-left: -2.6666666667rem;
margin-right: -0.6666666667rem;
}
.cockpit_projekte-wrapper .inner-toggable-content__content > * > div {
padding-left: 2.6666666667rem;
padding-right: 0.6666666667rem;
padding-top: 1.6666666667rem;
padding-bottom: 1.6666666667rem;
background: #f5f5f5;
}
.cockpit_projekte-wrapper .inner-toggable-content__toggler > div {
border-top: 1px solid #d2dde3;
text-align: right;
cursor: pointer;
color: #004f87;
}
.cockpit_projekte-wrapper .inner-toggable-content__toggler .indent-left {
margin-left: 14.6666666667rem;
}
.cockpit_projekte-wrapper .inner-toggable-content__toggler .indent-right {
margin-right: 14rem;
}
.cockpit_projekte-wrapper .toggler-mehr {
display: inline-block;
}
.cockpit_projekte-wrapper .toggler-weniger {
display: none;
}
.cockpit_projekte-wrapper .inner-toggable-open .inner-toggable-content__toggler {
color: #939393;
}
.cockpit_projekte-wrapper .inner-toggable-open .toggler-mehr {
display: none;
}
.cockpit_projekte-wrapper .inner-toggable-open .toggler-weniger {
display: inline-block;
}
.cockpit_projekte-wrapper .toggler-arrow {
font-size: 0.5333333333rem;
margin-left: 0.3333333333rem;
margin-right: 0;
vertical-align: middle;
}
.cockpit_projekte-wrapper .padded-row {
margin: 0.6666666667rem 0;
}
.cockpit_projekte-wrapper .indent-left {
margin-left: 12rem;
}
.cockpit_projekte-wrapper .indent-right {
margin-right: 13.3333333333rem;
}
.cockpit_projekte-wrapper .toggler-arrow {
transition: transform 0.6s;
transform: rotateX(0deg);
display: inline-block;
}
.cockpit_projekte-wrapper .inner-toggable-open .toggler-arrow {
transition: transform 0.6s;
transform: rotateX(-180deg);
}
.cockpit_projekte-wrapper .cockpit__projectSection {
border-bottom: 0.0666666667rem solid rgba(44, 108, 184, 0.7);
padding: 0.6666666667rem 0 1.3333333333rem;
margin: 0 0 0.6666666667rem;
}
.cockpit_projekte-wrapper .cockpit__projectSection h3 {
font-size: 1rem;
margin-bottom: 1rem;
}
.cockpit_projekte-wrapper .align-labels .row {
min-height: 3.5333333333rem;
}
.cockpit_projekte-wrapper .align-labels .row label {
line-height: 2.6666666667rem;
}
.cockpit_projekte-wrapper .newproject__title {
margin: 0.5333333333rem 0;
}
.cockpit_projekte-wrapper .newproject__kind {
margin-top: 1.0666666667rem;
}
.cockpit_projekte-wrapper .list-box__item.highlight {
background-color: rgba(217, 218, 213, 0.9);
}
.cockpit_bonus-wrapper span.primary {
color: #2c6cb8;
}
.settings {
padding: 2px;
}
.auto-resize {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1 1 auto;
-moz-box-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.bonus-budget-form-row {
margin: 5px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.bonus-budget-form-row input {
margin: 0;
}
.bonus-budget-form-row .per_item_settings {
-webkit-box-flex: 0 0 100px;
-moz-box-flex: 0 0 100px;
-webkit-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
.bonus-budget-form-row .field_label {
-webkit-box-flex: 0 0 240px;
-moz-box-flex: 0 0 240px;
-webkit-flex: 0 0 240px;
-ms-flex: 0 0 240px;
flex: 0 0 240px;
font-size: 0.9em;
margin: 0 5px;
}
.bonus-budget-form-row .field_value {
-webkit-box-flex: 0 0 100px;
-moz-box-flex: 0 0 100px;
-webkit-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
margin: 0 5px;
}
.bonus-budget-form-row .field_value.large {
-webkit-box-flex: 0 0 200px;
-moz-box-flex: 0 0 200px;
-webkit-flex: 0 0 200px;
-ms-flex: 0 0 200px;
flex: 0 0 200px;
}
.bonus-budget-form-row .field_x {
-webkit-box-flex: 0 0 10px;
-moz-box-flex: 0 0 10px;
-webkit-flex: 0 0 10px;
-ms-flex: 0 0 10px;
flex: 0 0 10px;
margin: 0 5px;
}
.bonus-budget-form-row .field_per_item_price {
-webkit-box-flex: 0 1 100px;
-moz-box-flex: 0 1 100px;
-webkit-flex: 0 1 100px;
-ms-flex: 0 1 100px;
flex: 0 1 100px;
margin: 0 5px;
}
.bonus-budget-form-row .field_result {
-webkit-box-flex: 1 0 100px;
-moz-box-flex: 1 0 100px;
-webkit-flex: 1 0 100px;
-ms-flex: 1 0 100px;
flex: 1 0 100px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end;
margin: 0 5px;
}
.bonus-budget-form-row .field_result .fix_errors {
color: red;
}
.bonus-budget-form-row.employee {
border-bottom: 1px solid rgba(204, 204, 204, 0.5098039216);
padding: 10px 0 18px 0;
margin: 0;
position: relative;
}
.bonus-budget-form-row.employee:hover {
background-color: rgba(204, 204, 204, 0.1294117647);
}
.bonus-budget-form-row.employee > * {
flex: 1;
}
.bonus-budget-form-row.employee > *:nth-child(1) {
flex: 2;
}
.bonus-budget-form-row.employee > *:nth-child(2) {
flex: 0.5;
}
.bonus-budget-form-row.employee > *:nth-child(3),
.bonus-budget-form-row.employee > *:nth-child(4) {
flex: 1.5;
}
.bonus-budget-form-row.employee > *.checkbox label {
margin-top: 18px;
}
.bonus-budget-form-row.employee > *.checkbox label > span {
margin-left: 5px;
}
.bonus-budget-form-row.employee > *.form-group {
display: initial !important;
}
.bonus-budget-form-row.employee > * .bonusCalcDataCol {
font-size: 0.9333333333rem;
}
.bonus-budget-form-row.employee select {
margin: 0;
}
.bonus-budget-form-row.employee .helpText {
position: absolute;
bottom: 0;
right: 0;
}
#stklClassForm {
display: flex;
margin: 5px;
}
.bonusCalcData,
.sumRow {
display: flex;
}
.bonusCalcDataCol {
flex: 1;
margin-left: 10px;
}
.cockpit_arbeitnmv-wrapper .date ._720kb-datepicker-calendar._720kb-datepicker-open {
position: relative;
}
button .button {
margin: 5;
}
._720kb-datepicker-calendar._720kb-datepicker-open {
position: unset;
}
.newBasketInputsGroup {
padding: 5px;
}
.mpp_basket_list_container .list-box__itemTitle {
padding: 0px !important;
}
.cockpit-datev-list .datev-view {
margin-bottom: 2px;
}
.cockpit-datev-list .cockpit_toggable-content {
padding: 0.66667rem;
border: 0;
border-radius: 5px;
margin: 0;
background: #fff;
}
.cockpit-datev-list .cockpit__form-content {
padding: 0;
}
.cockpit-datev-list .top-bar-section ul {
display: block;
text-align: right;
}
.cockpit-datev-list .top-bar-section ul li {
float: none;
}
.cockpit-datev-list .top-bar-section ul li > a.button {
top: 0;
display: inline-block;
width: auto;
height: auto;
}
.cockpit-datev-create .double-label-switch .switch {
transform-origin: 0 0;
}
.cockpit-datev {
height: calc(100% - 134px);
padding: 13px;
background: rgba(255, 255, 255, 0.25);
}
.history-table-row {
border-bottom: 1px solid #000;
}
.history-table-row.odd {
background: #e8e8e8;
}
.word-wrap {
word-break: break-word;
padding-right: 10px;
}
.control_dialog .cockpit-panel__title {
background: rgba(0, 0, 0, 0);
}
.control_dialog .cockpit-panel__body {
padding: 30px !important;
position: relative;
}
.control_dialog #meineakte-dokumente {
width: 100% !important;
}
.control_dialog .control-dialog-box {
position: relative;
padding: 15px;
margin-left: 0px;
margin-right: 5px;
margin-bottom: 5px;
margin-top: 5px;
}
.control_dialog hr {
margin: 0px !important;
}
.control_dialog h1 {
text-align: left;
margin-bottom: 10px;
}
.control_dialog .user-info {
text-align: left;
margin-bottom: 20px;
}
.control_dialog .strong {
font-weight: bold;
}
.control_dialog .info_area {
margin: 20px 10px 0px 10px;
}
.control_dialog .right {
margin-left: 40px !important;
}
.control_dialog .checkbox {
margin: 0;
}
.control_dialog .checkbox label::before {
margin: 0;
}
.control_dialog .locked-warning {
background-color: red;
color: #fff;
padding: 10px;
}
.hide-overflow {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cockpit_arbeitnmv-wrapper .list-box .list-box__item__content {
overflow: hidden;
max-height: 0;
transition: max-height 0.3s;
}
.cockpit_arbeitnmv-wrapper .list-box .toggable-content-open .list-box__item__content {
overflow-y: scroll;
max-height: 100rem;
overflow-y: scroll;
transition: max-height 0.5s;
}
.cockpit_arbeitnmv-wrapper .add-baustein {
cursor: pointer;
}
.cockpit_arbeitnmv-wrapper .add-baustein span {
height: 1.8666666667rem;
line-height: 1.8666666667rem;
display: inline-block;
}
.cockpit_arbeitnmv-wrapper .add-baustein .icon-plus {
color: #0496d8;
font-size: 125%;
vertical-align: middle;
margin-right: 0.6666666667rem;
}
.cockpit_arbeitnmv-wrapper input[type='checkbox'] + label {
padding-left: 40px;
line-height: 1.0666666667rem;
margin-top: -0.0666666667rem;
}
.cockpit_arbeitnmv-wrapper input[type='checkbox'] + label:before {
margin-top: 0.2rem;
margin-right: 0.3333333333rem;
margin-left: -32px;
margin-bottom: 0;
}
.cockpit_arbeitnmv-wrapper .cockpit_toggable-content .value-container {
text-align: right;
}
.cockpit_arbeitnmv-wrapper .cockpit_toggable-content .small-input {
text-align: right;
padding-left: 0.6666666667rem;
padding-right: 0.6666666667rem;
}
.cockpit_arbeitnmv-wrapper .cockpit_toggable-content__row {
padding: 0.4rem 0;
}
.cockpit_arbeitnmv-wrapper .cockpit_toggable-content .inner-toggable-open .inner-toggable-content__content {
max-height: 40rem;
}
.cockpit_arbeitnmv-wrapper .cockpit_toggable-content .inner-toggable-content .small-input {
width: 50%;
}
.cockpit_arbeitnmv-wrapper .cockpit_toggable-content .summary {
margin-top: 1.3333333333rem;
color: #008700;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-content {
margin-left: -2.6666666667rem;
margin-right: -0.6666666667rem;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-content__content > * > div {
padding-left: 2.6666666667rem;
padding-right: 0.6666666667rem;
padding-top: 1.6666666667rem;
padding-bottom: 1.6666666667rem;
background: #f5f5f5;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-content__toggler > div {
border-top: 1px solid #d2dde3;
text-align: right;
cursor: pointer;
color: #004f87;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-content__toggler .indent-left {
margin-left: 14.6666666667rem;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-content__toggler .indent-right {
margin-right: 14rem;
}
.cockpit_arbeitnmv-wrapper .toggler-mehr {
display: inline-block;
}
.cockpit_arbeitnmv-wrapper .toggler-weniger {
display: none;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-open .inner-toggable-content__toggler {
color: #939393;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-open .toggler-mehr {
display: none;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-open .toggler-weniger {
display: inline-block;
}
.cockpit_arbeitnmv-wrapper .toggler-arrow {
font-size: 0.5333333333rem;
margin-left: 0.3333333333rem;
margin-right: 0;
vertical-align: middle;
}
.cockpit_arbeitnmv-wrapper .padded-row {
margin: 0.6666666667rem 0;
}
.cockpit_arbeitnmv-wrapper .indent-left {
margin-left: 12rem;
}
.cockpit_arbeitnmv-wrapper .indent-right {
margin-right: 13.3333333333rem;
}
.cockpit_arbeitnmv-wrapper .toggler-arrow {
transition: transform 0.6s;
transform: rotateX(0deg);
display: inline-block;
}
.cockpit_arbeitnmv-wrapper .inner-toggable-open .toggler-arrow {
transition: transform 0.6s;
transform: rotateX(-180deg);
}
.cockpit_arbeitnmv-wrapper .reset-line-height {
line-height: normal;
}
.cockpit_arbeitnmv-wrapper .reset-line-height button:first-child {
margin-top: 1rem;
}
.cockpit_arbeitnmv-wrapper .reset-line-height button:last-child {
margin-top: 0.5rem;
margin-bottom: 1rem;
}
.cockpit_arbeitnmv-wrapper .last-status-change.red {
color: #e20024 !important;
}
.cockpit_arbeitnmv-wrapper .status-container {
display: inline-block;
float: right;
}
.cockpit_arbeitnmv-wrapper .status-container .neo-status {
border-radius: 0.3rem;
border: 2px solid #000;
width: 227px;
text-align: center;
display: inline-block;
padding: 0 1.8rem;
text-transform: capitalize;
font-size: 1rem;
margin-right: 0.5rem;
cursor: pointer;
}
.cockpit_arbeitnmv-wrapper .status-container .neo-status.status-red {
color: #e20024;
}
.cockpit_arbeitnmv-wrapper .status-container .neo-status.status-green {
color: #34bd18;
}
.cockpit_arbeitnmv-wrapper .status-container .neo-status.status-yellow {
color: #fcce00;
}
.cockpit_arbeitnmv-wrapper .status-container .neo-status.status-black {
color: #000;
}
.cockpit_arbeitnmv-wrapper .status-container .access-state.none {
color: rgba(0, 0, 0, 0);
}
.cockpit_arbeitnmv-wrapper .status-container .access-state.red {
color: #e20024 !important;
}
.cockpit_arbeitnmv-wrapper .status-container .access-state.yellow {
color: #fcce00;
}
.cockpit_arbeitnmv-wrapper .status-container .access-state.green {
color: #34bd18;
}
.cockpit_arbeitnmv-wrapper .status-container .access-state.black {
color: #000;
}
.cockpit_arbeitnmv-wrapper .status-container .access-state.blue {
color: #2e2ef0;
}
.cockpit_arbeitnmv-wrapper .padding-left {
padding-left: 10px;
}
.cockpit_arbeitnmv-wrapper .padding-right {
padding-right: 10px;
}
.cockpit_arbeitnmv-wrapper .second-row {
display: none;
}
.cockpit_arbeitnmv-wrapper .toggable-content-open .second-row {
display: block;
}
.cockpit_arbeitnmv-wrapper .toggable-content-open .second-row button {
margin-bottom: 2px;
}
.cockpit_arbeitnmv-wrapper .toggable-content-open .stacked-toggable-content:not(.toggable-content-open) .second-row {
display: none;
}
.cockpit_arbeitnmv-wrapper .toggable-content-open .stacked-toggable-content:not(.toggable-content-open) .second-row button {
margin-bottom: 0;
}
.cockpit_arbeitnmv-wrapper button.margin-top {
margin-top: 20px;
}
.cockpit_arbeitnmv-wrapper .an-verwaltung-padding {
padding: 10px;
}
.control_process_btn {
width: 200px;
}
.list-box-white .list-box__item {
background: #fff;
}
.state-icon {
font-size: xx-large;
line-height: 0;
font-weight: bold;
}
@media only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
.cockpit_arbeitnmv-wrapper .padding-left {
padding-left: 5px;
}
.cockpit_arbeitnmv-wrapper .padding-right {
padding-right: 5px;
}
}
@media only screen and (max-width: 25.3333333333em) {
.cockpit_arbeitnmv-wrapper .padding-left {
padding-left: 0;
}
.cockpit_arbeitnmv-wrapper .padding-right {
padding-right: 0;
}
}
.employee-contracts-list .row {
margin: 5px 0px;
}
.employee-contracts-list .row .contract-data {
padding-top: 0.2rem;
padding-bottom: 0.2rem;
position: relative;
}
.employee-contracts-list .row .button {
top: 0px;
}
.employee-contracts-list .row.updated-contract {
background-color: #ccc;
}
.pc-leasing-icon {
position: relative;
overflow: hidden;
}
.pc-leasing-icon.blocked {
cursor: no-drop;
}
.pc-leasing-icon.blocked:after {
content: ' ';
position: absolute;
background-color: red;
width: 4px;
height: 100%;
transform: rotate(45deg);
left: 30%;
}
.flex-end {
display: flex;
align-items: end;
}
.expand {
width: 90% !important;
margin: 5%;
display: inline-block;
}
.expandside {
width: 90% !important;
margin-right: 5%;
margin-left: 5%;
display: inline-block;
}
.main {
background: rgba(250, 250, 250, 0.8) !important;
}
.contactbox .avatar {
margin: 0;
}
.contactbox .avatar .picture {
width: 8rem;
height: 8rem;
border-radius: 8rem;
border: 0.0666666667rem solid rgba(0, 0, 0, 0.4);
overflow: hidden;
display: inline-block;
}
.contactbox .avatar .image {
position: static;
margin: 0;
width: 100%;
}
.contactbox .avatar .name {
font-size: 1.2rem;
margin: 1rem 0 0.6rem;
}
#bonusSide .buttons {
padding: 15px;
}
#bonusSide .deletable li.blue:hover span {
color: red;
}
.bonus-assistant-column {
margin-left: 5px !important;
margin-right: 5px !important;
}
.bonusAssistantNumber {
width: 60% !important;
margin-left: 4% !important;
margin-top: 2% !important;
}
.row-info-validation {
position: relative !important;
}
.weiter {
float: right;
}
.strong {
font-weight: bold;
}
.info-validation-selected {
background-color: green !important;
color: #fff !important;
}
.selectednegative {
background-color: red !important;
color: #fff !important;
}
.main.yearly {
min-height: 850px;
}
.main .position-relative {
position: relative;
}
.main ._720kb-datepicker-calendar {
display: none;
}
.main ._720kb-datepicker-calendar._720kb-datepicker-open {
display: inherit;
}
.bottom {
position: relative;
vertical-align: -90 !important;
}
ul.yearlyList {
list-style: none;
}
.pc-leasing-icon {
position: relative;
overflow: hidden;
}
.pc-leasing-icon.blocked {
cursor: no-drop;
}
.pc-leasing-icon.blocked:after {
content: ' ';
position: absolute;
background-color: red;
width: 4px;
height: 100%;
transform: rotate(45deg);
left: 30%;
}
.consent-dialog-wrapper .asana-consent-dialog .uc-embedding-wrapper {
position: relative;
margin-top: 240px;
}
@media screen and (max-width: 720px) {
.consent-dialog-wrapper .asana-consent-dialog .uc-embedding-wrapper {
margin-top: 160px;
}
}
@media screen and (max-width: 480px) {
.consent-dialog-wrapper .asana-consent-dialog .uc-embedding-wrapper {
margin-top: 200px;
}
}
@media screen and (max-width: 420px) {
.consent-dialog-wrapper .asana-consent-dialog .uc-embedding-wrapper {
margin-top: 240px;
}
}
.allscroll {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#blank-layout {
height: 100%;
margin-bottom: -2rem;
}
#blank-layout + #footer {
height: 2rem;
clear: both;
width: 100%;
padding-left: 2.5666666667rem;
padding-right: 2.5666666667rem;
background: rgba(255, 255, 255, 0.25);
}
#blank-layout + #footer hr {
display: none;
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
#blank-layout {
height: auto;
min-height: 100%;
margin-bottom: -5rem;
}
#blank-layout + #footer {
padding-top: 1rem;
height: 5rem;
}
}
.form-padding .row .columns {
padding-right: 3px;
padding-left: 3px;
}
.form-padding input:not([type]),
.form-padding input[type='text'],
.form-padding input[type='password'],
.form-padding input[type='date'],
.form-padding input[type='datetime'],
.form-padding input[type='datetime-local'],
.form-padding input[type='month'],
.form-padding input[type='week'],
.form-padding input[type='email'],
.form-padding input[type='number'],
.form-padding input[type='search'],
.form-padding input[type='tel'],
.form-padding input[type='time'],
.form-padding input[type='url'],
.form-padding input[type='color'],
.form-padding textarea,
.form-padding select {
margin: 0px;
}
.form-padding .form-group {
margin: 0 0 1.0666666667rem 0;
}
@media only screen and (min-width: 42.7333333333em) {
.form-padding .row .columns {
padding-right: 5px;
padding-left: 5px;
}
}
.helpText {
margin-top: 3px;
color: #e20024;
font-size: smaller;
}
#root-view {
min-height: 100%;
overflow-x: hidden;
}
.red {
color: red;
}
.green {
color: green;
}
.yellow {
color: #ffa200;
}
.box {
box-shadow: 0px 1px 6px -1px rgba(0, 0, 0, 0.4);
}
.bigbox {
margin-bottom: 20px;
overflow: hidden;
background-color: #eef2f1;
box-shadow: 0px 1px 6px -1px rgba(0, 0, 0, 0.4);
}
.bigbox .main {
background-color: #eef2f1 !important;
}
.bigbox.overflow-show {
overflow: visible;
}
.bigbox.blue .main {
background: #2a586c;
text-align: center;
}
.bigbox.transparent .main {
background: rgba(0, 0, 0, 0);
text-align: center;
}
.bigbox.centered {
position: relative;
}
.bigbox.centered .mainWrapper {
padding: 0 15%;
}
.bigbox .header {
padding: 8px 5px 8px 20px;
background: rgba(255, 255, 255, 0.77);
position: relative;
border-radius: 0.2rem 0.2rem 0 0;
}
.bigbox .header > span {
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
}
.bigbox .header a.go {
font-size: 12px;
}
.bigbox .main {
background: #fff;
padding: 13px;
}
.main-section {
height: 100%;
padding-top: 4.2666666667rem;
}
.button {
border-radius: 0.2rem;
}
::-webkit-input-placeholder {
color: #9b9b9b;
font-weight: 300;
}
::-moz-placeholder {
color: #9b9b9b;
font-weight: 300;
}
:-ms-input-placeholder {
font-weight: 300;
color: #9b9b9b;
}
input:-moz-placeholder {
font-weight: 300;
color: #9b9b9b;
}
.progress {
padding: 0;
}
.off-canvas-wrap.move-right {
height: 100%;
}
.overlay-menue {
position: fixed;
top: 65px;
left: 0;
z-index: 10;
width: 100%;
color: #fff;
display: none;
}
.overlay-menue > .row {
background: #004262;
padding: 35px 0;
}
.overlay-menue a {
color: #fff;
}
.overlay-menue ul {
display: block;
margin-left: 45px;
}
.overlay-menue ul li {
width: 100%;
display: block;
margin: 8px 0;
background: none !important;
}
.overlay-menue ul li a {
background: none !important;
line-height: inherit !important;
padding: inherit !important;
}
.overlay-menue ul li.title {
text-transform: uppercase;
margin-bottom: 20px;
position: relative;
}
.overlay-menue ul li.title:before {
content: '';
width: 112px;
position: absolute;
bottom: -6px;
border-bottom: 2px solid #002a3f;
}
.overlay-menue ul li.adv img {
width: 90%;
border-radius: 0.2rem;
}
.tabs-content .content {
margin-bottom: 3em;
background: rgba(255, 255, 255, 0.25);
padding: 13px;
height: calc(100% - 134px);
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.tabbable .tabs {
padding-bottom: 2px;
}
.tabbable .tabs dd + dd {
margin-left: 2px;
}
.display_1_1_1 > sf-decorator,
.display_1_2_2 > sf-decorator,
.display_2_2_1 > sf-decorator,
.display_1_3_3 > sf-decorator,
.display_1_1 > sf-decorator,
.display_1_2 > sf-decorator,
.display_1_3 > sf-decorator,
.display_1_4 > sf-decorator,
.display_1_5 > sf-decorator,
.display_2_1 > sf-decorator,
.display_3_1 > sf-decorator,
.display_1_12 > sf-decorator,
.display_4_1 > sf-decorator,
.display_5_1 > sf-decorator {
display: inline-block;
}
.display_1_1_1 > sf-decorator:nth-child(1) {
width: 33.3333333333%;
padding-right: 10px;
}
.display_1_1_1 > sf-decorator:nth-child(2) {
width: 33.3333333333%;
padding-right: 10px;
padding-left: 10px;
}
.display_1_1_1 > sf-decorator:nth-child(3) {
width: 33.3333333333%;
padding-left: 10px;
}
.display_1_2_2 > sf-decorator:nth-child(1) {
width: 20%;
padding-right: 10px;
}
.display_1_2_2 > sf-decorator:nth-child(2) {
width: 40%;
padding-right: 10px;
padding-left: 10px;
}
.display_1_2_2 > sf-decorator:nth-child(3) {
width: 40%;
padding-left: 10px;
}
.display_2_2_1 > sf-decorator:nth-child(1) {
width: 50%;
padding-right: 10px;
}
.display_2_2_1 > sf-decorator:nth-child(2) {
width: 25%;
padding-right: 10px;
padding-left: 10px;
}
.display_2_2_1 > sf-decorator:nth-child(3) {
width: 25%;
padding-left: 10px;
}
.display_1_3_3 > sf-decorator:nth-child(1) {
width: 14.2857142857%;
padding-right: 10px;
}
.display_1_3_3 > sf-decorator:nth-child(2) {
width: 42.8571428571%;
padding-right: 10px;
padding-left: 10px;
}
.display_1_3_3 > sf-decorator:nth-child(3) {
width: 42.8571428571%;
padding-left: 10px;
}
.display_1_1 > sf-decorator:nth-child(1) {
width: 50%;
padding-right: 10px;
}
.display_1_1 > sf-decorator:nth-child(2) {
width: 50%;
padding-left: 10px;
}
.display_1_2 > sf-decorator:nth-child(1) {
width: 33.3333333333%;
padding-right: 10px;
}
.display_1_2 > sf-decorator:nth-child(2) {
width: 66.6666666667%;
padding-left: 10px;
}
.display_2_1 > sf-decorator:nth-child(1) {
width: 66.6666666667%;
padding-right: 10px;
}
.display_2_1 > sf-decorator:nth-child(2) {
width: 33.3333333333%;
padding-left: 10px;
}
.display_1_3 > sf-decorator:nth-child(1) {
width: 25%;
padding-right: 10px;
}
.display_1_3 > sf-decorator:nth-child(2) {
width: 75%;
padding-left: 10px;
}
.display_3_1 > sf-decorator:nth-child(1) {
width: 75%;
padding-right: 10px;
}
.display_3_1 > sf-decorator:nth-child(2) {
width: 25%;
padding-left: 10px;
}
.display_1_4 > sf-decorator:nth-child(1) {
width: 20%;
padding-right: 10px;
}
.display_1_4 > sf-decorator:nth-child(2) {
width: 80%;
padding-left: 10px;
}
.display_4_1 > sf-decorator:nth-child(1) {
width: 80%;
padding-right: 10px;
}
.display_4_1 > sf-decorator:nth-child(2) {
width: 20%;
padding-left: 10px;
}
.display_1_5 > sf-decorator:nth-child(1) {
width: 16.6666666667%;
padding-right: 10px;
}
.display_1_5 > sf-decorator:nth-child(2) {
width: 83.3333333333%;
padding-left: 10px;
}
.display_5_1 > sf-decorator:nth-child(1) {
width: 83.3333333333%;
padding-right: 10px;
}
.display_5_1 > sf-decorator:nth-child(2) {
width: 16.6666666667%;
padding-left: 10px;
}
.display_1_12 > sf-decorator:nth-child(1) {
width: 7.6923076923%;
padding-right: 10px;
}
.display_1_12 > sf-decorator:nth-child(2) {
width: 92.3076923077%;
padding-left: 10px;
}
.form-control-feedback {
display: none;
}
.sf-no-padding > sf-decorator:nth-child(1),
.sf-no-padding > sf-decorator:nth-child(2),
.sf-no-padding > sf-decorator:nth-child(3) {
padding-left: 0px;
padding-right: 0px;
}
.sf-no-help-blocks .help-block {
display: none;
}
.center {
text-align: center;
}
#footer {
clear: both;
padding-top: 6px;
width: 100%;
padding-left: 38.5px;
padding-right: 38.5px;
}
.main-section #footer {
padding-left: 0;
padding-right: 0;
}
#footer img {
max-width: 100px;
float: left;
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
#footer img {
width: 100%;
display: block;
margin-bottom: 13.5px;
margin-top: 6.5px;
}
}
#footer span#copyright {
float: right;
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
#footer span#copyright {
display: block;
width: 100%;
text-align: center;
}
}
#footer span#copyright a {
color: #2c6cb8;
}
#footer span#copyright a:hover {
color: #2c6cb8;
}
.moduleSelect {
margin-right: auto;
margin-left: auto;
padding-right: 10px;
}
.noscroll {
position: fixed;
overflow: hidden;
left: 0;
right: 0;
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
#beraterView .tabbable .tabs dd > a {
padding: 0.8rem;
}
.bigbox .header > span {
font-size: 11px;
}
.bigbox .centered .mainWrapper {
padding: 0 5%;
}
#footer {
padding-bottom: 12px;
}
#footer img {
position: relative;
display: block;
left: 50%;
margin-left: -50px;
}
}
.footer-links .items {
display: inline-block;
margin-left: 1rem;
}
.footer-links .items:first-child {
margin-left: 0;
}
p.error {
color: red;
}
video#bgvid {
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: linear-gradient(#8f8f8f, white) left top/cover no-repeat fixed;
}
.registrationWrapper,
.activationWrapper {
background-color: rgba(255, 255, 255, 0.65);
padding: 1.3333333333rem;
margin-top: 45px;
margin-bottom: 45px;
z-index: 1;
}
.authWrapper {
position: absolute;
padding: 1.3333333333rem;
width: 28rem;
text-align: center;
display: inline-block;
top: calc(45% - 2rem / 4);
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
background-color: rgba(255, 255, 255, 0.85);
}
.authWrapper.leftalign {
text-align: left;
}
.authWrapper .passwordWrapper {
position: relative;
}
.authWrapper .passwordWrapper .passwordInput {
padding-right: 5.3333333333rem !important;
}
.authWrapper .passwordWrapper .showButton {
position: absolute;
width: 4rem;
padding-right: 0.6666666667rem;
height: 3rem;
right: 0;
top: 0;
line-height: 3rem;
font-size: 0.8rem;
color: #aaa;
cursor: pointer;
}
.authWrapper h1.mainform {
font-size: 1.8rem;
height: 4.9333333333rem;
color: #2c6cb8;
margin-bottom: 2.8rem;
font-weight: 300;
background: rgba(0, 0, 0, 0) url(/assets/img/logo.login.png) no-repeat center center;
background-size: contain;
padding-left: 10.5rem;
padding-top: 0.4rem;
display: block;
}
.authWrapper .forgotpw {
text-align: right;
margin-top: 0.3333333333rem;
margin-bottom: 1.7666666667rem;
}
.authWrapper .forgotpw a {
font-size: 0.8rem;
}
.authWrapper .forgotpw .error {
font-size: 0.8rem;
color: #e20024;
}
.authWrapper .account_inactive {
text-align: center;
margin-top: 0.3333333333rem;
margin-bottom: 1.7666666667rem;
font-size: 0.8rem;
color: #e20024;
}
.authWrapper .feedback {
position: absolute;
width: 21.3333333333rem;
left: 0;
top: -2.3rem;
background: #2c6cb8;
color: #2c6cb8;
height: 2.3rem;
line-height: 2.3rem;
font-size: 0.8rem;
}
.authWrapper .video-container {
padding-bottom: 12px;
}
.authWrapper .video-container .video {
height: 220px;
}
.authWrapper .video-container .video .uc-embedding-container .uc-embedding-wrapper {
min-height: calc(100% - 16px);
}
.authWrapper .loginform {
position: relative;
}
.authWrapper .loginform input {
font-weight: 300;
border-style: none;
margin: 0;
border-radius: 0.2rem;
font-size: 1.2rem;
height: 3rem;
padding: 0.6666666667rem 1.2rem;
border-color: #4e4e4e;
color: #191919;
opacity: 0.7;
}
.authWrapper .loginform input[name='username'] {
margin-bottom: 0.3rem;
border-bottom-left-radius: rem-cala(0);
border-bottom-right-radius: rem-cala(0);
}
.authWrapper .loginform input + input {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
@media only screen and (max-width: 512px) {
.authWrapper {
width: 100%;
}
}
@media only screen and (max-height: 480px) and (max-width: 320px) {
.authWrapper {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: auto;
margin-top: 0.6666666667rem;
}
}
span.linker {
font-size: smaller;
position: relative;
top: 0;
right: 0;
left: auto;
display: inline-block;
width: auto;
float: right;
color: #004f87;
cursor: pointer;
}
span.blue {
color: #004f87;
}
span.reg-text {
display: inline-block;
margin-left: 45px;
margin-top: -40px;
}
span.reg-text-2 {
display: inline-block;
margin-left: 18px;
margin-top: -40px;
}
.code {
margin: 0 0 1.06667rem 0;
}
.code .code-fields {
display: flex;
align-items: flex-start;
max-width: 300px;
}
.code .code-field {
width: 100%;
}
.code .code-field input {
overflow: hidden;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
}
.code .code-field .form-group {
margin-bottom: 0;
}
.code .code-field-small {
max-width: 50px;
}
.code .code-separator {
flex-shrink: 0;
margin: 8px 10px;
}
.bausteineRow {
margin-top: -13px;
margin-left: -10px !important;
}
.bausteinWrapper {
margin-top: 13px;
padding-left: 10px;
}
.bausteinWrapper .bausteinDescription {
padding: 1.333rem;
background-color: #fff;
text-align: left;
}
.bausteinWrapper .bausteinDescription p {
margin: 0;
}
.bausteinWrapper .btns {
border-top: 1px solid #d2dde3;
background-color: #fff;
border-radius: 0 0 3px 3px;
}
.bausteinWrapper .btns .restriction_text {
height: 41px;
line-height: 41px;
}
.bausteinWrapper .btns .restriction_text span {
vertical-align: middle;
line-height: normal;
}
.bausteinWrapper .btns a {
display: inline-block;
text-align: center;
width: 50%;
}
.bausteinWrapper .btns a.no-video {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.bausteinWrapper .btns a.disabled .font-icon {
opacity: 0;
}
.bausteinWrapper .btns .font-icon {
font-size: 1.8rem;
}
.bausteinWrapper .disturber {
display: none;
position: absolute;
top: 44%;
left: 55%;
z-index: 3;
transform: rotateZ(-30deg);
background-color: #fff;
padding: 0.5rem;
border-radius: 2px;
color: #000;
border: 1px solid #0496d8;
max-width: 40%;
}
@media only screen and (min-width: 42.7333333333em) {
.bausteinWrapper .disturber {
display: block;
}
}
.bausteineMainView .bausteinWrapper .modulstein {
box-shadow: 0px 1px 6px -1px rgba(0, 0, 0, 0.4);
overflow: hidden;
border-radius: 3px;
}
.baustein {
position: relative;
padding-top: 61.231884058%;
padding-bottom: 0;
}
.bausteinContainer {
border-radius: 3px 3px 0 0;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background-color: #fff;
border: 0 solid rgba(0, 0, 0, 0);
}
.bausteinContainer .title {
font-size: 0.6666666667rem;
text-transform: uppercase;
text-align: center;
font-weight: 500;
line-height: 3;
color: #2c6cb8;
position: absolute;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.75);
}
.bausteinContainer .title.selected {
background-color: #16295c;
opacity: 0.6;
color: #fff;
}
.bausteinContainer .title.component_selected {
background: red !important;
}
.bausteinContainer .title.used {
background-color: #3a3737 !important;
opacity: 1 !important;
color: #fff;
}
.bausteinContainer .title.checkout_restricted {
background-color: #3a3737 !important;
opacity: 0.2 !important;
color: #fff;
}
.bausteinContainer .head {
font-size: 12px;
height: 38px;
line-height: 38px;
background: rgba(255, 255, 255, 0.77);
border-bottom: 1px solid #b9c8c9;
}
.bausteinContainer .head img {
margin-top: -3px;
margin-left: 1em;
}
.bausteinContainer .head img.info {
float: right;
margin-top: 6px;
text-align: right;
}
.bausteinContainer .imgWrapper {
display: block;
text-align: center;
height: 100%;
}
.bausteinContainer .imgContainer {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.bausteinContainer .imgContainer.icon {
background-size: 30%;
}
.bausteinContainer .imgContainer.icon-large {
background-size: 80%;
}
.bausteinContainer .imgContainer.used {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 1;
}
.bausteinContainer .imgContainer.checkout_restricted {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.2;
}
.modulsteineTitle {
font-size: 18px;
font-weight: 400;
text-align: left;
width: 100%;
display: inline-block;
padding: 18px 38.5px 15px 38.5px;
position: relative;
}
.modulsteineTitle a.logout {
font-size: 12px;
margin-top: 8px;
position: absolute;
right: 38.5px;
top: 18px;
}
.modulstein .head {
font-size: 12px;
height: 38px;
line-height: 38px;
background: rgba(255, 255, 255, 0.77);
border-bottom: 1px solid #b9c8c9;
text-align: center;
}
.modulstein .head span {
font-size: 15px;
text-transform: uppercase;
}
.modulstein .head .font-icon {
margin-top: -0.2rem;
margin-left: 1em;
}
.modulstein .head .font-icon.icon-info {
right: 0.8rem;
position: absolute;
margin-top: 0;
text-align: right;
font-size: 1.5rem;
}
.modulstein .imgContainer {
height: 15.3333333333rem;
background: #fff center center no-repeat;
text-align: center;
position: relative;
}
.modulstein .imgContainer .font-icon {
font-size: 3.3333333333rem;
margin-top: 5.3333333333rem;
display: inline-block;
}
.modulstein .btns {
height: 50px;
background: #fff;
text-align: center;
}
#auswahl .pagetitle {
padding-left: 5px;
font-size: 18px;
}
.morebausteine {
font-size: 12px;
text-align: right;
font-weight: 200;
vertical-align: bottom;
line-height: 22px;
}
.morebausteine a {
color: #fff;
vertical-align: -webkit-baseline-middle;
}
.morebausteine a span {
vertical-align: middle;
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
.modulsteineTitle {
padding-bottom: 0px !important;
}
.modulsteineTitle .titletext {
display: block;
width: 75%;
}
.modulstein .imgContainer {
height: 6.6666666667rem;
}
.modulstein .imgContainer .font-icon {
margin-top: 1rem;
}
.bausteineMainView {
height: 100%;
}
}
.landing-header {
z-index: 10;
}
.landing-header .content-wrapper {
max-width: 78rem;
margin: 0 auto;
}
.landing-header .top-bar {
padding: 0;
margin: 0 !important;
}
.landing-header .top-bar .font-icon {
font-size: 1.3333333333rem;
}
.landing-header .left-small {
position: static;
margin-right: -1rem;
}
.landing-header a.logo {
padding-left: 0;
}
.landing-header .login {
border: 0.1333333333rem solid #fff;
border-radius: 0.2rem;
padding: 0.4rem 1.2rem;
}
.main-section {
height: 100vh;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.main-section .imprint {
max-width: 800px;
margin-top: 25px;
margin-left: auto;
margin-right: auto;
}
.landing .white,
.landing .white .font-icon {
color: #fff;
}
.landing h2,
.landing h3,
.landing h4 {
color: #2c6cb8;
font-weight: bold;
}
.landing .button.secondary {
background-color: #ffcc01;
color: #000;
}
.landing .relative {
position: relative;
}
.landing .uc-embedding-container .uc-embedding-wrapper {
min-height: calc(100% - 16px);
}
@media only screen and (min-width: 42.7333333333em) {
.landing .height-control {
height: 100%;
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
padding-bottom: 4rem;
}
.landing .height-control .panel {
height: 100%;
}
}
.landing .panel {
border: 0;
}
.landing .panel.callout {
border-style: solid;
border-width: 1px;
border-color: #d8d8d8;
margin-bottom: 1.3333333333rem;
padding: 1.3333333333rem;
background: #2c6cb8;
color: #fff;
border: 0;
}
.landing .panel.callout > :first-child {
margin-top: 0;
}
.landing .panel.callout > :last-child {
margin-bottom: 0;
}
.landing .panel.callout h1,
.landing .panel.callout h2,
.landing .panel.callout h3,
.landing .panel.callout h4,
.landing .panel.callout h5,
.landing .panel.callout h6,
.landing .panel.callout p,
.landing .panel.callout li,
.landing .panel.callout dl {
color: #fff;
}
.landing .panel.callout h1,
.landing .panel.callout h2,
.landing .panel.callout h3,
.landing .panel.callout h4,
.landing .panel.callout h5,
.landing .panel.callout h6 {
line-height: 1;
margin-bottom: 0.6666666667rem;
}
.landing .panel.callout h1.subheader,
.landing .panel.callout h2.subheader,
.landing .panel.callout h3.subheader,
.landing .panel.callout h4.subheader,
.landing .panel.callout h5.subheader,
.landing .panel.callout h6.subheader {
line-height: 1.4;
}
.landing .panel.register {
border-style: solid;
border-width: 1px;
border-color: #d8d8d8;
margin-bottom: 1.3333333333rem;
padding: 1.3333333333rem;
background: rgba(49, 120, 205, 0.75);
color: #fff;
border: 0;
margin: 0 0 4rem;
padding: 3rem 2rem;
}
.landing .panel.register > :first-child {
margin-top: 0;
}
.landing .panel.register > :last-child {
margin-bottom: 0;
}
.landing .panel.register h1,
.landing .panel.register h2,
.landing .panel.register h3,
.landing .panel.register h4,
.landing .panel.register h5,
.landing .panel.register h6,
.landing .panel.register p,
.landing .panel.register li,
.landing .panel.register dl {
color: #fff;
}
.landing .panel.register h1,
.landing .panel.register h2,
.landing .panel.register h3,
.landing .panel.register h4,
.landing .panel.register h5,
.landing .panel.register h6 {
line-height: 1;
margin-bottom: 0.6666666667rem;
}
.landing .panel.register h1.subheader,
.landing .panel.register h2.subheader,
.landing .panel.register h3.subheader,
.landing .panel.register h4.subheader,
.landing .panel.register h5.subheader,
.landing .panel.register h6.subheader {
line-height: 1.4;
}
.landing .panel.register h3 {
margin-bottom: 1.5rem;
}
.landing .panel.no-margin {
margin: 0;
}
.landing .panel.point {
position: relative;
}
.landing .panel.point:before {
content: '';
width: 0;
height: 0;
display: none;
border: 0.8rem solid #f2f2f2;
position: absolute;
}
.landing .panel.point.callout:before {
border-color: #2c6cb8;
}
.landing .panel.point.toLeft:before,
.landing .panel.point.toRight:before {
top: 50%;
margin-top: -0.8rem;
}
.landing .panel.point.toLeft:before {
left: -1.5333333333rem;
border-left-color: rgba(0, 0, 0, 0);
border-top-color: rgba(0, 0, 0, 0);
border-bottom-color: rgba(0, 0, 0, 0);
}
.landing .panel.point.toRight:before {
right: -1.5333333333rem;
border-right-color: rgba(0, 0, 0, 0);
border-top-color: rgba(0, 0, 0, 0);
border-bottom-color: rgba(0, 0, 0, 0);
}
.landing .panel.point.toDown:before {
left: 50%;
bottom: -1.5333333333rem;
margin-left: -0.8rem;
border-left-color: rgba(0, 0, 0, 0);
border-right-color: rgba(0, 0, 0, 0);
border-bottom-color: rgba(0, 0, 0, 0);
}
.landing .panel.point.toDown.special:before {
left: 32%;
}
.landing .panel h3 {
font-weight: 400;
font-size: 2rem;
margin-top: 1.3333333333rem;
}
.landing .panel p {
line-height: 1.6rem;
font-size: 1.2rem;
}
.landing .panel p.small-attention {
line-height: 1.2666666667rem;
font-size: 0.8rem;
}
.landing .register fieldset {
margin: 0;
padding: 0;
border-radius: 0.3333333333rem;
overflow: hidden;
}
.landing .register .columns {
position: static;
}
.landing .register .centered {
text-align: center;
margin-top: 2rem;
}
.landing .register .centered p {
text-align: left;
margin-bottom: 0;
}
.landing .register input[type='text'],
.landing .register input[type='email'] {
margin: 0;
border: 0;
border-radius: 0 !important;
box-shadow: 0 0 0 0.0666666667rem rgba(44, 108, 184, 0.2);
}
.landing .register input[type='text'].ng-invalid.ng-dirty,
.landing .register input[type='email'].ng-invalid.ng-dirty {
border-bottom: 2px solid #e20024;
}
.landing .register input[type='submit'] {
margin: 1rem 0 0;
}
.landing .stretch-content {
display: table;
width: 100%;
}
.landing .stretch-content > * {
display: table-cell;
vertical-align: top;
}
.landing .stretch-content > *:before,
.landing .stretch-content > *:after {
content: ' ';
display: table;
}
.landing .stretch-content > *:after {
clear: both;
}
.landing .section-title {
margin: 5.3333333333rem 0 2.6666666667rem;
font-size: 1.4rem;
text-align: center;
}
.landing .section-subtitle {
text-align: center;
}
.landing .section-wrapper:first-child {
margin-top: -4.2666666667rem;
padding-top: 8.5333333333rem;
background: url(/assets/img/landing/bg-landingpage.jpg) no-repeat center center;
background-size: cover;
}
.landing .section-wrapper:nth-child(2) {
background-color: #b1cbc5;
background: -webkit-linear-gradient(#b1cbc5, #c4d2c6);
background: linear-gradient(#b1cbc5, #c4d2c6);
padding-bottom: 3.3333333333rem;
}
.landing .section-wrapper:nth-child(3) {
background-color: #d2ddd4;
background: linear-gradient(#d2ddd4, #daded1);
}
.landing .section-wrapper:nth-child(4) {
padding-top: 4rem;
background: url(/assets/img/landing/landing-asset8.jpg) no-repeat center center;
background-size: cover;
position: relative;
}
.landing .section-wrapper:nth-child(4):before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
background: url(/assets/img/landing/mask.png) repeat;
opacity: 0.5;
}
.landing .section-wrapper > .row {
max-width: 78rem;
margin: 0 auto;
}
.landing .video-container {
margin: 0 auto 4rem;
padding-left: 6rem;
}
.landing .video-container .video {
position: relative;
padding-bottom: 280px;
height: 0;
overflow: hidden;
}
.landing .video-container .video iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.landing .product-used-by {
width: 100%;
overflow: hidden;
height: 4rem;
background: #2c6cb8;
}
.landing .product-used-by .row {
overflow-x: auto;
max-width: 78rem;
white-space: nowrap;
vertical-align: middle;
}
.landing .product-used-by .plogo {
opacity: 0.5;
display: table-cell;
vertical-align: middle;
}
.landing .product-used-by .plogo img {
max-height: 35%;
margin-right: 4rem;
}
.landing .product-used-by .pplogo {
display: inline-block;
width: 8rem;
height: 2.4rem;
margin: 0.8rem 1%;
background: center 0 no-repeat;
text-indent: -100%;
overflow: hidden;
}
.landing .product-used-by .pplogo:nth-child(3),
.landing .product-used-by .pplogo:nth-child(5) {
width: 13.3333333333rem;
}
.landing .service-list {
list-style: none;
font-size: 0.8666666667rem;
margin: 0 0 5.3333333333rem;
}
.landing .service-list h5 {
font-size: 0.8666666667rem;
margin: 0 0 0.6666666667rem;
color: #2c6cb8;
}
.landing .service-list p {
font-size: 0.8rem;
line-height: 1.2rem;
margin-bottom: 0;
}
.landing .service-list .list-item {
position: relative;
padding: 0.4666666667rem 0.4666666667rem 0.4666666667rem 5.5333333333rem;
border-radius: 0.2rem;
}
.landing .service-list .list-item:hover {
background-color: #f4f6f1;
}
.landing .service-list .icon {
position: absolute;
top: 1rem;
left: 1rem;
width: 3.5333333333rem;
height: 3.5333333333rem;
}
.landing .pricing-table {
width: 80%;
overflow: hidden;
border-radius: 0.2rem;
border: 0;
margin: 0 auto 4rem;
border-radius: 0.2rem;
}
.landing .pricing-table .title {
font-size: 1.6rem;
}
.landing .pricing-table .description {
font-size: 1.1333333333rem;
}
.landing .pricing-table small {
display: block;
font-size: 0.8rem;
margin-top: 0.6666666667rem;
}
.landing .pricing-table .price {
padding-top: 3.3333333333rem;
font-size: 3.3333333333rem;
font-weight: 600;
}
.landing .pricing-table .title {
min-height: 5.2rem;
}
.landing .pricing-table .currency {
font-size: 2.2rem;
margin-left: 0.5333333333rem;
}
.landing .pricing-table > * {
border-bottom: 0;
background: #2c6cb8;
color: #fff;
}
.landing .landing-footer {
padding: 2rem 0;
}
.landing .landing-footer a {
color: #2c6cb8;
}
.landing .landing-footer img {
max-width: 10rem;
}
.landing .landing-footer p.copyright {
margin-bottom: 0;
}
.landing .landing-footer .content-wrapper {
max-width: 78rem;
margin: 0 auto;
}
.landing .landing-footer .footer-links {
list-style: none;
margin: 1rem 0 0;
}
.landing .landing-footer .font-icon {
color: #97bbe6;
font-size: 1.2rem;
display: inline-block;
vertical-align: middle;
}
.landing .tabbable .tabs {
padding-bottom: 0;
}
.landing .tabbable .tabs .bigtab a {
font-size: 1.5rem;
padding: 1rem 2.2rem;
}
.landing .tabbable .tabs dd + dd {
margin-left: 0.1333333333rem;
}
.landing .tabbable .tabs-content {
margin-top: 0.1333333333rem;
}
.landing .tabbable .tabs-content .content {
overflow: auto;
}
.landing .tabpage-header {
padding: 0.6666666667rem;
}
.landing .tabpage-header .button {
margin: 0;
}
.landing .button.bordered {
border: 0.0666666667rem solid #004f87;
border-radius: 0.2rem;
color: #004f87;
background-color: rgba(0, 0, 0, 0);
float: right;
}
.landing .button.bordered:hover {
background-color: rgba(0, 0, 0, 0);
}
@media only screen and (min-width: 42.7333333333em) {
.landing .panel.point:before {
display: block;
}
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
.landing .section-wrapper {
padding-left: 1rem;
padding-right: 1rem;
}
.landing .video-container {
padding: 0;
}
.landing .stretch-content > * {
display: block;
}
.landing .product-used-by {
box-sizing: content-box;
margin: 0 -1rem;
padding: 0 1rem;
}
.landing .tabbable .tabs .bigtab a {
font-size: 1.25rem;
}
}
.landing-overlay {
transition: opacity 0.3s ease-in-out;
opacity: 1;
z-index: 100;
padding: 8rem 0 0;
}
.landing-overlay.overlay {
position: fixed;
overflow: auto;
background-color: rgba(0, 0, 0, 0);
}
.landing-overlay.hidden {
opacity: 0;
z-index: -1;
}
.landing-overlay .panel.callout {
border-style: solid;
border-width: 1px;
border-color: #d8d8d8;
margin-bottom: 1.3333333333rem;
padding: 1.3333333333rem;
background: rgba(49, 120, 205, 0.95);
color: #fff;
border: 0.0666666667rem solid rgba(255, 255, 255, 0.2);
padding: 5.3333333333rem 7.3333333333rem;
margin: 0;
}
.landing-overlay .panel.callout > :first-child {
margin-top: 0;
}
.landing-overlay .panel.callout > :last-child {
margin-bottom: 0;
}
.landing-overlay .panel.callout h1,
.landing-overlay .panel.callout h2,
.landing-overlay .panel.callout h3,
.landing-overlay .panel.callout h4,
.landing-overlay .panel.callout h5,
.landing-overlay .panel.callout h6,
.landing-overlay .panel.callout p,
.landing-overlay .panel.callout li,
.landing-overlay .panel.callout dl {
color: #fff;
}
.landing-overlay .panel.callout h1,
.landing-overlay .panel.callout h2,
.landing-overlay .panel.callout h3,
.landing-overlay .panel.callout h4,
.landing-overlay .panel.callout h5,
.landing-overlay .panel.callout h6 {
line-height: 1;
margin-bottom: 0.6666666667rem;
}
.landing-overlay .panel.callout h1.subheader,
.landing-overlay .panel.callout h2.subheader,
.landing-overlay .panel.callout h3.subheader,
.landing-overlay .panel.callout h4.subheader,
.landing-overlay .panel.callout h5.subheader,
.landing-overlay .panel.callout h6.subheader {
line-height: 1.4;
}
.landing-overlay .icon-close {
color: #fff;
font-size: 2.4rem;
display: inline-block;
position: relative;
top: -3.3333333333rem;
right: -5.3333333333rem;
cursor: pointer;
}
.landing-overlay .pagination {
font-weight: 500;
margin: 2.6666666667rem auto 0;
text-align: center;
}
.landing-overlay .pagination li {
float: none;
display: inline-block;
margin-bottom: 0;
}
.landing-overlay .pagination li a {
width: 2.3333333333rem;
line-height: 2rem;
color: #fff;
font-size: 1.2rem;
border-radius: 100px;
border: 0.1333333333rem solid rgba(0, 0, 0, 0);
padding: 0;
}
.landing-overlay .pagination li a:hover,
.landing-overlay .pagination li a.active {
color: #fff;
border-color: #fff;
background-color: rgba(0, 0, 0, 0);
}
.landing-overlay .prev,
.landing-overlay .next {
position: absolute;
top: 50%;
font-size: 1.5rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.landing-overlay .prev .font-icon,
.landing-overlay .prev .font-icon:hover,
.landing-overlay .next .font-icon,
.landing-overlay .next .font-icon:hover {
color: #fff;
}
.landing-overlay .prev {
left: 2.6666666667rem;
}
.landing-overlay .next {
right: 2.6666666667rem;
}
.landing-overlay h3 {
font-size: 1.8rem;
font-weight: 400;
}
.landing-overlay p {
font-size: 1.3rem;
font-weight: 400;
}
.landing-overlay .no-list-item {
list-style-type: none;
margin-left: 0px;
}
.landing-overlay li {
font-size: 1.1rem;
line-height: 1.4rem;
margin-bottom: 1rem;
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
.landing-overlay {
top: 0;
left: 0;
padding: 0;
}
.landing-overlay .panel.callout {
padding: 2.6666666667rem 3.6666666667rem;
}
.landing-overlay .icon-close {
top: -1.6666666667rem;
right: -2.6666666667rem;
}
.landing-overlay .prev,
.landing-overlay .next {
position: fixed;
}
.landing-overlay .prev {
left: 1rem;
}
.landing-overlay .next {
right: 1rem;
}
}
.landing-logo {
height: 1.3333333333rem;
}
@media only screen and (max-width: 25.3333333333em), only screen and (min-width: 25.2666666667em) and (max-width: 42.6666666667em) {
.landing .panel.register .white {
display: block;
width: 100%;
text-align: left;
margin-bottom: 0.5rem;
}
}
.toc h2 {
font-size: 1.4rem;
margin-bottom: 0.8rem;
}
.toc h3 {
margin-bottom: 1rem;
}
.random-animate {
-webkit-transform: perspective(500px) rotateZ(0deg) translate3d(0, 0, 0px);
transform: perspective(500px) rotateZ(0deg) translate3d(0, 0, 0px);
-webkit-transition: 0.4s all;
transition: 0.4s all;
opacity: 1;
}
.random-animate-enter {
-webkit-transform: perspective(500px) rotateZ(10deg) translate3d(0, 20px, -1661px);
transform: perspective(500px) rotateZ(10deg) translate3d(0, 20px, -1661px);
opacity: 0;
}
.car-catalog .filters .form-group {
max-width: 20%;
float: left;
margin-right: 10px;
}
.car-catalog .filters .form-group select {
padding-right: 30px;
}
.car-catalog .filters .form-group select option {
text-transform: capitalize;
}
.car-catalog .filters datepicker {
width: 200px;
}
.car-catalog .filters datepicker .form-group {
max-width: unset;
}
.car-catalog .filters datepicker .form-group > div {
position: absolute;
}
.car-catalog .car-card {
position: relative;
border-radius: 5px;
overflow: hidden;
color: #3d3d3d;
transition: all 0.1s;
}
.car-catalog .car-card .tag {
position: absolute;
top: 10px;
left: 10px;
width: 80%;
}
.car-catalog .car-card .tag span {
border: 1px solid #585858;
background-color: #fff;
padding: 2px 8px;
min-width: 100px;
border-radius: 2px;
font-size: 95%;
color: #494949;
margin-right: 5px;
}
.car-catalog .car-card .tag span.green {
background-color: #28998a;
color: #fff;
}
.car-catalog .car-card .tag span.blue {
background-color: #3838dc;
color: #fff;
}
.car-catalog .car-card .color {
position: absolute;
top: 0;
right: 0;
display: flex;
width: 50%;
margin: 13px 13px 0 0;
align-items: center;
justify-content: flex-end;
}
.car-catalog .car-card .color div {
font-size: 90%;
margin-left: 5px;
}
.car-catalog .car-card .color span {
width: 15px;
height: 15px;
border-radius: 50%;
margin-left: 3px;
float: right;
border: 1px solid #eee;
}
.car-catalog .car-card .img {
background-color: #fff;
height: 250px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
}
.car-catalog .car-card .details {
background-color: #fff;
border: solid #e3e3e3;
border-width: 1px 0 0 0;
padding: 10px 20px;
}
.car-catalog .car-card .details strong {
font-size: 150%;
color: #383838;
}
.car-catalog .car-card .details .price {
margin-top: 5px;
}
.car-catalog .car-card .details .price span:nth-of-type(1) {
color: #0000c4;
font-weight: 400;
padding-right: 5px;
font-size: 150%;
}
.car-catalog .car-card .details .available {
color: green;
display: flex;
align-items: center;
opacity: 0.8;
}
.car-catalog .car-card .details .available svg {
width: 18px;
margin-right: 5px;
}
.car-catalog .car-card .details ul {
width: 100%;
margin: 15px 0 0 0;
border-top: 1px solid #eee;
padding: 15px 0 5px 0;
}
.car-catalog .car-card .details ul li {
display: inline-block;
padding: 0 8px;
border-right: 1px solid #eee;
font-size: 75%;
color: #353535;
}
.car-catalog .car-card .details ul li:first-child {
padding-left: 0;
}
.car-catalog .car-card .details ul li:last-child {
border: none;
}
.car-catalog .car-card:hover {
box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.1);
transform: scale(1.01);
z-index: 5;
}
.car-detail {
margin-top: 30px !important;
}
.car-detail .nav {
font-size: 80%;
margin-top: 20px;
}
.car-detail .col-l {
margin-top: 20px;
}
.car-detail .col-l .thumbs {
width: 75px;
float: left;
text-align: center;
height: 406px;
overflow: hidden;
position: relative;
}
.car-detail .col-l .thumbs span {
width: 100%;
height: 33px;
position: absolute;
left: 0;
border: 0;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.car-detail .col-l .thumbs span.hide {
opacity: 0;
cursor: default;
}
.car-detail .col-l .thumbs span svg {
width: 40px;
height: 40px;
opacity: 0.5;
}
.car-detail .col-l .thumbs span:first-of-type {
top: 0;
}
.car-detail .col-l .thumbs span:first-of-type svg {
transform: rotate(-90deg);
}
.car-detail .col-l .thumbs span:last-of-type {
bottom: 0;
}
.car-detail .col-l .thumbs span:last-of-type svg {
transform: rotate(90deg);
}
.car-detail .col-l .thumbs > ul {
margin: 0;
position: absolute;
top: 40px;
overflow: hidden;
height: 330px;
width: 100%;
}
.car-detail .col-l .thumbs > ul li {
list-style: none;
cursor: pointer;
border: 1px solid #eee;
margin-bottom: 8px;
height: 59px;
display: flex;
align-items: center;
justify-content: center;
transition: border-color 0.5s, transform 0.5s;
background-color: rgba(255, 255, 255, 0.404);
}
.car-detail .col-l .thumbs > ul li.active {
border-color: #3b3b3b;
}
.car-detail .col-l .thumbs > ul li img {
width: 100%;
background-color: rgba(255, 255, 255, 0.2);
}
.car-detail .col-l .monitor {
float: right;
width: calc(100% - 85px);
cursor: pointer;
overflow: hidden;
display: flex;
align-items: center;
max-height: 400px;
}
.car-detail .col-l .monitor img {
height: 100%;
transition: transform 0.5s;
}
.car-detail .col-l .results {
float: left;
width: 100%;
margin-top: 50px;
}
.car-detail .col-l .results table,
.car-detail .col-l .results thead,
.car-detail .col-l .results tbody {
width: 100%;
}
.car-detail .col-l .results table {
border: 1px solid rgba(154, 154, 154, 0.5490196078);
background: #c7d9d5;
}
.car-detail .col-l .results thead {
background-color: #a0b9bd;
}
.car-detail .col-l .results thead th {
padding: 10px;
}
.car-detail .col-l .results tbody tr {
background-color: #c9dbd7;
}
.car-detail .col-l .results tbody tr:nth-child(odd) {
background-color: #d2e1de;
}
.car-detail .col-l .results tbody tr td:nth-child(4) {
background-color: rgba(0, 128, 0, 0.05);
font-weight: bold;
}
.car-detail .col-l .data {
background-color: rgba(243, 243, 243, 0.6);
padding: 50px;
margin-top: 30px;
float: left;
}
.car-detail .col-l .data h2 {
color: #252525;
font-size: 230%;
}
.car-detail .col-l .data > span {
width: 33.333%;
padding: 10px;
float: left;
}
.car-detail .col-l .data > span small {
display: block;
margin-bottom: 2px;
font-size: 80%;
opacity: 0.7;
}
.car-detail .col-l .data > span svg {
width: 40px;
height: 40px;
float: left;
}
.car-detail .col-l .data > span span {
font-weight: 400;
}
.car-detail .col-l .furnish {
padding: 50px 0 30px 0;
margin-top: 30px;
float: left;
}
.car-detail .col-l .furnish h2 {
color: #252525;
font-size: 230%;
}
.car-detail .col-l .furnish strong {
margin-right: 10px;
}
.car-detail .col-l .furnish p {
margin-top: 10px;
}
.car-detail .col-l .furnish > span > div {
border: solid #afbab8;
border-width: 0 0 1px 0;
padding: 0;
position: relative;
}
.car-detail .col-l .furnish > span > div:last-child li {
margin: 0;
list-style: none;
}
.car-detail .col-l .furnish > span > div:last-child li img {
float: left;
width: 30%;
}
.car-detail .col-l .furnish > span > div:last-child li span {
float: right;
width: 50%;
font-size: 110%;
}
.car-detail .col-l .furnish > span > div:last-child li span strong {
padding: 0;
}
.car-detail .col-l .furnish > span > div:last-child li span strong:nth-of-type(2) {
margin-top: 10px;
}
.car-detail .col-l .furnish > span > div:last-child li p {
float: left;
margin-bottom: 15px;
}
.car-detail .col-l .furnish > span > div:first-child {
border-top-width: 1px;
}
.car-detail .col-l .furnish > span > div strong {
width: 100%;
padding: 20px 0;
float: left;
cursor: pointer;
text-transform: capitalize;
}
.car-detail .col-l .furnish > span > div.open svg {
transform: rotate(-90deg);
}
.car-detail .col-l .furnish > span > div.open ul {
height: auto;
}
.car-detail .col-l .furnish > span > div svg {
width: 20px;
transform: rotate(90deg);
transition: transform 0.3s;
position: absolute;
top: 20px;
right: 0;
}
.car-detail .col-l .furnish > span > div > ul {
margin: 0;
width: 100%;
overflow: hidden;
transition: height 0.5s;
height: 0;
}
.car-detail .col-l .furnish > span > div > ul > li {
padding-right: 5px;
font-size: 95%;
margin-left: 15px;
}
.car-detail .col-l .furnish > span > div > ul > li:last-child {
padding-bottom: 20px;
}
.car-detail .col-l a {
margin-bottom: 50px;
float: left;
}
.car-detail .col-r > * {
width: calc(100% - 30px);
float: right;
padding: 20px 0;
border-bottom: 1px solid rgba(163, 163, 163, 0.514);
}
.car-detail .col-r > *.color > * {
width: 50%;
}
.car-detail .col-r > * h1 {
color: #252525;
font-size: 230%;
}
.car-detail .col-r > * h1 img {
float: right;
width: 40px;
}
.car-detail .col-r > * h2 {
color: #252525;
font-size: 200%;
font-weight: bold;
line-height: initial;
margin-bottom: 30px;
}
.car-detail .col-r > * h3 {
margin: 20px 0 7px 0;
font-weight: 400;
font-size: 110%;
}
.car-detail .col-r > * h3:first-of-type {
margin-top: 0;
}
.car-detail .col-r > * span {
display: inline-block;
}
.car-detail .col-r > * svg {
margin-left: 5px;
position: relative;
top: 3px;
color: #0505bb;
cursor: pointer;
width: 20px;
}
.car-detail .col-r > * svg.green {
color: green;
}
.car-detail .col-r > * p.green {
display: inline-block;
margin-left: 5px;
}
.car-detail .col-r > * .space-top {
margin-top: 5px;
}
.car-detail .col-r > * .extra-space-top {
margin-top: 10px;
}
.car-detail .col-r > * .space-bottom {
margin-bottom: 5px;
}
.car-detail .col-r > *:first-child {
padding-top: 20px;
}
.car-detail .col-r > * .color-bullet {
float: right;
margin: 0;
text-align: right;
}
.car-detail .col-r > * .color-bullet li {
list-style: unset;
border-radius: 50%;
width: 21px;
height: 21px;
padding-top: 4px;
display: inline-block;
margin-left: 15px;
position: relative;
cursor: pointer;
border: 1px solid #b2b0b0;
}
.car-detail .col-r > * .color-bullet li.active:after {
border: 1px solid rgba(49, 49, 49, 0.6588235294);
content: ' ';
position: absolute;
width: 29px;
height: 29px;
top: -5px;
left: -5px;
border-radius: 50%;
}
.car-detail .col-r > * .grid._33 {
grid-template-columns: calc(33.333% - 6.666px) calc(33.333% - 6.666px) calc(33.333% - 6.666px);
grid-template-rows: auto;
gap: 10px;
display: grid;
}
.car-detail .col-r > * .grid._50 {
grid-template-columns: calc(50% - 5px) calc(50% - 5px);
grid-template-rows: auto;
gap: 10px;
display: grid;
}
.car-detail .col-r > * .grid .btn {
border: 1px solid rgba(154, 154, 154, 0.5490196078);
color: #3f3f3f;
padding: 5px 10px;
text-align: center;
color: #242424;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.144);
}
.car-detail .col-r > * .grid .btn.active {
background-color: #272b3e;
border-color: #272b3e;
color: #fff;
}
.car-detail .col-r > * .grid .btn.active small {
color: #a7a7a7;
}
.car-detail .col-r > * .grid .btn small {
font-size: 75%;
display: block;
color: #555;
}
.car-detail .col-r > * .price small {
font-size: 70%;
}
.car-detail .col-r > * .price span:first-child div {
font-weight: 400;
font-size: 300%;
line-height: 60%;
}
.car-detail .col-r > * .price span:first-child small {
color: #3d3d3d;
}
.car-detail .col-r > * .price span:last-child * {
float: right;
}
.car-detail .col-r > * .button {
width: 100%;
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
margin-top: 10px;
}
.car-detail .col-r > * iframe {
position: relative;
height: 20px;
width: 250px;
display: block;
overflow: hidden;
}
.car-detail .col-r > * .check-fix {
margin: 0;
}
.car-detail .col-r > * .check-fix li {
list-style: none;
width: 100%;
display: block;
font-size: 90%;
margin-bottom: 5px;
}
.car-detail .col-r > * .check-fix li svg {
margin: 0 10px 0 0;
top: 5px;
}
.car-detail .col-r > * .check-fix li svg path {
color: rgba(0, 59, 85, 0.4784313725);
}
.car-detail .col-r > * .check-fix li svg circle {
fill: rgba(243, 243, 243, 0.1882352941);
stroke: rgba(255, 255, 255, 0.5607843137);
}
.car-detail .alert {
background-color: red;
border-radius: 5px;
padding: 0 10px;
color: #fff;
margin: 0 0 10px 0;
}
.car-detail input[type='number']::-webkit-inner-spin-button,
.car-detail input[type='number']::-webkit-outer-spin-button {
opacity: 1;
}
.car-checkout table {
width: 100%;
margin: 0;
margin-bottom: 5px;
}
.car-checkout table th {
white-space: nowrap;
font-size: 80%;
background-color: rgba(204, 204, 204, 0.2588235294);
}
.car-checkout table strong {
font-size: 130%;
}
.car-checkout .address strong {
font-size: 110%;
margin-bottom: 10px;
display: block;
}
.car-checkout .license h2 {
font-size: 110%;
font-weight: bold;
margin-top: 20px;
}
.car-checkout .license .mainWrapper > img {
width: 45%;
margin: 2.5%;
}
.car-checkout .camera {
border: 2px dashed rgba(191, 191, 191, 0.7);
padding: 25px;
margin: 20px 0 30px 0;
position: relative;
height: 300px;
background-color: #fafbfb;
text-align: center;
box-sizing: content-box;
display: flex;
justify-content: center;
align-items: center;
}
.car-checkout .camera button,
.car-checkout .camera span {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.car-checkout .camera button {
bottom: -32px;
}
.car-checkout .camera span {
top: -11px;
padding: 1px 10px;
box-shadow: 0 2px 5px #ccc;
}
.car-checkout .camera span.warning {
background-color: #ff0;
width: 60%;
}
.car-checkout .camera span.hint {
background-color: #bed4cf;
width: 40%;
}
.car-checkout .camera video,
.car-checkout .camera canvas {
display: none;
}
.car-checkout .camera video,
.car-checkout .camera img {
width: 400px;
}
.car-checkout .camera.on video {
display: inline-block;
}
.car-checkout .camera.on img {
display: none;
}
#appLoading {
display: none;
}
.deferred-bootstrap-loading #appLoading {
display: block !important;
width: 100%;
height: 100%;
text-align: center;
}
#appError {
display: none;
}
.deferred-bootstrap-error #appError {
display: block !important;
background: red;
}
iframe {
border: none;
}
.video iframe,
.video-wrap iframe,
.ngdialog-content iframe {
margin: 0 auto;
width: 100%;
height: 100%;
}
.uc-embedding-container {
width: inherit !important;
min-height: inherit !important;
}
.uc-embedding-container .uc-embedding-wrapper {
min-width: calc(100% - 12px);
scrollbar-width: none;
}
.uc-embedding-container .uc-embedding-wrapper::-webkit-scrollbar {
display: none;
}
#app-loader {
display: block !important;
width: 100%;
height: 100%;
text-align: center;
}
.error-snackbar {
min-width: 400px;
background: #e65441;
color: #fff;
}
.blue-snackbar {
min-width: 500px;
background: #0496d8;
color: #fff;
}