/* PROBLEEM/VRAGEN MELDING KNOPPEN */

/* Button used to open the contact form - fixed at the bottom of the page */
.open-button-question {
    background-color: #e1e1e1;
    color: #008a00;
    border: 1px;
    border-radius: 3px;
	font-size: 13px;
	font-weight:bold;
    padding: 10px 5px; /* t-r-b-l */
    cursor: pointer;
    opacity: 0.85;
    position: fixed;
    bottom: 15px;
    left: 15px;
    width: 130px;
}

/* Button used to open the contact form - fixed at the bottom of the page */
.open-button-problem {
    background-color: #e1e1e1;
    color: #ed0000;
    border: 1px;
    border-radius: 3px;
	font-size: 13px;
    font-weight:bold;
    padding: 10px 5px; /* t-r-b-l */
    cursor: pointer;
    opacity: 0.85;
    position: fixed;
    bottom: 15px;
    left: 160px;
    width: 210px;
}

.open-button-FAQ {
    background-color: #e1e1e1;
    color: #404040;
    border: 1px;
    border-radius: 3px;
	font-size: 13px;
	font-weight:bold;
    padding: 10px 5px; /* t-r-b-l */
    cursor: pointer;
    opacity: 0.85;
    position: fixed;
    bottom: 15px;
    left: 385px;
    width: 75px;
}

.form-container2 input[type="text"], .form-container2 input[type="password"] {
    width: 100%;
    padding: 15px; /* t-r-b-l */
    margin: 5px 0 22px 0;
    border: none;
    background: #f1f1f1;
}

.form-container2 {
    max-width: 400px;
    padding: 10px; /* t-r-b-l */
    background-color: white;
    line-height: 1.2;
}

.form-container2 .btn {
    background-color: #4CAF50;
    color: white;
    padding: 16px 20px; /* t-r-b-l */
    border: none;
    cursor: pointer;
    width: 100%;
    margin-bottom: 10px;
    opacity: 1;
}

.form-container2 .cancel {
    background-color: #FF3E3E;
}

/* BEGIN indicatieve berekeningen debug screen */

.form-popup-indicatieveberekeningdebug {
    display: block;
    position: fixed;
    overflow-y: auto; /* verticale scrollbalk indien nodig */
    border: 1px solid #f00;
    z-index: 9;
    min-height: 50%;
    max-height: 90vh; /* voorkomt dat hij buiten het scherm groeit */
    right: 15px;
    top: 100px;
    width: 600px;
    background: #fff; /* optioneel, voor betere leesbaarheid */
}

.form-container-indicatieveberekeningdebug {
    padding: 10px; /* t-r-b-l */
    background-color: #ffffe0;
    line-height: 1.2;
    min-height: 100%;
    opacity: 0.9;
    color: black;

}

.form-container-indicatieveberekeningdebug textarea,.form-container-indicatieveberekeningdebug input, .form-container-indicatieveberekeningdebug table {
    /*background-color: green;*/
    width:100%;
    font-size: 11px;
}

/* END indicatieve berekeningen debug screen */

/* BEGIN stukkenuploadpercentage */

.form-stukkenuploadpercentage {
    display: block;
    position: fixed;
    right: 15px;
    bottom: 15px;
    border: 1px solid #bf002a;
    width: 110px;
    height: 80px;
    /*min-height: 10%;*/
    z-index: 9;
}

.form-container-stukkenuploadpercentage {
    padding: 10px; /* t-r-b-l */
    background-color: #808080;
    line-height: 1.2;
    min-height: 100%;
    opacity: 0.9;
    color: black;
    text-align: center;
    font-weight:bold;
}

.form-inside-stukkenuploadpercentage {
    font-size: 14px;
    color: #ed0000;
}

.form-inside-stukkenuploadpercentageprocent {
    font-size: 36px;
    color: black;
}

.form-drop-file-zone {
    padding: 5px 10px 22px 10px;

}

/* END stukkenuploadpercentage */


/* The popup form - hidden by default */
.form-popup {
    display: none;
    position: fixed;
    right: 15px;
    bottom: 15px;
    border: 0px solid #e1e1e1;
    z-index: 9;
}

/* Add styles to the form container */
.form-container {
    max-width: 400px;
    padding: 10px; /* t-r-b-l */
    background-color: white;
    line-height: 1.2;
}

/* When the inputs get focus, do something */
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
    background-color: #F6F6F6;
    outline: none;
}

/* Set a style for the submit/login button */
.form-container .btn {
    background-color: #4CAF50;
    color: white;
    padding: 16px 20px; /* t-r-b-l */
    border: none;
    cursor: pointer;
    width: 100%;
    margin-bottom:10px;
    opacity: 1;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
    background-color: #FF3E3E;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
    opacity: 1;
}

.sentnotice {
    color: #FF3E3E;
    font-weight:bold;
}

#koptekstformulier {
    font-weight: bold;
    font-size: 14px;
}

/* PROBLEEM/VRAGEN MELDING KNOPPEN END */

#drop_file_zone {
    background-color: #EEE;
    border: #999 5px dashed;
    width: 100%;
    height: 130px;
    padding: 8px;
    font-size: 18px;
}
#drag_upload_file {
    width:50%;
    margin:0 auto;
}
#drag_upload_file p {
    text-align: center;
}
#drag_upload_file #selectfile {
    display: none;
}