form.webform-submission-form.webform-submission-add-form,
form.webform-submission-form.webform-submission-add-form .webform-section-wrapper fieldset .fieldset-wrapper,
form.webform-submission-form.webform-submission-add-form .webform-section-wrapper,
form.webform-submission-form.webform-submission-add-form .webform-section-wrapper fieldset,
form.webform-submission-form.webform-submission-add-form fieldset .fieldset-wrapper,
form.webform-submission-form.webform-submission-add-form fieldset,
form.webform-submission-form.webform-submission-add-form>div td,
.webform-multiple-add.js-webform-multiple-add.container-inline,
.form-checkboxes,
.webform-submission-form,
div#edit-container{
  display: flex !important;
  flex-wrap: wrap !important;
  flex-basis: 100%;
  justify-content: space-between !important;
  align-items: flex-start;
}

input#edit-submit {
    margin-top: 30px !important;
}

.webform-submission-form,
.form-select,
.form-wrapper{
    width: 100%;
}

label.option {
    display: flex !important;
    align-items: center !important;
}

fieldset[data-drupal-selector="edit-full-name"] .form-item {
    flex-basis: 32% !important;
}

fieldset {
    margin: 30px 0;
}

.webform-element--title-inline,
.js-form-type-textfield,
div#ajax-wrapper,
.js-form-type-tel,
.js-form-type-textarea,
.js-form-type-select,
.js-form-type-email{
    margin: 10px 0;
}

.webform-section{
  flex-basis: 100% !important;
}

.js-form-item,
div#ajax-wrapper,
.js-webform-select2,
.captcha{
  flex-basis: 49%;
}

.js-webform-select2 {
    flex-basis: 49% !important;
}

.views-exposed-form input {
  width: 100%;
  padding: 10px;
}

.webform-multiple-add.js-webform-multiple-add.container-inline {
  align-items: flex-end;
}

form.webform-submission-form.webform-submission-add-form tr.draggable td {
  flex-basis: 100%;
}


.image-button {
    width: auto !important;
    height: auto !important;
}

/****** date min to max style ******/

@media(min-width: 768px) {
  .js-form-item.form-item.js-form-type-textfield.form-item-date-min.js-form-item-date-min {
    margin-left: 0 !important;
    display: flex;
  }
  .js-form-item.form-item.js-form-type-textfield.form-item-date-min.js-form-item-date-min input {
    border-left: 0 !important;
    border-radius: 0 4px 4px 0 !important;
    flex-basis: 100%;
  }
  .js-form-item.form-item.js-form-type-textfield.form-item-date-max.js-form-item-date-max {
    margin-right: 0 !important;
    display: flex;
  }
  .js-form-item.form-item.js-form-type-textfield.form-item-date-max.js-form-item-date-max input {
    border-right: 0 !important;
    border-radius: 4px 0 0 4px !important;
    flex-basis: 100%;
  }
  .js-form-item.form-item.js-form-type-textfield.form-item-date-min.js-form-item-date-min:after {
    content: "-";
    position: absolute;
    top: 15px;
    left: 0;
  }
  .js-form-item.form-item.js-form-type-textfield.form-item-date-min.js-form-item-date-min {
    position: relative;
  }
  .js-form-item.form-item.js-form-type-textfield.form-item-date-max.js-form-item-date-max label {
    display: none;
  }
}

/****** select tag style ******/

form.webform-submission-form.webform-submission-add-form select {
  padding: 1.22em 1em 1.22em 1em;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
  background: #f2f3f5 !important;
  background-image: none;
}

form.webform-submission-form.webform-submission-add-form .js-form-type-select:after {
  content: '\25BC';
  position: absolute;
  bottom: 19px;
  left: 17px;
  color: #6f6f6f;
  padding: 0 0em;
  background: #f2f3f5;
  cursor: pointer;
  pointer-events: none;
  font-size: 7px;
}

/****** checkbox tag style ******/

form.webform-submission-form.webform-submission-add-form input:not(.form-checkbox):not(.form-radio) {
  margin: 0;
  height: 50px;
  width: 100%;
  border-radius: 4px;
  box-shadow: none !important;
  border: 1px solid #dcdcdc;
  padding: 10px 20px;
}

/****** upload file element style ******/

.form-managed-file>input {
  flex-basis: 50%;
}

.form-managed-file {
  display: flex;
}

.form-managed-file>input:nth-child(1) {
  border-radius: 0 4px 4px 0 !important;
}

.form-managed-file>input:nth-child(2) {
  border-radius: 4px 0 0 4px !important;
  border-right: 0 !important;
  transition: var(--trans);
  cursor: pointer;
}

input[data-drupal-selector="edit-attachment-upload"] {
    border-left: 0 !important;
}

.form-managed-file>input:nth-child(2):hover {
    background: #002a56;
    color: white;
    border-color: #002a56 !important;
}

.js-form-type-managed-file {
    flex-basis: 100% !important;
}

label {
    display: block;
}

.intl-tel-input.allow-dropdown {
    width: 100%;
}

/****** Responsive style ******/

@media(max-width: 768px) {
  form.webform-submission-form.webform-submission-add-form>div,
  form.webform-submission-form.webform-submission-add-form .webform-section-wrapper>div,
  form.webform-submission-form.webform-submission-add-form .webform-section-wrapper fieldset .fieldset-wrapper>div,
  form.webform-submission-form.webform-submission-add-form fieldset .fieldset-wrapper>div,
  form.webform-submission-form.webform-submission-add-form>div,
  form.webform-submission-form.webform-submission-add-form .js-form-item-elements tr.draggable td,
  fieldset.radios--wrapper.fieldgroup.form-composite.webform-composite-visible-title.required.js-webform-type-radios.webform-type-radios.js-form-item.form-item.js-form-wrapper.form-wrapper,
  form.webform-submission-form.webform-submission-add-form>div td>div,
  .webform-multiple-add.js-webform-multiple-add.container-inline>input,
  .webform-multiple-add.js-webform-multiple-add.container-inline>div,
  form.webform-submission-form.webform-submission-add-form>div>div,
  form.webform-submission-form.webform-submission-add-form fieldset{
    display: inline-flex !important;
    flex-direction: column !important;
    position: relative !important;
    flex-basis: 100% !important;
    width: 100%;
  }
  .form-composite.webform-fieldset--title-inline .fieldset-wrapper,
  .form-composite.webform-fieldset--title-inline .fieldset-wrapper>div {
    display: flex;
    position: relative;
    margin: 16px 0;
  }
  div#edit-processed-text {
    padding: 0 10px;
}
  .js-form-item, div#ajax-wrapper, .js-webform-select2, .captcha {
    flex-basis: 100%;
}
}

@media(min-width: 768px) {
  .webform-multiple-add.js-webform-multiple-add.container-inline>input,
  .webform-multiple-add.js-webform-multiple-add.container-inline>div {
    flex-basis: 50%;
  }
  .webform-multiple-add.js-webform-multiple-add.container-inline>input {
    border-radius: 4px 0 0 4px !important;
  }
  .webform-multiple-add.js-webform-multiple-add.container-inline>div input {
    border-radius: 0 4px 4px 0 !important;
  }
  form.webform-submission-form.webform-submission-add-form .js-form-type-textarea,
  form.webform-submission-form.webform-submission-add-form .js-form-type-textarea .form-checkboxes,
  .js-form-item.form-item.js-form-type-select.form-item-question.js-form-item-question {
    flex-basis: 100% !important;
  }
}

/****** checkbox items style ******/

.js-form-type-checkbox {
  background: #f7f7f7;
 padding: 1.5em;
  border-radius: 4px;
  margin-bottom: 2em;
  display: flex;

}
/*.js-form-type-checkbox { 
background: #f7f7f7;
display: flex; 
 border-radius: 3px 0 0 3px;
  color: #999;
  height: 26px;
  line-height: 26px;
  padding: 23px;
  position: relative;
margin: 0 10px 10px 0; 
text-decoration: none;
-webkit-transition: color 0.2s;
}
.js-form-type-checkbox::before{

}
.js-form-type-checkbox::after { 
background: #f2f3f5; 
 border-bottom: 13px solid transparent; 
  border-left: 10px solid #f7f7f7;
  border-top: 23px solid transparent; 
border-bottom: 23px solid transparent; 
 content: '';
  position: absolute; 
  right: 0;
  top: 0;
}
.js-form-type-checkbox:hover{
  background-color: rgba(0, 29, 59, 0.68);
color: #fff;
}*/

.js-form-type-checkbox:hover:after{
border-left-color: rgba(0, 29, 59, 0.68);
}

.js-form-type-checkbox input {
  flex-basis: 2%;
  margin-top: 0.5em;
}

.js-form-type-checkbox label {
  flex-basis: 98%;
}

/****** input[type=number] style ******/

input[type=number]::-webkit-inner-spin-button {
  position: absolute;
  left: 0;
  top: 0;
  bottom: -2px;
  padding: 7px;
  color: gainsboro;
}

input[type=number] {
  position: relative;
}

input[type=number]::-webkit-inner-spin-button {
  opacity: 0.5;
}

/****** radio question style ******/

input[type=radio]:checked~.check {
  border: 5px solid #0DFF92;
}

input[type=radio]:checked~.check::before {
  background: #0DFF92;
}

input[type=radio]:checked~label {
  color: white;
  background: #09673d;
}

.js-form-type-radio {
  position: relative !important;
  text-align: center;
}

input[type=radio]~label {
  width: -webkit-fill-available;
  height: 100%;
  padding: 0.6em;
  cursor: pointer;
}

.js-webform-radios>div {
  flex-basis: 49.8%;
  background: #e8e8e8;
}

.js-webform-radios {
  display: flex;
  flex-grow: 1;
  border-radius: 0 0 4px 4px !important;
}

.js-form-type-radio>input {
  height: auto !important;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.js-form-type-radio {
  position: relative !important;
}

.js-form-type-radio>input:focus {
  outline: 0;
  border: 0;
  box-shadow: unset;
}

/****************************/

/****** general style ******/

/**************************/

.webform-multiple-add.js-webform-multiple-add.container-inline>div {
  order: -1;
}

input.button.js-form-submit.form-submit.form-control:not(.js-hide) {
  background: #09673d !important;
  border: 0 !important;
  color: white;
  cursor: pointer;
  transition: var(--trans);
}

input.button.js-form-submit.form-submit.form-control:not(.js-hide):hover {
  background: #055833 !important;
}

.form-item-elements>label {
  font-size: 30px !important;
  font-family: 'big-title', 'main', sans-serif;
  margin-bottom: 40px;
  display: block;
  color: #0b663c;
  margin-top: 50px;
  padding-top: 40px;
}

tr.draggable {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
/*
.js-form-item,
table {
  width: -webkit-fill-available;
}
*/
select,
input {
  height: 50px !important;
  border: 1px solid gainsboro;
  border-radius: 4px;
}

.form-text {
  margin: 0 !important;
  padding: 5px;
}

.form-control {
  border-radius: 4px !important;
}

.form-control {
  border: 1px solid #dcdcdc;
}

.dropdown-menu.setting-sub-menu.show {
  background: white;
}

.webform-submission-incident-form-form .js-form-type-radio,
.webform-submission-form.webform-submission-add-form .js-form-type-radio {
  margin: 0 !important;
  display: flex;
}

div#webform_submission_complaint_form_add_form-ajax {
  width: 100%;
}

form.webform-submission-add-form .form-actions {
  flex-basis: 100% !important;
}

fieldset.webform-composite-hidden-title .fieldset-wrapper>.form-item:first-child,
fieldset.webform-composite-hidden-title .fieldset-wrapper>.form-wrapper>.form-item:first-child,
fieldset.webform-composite-hidden-title .fieldset-wrapper>.webform-flexbox:first-child,
fieldset.webform-composite-hidden-title .fieldset-wrapper>.form-item:last-child,
fieldset.webform-composite-hidden-title .fieldset-wrapper>.form-wrapper>.form-item:last-child,
fieldset.webform-composite-hidden-title .fieldset-wrapper>.webform-flexbox:last-child {
  margin-top: 1em;
}
/*
form.webform-submission-form.webform-submission-add-form .webform-section-wrapper>div,
form.webform-submission-form.webform-submission-add-form>div,
form.webform-submission-form.webform-submission-add-form .webform-section-wrapper fieldset .fieldset-wrapper>div:not(.js-webform-radios),
form.webform-submission-form.webform-submission-add-form .webform-section-wrapper fieldset .fieldset-wrapper>fieldset,
form.webform-submission-form.webform-submission-add-form>div td>div,
form.webform-submission-form.webform-submission-add-form>div td>fieldset,
form.webform-submission-form.webform-submission-add-form .webform-section-wrapper fieldset {
  margin-bottom: 2em !important;
  flex-basis: 49%;
}
*/
.form-actions input {
  cursor: pointer;
}

.js-webform-type-radios legend {
  background: #efefef !important;
  margin: 0;
  padding: 1em;
  border-radius: 4px 4px 0 0;
}

/*  data forms */

.webform-submission-data .js-form-item.webform-element {
  margin-bottom: 2em !important;
  margin: 0 15px;
  background: #f7f7f7;
  padding: 25px 15px;
}

@media screen and (min-width: 768px) {
  .webform-submission-data .js-form-item.webform-element {
    flex: 1 0 25%;
    /*max-width: 25%*/
  }
}

.webform-submission-data .webform-section-title {
  text-align: center !important;
}

.webform-submission-data .webform-section-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.webform-submission-data #experts_form--experiences .webform-section-wrapper {
  /* display: block; */
  align-items: flex-start;
}

.webform-submission-data #experts_form--experiences #experts_form--elements {
  background: transparent;
}

@media screen and (min-width: 768px) {
  .webform-submission-data #experts_form--experiences #experts_form--elements {
    flex: 0 0 65%;
    max-width: 65%;
    margin: 0;
    padding: 0;
  }
  .webform-submission-data #experts_form--experiences #experts_form--elements ul li {
    flex: 0 0 50%;
    max-width: 50%;
    margin: 0 15px;
  }
  .webform-submission-data #experts_form--experiences #experts_form--elements ul {
    display: flex;
  }
}

.webform-submission-data #experts_form--experiences #experts_form--elements ul li {
  margin-bottom: 2em !important;
  background: #f7f7f7;
  align-self: flex-start;
  padding: 25px 15px;
}

.webform-submission-data #experts_form--experiences #experts_form--elements label {
  display: none;
}

.webform-submission-data #experts_form--training_courses,
.webform-submission-data #experts_form--resume {
  flex: 0 0 100%;
  max-width: 100%;
}

.webform-submission-data #experts_form--training_courses ul li {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.webform-submission-data ul li {
  list-style: none;
}

.webform-submission-data #submit_practitioner_application--scientific_and_technical_certificates_for_employees {
  background: transparent;
}

.webform-submission-data #submit_practitioner_application--scientific_and_technical_certificates_for_employees label {
  font-size: 30px;
  font-family: 'big-title', 'main', sans-serif;
  margin-bottom: 40px;
  display: block;
  color: #0b663c;
  padding-top: 40px;
  text-align: center;
}

.webform-submission-data #submit_practitioner_application--scientific_and_technical_certificates_for_employees ul li {
  margin-bottom: 2em !important;
  background: #f7f7f7;
  padding: 25px 15px;
}

@media screen and (min-width: 768px) {
  .webform-submission-data #submit_practitioner_application--scientific_and_technical_certificates_for_employees ul {
    display: flex;
    flex-wrap: wrap;
  }
}

html[dir=ltr] form.webform-submission-form.webform-submission-add-form .js-form-type-select:after {
  left: unset !important;
  right: 17px;
}

.form-managed-file span.file {
  align-self: stretch;
  padding: 0 1em;
  background: #f7f7f7;
  display: flex;
  align-items: center;
  opacity: 0.5;
  flex: 1;
}

html[dir=ltr] .form-managed-file input.button:not(.js-hide) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.form-managed-file input.button:not(.js-hide) {
  flex: 0;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.fieldset-wrapper label.option {
  margin: 0;
}

fieldset.radios--wrapper.fieldgroup.form-composite.webform-composite-visible-title.required.js-webform-type-radios.webform-type-radios.js-form-item.form-item.js-form-wrapper.form-wrapper {
  align-self: normal !important;
}

/*
.js-form-type-select {
    flex-basis: 100%;
}
*/



label[data-drupal-selector="edit-note"] {
    margin: 20px 0;
    color: #616161;
}


.description {
    margin: 10px 0;
    color: #616161;
    font-size: 0.9em;
}

span.fieldset-legend {
    font-size: 0.95rem;
}

.js-webform-select2 .js-form-item.form-item.js-form-type-select.form-item-rumour-source-select.js-form-item-rumour-source-select.form-no-label {
    flex-basis: 100% !important;
}

legend {
    font-size: inherit;
    margin-bottom: 0;
}