.webform-submission-form .ajax-progress.ajax-progress-throbber {
    position: relative;
    top: 10px;
    left: 0;
    z-index: 10;
    background: #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
}

.webform-submission-form{
  margin-top: 10px;  
}

.webform-submission-form .label-float,
.webform-submission-form .form-type-select{
  position: relative;
  padding-top: 13px;
}

.webform-submission-form .label-float input,
.webform-submission-form .label-float select
.webform-submission-form .form-type-select select{
  border: 1px solid lightgrey;
  /*border-radius: 0px;
  outline: none;
  min-width: 250px;
  padding: 15px 20px;
  font-size: 16px;*/
  transition: all .1s linear;
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -webkit-appearance:none;
}

.webform-submission-form .label-float input::placeholder, 
.webform-submission-form .label-float select::placeholder{
  color:transparent;
}

.webform-submission-form .label-float label:not(.error),
.webform-submission-form .form-type-select label:not(.error){
  pointer-events: none;
  position: absolute;
  top: calc(50% - 12px);
  left: 15px;
  transition: all .1s linear;
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  background-color: white;
  padding: 5px;
  box-sizing: border-box;
}

.webform-submission-form .label-float input + strong + label:not(.error),
.webform-submission-form .label-float input + label + label:not(.error){
    top: calc(50% - 22px);
}

.webform-submission-form .form-type-select label:not(.error) {
    top: calc(50% - 22px);
}

/*
.webform-submission-form .label-float input:required:invalid + label, 
.webform-submission-form .label-float select:required:invalid + label{
  color: red;
}
*/
/*
.webform-submission-form .label-float input:focus:required:invalid, 
.webform-submission-form .label-float select:focus:required:invalid{
  border: 2px solid red;
}
*/
/*
.webform-submission-form .label-float input:required:invalid + label:before{
  content: '*';
}
*/

.webform-submission-form .label-float input:focus + label:not(.error),
.webform-submission-form .label-float input:focus + strong + label:not(.error),
.webform-submission-form .label-float input:focus + label + label:not(.error),
.webform-submission-form .label-float select:focus + label:not(.error),
.webform-submission-form .label-float select:focus + strong + label:not(.error),
.webform-submission-form .label-float select:focus + label + label:not(.error),
.webform-submission-form .form-type-select select:focus + label:not(.error),
.webform-submission-form .form-type-select select:focus + strong + label:not(.error),
.webform-submission-form .form-type-select select:focus + labbel + label:not(.error),
.webform-submission-form .form-type-select label:not(.error)
{
	font-size: 14px;
	top: -2px;
	z-index: 3;
	/*color: #2D9CDB;*/
}

.webform-submission-form .label-float input:not(:placeholder-shown) + label:not(.error),
.webform-submission-form .label-float input:not(:placeholder-shown) + strong + label:not(.error),
.webform-submission-form .label-float input:not(:placeholder-shown) + label + label:not(.error),
.webform-submission-form .label-float select:not(:placeholder-shown) + label:not(.error),
.webform-submission-form .label-float select:not(:placeholder-shown) + strong + label:not(.error),
.webform-submission-form .label-float select:not(:placeholder-shown) + label + label:not(.error),
.webform-submission-form .form-type-select select:not(:placeholder-shown) + label:not(.error),
.webform-submission-form .form-type-select select:not(:placeholder-shown) + strong + label:not(.error),
.webform-submission-form .form-type-select select:not(:placeholder-shown) + label + label:not(.error)
{
	font-size: 14px;
	top: -2px;
	z-index: 3;
	color: #3C3C3B;
}

.webform-submission-form .label-float .form-control[readonly] {
	color: #3C3C3B;
	background-color: #E3E3E3;
}

.webform-submission-form .label-float .form-control[readonly] + label:not(.error),
.webform-submission-form .label-float .form-control[readonly] + strong + label:not(.error),
.webform-submission-form .label-float .form-control[readonly] + label + label:not(.error){
	display: none;
}

.webform-submission-form .label-float .form-control[readonly] ~ span.input-group-addon {
	background-color: #E3E3E3;
	color: #3C3C3B;
	border-color: lightgrey;
}

.webform-submission-form .label-float input:focus,
.webform-submission-form .label-float select:focus,
  .webform-submission-form .form-type-select select:focus {
	border: 1px solid #2D9CDB;
}

.theme__hivis div.svg div.rateit-range {
  background: url(/modules/contrib/webform/images/rating/star-normal.svg) !important;
}

.theme__hivis div.svg div.rateit-hover {
  background: url(/modules/contrib/webform/images/rating/star-hover.svg)!important;
}

.theme__hivis div.svg div.rateit-selected {
  background: url(/modules/contrib/webform/images/rating/star-selected.svg) !important;
}
.theme__hivis div.svg div.rateit-preset {
  background: url(/modules/contrib/webform/images/rating/star-preset.svg); !important;
}

.theme__hivis div.svg button.rateit-reset {
  background: url(/modules/contrib/webform/images/rating/reset-normal.svg); !important;
}

.theme__hivis div.svg button.rateit-reset:hover {
  background: url(/modules/contrib/webform/images/rating/reset-hover.svg); !important;
}

.theme__hivis div.svg.rateit-medium div.rateit-range,
.theme__hivis div.svg.rateit-medium div.rateit-hover,
.theme__hivis div.svg.rateit-medium div.rateit-selected,
.theme__hivis div.svg.rateit-medium div.rateit-preset {
  background-size: 24px 24px !important;
}

.webform-submission-form input.form-control,
.webform-submission-form select.form-control{
  height: 55px !important;
  border-radius: 0px;
}

.webform-submission-form textarea.form-control{
   border-radius: 0px; 
}

.webform-submission-form [id^="edit-estado-e-municipio-country-code"]{
  display:none;
}

.webform-submission-form .address--wrapper > .fieldset-wrapper{
  display: flex;
  flex-direction: column;
}

.webform-submission-form .address--wrapper > .fieldset-wrapper :nth-child(1){ order: 3; }
.webform-submission-form .address--wrapper > .fieldset-wrapper :nth-child(2){ order: 3; }
.webform-submission-form .address--wrapper > .fieldset-wrapper :nth-child(3){ order: 3; }
.webform-submission-form .address--wrapper > .fieldset-wrapper :nth-child(4){ order: 2; }
.webform-submission-form .address--wrapper > .fieldset-wrapper :nth-child(5){ order: 1; }

.webform-submission-form strong.error.form-item--error-message,
.webform-submission-form label.error{
  font-size: 11px;
  color: #cb3535
}

.webform-submission-form .form-control.valid{
    border: 1px solid #3DCC83;
}

.webform-submission-form .form-control.error{
    border-color: #AE0F0A !important;
}

.webform-submission-form div.address-container-inline{
  display:none 
}

/* ------------------------------------- */
/* DRUPAL - MODAL */

#drupal-modal .webform-submission-form{
  margin-top: 10px;  
}

#drupal-modal .webform-submission-form .label-float,
#drupal-modal .webform-submission-form .form-type-select{
  position: relative;
  padding-top: 13px;
}

#drupal-modal .webform-submission-form .label-float input,
#drupal-modal .webform-submission-form .label-float select
#drupal-modal .webform-submission-form .form-type-select select{
  border: 1px solid lightgrey;
  transition: all .1s linear;
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -webkit-appearance:none;
}

#drupal-modal .webform-submission-form .label-float input::placeholder, 
#drupal-modal .webform-submission-form .label-float select::placeholder{
  color:transparent;
}

#drupal-modal .webform-submission-form .label-float label:not(.error),
#drupal-modal .webform-submission-form .form-type-select label:not(.error){
  pointer-events: none;
  position: absolute;
  top: calc(50% - 12px);
  left: 15px;
  transition: all .1s linear;
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  background-color: white;
  padding: 5px;
  box-sizing: border-box;
}

#drupal-modal .webform-submission-form .label-float input + strong + label:not(.error),
#drupal-modal .webform-submission-form .label-float input + label + label:not(.error){
    top: calc(50% - 28px);
}

#drupal-modal .webform-submission-form .form-type-select label:not(.error) {
    top: calc(50% - 22px);
}

#drupal-modal .webform-submission-form .label-float input:focus + label:not(.error),
#drupal-modal .webform-submission-form .label-float input:focus + strong + label:not(.error),
#drupal-modal .webform-submission-form .label-float input:focus + label + label:not(.error),
#drupal-modal .webform-submission-form .label-float select:focus + label:not(.error),
#drupal-modal .webform-submission-form .label-float select:focus + strong + label:not(.error),
#drupal-modal .webform-submission-form .label-float select:focus + label + label:not(.error),
#drupal-modal .webform-submission-form .form-type-select select:focus + label:not(.error),
#drupal-modal .webform-submission-form .form-type-select select:focus + strong + label:not(.error),
#drupal-modal .webform-submission-form .form-type-select select:focus + labbel + label:not(.error),
#drupal-modal .webform-submission-form .form-type-select label:not(.error)
{
	font-size: 14px;
	top: -4px;
	z-index: 3;
	/*color: #2D9CDB;*/
}

#drupal-modal .webform-submission-form .label-float input:not(:placeholder-shown) + label:not(.error),
#drupal-modal .webform-submission-form .label-float input:not(:placeholder-shown) + strong + label:not(.error),
#drupal-modal .webform-submission-form .label-float input:not(:placeholder-shown) + label + label:not(.error),
#drupal-modal .webform-submission-form .label-float select:not(:placeholder-shown) + label:not(.error),
#drupal-modal .webform-submission-form .label-float select:not(:placeholder-shown) + strong + label:not(.error),
#drupal-modal .webform-submission-form .label-float select:not(:placeholder-shown) + label + label:not(.error),
#drupal-modal .webform-submission-form .form-type-select select:not(:placeholder-shown) + label:not(.error),
#drupal-modal .webform-submission-form .form-type-select select:not(:placeholder-shown) + strong + label:not(.error),
#drupal-modal .webform-submission-form .form-type-select select:not(:placeholder-shown) + label + label:not(.error)
{
	font-size: 14px;
	top: -4px;
	z-index: 3;
	color: #3C3C3B;
}

#drupal-modal .webform-submission-form .label-float .form-control[readonly] {
	color: #3C3C3B;
	background-color: #E3E3E3;
}

#drupal-modal .webform-submission-form .label-float .form-control[readonly] + label:not(.error),
#drupal-modal .webform-submission-form .label-float .form-control[readonly] + strong + label:not(.error),
#drupal-modal .webform-submission-form .label-float .form-control[readonly] + label + label:not(.error){
	display: none;
}

#drupal-modal .webform-submission-form .label-float .form-control[readonly] ~ span.input-group-addon {
	background-color: #E3E3E3;
	color: #3C3C3B;
	border-color: lightgrey;
}

#drupal-modal .webform-submission-form .label-float input:focus,
#drupal-modal .webform-submission-form .label-float select:focus,
#drupal-modal .webform-submission-form .form-type-select select:focus {
	border: 1px solid #2D9CDB;
}

#drupal-modal .webform-submission-form input.form-control,
#drupal-modal .webform-submission-form select.form-control{
  height: 55px !important;
  border-radius: 0px;
}

#drupal-modal .webform-submission-form textarea.form-control{
   border-radius: 0px; 
}

#drupal-modal .webform-submission-form [id^="edit-estado-e-municipio-country-code"]{
  display:none;
}

#drupal-modal .webform-submission-form .address--wrapper > .fieldset-wrapper{
  display: flex;
  flex-direction: column;
}

#drupal-modal .webform-submission-form .address--wrapper > .fieldset-wrapper :nth-child(1){ order: 3; }
#drupal-modal .webform-submission-form .address--wrapper > .fieldset-wrapper :nth-child(2){ order: 3; }
#drupal-modal .webform-submission-form .address--wrapper > .fieldset-wrapper :nth-child(3){ order: 3; }
#drupal-modal .webform-submission-form .address--wrapper > .fieldset-wrapper :nth-child(4){ order: 2; }
#drupal-modal .webform-submission-form .address--wrapper > .fieldset-wrapper :nth-child(5){ order: 1; }

#drupal-modal .webform-submission-form strong.error.form-item--error-message,
#drupal-modal .webform-submission-form label.error{
  font-size: 11px;
  color: #cb3535
}

#drupal-modal .webform-submission-form .form-control.valid{
    border: 1px solid #3DCC83;
}

#drupal-modal .webform-submission-form .form-control.error{
    border-color: #AE0F0A !important;
}

#drupal-modal .webform-submission-form div.address-container-inline{
  display:none 
}

@media (max-width: 600px){
  .ui-dialog--narrow {
       min-width: 95%;
       max-width: 95%;
  }

  .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons {
       width: 100% !important;
  }
}