/* social colors */
/* color pallate*/
/*Emaxio color pallate*/
/*Default Font Family*/
/*Default Font Family*/
/*font size*/
/*font weight*/
/*line height*/
/*border width*/
/*display variable*/
/*position vendor prefix*/
/*float */
/*value*/
.container-wrap {
  padding: 0; }

/*app-preview*/
/*app-preview*/
/*breakpoint*/
h1, h2 {
  font-family: "Merriweather", serif; }

h4, p, a, input, textarea, button, span, label {
  font-family: "Open Sans", sans-serif; }

/*font size*/
/*font weight*/
/*line height*/
/*border width*/
/*display variable*/
/*position vendor prefix*/
/*float */
/*value*/
.container-wrap {
  padding: 0; }

/*app-preview*/
/*app-preview*/
.html {
  font-size: calc(1em + 1vw); }

/* social colors */
/* color pallate*/
/*Emaxio color pallate*/
/*Default Font Family*/
/*Default Font Family*/
/*font size*/
/*font weight*/
/*line height*/
/*border width*/
/*display variable*/
/*position vendor prefix*/
/*float */
/*value*/
.container-wrap {
  padding: 0; }

/*app-preview*/
/*app-preview*/
/*breakpoint*/
h1, h2 {
  font-family: "Merriweather", serif; }

h4, p, a, input, textarea, button, span, label {
  font-family: "Open Sans", sans-serif; }

/*font size*/
/*font weight*/
/*line height*/
/*border width*/
/*display variable*/
/*position vendor prefix*/
/*float */
/*value*/
.container-wrap {
  padding: 0; }

/*app-preview*/
/*app-preview*/
/*checkbox vendor-prefix*/
/*ripple effect*/
/*shake animation*/
.text_area.invalid .input--sae {
  will-change: transform;
  animation-name: wiggle;
  animation-duration: 150ms;
  animation-iteration-count: 6; }
.text_area.invalid .input__label-content--sae {
  color: #db4344; }
  .text_area.invalid .input__label-content--sae::after {
    background: #db4344;
    transform: translate3d(0%, 0, 0); }
.text_area.invalid p {
  display: block;
  color: #db4344; }
.text_area label {
  width: 100%;
  font-size: 12px;
  color: #777;
  font-weight: 200;
  text-transform: capitalize; }
.text_area textarea {
  padding: 5px 20px;
  color: #212121;
  height: 100px;
  background-color: #f4f4f4;
  border-color: #ececec;
  border: 1px solid #ececec;
  border-radius: 3px;
  width: 100%;
  margin-bottom: 10px;
  outline: none;
  resize: none; }
  .text_area textarea:focus {
    box-shadow: 0 0 10px #ececec; }
.text_area p {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #9d9d9d;
  margin-bottom: 0; }

@-ms-keyframes wiggle {
  33% {
    transform: rotateZ(1deg); }
  to {
    transform: rotateZ(-1deg); } }
@-moz-keyframes wiggle {
  33% {
    transform: rotateZ(1deg); }
  to {
    transform: rotateZ(-1deg); } }
@-webkit-keyframes wiggle {
  33% {
    transform: rotateZ(1deg); }
  to {
    transform: rotateZ(-1deg); } }
@keyframes wiggle {
  33% {
    transform: rotateZ(1deg); }
  to {
    transform: rotateZ(-1deg); } }
/* social colors */
/* color pallate*/
/*Emaxio color pallate*/
/*Default Font Family*/
/*Default Font Family*/
/*font size*/
/*font weight*/
/*line height*/
/*border width*/
/*display variable*/
/*position vendor prefix*/
/*float */
/*value*/
.container-wrap {
  padding: 0; }

/*app-preview*/
/*app-preview*/
/*breakpoint*/
h1, h2 {
  font-family: "Merriweather", serif; }

h4, p, a, input, textarea, button, span, label {
  font-family: "Open Sans", sans-serif; }

/*font size*/
/*font weight*/
/*line height*/
/*border width*/
/*display variable*/
/*position vendor prefix*/
/*float */
/*value*/
.container-wrap {
  padding: 0; }

/*app-preview*/
/*app-preview*/
.input__field--sae:focus + .input__label--sae .input__label-content--sae,
.input--filled .input__label-content--sae {
  -webkit-transform: translate3d(0, 0, 0) scale3d(0.7, 0.7, 1) !important;
  transform: translate3d(0, 0, 0) scale3d(0.7, 0.7, 1) !important; }

.input__field--sae:focus + .input__label--sae .icon--sae,
.input--filled .icon--sae {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -90deg) !important;
  transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -90deg) !important; }

.input {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 1em;
  max-width: 100%;
  vertical-align: top; }
  .input.input--sae {
    overflow: hidden;
    width: 100%;
    margin: 0;
    margin-bottom: 0px; }
  .input .input__field {
    position: relative;
    display: block;
    float: right;
    padding: 0.8em;
    outline: none;
    width: 60%;
    border: none;
    border-radius: 0;
    background: #ccc;
    color: #999;
    font-weight: 400;
    -webkit-appearance: none; }
    .input .input__field.input__field--sae {
      background: transparent;
      width: 100%;
      color: #191919;
      height: auto;
      font-size: 14px;
      font-weight: 300;
      padding: 1.2em 0 0.5em;
      border-bottom: 1px solid #ddd;
      box-shadow: none;
      margin: 0; }
  .input .input__label--sae {
    position: absolute;
    width: 100%;
    text-align: left;
    color: #999;
    padding: 0;
    height: 100%;
    pointer-events: none;
    margin-bottom: 0; }
    .input .input__label--sae .icon--sae {
      position: absolute;
      bottom: 10px;
      font-size: 1em;
      width: 100%;
      opacity: 0.5;
      right: 53%;
      color: #333;
      pointer-events: none;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      -webkit-transition: -webkit-transform 0.3s;
      transition: -webkit-transform 0.3s;
      transition: transform 0.3s;
      transition: transform 0.3s, -webkit-transform 0.3s; }
    .input .input__label--sae .input__label-content {
      position: relative;
      display: block;
      padding: 1.6em 0;
      width: 100%;
      text-transform: capitalize; }
      .input .input__label--sae .input__label-content--sae {
        font-family: "Open Sans", sans-serif;
        padding: 0;
        font-size: 14px;
        font-weight: 300;
        color: #999;
        display: inline-block;
        vertical-align: bottom;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translate3d(0, 18px, 0);
        transform: translate3d(0, 18px, 0);
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s; }

.input--sae {
  overflow: hidden;
  width: 200px;
  margin: 0 2em 2em; }

.input__field--sae {
  background: transparent;
  width: 100%;
  color: #333;
  padding: 1em 0 0.5em;
  font-weight: 500; }

.input__label--sae {
  position: absolute;
  width: 100%;
  text-align: left;
  color: #7771ab;
  padding: 0;
  height: 100%;
  pointer-events: none; }

.input__label--sae::after {
  content: '';
  position: absolute;
  width: 100%;
  display: block;
  height: 1px;
  background: #3dc6c4;
  bottom: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.input__field--sae:focus + .input__label--sae::after,
.input--filled .input__label--sae::after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.input--filled .input__label--sae .input__label-content--sae {
  color: #3dc6c4 !important; }

.invalid .input__field--sae:focus + .input__label--sae::after,
.invalid .input--filled .input__label--sae::after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background: #db4344; }

.invalid .input--filled .input__label--sae .input__label-content--sae {
  color: #db4344 !important; }

.input--filled .input__field--sae {
  border-bottom: 1px solid #3dc6c4 !important; }

.invalid .input--filled .input__field--sae {
  border-bottom: 2px solid #db4344; }

.input--filled.input--filled-focusOut .input__label--sae .input__label-content--sae {
  color: #999 !important; }
.input--filled.input--filled-focusOut .input__label--sae::after {
  background: #ddd !important;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.text_field {
  padding: 0; }
  .text_field--wrapper {
    padding-left: 0;
    padding-right: 15px; }
    .text_field--wrapper:last-child {
      padding-right: 0;
      padding-left: 15px; }
  .text_field p {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    color: #9d9d9d;
    margin-bottom: 0; }

.url-field {
  padding: 0; }
  .url-field .input--filled.input--filled-focusOut .input__field--sae {
    border-bottom: 1px solid #ddd !important; }
  .url-field .input__field {
    padding-top: 0 !important; }
  .url-field--container {
    padding: 0;
    margin-bottom: 24px; }
    .url-field--container p {
      font-family: "Open Sans", sans-serif;
      font-size: 12px;
      color: #9d9d9d;
      margin-bottom: 0; }
    .url-field--container .text_label {
      margin: 0 !important; }
      .url-field--container .text_label label {
        font-size: 11px !important; }
  .url-field_wrapper {
    display: flex;
    align-items: center;
    margin: 0 !important; }
    .url-field_wrapper.invalid p {
      color: #db4344; }
  .url-field_label {
    width: initial;
    padding: 0;
    height: 27px;
    border-bottom: 1px solid #ddd; }
    .url-field_label.data-filled {
      border-bottom: 1px solid #3dc6c4; }
    .url-field_label p {
      font-size: 14px;
      color: #191919; }

.text_area.invalid p {
  color: #db4344; }

.text-editor.invalid p {
  color: #db4344; }

.url-field--container.invalid {
  will-change: transform;
  animation-name: wiggle;
  animation-duration: 150ms;
  animation-iteration-count: 6; }
  .url-field--container.invalid p {
    color: #db4344; }
  .url-field--container.invalid .text_label label {
    color: #db4344 !important; }
  .url-field--container.invalid .input__field--sae:focus + .input__label--sae::after,
  .url-field--container.invalid .input--filled .input__label--sae::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background: #db4344; }
  .url-field--container.invalid .input--filled .input__field--sae {
    border-bottom: 1px solid #db4344 !important; }
  .url-field--container.invalid .url-field_label {
    border-bottom: 1px solid #db4344; }

.text_area .input .input__field.input__field--sae {
  margin-top: 16px;
  padding-top: 0px; }

.modal-demo .modal-content {
  border-radius: 0;
  border-width: none;
  padding: 15px;
  background-color: #e8ebee; }
.modal-demo .modal-dialog {
  margin-top: 10%;
  width: 450px;
  height: auto; }
  @media (max-width: 480px) {
    .modal-demo .modal-dialog {
      width: 340px;
      margin: 10% auto; } }
.modal-demo .modal-header {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 13px;
  border-bottom: 0; }
  .modal-demo .modal-header h4 {
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    margin: 0;
    color: #757575;
    text-transform: capitalize; }
  .modal-demo .modal-header .close-btn {
    background-color: transparent;
    border: none;
    right: 2px;
    font-size: 24px;
    position: absolute;
    outline: none;
    color: #757575;
    top: -4px; }
.modal-demo .modal-body {
  margin: 0;
  padding: 0; }
  .modal-demo .modal-body .container {
    padding: 0;
    background-color: #fff; }
  .modal-demo .modal-body .form-section {
    padding: 15px; }
    .modal-demo .modal-body .form-section .button-section {
      padding: 0;
      margin-top: 40px; }
      .modal-demo .modal-body .form-section .button-section .branded-action--btn {
        font-family: "Open Sans", sans-serif;
        display: inline-block;
        margin-bottom: 0;
        height: 32px;
        border: none;
        border-radius: 3px;
        background-color: #009c9a;
        width: 100px;
        color: #fff;
        z-index: 2; }
      .modal-demo .modal-body .form-section .button-section .reset-action--btn {
        font-family: "Open Sans", sans-serif;
        display: inline-block;
        margin-bottom: 0;
        height: 32px;
        margin-right: 10px;
        border: none;
        border-radius: 3px;
        color: #fff;
        z-index: 2;
        width: 100px;
        background-color: #db4344;
        color: #fff; }
  .modal-demo .modal-body .form-input.invalid {
    will-change: transform;
    animation-name: wiggle;
    animation-duration: 150ms;
    animation-iteration-count: 6; }
    .modal-demo .modal-body .form-input.invalid p {
      color: #db4344; }
  .modal-demo .modal-body .form-input_group {
    padding: 0;
    margin-bottom: 24px; }
    .modal-demo .modal-body .form-input_group .text_area {
      padding: 0; }
.modal-demo .modal-footer {
  padding: 0; }

/*# sourceMappingURL=scheduledemo.css.map */