/** CSS 12 06 2024  **/
.webform-flexbox {width:60%; margin:12px auto;}

.webform-flex--1, .webform-flex--2, .webform-flex--3, .webform-flex--4, .webform-flex--5, .webform-flex--6 {margin:8px;}

.webform-options-display-buttons label.webform-options-display-buttons-label {border: none; padding:0;}



input.form-text, input.form-tel, input.form-email, input.form-url, input.form-search, input.form-file, input.form-number, input.form-color, textarea.form-textarea, input.data-drupal-selector {
    color: #3b3b3b;
    border: 1px solid #aaaaaa;
    padding: 12px;
    }

.webform-options-display-buttons label.webform-options-display-buttons-label {background:none;}

.select2-container--default .select2-selection--single .select2-selection__arrow b{top:100%;}

.js-webform-select2 .webform-select2 .form-select {    padding: 12px;
    border: #cccccc thin solid;
  color: #666666;}

.select2-container--default .select2-selection--single .select2-selection__rendered {text-align:left; color: #666666;}


.iti {
    
  margin: 8px;
  margin-top: 10px;
  position: relative;
    display: inline-block;
    padding:right:10px;
    height:54px;
    width:auto;
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=tel], .iti--allow-dropdown input[type=text], .iti--separate-dial-code input, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code input[type=text] {height:48px;}

.select2-container--default .select2-selection--single {
    color:#666666;  
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 0px;
    margin-top:6px;
    padding-top:10px;
    height:48px;
}


.form-item input.error, .form-item textarea.error, .form-item select.error
{color:#ff8300;}

.webform-flex--container{text-align: center;}

.submitBtn {float:none; background:#ffffff; padding:16px 24px; border: 3px solid #ff8300; color:#004a88; letter-spacing:1.3px; border-radius: 0; margin:0 auto;}

.webform-button--submit submitBtn button button--primary js-form-submit form-submit {margin:0 auto;}

.ui-dialog .ui-dialog-titlebar {
    border: none!important;
    background: #ffffff!important;
    font-weight: bold!important;
    color: #000000!important;
  text-decoration: none!important;
}

.ui-button .ui-icon  {text-decoration: none!important; border:none!important;}



@media(max-width:830px) {
  .webform-flexbox {width:95%; margin:12px auto;}
}