/* FONT FACES */

@font-face {
    font-family: 'Officina-Sans-Bold';
    src: url(/css/fonts/Officina-Sans-Bold.eot);
    src: url(/css/fonts/Officina-Sans-Bold.woff2) format("woff2"), url(/css/fonts/Officina-Sans-Bold.woff) format("woff"), url(/css/fonts/Officina-Sans-Bold.ttf) format("truetype"), url(/css/fonts/Officina-Sans-Bold.svg) format("svg"); }

@font-face {
    font-family: 'Officina-Sans-Medium';
    src: url(/css/fonts/Officina-Sans-Medium.eot);
    src: url(/css/fonts/Officina-Sans-Medium.woff) format("woff"), url(/css/fonts/Officina-Sans-Medium.ttf) format("truetype"), url(/css/fonts/Officina-Sans-Medium.svg) format("svg"); }

@font-face {
    font-family: 'Officina-Sans-Regular';
    src: url(/css/fonts/Officina-Sans-Regular.eot);
    src: url(/css/fonts/Officina-Sans-Regular.woff) format("woff"), url(/css/fonts/Officina-Sans-Regular.ttf) format("truetype"), url(/css/fonts/Officina-Sans-Regular.svg) format("svg"); }

@font-face {
    font-family: 'kruidvat-icons';
    src: url(/css/fonts/kruidvat-icons.eot);
    src: url(/css/fonts/kruidvat-icons.eot#iefix) format("embedded-opentype"), url(/css/fonts/kruidvat-icons.woff2) format("woff2"), url(/css/fonts/kruidvat-icons.woff) format("woff"), url(/css/fonts/kruidvat-icons.ttf) format("truetype"), url(/css/fonts/kruidvat-icons.svg#kruidvat-icons) format("svg");
    font-weight: normal;
    font-style: normal; }


html {
    font-size: 13px;
}
body,.application {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.main-menu,h1 {
    font-family: 'Officina-Sans-Bold',sans-serif!important;
}

h1 {
    text-transform: uppercase;
    font-size: 1.4em;
}

h1 small {
    color: #e32219!important;
}

.v-card__text ol li strong {
    padding-left: 5px;
}

.padding-15-no-bottom {
    padding: 20px 40px 0px 40px!important;
}

.margin-16-no-top {
    margin: 0px 16px 16px 16px!important;
}

.padding-16-no-top {
    padding: 0px 16px 16px 16px!important;
}

.padding-16 {
    padding: 16px!important;
}

.padding-40 {
    padding: 40px!important;
}

.padding-40-small-top {
    padding: 20px 40px 40px 40px!important;
}

.main-menu {
    width: 100%!important;
}

.main-menu .v-list__tile__title {
    font-size: 1.5em;
}

.main-menu .v-list__tile{
    height: 55px!important;
    padding: 0px 30px;
}

.main-menu-logo .v-image__image--contain{
    background-size: unset!important;
}

.main-menu .v-list__tile--active, .main-menu .v-list__tile__title:hover, .main-menu .v-list__tile__title:focus{
    color: #7b7b7b!important;
}

.ql-video {
    display:block;
    width:100%;
    height: 212px;
}

.v-btn--block--footer .v-btn__content,.v-btn--prev--next .v-btn__content {
    font-size: 16px;
}

.v-btn--prev--next,
.v-btn__use-photo {
    height: 50px!important;
}

.v-btn--footer--direct_photo {
    font-family: 'Officina-Sans-Regular';
    text-align: center;
    font-size:  0.9rem;
    margin-bottom: 5px;
}

.v-btn--footer--direct_photo a{
    color: #000000;
}

.v-btn--footer--direct_photo label {
    color: #000000;
    text-decoration: underline;
}

.input-button--hide {
    display: none!important;
}

.menu-photo {
    color: #e32219;
}

.v-btn--floating.v-btn--large {
    width: 90px!important;
    height: 90px!important;
}

.v-btn--floating.v-btn--large .v-icon {
    font-size: 40px!important;
}

.empty-button {
    margin:15px 0 25px 40px!important;
    padding: 0px!important;
    width:0px!important;
    background-color: #ffffff!important;
    box-shadow: none!important;
}

.icon {
    font-family: "kruidvat-icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /*opacity: .8;*/
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    font-size: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);*/
}

.icon-kruidvat-arrow::before {
    content: '\E80D';
}

.icon.icon-white {
    color: #ffffff!important;
}

.icon.rotate-90 {
    transform: rotate(180deg)!important
}

/*<i class="icon icon-kruidvat-arrow"></i>*/

.theme--light.application {
    background: #ffffff!important;
}

.main-menu {
    background-color: #FCE300!important;
}

ol {
    margin-bottom: 10px;
}

ol li {
    line-height: 28px;
}

.v-toolbar__content {
    padding: 0 40px!important;
}

.v-footer--fixed {
    background: linear-gradient(to bottom, #edeef0 0%,#edeef0 50%,#ffffff 50%,#ffffff 100%)!important;
    z-index: 25;
}

.v-footer--fixed.background-white .container {
    background: #ffffff!important;
}

.v-btn-showmenu {display: none!important;}
.v-btn-showmenu.showmenu {display: block!important;margin-bottom: 10px;}

.v-btn--menu-label {
    font-family: 'Officina-Sans-Bold';
    background-color: transparent!important;
    box-shadow: none!important;
    height: 20px!important;
    bottom: 75px!important;
}
.v-btn__use-photo {
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
}

.v-btn__use-photo,.v-btn__go-back, h2.order {
    font-family: 'Officina-Sans-Bold'!important;
    font-size: 16px!important;
    -webkit-box-shadow: 0px 0!important;
    -moz-box-shadow: 0px 0!important;
    box-shadow: 0px 0!important;
}

h1.headline {
    font-family: 'Officina-Sans-Bold'!important;
    font-size: 19px!important;
}

.padding-around-progress {
    padding: 0px 40px 20px 40px;
}

.v-input__slot {
    -webkit-box-shadow: 0px 0!important;
    -moz-box-shadow: 0px 0!important;
    box-shadow: 0px 0!important;
    padding: 0px!important;
}

.v-input__slot .v-text-field__slot input{
    font-size: 0.9em!important;
    padding: 0px!important;
    min-height: 35px!important;
}

.v-input__slot .v-text-field__slot {
    border: 2px solid #000000!important;
    padding: 0px 10px!important;
}

.v-input__slot .v-text-field__slot label{
    font-size: 0.8em!important;
    padding: 0px 10px;
}

.v-input--checkbox .v-input__slot label{
    font-size: 0.8em!important;
    color: #000000!important;
}

.v-input--selection-controls__input input {
    color: #000000!important;
    border-radius: 0px!important;
}

.v-text-field--single-line .v-select__slot {
    border: 2px solid #000000!important;
}

.v-text-field--single-line .v-select__slot label {
    font-size: 0.8em!important;
    padding: 0px 10px!important;
}

.v-card__title {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    border: 2px solid #000000;
}

p {font-family: 'Officina-Sans-Regular',sans-serif!important;}

/*.fill-height {background-color: #edeef0!important;}*/

.v-cls-header,.background-white {
    background-color: #ffffff!important;
}

.backgroundwhite .fill-height {
    background-color: #ffffff!important;
}
.backgroundgray .fill-height{
    background-color: #edeef0!important;
}

#rotate {
    background: url('/img/scale-message.png');
    width: 100%!important;
    height: 100%!important;
    min-height: 100vh!important;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

@media only screen and (orientation:landscape){
    #rotate{ display:block; }
    #cewe{ display:none; }
}
@media only screen and (orientation:portrait){
    #rotate{ display:none; }
    #cewe{ display:block; }
}