/* #region GREY LAYOUT */
/* new */
/* old -- still in use! */
/* #endregion */
/* #region BRAND COLORS */
/* for reference: old colors are behind every value in comments */
/*#0A665A;*/
/*#4AA89B;*/
/*#92CBC3;*/
/*#C6E2DE;*/
/*#DBEEEB;*/
/*#EBF7F5;*/
/*#D46124;*/
/*#FB9860;*/
/*#FDC19F;*/
/*#FEEADF;*/
/*#004878;*/
/*#4086B6;*/
/*#8CB6D3;*/
/*#D9E7F1;*/
/*#0084BD;*/
/*#40B7EA;*/
/*#8CD4F2;*/
/*#D9F1FB;*/
/*#A82623;*/
/*#DA6260;*/
/*#E9A19F;*/
/*#F8E0DF;*/
/*#71A133;*/
/*#AAD56F;*/
/*#CCE6A8;*/
/*#EEF7E2;*/
/*#D99800;*/
/*#FFC740;*/
/*#FFDD8C;*/
/*#FFF4D9;*/
/*#7A407A;*/
/*#B97FB9;*/
/*#D5B2D5;*/
/*#F1E6F1;*/
/*#A10541;*/
/*#D4447D;*/
/*#E58FB1;*/
/*#F7DAE5;*/
/* #endregion */
/* #region OTHER BRAND'S COLORS */
/* #endregion */
/* SEARCH COLORS */
#notification-bar {
  position: fixed;
  background-color: #FFFFFF;
  width: 100%;
  height: auto;
  z-index: 100;
}
#notification-bar > div:not(:last-child) {
  margin-bottom: 0.5em;
}
#notification-bar .notification {
  border-radius: 0;
  margin-bottom: 0;
}
.notification {
  border-radius: 3px;
  color: #FFFFFF;
  font-weight: 600;
  float: none !important;
  margin: 0 0 10px 0;
  padding: .5em .5em .5em 2.7em;
}
.notification div {
  display: block;
}
.notification div:not(.editor-progress-wrapper):not(.editor-progress) {
  padding: 0 0 0 3em;
}
.notification a,
.notification div a {
  color: #FFFFFF !important;
  text-shadow: none;
}
.notification.info {
  background: #009EE3;
  text-shadow: 1px 1px #0077aa;
}
.notification.success {
  background: #8DC73F;
  text-shadow: 1px 1px #6a952f;
}
.notification.failed,
.notification.error {
  background: #CE2E2B;
  text-shadow: 1px 1px #9b2320;
}
.notification.loading {
  background: #009EE3;
  text-shadow: 1px 1px #0077aa;
  display: block !important;
}
.notification.loading:before {
  top: 1em !important;
}
.extended-notification {
  border-radius: 3px;
  float: none !important;
  margin-bottom: 2em;
  color: #FFFFFF;
}
.extended-notification.icon:before {
  float: left;
  margin: .2em 0 .2em 1em !important;
}
.extended-notification.error,
.extended-notification.failed {
  background-color: #CE2E2B;
  border: 2px solid #CE2E2B;
  text-shadow: 1px 1px #9b2320;
}
.extended-notification.error .notification-text,
.extended-notification.failed .notification-text {
  background-color: #f8e0df;
}
.extended-notification.success {
  background: #8DC73F;
  border: 2px solid #8DC73F;
  text-shadow: 1px 1px #6a952f;
}
.extended-notification.success .notification-text {
  background-color: #eef7e2;
}
.extended-notification.info {
  background: #009EE3;
  border: 2px solid #009EE3;
  text-shadow: 1px 1px #0077aa;
}
.extended-notification.info .notification-text {
  background-color: #d9f0fb;
}
.extended-notification .notification-title {
  padding: .2em 0 .2em 2.7em;
  font-weight: 600;
}
.extended-notification .notification-text {
  color: #000000;
  display: block;
  padding: .5em 1em .5em 1em;
  text-shadow: none !important;
}
.notification-inline {
  border-radius: 3px;
  font-weight: 400;
  padding: .5em .5em .5em 2.7em;
}
.notification-inline.info {
  background: #d9f0fb;
}
.notification-inline.info:before {
  color: #009EE3;
}
.notification-inline.success {
  background: #eef7e2;
}
.notification-inline.success:before {
  color: #8DC73F;
}
.notification-inline.failed,
.notification-inline.error {
  background: #f8e0df;
}
.notification-inline.failed:before,
.notification-inline.error:before {
  color: #CE2E2B;
}
.notification.icon:before,
.notification-inline.icon:before {
  float: left;
  margin-left: -1.7em;
}
.video-tip {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.video-tip div.faq {
  padding: 0;
  margin-bottom: 0;
}
.video-tip div.faq .faq-item {
  padding: 0;
  margin-bottom: 0;
}
.video-tip div.faq .faq-item .faq-item-head:before {
  display: inline;
  float: left;
  color: #FA752B;
  font-size: 1.2em;
  font-weight: normal;
}
.video-tip div.faq .faq-item .faq-item-head .faq-item-title {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100% - 1.5em);
  margin-left: 1.5em;
  color: #000000 !important;
  line-height: 150%;
  font-size: 1em;
  font-weight: normal;
}
.video-tip div.faq .faq-item .faq-item-content {
  padding: .5em 1em 0 1em;
}