@charset "UTF-8";
.Button {
  position: relative;
  display: inline-block;
  padding: 5px 20px;
  background-color: var(--color-button-bg-default);
  color: var(--color-button-link-default) !important;
  text-decoration: none !important;
  border: solid 1px #999;
  font-size: 15px;
  line-height: 1.5;
}
.Button i {
  color: var(--color-button-link-default);
  transform: translateY(-50%);
  position: absolute;
  text-align: center;
  font-size: 22px;
  right: 5px;
  top: 50%;
}
.Button i.fa-fw {
  right: 3px;
}
.Button:hover, .Button.Selected {
  cursor: pointer;
  color: var(--color-button-link-hover) !important;
  border-color: var(--color-button-bg-hover);
  background-color: var(--color-button-bg-hover);
}
.Button.Icon {
  border: none;
  padding-right: 50px;
}
.Button.Icon i {
  color: var(--color-button-link-hover);
}
.Button.Icon::before {
  content: "";
  position: absolute;
  width: 32px;
  height: 100%;
  top: 0;
  right: 0;
  background-color: var(--color-button-bg-hover);
  border-left: solid 1px white;
}
.Button.Inverted {
  background-color: var(--color-button-bg-hover);
  color: var(--color-button-link-hover) !important;
}
.Button.Inverted:hover {
  color: var(--color-button-link-deafult) !important;
  background-color: var(--color-button-link-default);
}
.Button.Inverted.Icon::before {
  background-color: color(--color-button-bg-default);
}
.Button + .Button {
  margin-left: 20px;
}
.Button.Right {
  float: right;
  margin: 30px 0;
}
.Button.FullWidth {
  width: 100%;
}

div#Content .Buttons {
  display: flex;
  gap: var(--gap);
  flex-wrap: wrap;
  justify-content: flex-end;
}
div#Content .Buttons .Button {
  margin-left: 0;
  padding-left: var(--gap);
  padding-right: var(--gap);
}
@media only screen and (min-width: 760px) {
  div#Content .Buttons {
    --gap: 20px;
  }
}
@media only screen and (max-width: 759px) {
  div#Content .Buttons {
    --gap: 10px;
    justify-content: flex-start;
  }
  div#Content .Buttons .Button {
    text-align: center;
    width: calc(50% - var(--gap) / 2);
  }
}

form div.Group, .Module div.Group {
  display: inline-block;
  padding-bottom: 10px;
  padding-right: 10px;
  vertical-align: top;
}
form div.Group.Clear, .Module div.Group.Clear {
  clear: left;
}
form div.Group.FullWidth, .Module div.Group.FullWidth {
  width: 100%;
  display: block;
  padding-right: 0;
}
form div.Group input, form div.Group select, form div.Group textarea, form div.Group div.CheckBox, .Module div.Group input, .Module div.Group select, .Module div.Group textarea, .Module div.Group div.CheckBox {
  margin: 3px 0 0 0;
}
form div.Group input[readonly], form div.Group input[disabled], form div.Group select[readonly], form div.Group select[disabled], form div.Group textarea[readonly], form div.Group textarea[disabled], form div.Group div.CheckBox[readonly], form div.Group div.CheckBox[disabled], .Module div.Group input[readonly], .Module div.Group input[disabled], .Module div.Group select[readonly], .Module div.Group select[disabled], .Module div.Group textarea[readonly], .Module div.Group textarea[disabled], .Module div.Group div.CheckBox[readonly], .Module div.Group div.CheckBox[disabled] {
  opacity: 1;
  color: #666;
  background-color: #efefef;
}
@media only screen and (max-width: 399px) {
  form div.Group:not(.Small), .Module div.Group:not(.Small) {
    width: 100%;
    float: none;
    padding-right: 0;
  }
  form div.Group:not(.Small) input:not(input[type=radio]), form div.Group:not(.Small) select, .Module div.Group:not(.Small) input:not(input[type=radio]), .Module div.Group:not(.Small) select {
    width: 100%;
  }
}
form div.Group div.DatePicker, .Module div.Group div.DatePicker {
  display: block;
}
form .LabelsCounter, .Module .LabelsCounter {
  counter-reset: label;
}
form label, .Module label {
  font-size: 13px;
  margin: 0 0 5px 0;
  display: inline-block;
}
form label.Counter, .Module label.Counter {
  counter-increment: label;
}
form label.Counter:after, .Module label.Counter:after {
  display: inline;
  content: " n° " counter(label);
}
form span.field-validation-error, .Module span.field-validation-error {
  padding-left: 5px;
  color: #900;
  font-size: 13px;
}
form input[type=text], form input[type=password], form input[type=email], form input[type=datetime], form input[type=file], form input[type=time], form select, form textarea, .Module input[type=text], .Module input[type=password], .Module input[type=email], .Module input[type=datetime], .Module input[type=file], .Module input[type=time], .Module select, .Module textarea {
  font-size: 15px;
  display: block;
  border-radius: 5px;
  border: solid 1px #ccc;
  background: white;
  width: 100%;
  padding: 2px 4px;
  height: 34px;
  outline: none;
}
@media only screen and (min-width: 760px) {
  form input[type=text], form input[type=password], form input[type=email], form input[type=datetime], form input[type=file], form input[type=time], form select, form textarea, .Module input[type=text], .Module input[type=password], .Module input[type=email], .Module input[type=datetime], .Module input[type=file], .Module input[type=time], .Module select, .Module textarea {
    font-family: var(--font-primary, MyriadPro, sans-serif);
  }
}
@media only screen and (max-width: 759px) {
  form input[type=text], form input[type=password], form input[type=email], form input[type=datetime], form input[type=file], form input[type=time], form select, form textarea, .Module input[type=text], .Module input[type=password], .Module input[type=email], .Module input[type=datetime], .Module input[type=file], .Module input[type=time], .Module select, .Module textarea {
    font-family: Arial, sans-serif;
  }
}
form input[type=text][readonly], form input[type=text][disabled], form input[type=password][readonly], form input[type=password][disabled], form input[type=email][readonly], form input[type=email][disabled], form input[type=datetime][readonly], form input[type=datetime][disabled], form input[type=file][readonly], form input[type=file][disabled], form input[type=time][readonly], form input[type=time][disabled], form select[readonly], form select[disabled], form textarea[readonly], form textarea[disabled], .Module input[type=text][readonly], .Module input[type=text][disabled], .Module input[type=password][readonly], .Module input[type=password][disabled], .Module input[type=email][readonly], .Module input[type=email][disabled], .Module input[type=datetime][readonly], .Module input[type=datetime][disabled], .Module input[type=file][readonly], .Module input[type=file][disabled], .Module input[type=time][readonly], .Module input[type=time][disabled], .Module select[readonly], .Module select[disabled], .Module textarea[readonly], .Module textarea[disabled] {
  opacity: 1;
  color: #666;
  background-color: #efefef;
}
form input[type=text]:focus, form input[type=password]:focus, form input[type=email]:focus, form input[type=datetime]:focus, form input[type=file]:focus, form input[type=time]:focus, form select:focus, form textarea:focus, .Module input[type=text]:focus, .Module input[type=password]:focus, .Module input[type=email]:focus, .Module input[type=datetime]:focus, .Module input[type=file]:focus, .Module input[type=time]:focus, .Module select:focus, .Module textarea:focus {
  border-color: #0099cc;
}
form textarea, .Module textarea {
  height: unset;
}
form div.FinalError, .Module div.FinalError {
  display: none;
  margin: 20px 0 10px;
  padding: 7px 10px;
  background: #fcc;
  font-size: 14px;
}
form div.FinalError::before, .Module div.FinalError::before {
  font-family: FontAwesome;
  content: "\f071";
  margin-right: 10px;
}
form label.has-error, .Module label.has-error {
  color: #900;
}
form span.ErrorPlaceholder, form .Error, .Module span.ErrorPlaceholder, .Module .Error {
  color: #900;
  text-align: center;
  padding: 5px 0;
  font-size: 12px;
}
form span.ErrorPlaceholder .Error, .Module span.ErrorPlaceholder .Error {
  background: none;
}
form input.has-error, form select.has-error, form textarea.has-error, form div.NumberPicker.has-error, .Module input.has-error, .Module select.has-error, .Module textarea.has-error, .Module div.NumberPicker.has-error {
  border-color: #900 !important;
}
form input.no-error, form select.no-error, form textarea.no-error, form div.NumberPicker.no-error, .Module input.no-error, .Module select.no-error, .Module textarea.no-error, .Module div.NumberPicker.no-error {
  border-color: #0099cc !important;
}
form span.ErrorPlaceholder.Inline, .Module span.ErrorPlaceholder.Inline {
  display: inline-block;
}
form span.ErrorPlaceholder:not(.Inline) span, .Module span.ErrorPlaceholder:not(.Inline) span {
  display: block;
}
form span.ErrorPlaceholder span, .Module span.ErrorPlaceholder span {
  margin: 2px 0 0 0;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Progetti/Lux/Lux/Content/Theme/Module.scss%22,%22file:///C:/Progetti/Lux/Lux/Content/Theme/_Library.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22;AAGA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EAEI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;;AAEA;EACI;EACA;;AAIA;EACI;;AAKZ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EAZJ;IAaQ;;;AAGJ;EAhBJ;IAiBQ;IACA;;EAEA;IACI;IACA;;;;AAMR;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;;AAEA;EACI;EACA,OC7HC;ED8HD,kBCjIK;;ADqIb;EACI;IACI;IACA;IACA;;EAEA;IACI;;;AAKZ;EACI;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAEA;EACI;EACA;;AAKZ;EACI;EACA,OCtKM;EDuKN;;AAGJ;EAoBI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AA1BA;EAFJ;IAGQ,aCrLA;;;ADwLJ;EANJ;IAOQ;;;AAGJ;EACI;EACA,OCxLK;EDyLL,kBC5LS;;AD+Lb;EACI,cCzLE;;ADuMV;EACI;;AAGJ;EACI;EACA;EACA;EACA,YChNK;EDiNL;;AAEA;EACI;EACA;EACA;;AAIR;EACI,OC5NM;;AD+NV;EACI,OChOM;EDiON;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI%22%7D */