/* Color Palette variables*/
/* Sizing Variables */
/* Background colors */
/* Media Query Mixins */
/* Typography 
Explicitly define a Segoe UI font-family so that we can assign Segoe UI 
Semilight to an appropriate font-weight.
*/
@font-face {
  font-family: "Segoe UI";
  font-weight: 200;
  src: local("Segoe UI Light");
}
@font-face {
  font-family: "Segoe UI";
  font-weight: 300;
  src: local("Segoe UI Semilight");
}
@font-face {
  font-family: "Segoe UI";
  font-weight: 400;
  src: local("Segoe UI");
}
@font-face {
  font-family: "Segoe UI";
  font-weight: 600;
  src: local("Segoe UI Semibold");
}
@font-face {
  font-family: "Segoe UI";
  font-weight: 700;
  src: local("Segoe UI Bold");
}
@font-face {
  font-family: "Segoe UI";
  font-style: italic;
  font-weight: 400;
  src: local("Segoe UI Italic");
}
@font-face {
  font-family: "Segoe UI";
  font-style: italic;
  font-weight: 700;
  src: local("Segoe UI Bold Italic");
}
/* Vendor Prefixes */
/* Mixins */
/* Mixins for elements so we can use them in our reset and in proper form element LESS files (Reset.less, Input.less, Button.less).*/
/*loading spinner using css and one element*/
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #505050, 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.5), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.7), 1.8em -1.8em 0 0em #505050, 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.5), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.7), 2.5em 0em 0 0em #505050, 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.5), 2.5em 0em 0 0em rgba(80, 80, 80, 0.7), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.5), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.7), 0em 2.5em 0 0em #505050, -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.5), 0em 2.5em 0 0em rgba(80, 80, 80, 0.7), -1.8em 1.8em 0 0em #505050, -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.5), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.7), -2.6em 0em 0 0em #505050, -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.5), -2.6em 0em 0 0em rgba(80, 80, 80, 0.7), -1.8em -1.8em 0 0em #505050;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #505050, 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.5), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.7), 1.8em -1.8em 0 0em #505050, 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.5), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.7), 2.5em 0em 0 0em #505050, 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.5), 2.5em 0em 0 0em rgba(80, 80, 80, 0.7), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.5), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.7), 0em 2.5em 0 0em #505050, -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.5), 0em 2.5em 0 0em rgba(80, 80, 80, 0.7), -1.8em 1.8em 0 0em #505050, -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.5), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.7), -2.6em 0em 0 0em #505050, -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.5), -2.6em 0em 0 0em rgba(80, 80, 80, 0.7), -1.8em -1.8em 0 0em #505050;
  }
}
.forms-send-dialog > .widget {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-right: 0px;
}
.forms-send-dialog > .widget .widgettitle {
  background-color: #e1e1e1;
  border-bottom: 1px solid #ccc;
  color: #1f6385;
  font-size: 16px;
  margin-top: 0;
}
.forms-send-dialog > .widget .widgetfooter {
  margin-top: 0;
}
.forms-send-dialog > .widget .select2-search {
  margin-top: 5px;
}
.forms-send-dialog > .widget label {
  margin-bottom: 5px;
}
.forms-send-dialog > .widget > .widgetcontent {
  width: 300px;
  padding: 10px;
  position: relative;
  min-height: 220px;
}
.forms-send-dialog > .widget > .widgetcontent .sending {
  height: 24px;
  /* TODO: this URL does not use @imagesRoot because of a strange bug in LESS that appends an extra "../" to the path */
  background: url('../../../images/ajaxloader_small.gif');
  background-position: center;
  background-repeat: no-repeat;
  font-size: 1px;
  color: transparent;
  margin: 10px 0;
  text-align: center;
}
.forms-send-dialog > .widget > .widgetcontent .edit-form-button {
  cursor: pointer;
  width: 16px;
  height: 16px;
  display: inline-block;
  float: right;
  position: relative;
  left: 4px;
  top: 5px;
  z-index: 300;
  background-image: url("../../../images/icons/pencil_gray.png");
}
.forms-send-dialog > .widget > .widgetcontent .edit-form-button.enabled {
  background-image: url("../../../images/icons/pencil.png");
}
.forms-send-dialog > .widget > .widgetcontent > div {
  width: 100%;
  display: block;
  margin: 10px 0;
}
.forms-send-dialog > .widget > .widgetcontent > div > label,
.forms-send-dialog > .widget > .widgetcontent > div > div {
  width: 100%;
  display: block;
}
.forms-send-dialog > .cooltipmessage {
  margin: 5px 0;
}