/* Created on : 31-okt-2019, 10:37:14
 * Copyright © 2022 BBH-Projects - All Rights Reserved
 * Author: Gerard van Beijeren
 * Author URI: http://bbh-projects.com/
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.

*/

#omgevingshuis_widget {
    width:100%;
    border-radius:3px;
    background:white;
    padding:60px 20px 20px 20px;
    font-size:1em;
    position:relative;
}

#omgevingshuis_widget #omgevingshuis-logo {
    position:absolute;
    left:50%;
    top:0;
    transform:translate(-50%,-50%);
    padding:10px;
    background-color:#f47821;
    border-radius: 50% 50%;
}
#omgevingshuis_widget #omgevingshuis-logo > div {
    border-radius: 50% 50%;
    background-color:white;
    padding:10px;
}
#omgevingshuis_widget #omgevingshuis-logo > div > div {
    border-radius: 50% 50%;
    width:20px;
    height:20px;
    background-color:#f47821;
}
#omgevingshuis_widget form {
    max-width:800px;
    margin:auto;
}

#omgevingshuis_widget h3 {
    border: medium none;
    padding: 2px 0 0 0;
    position: relative;
    margin: 0 0 16px 0;
    clear: none;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 1.25em;
    text-align:center;
}
#omgevingshuis_widget a {
    
}
#omgevingshuis_widget a:hover {
    text-decoration:none;
}
#omgevingshuis_widget a.button.expand {
    margin-right:10px;
    display:inline-block;
}
#omgevingshuis_widget a.button:last-child {
    margin-right:0px;
}
#omgevingshuis_widget a.button span {
    
}
#omgevingshuis_widget textarea.omgevingshuis_textarea,
#omgevingshuis_widget input.omgevingshuis_input,
#omgevingshuis_widget select.omgevingshuis_select {
    border:1px solid #e5e5e5;
    border-radius:3px;
    background-color:#f5f5f5;
    display: inline-block;
    width:50%;
    vertical-align:top;
}
#omgevingshuis_widget textarea.omgevingshuis_textarea.form_error,
#omgevingshuis_widget input.omgevingshuis_input.form_error,
#omgevingshuis_widget select.omgevingshuis_select.form_error {
    border:1px solid red;
}
#omgevingshuis_widget input.omgevingshuis_input.fw {
    width:97%;
    background-color:#f5f5f5;
}
#omgevingshuis_widget input.omgevingshuis_input.hw {
    width:48%;
    margin-right:1%;
    background-color:#f5f5f5;
}
#omgevingshuis_widget input.omgevingshuis_input.qw {
    width:23%;
    margin-right:1%;
    background-color:#f5f5f5;
}

#omgevingshuis_widget textarea.omgevingshuis_textarea {
    min-height:100px;
    width:97%;
}
#omgevingshuis_widget .omgevingshuis-icon {
    float: left;
    margin: 2px 10px 0 0;
    height: 23px;
    width: 23px;
    font-size: 23px;
    line-height: 18px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align: center;
    float: none;
    position: absolute;
    left: 50%;
    top: -26px;
    margin: 0 0 0 -26px;
    padding: 15px;
    border-radius: 50% 50%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 20px;
    line-height: 24px;
    background-color: #719430;
    color: #ffffff;
    border-color: #507210;
}
#omgevingshuis_widget .omgevingshuis_content_title {
    font-size: 1.25em;
}
#omgevingshuis_widget .omgevingshuis_content_container {
    font:inherit;
    text-align: center;
}
#omgevingshuis_widget .omgevingshuis_wizard_indicator {
    margin-bottom:20px;
}
#omgevingshuis_widget .omgevingshuis_wizard_indicator_step {
    background:#e5e5e5;
    border-radius:50% 50%;
    width:10px;
    height:10px;
    margin-right:20px;
    display:inline-block;
    vertical-align:middle;
}
#omgevingshuis_widget .omgevingshuis_wizard_indicator_step:last-child {
    margin-right:0px;
}
#omgevingshuis_widget .omgevingshuis_wizard_indicator_step.active {
    background-color: #f47821;
    
}
.omgevingshuis_wizard_step {
    display:none;
    position:relative;
    overflow:hidden;
}
.omgevingshuis_wizard_step.active {
    display:block;
}
#omgevingshuis_wizard_omvang,
#omgevingshuis_wizard_omvang h3{
    text-align:left;
}
.omgevingshuis_wizard_omvang_specificeren,
.omgevingshuis_wizard_opties_specificeren {
    text-align:left;
}
.omgevingshuis_wizard_omvang_specificeren a,
.omgevingshuis_wizard_opties_specificeren a {
    cursor:pointer;
}
#top .widget ul.opties-child-group {
    margin-bottom:20px;
}

#omgevingshuis_wizard_opties,#omgevingshuis_wizard_omvang {
    margin-bottom: 200px;
    display:none;
}
#omgevingshuis_wizard_opties,
#omgevingshuis_wizard_opties h3 {
    text-align:left;
}

#omgevingshuis_wizard_opties ul,
#omgevingshuis_wizard_opties ul li {
    list-style:none;
    padding:0;
    margin:0;
}
#omgevingshuis_wizard_opties ul li {
    margin-left:20px;
}
.zelfde_adres {
    display:none;
    margin-bottom: 20px;
}
.factuur_adres {
    display:none;
    margin-bottom: 20px;
    border-bottom:1px dashed #666;
}
#omgevingshuis_widget select.omgevingshuis_select {
    width:100%;
}

#omgevingshuis_widget select#omgevingshuis_widget_select_week,
#omgevingshuis_widget select#omgevingshuis_widget_select_maand,
#omgevingshuis_widget select#omgevingshuis_widget_select_jaar {
    max-width: 80px;
    display:none;
}
#omgevingshuis_widget span.omgevingshuis_widget_select_span {
    display:none;
}

#omgevingshuis_widget .omgevingshuis_widget_checkbox_placeholder {
    min-width: 120px;
    display: inline-block;
    text-align: left;
}
#omgevingshuis_widget #omgevingshuis_wizard_tarief_toggle {
    cursor:pointer;
}
#omgevingshuis_widget #omgevingshuis_wizard_tarief_panel {
    display:none;
}

.dropzone.dz-clickable.avia-color-theme-color {
    background:none;
    color: #636363;
}
#omgevingshuis_widget .overzicht-blok,
#omgevingshuis_widget .overzicht-label {
    text-align:left;
}
#omgevingshuis_widget .bijlageVerwijderen {
    display:inline-block;
}
#omgevingshuis_widget #omgevingshuis_upload_attachments_result {
    display: inline-block;
}
#omgevingshuis_widget #omgevingshuis_upload_attachments_result ul {
    list-style:none;
    padding:0;
    margin:0;
}
#omgevingshuis_widget #omgevingshuis_upload_attachments_result ul li {
    list-style:none;
    padding:0;
    margin:0;
    line-height:20px;
}
#omgevingshuis_widget .overzicht-blok-content ul,
#omgevingshuis_widget .overzicht-blok-content ul li {
    list-style:none;
    padding:0;
    margin:0;
    line-height:20px;
} 
#omgevingshuis_widget p.open_omgevingshuis_logout_p,
#omgevingshuis_widget p.open_omgevingshuis_login_form_p {
    text-align:center;
}
#omgevingshuis_widget p.open_omgevingshuis_logout_p {
    display:none;
}
#omgevingshuis_widget p.open_omgevingshuis_logout_p a,
#omgevingshuis_widget p.open_omgevingshuis_login_form_p a {
    cursor:pointer;
}
#omgevingshuis_widget #omgevingshuis_login_form {
    display:none;
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:white;
}
#omgevingshuis_widget #omgevingshuis_login_form > div {
    width:50%;
    height:50%;
    position:absolute;
    left:50%;
    top:50%;
    z-index:2;
    transform:translate(-50%,-70%);
}
#omgevingshuis_widget #omgevingshuis_widget p.error,
#omgevingshuis_widget #omgevingshuis_login_form p.error,
#omgevingshuis_widget #omgevingshuis_login_form p.error_email {    
    color:red;
    font-style:italic;
}

#omgevingshuis_widget #omgevingshuis_register_form {
    display:block;
}
#omgevingshuis_widget #omgevingshuis_wizard_tarief_selecteer_alle {
    cursor:pointer;
}
#omgevingshuis_widget .omgevingshuis_wizard_options_panel {
    padding:15px 15px 15px 15px;
    border:1px solid #e5e5e5;
    margin:15px 12px;
    
}
@media (min-width: 768px) {
    #omgevingshuis_widget select.omgevingshuis_select {
	width:50%;
    }
}