/*
 * This file is subject to the terms and conditions defined in
 * file 'LICENSE.txt', which is part of this source code package.
 *//* 
    Created on : 22.11.2018, 03:17:51
    Author     : Oliver
*/

.editor{
    padding:2cm;
}

.editor h1{
    margin-top:2cm;
    margin-bottom:1.0cm;
    display:inline-block;
    font-size:0.75cm;
}

.editor h3{
    page-break-after:avoid;
    position:relative;
    margin-top:0.8cm;
    margin-bottom:0.4cm;
}

.editor h4{
    margin-top:0.8cm;
    margin-bottom:0.4cm;
    display:inline-block;
    font-size:0.4cm;
}

.editor h3 + h4{
    margin-top:0;
}

.editor p{
    margin-top:0;
}

.editor h3 > .number, .editor h4 > .number{
    display:inline-block;
    width:12mm;
}
.editor h3 > .number::after, .editor h4 > .number::after{
    content: "";
    display:inline;
}

.editor button{
    position:relative;
}

.editor button > a{
    top:0;
    left:0;
    position:absolute;
    display:block;
    width:100%;
    height:100%;
}

.page .row{
    display:block;
    border-bottom:0.1mm solid #aaa;
    position:relative;
}

.editor .reset_button::before{
    content:'✎';
}

.editor .reset_button{
    display:block;
    width:4.5mm;
    height:3mm;
    position:absolute;
    left:-5mm;
    top:0.8mm;
}

.editor .reset_button:hover{
    cursor:pointer;
    opacity:0.8;
}

form .row p{
    margin: 0;
}

.editor input{
    border:none;
    width:100%;
}
.editor input[type="checkbox"], .editor input[type="radio"]{
    width:11pt;
    margin: 0 3pt 0 0;
	position:relative;
}
.editor input[type="checkbox"]{
	top:1pt;
}
.editor input[type="radio"]{
	top:1pt;
}
.editor .form_section{
    overflow-y:hidden;
    max-height:29.7cm;
    opacity:1;
    transition: opacity 0.5s ease-in-out;
}
.editor .form_section[data-active='false']{
    max-height:0;
    opacity:0;
}
.editor .radio_selection{
    position:relative;
}
.editor .radio_selection label{
    display:inline-block;
}
.editor .checkbox_selection label{
    display:inline-block;
    margin-right:5mm;
}
.editor label span{
    display:inline-block;
    vertical-align:top;
    top:0.2mm;
    position:relative;
}
.editor .radio_selection label:not(:last-child),
.editor .checkbox_selection label:not(:last-child){
    margin-right:5mm;
}
.editor .fr-view, .editor input:not([readonly]){
    position:relative;
    background-color:#EEE;
}
.editor input[type="date"][readonly]{
    color:black;
    opacity:1;
}
editor input[readonly]::-webkit-calendar-picker-indicator,
editor input[readonly]::-webkit-inner-spin-button {
    display: none;
}
.editor .fr-wrapper .fr-placeholder{
    color:black;
}
.editor .fr-view::before{
    content:'';
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    z-index:-1;
}
.editor .fr-view::before, .editor input{
    box-sizing:border-box;
}
.editor .fr-view:hover, .editor input:hover{
    opacity:0.8;
}
.editor table td:first-child{
    padding-left:0;
    padding-right:0.2cm;
}
.editor table td{
    border-bottom:0.1mm solid #555;
    padding-top:0.1cm;
    padding-bottom:0.25cm;
}
.editor table .fr-view{
    margin:0;
}
.editor table .fr-wrapper{
    height:100%;
}
.editor table p:first-child{
    margin-top:0;
}
.editor table p:last-child{
    margin-bottom:0;
}
.editor li, .editor footer{
    page-break-inside:avoid;
}
.editor .signature{
    width:5cm;
    height:2cm;
    border-bottom:0.1mm solid #555;
}
.editor .fr-view blockquote{
    color:#555;
    border-left:solid 0.5mm #888;
}
.editor .inline-date{
    display:inline-block;
    width:5cm;
    padding-left:1mm;
}

.editor > .tools{
    position:relative;
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:21cm;
    padding:0.5cm;
    box-sizing:border-box;
    background-color:white;
    box-shadow: rgba(0,0,0,0.5) 0px 0px 0.5cm;
}

.editor > .tools > .row{
    height:1.0cm;
}

.editor > .tools a{
    vertical-align:top;
}

.editor > .tools[data-attached="true"]{
    position:fixed;
    top:0;
    left:50%;
    transform:translate(-50%,0);
    z-index:1000;
}

.editor > .tools > .row:not(:last-child){
    margin-bottom:0.2cm;
}

.editor > .tools::before{
    content:'';
    display:block;
    position:absolute;
    top:0mm;
    left:0mm;
    width:21cm;
    background-color:white;
    border-radius:0mm;
    transition:all 0.1s ease-in-out;
    z-index:-1;
}

.editor > .tools[data-attached="true"]::before{
    top:-2mm;
    left:-0.5cm;
    width:22cm;
    border-radius:2mm;
}

.editor > .tools button{
    display:inline-block;
    margin-right:2mm;
    width:4cm;
    height:1cm;
    border-radius:2mm;
    background-color:#2c6bb0;
    border:none;
    box-shadow: rgba(0,0,0,0.2) 0.2mm 0.2mm 0.4mm;
    color:white;
    font-weight:bold;
    vertical-align:top;
}

.editor > .tools button:hover{
    cursor:pointer;
    background-color:#46c8ff;
}

button.save_document::before{
    content:'Speichern'
}

button[data-disabled="true"]{
    pointer-events:none;
    opacity:0.5;
}

button.download_document::before{
    content:'PDF'
}

.editor > .tools button.close_document{
    width:1cm;
    float:right;
    margin-right:0;
}

button.close_document::before{
    content:'✖'
}

.specify{
    display:inline-block;
    box-sizing: border-box;
    width:100%;
    height:1cm;
    float:right;
}
.specify > form{
    height:100%;
}
.specify .dropdown{
    width:100%;
    height:100%;
    border:none;
    font-size:4mm;
    font-weight:bold;
}
.editor footer table{
    margin-top:1cm;
}
.editor footer table td{
    vertical-align:top;
    border:none;
    position:relative;
}
.editor footer table input{
    width:5cm;
}

.document_date{
    display:inline-block;
    width:5cm;
    position:relative;
    margin-left:5mm;
}

.wysiwyg{
    position:relative;
}

.date_span_part{
    position:relative;
    width:100%;
    display:inline-block;
}

.date_span_part .reset_button{
    margin-left:-1cm;
    text-align:left;
    margin-top:-2px;
}

@media screen and (max-width:800px), screen and (max-device-width:800px){
    .editor body{
        padding:0cm;
    }
}

@media print{
    body{
        margin:0cm;
        padding:0cm;
        background:transparent;
    }
    .toolbar{
        display:none;
    }
    .specify{
        display:none;
    }
    .editor{
        margin:0;
        padding:0;
    }
    .editor > .tools{
        display:none;
    }
    .editor .fr-view, .editor input{
        background:transparent;
    }
}