.animated-component-enter {
  opacity: 0; }

.animated-component-enter.animated-component-enter-active {
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in; }

.animated-component-leave {
  opacity: 1; }

.animated-component-leave.animated-component-leave-active {
  opacity: 0;
  -webkit-transition: opacity 300ms ease-in;
  transition: opacity 300ms ease-in; }

.animated-component-appear {
  opacity: 0; }

.animated-component-appear.animated-component-appear-active {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-in;
  transition: opacity 0.25s ease-in; }
/**
    // Small devices (landscape phones, 576px and up)
    @media (min-width: 576px) { ... }

    // Medium devices (tablets, 768px and up)
    @media (min-width: 768px) { ... }

    // Large devices (desktops, 992px and up)
    @media (min-width: 992px) { ... }

    // Extra large devices (large desktops, 1200px and up)
    @media (min-width: 1200px) { ... }
 */
button {
  outline: 0; }

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle:focus,
.show > .btn-primary.dropdown-toggle {
  color: #515A63 !important;
  background-color: initial;
  border-color: initial;
  -webkit-box-shadow: initial !important;
  box-shadow: initial !important; }
  .btn-primary:not(:disabled):not(.disabled):active svg,
  .btn-primary:not(:disabled):not(.disabled).active svg,
  .show > .btn-primary.dropdown-toggle:focus svg,
  .show > .btn-primary.dropdown-toggle svg {
    fill: #515A63 !important; }

.dropdown .component-select {
  padding: 0;
  margin: 0;
  border: 0 !important;
  background: transparent !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .dropdown .component-select > div {
    padding: 0;
    margin: 0; }
  .dropdown .component-select > svg {
    fill: #86909A !important;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: 8px; }

.dropdown .dropdown-select.btn-active {
  background: #fff;
  border-radius: 32px;
  -webkit-box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.06) !important; }
  .dropdown .dropdown-select.btn-active:hover, .dropdown .dropdown-select.btn-active:active, .dropdown .dropdown-select.btn-active:focus {
    -webkit-box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.12) !important; }

.dropdown .dropdown-select.btn {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }
  .dropdown .dropdown-select.btn:hover, .dropdown .dropdown-select.btn:active, .dropdown .dropdown-select.btn:focus {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    cursor: pointer; }

.dropdown .dropdown-toggle {
  border: 0;
  background: none !important;
  padding: 0;
  margin: 0;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  min-width: 16px;
  min-height: 16px;
  color: #86909A; }
  .dropdown .dropdown-toggle::after {
    display: none; }
  .dropdown .dropdown-toggle:hover, .dropdown .dropdown-toggle:active, .dropdown .dropdown-toggle:focus {
    color: #515A63;
    background: transparent !important; }
    .dropdown .dropdown-toggle:hover svg, .dropdown .dropdown-toggle:active svg, .dropdown .dropdown-toggle:focus svg {
      fill: #515A63 !important; }
  .dropdown .dropdown-toggle.dropdown-select {
    color: #86909A !important;
    font-size: 14px;
    font-weight: 600; }
    .dropdown .dropdown-toggle.dropdown-select svg {
      fill: #86909A !important;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }

.dropdown .dropdown-menu {
  border: 1px solid #E0E6EC;
  border-radius: 12px;
  -webkit-box-shadow: 2px 2px 16px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 2px 2px 16px 0 rgba(0, 0, 0, 0.16); }

.dropdown-header {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  color: #BBC4CD; }

.dropdown-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 14px;
  font-weight: 500;
  color: #515A63;
  padding: 6px 18px;
  margin: 0 !important; }
  .dropdown-item > i {
    margin-right: 8px; }
  .dropdown-item.divider {
    border-bottom: 1px solid #e4e4e4;
    padding: 6px 0 0 !important;
    margin: 0 0 6px !important;
    background: transparent; }
  .dropdown-item.selected {
    font-weight: 700;
    position: relative; }
    .dropdown-item.selected svg {
      position: absolute;
      left: 8px;
      top: 8px; }
  .dropdown-item:disabled {
    color: #ABB2B9;
    cursor: pointer; }
  .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:active {
    color: #515A63;
    background-color: #E0E6EC;
    outline: 0;
    border: 0;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0 !important; }
.picker-wrapper,
.picker-wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none; }

.picker-wrapper {
  text-align: center;
  position: relative;
  height: 210px;
  display: inline-block;
  line-height: 30px;
  width: 100%;
  font-size: 20px;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-perspective-origin: center center;
  perspective-origin: center center; }

.picker-scroller {
  -webkit-transition: -webkit-transform 100ms ease;
  -webkit-transform: translateZ(-90px) rotateX(0deg);
  -webkit-transform-style: preserve-3d;
  height: 100%;
  /*
        overflow: auto;
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
        padding-top: 90px;
        padding-bottom: 90px;
    */ }

.picker-scroller .option {
  position: absolute;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  width: 100%;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  color: black;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform-style: preserve-3d; }

.picker-up {
  position: absolute;
  top: 0;
  z-index: 2;
  background: rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 90px;
  border-bottom: 1px solid lightgray; }

.picker-down {
  position: absolute;
  top: 120px;
  z-index: 2;
  background: rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 90px;
  border-top: 1px solid lightgray; }

.clone-scroller {
  -webkit-box-shadow: inset 0 20px 24px 3px white, inset 0 -20px 24px 3px white;
  -ms-box-shadow: inset 0 10px 24px 3px white, inset 0 -20px 24px 3px white;
  box-shadow: inset 0 10px 24px 3px white, inset 0 -20px 24px 3px white;
  z-index: 5;
  overflow: auto;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  padding-top: 90px;
  padding-bottom: 90px;
  scrollbar-width: thin; }
  .clone-scroller:hover::-webkit-scrollbar-thumb, .clone-scroller:focus::-webkit-scrollbar-thumb, .clone-scroller:active::-webkit-scrollbar-thumb {
    background-color: #BBC4CD; }
  .clone-scroller:hover::-webkit-scrollbar, .clone-scroller:focus::-webkit-scrollbar, .clone-scroller:active::-webkit-scrollbar {
    border-radius: 12px;
    width: 8px; }
  .clone-scroller::-webkit-scrollbar-track {
    background-color: transparent; }
  .clone-scroller::-webkit-scrollbar {
    border-radius: 4px;
    width: 4px; }
  .clone-scroller::-webkit-scrollbar-thumb {
    background-color: #E0E6EC;
    border-radius: 12px; }

.clone-scroller .option {
  visibility: hidden; }
.rdw-option-wrapper {
  border: 1px solid transparent;
  padding: 5px;
  min-width: 25px;
  height: 20px;
  border-radius: 2px;
  margin: 0 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
  -webkit-transition: all .1s ease;
  transition: all .1s ease;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.rdw-option-wrapper:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); }

.rdw-option-wrapper:focus {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); }

.rdw-option-wrapper:active {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); }

.rdw-option-active {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD inset;
  box-shadow: 1px 1px 0px #BFBDBD inset; }

.rdw-option-disabled {
  opacity: 0.3;
  cursor: default; }
.rdw-dropdown-wrapper {
  height: 30px;
  background: white;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 2px;
  margin: 0 3px;
  text-transform: capitalize;
  z-index: 1000; }
  .rdw-dropdown-wrapper a {
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

.rdw-dropdown-wrapper:focus a {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); }

.rdw-dropdown-wrapper:hover a {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); }

.rdw-dropdown-wrapper:active a {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); }

.rdw-dropdown-carettoopen {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-top: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent; }

.rdw-dropdown-carettoclose {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-bottom: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent; }

.rdw-dropdown-selectedtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 5px; }

.rdw-dropdown-optionwrapper {
  z-index: 100;
  position: relative;
  border: 1px solid #F1F1F1;
  width: 98%;
  background: white;
  border-radius: 2px;
  margin: 0;
  padding: 0;
  max-height: 250px;
  overflow-y: scroll; }

.rdw-dropdown-optionwrapper:hover {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD;
  box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF; }
.rdw-dropdownoption-default {
  min-height: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 5px; }

.rdw-dropdownoption-highlighted {
  background: #F1F1F1; }

.rdw-dropdownoption-active {
  background: #f5f5f5; }

.rdw-dropdownoption-disabled {
  opacity: 0.3;
  cursor: default; }
.rdw-inline-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rdw-inline-dropdown {
  width: 50px; }

.rdw-inline-dropdownoption {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
.rdw-block-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rdw-block-dropdown {
  width: 110px; }
.rdw-fontsize-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rdw-fontsize-dropdown {
  min-width: 40px; }

.rdw-fontsize-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
.rdw-fontfamily-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rdw-fontfamily-dropdown {
  width: 115px; }

.rdw-fontfamily-placeholder {
  white-space: nowrap;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis; }

.rdw-fontfamily-optionwrapper {
  width: 140px; }
.rdw-list-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rdw-list-dropdown {
  width: 50px;
  z-index: 90; }

.rdw-list-dropdownOption {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
.rdw-text-align-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rdw-text-align-dropdown {
  width: 50px;
  z-index: 90; }

.rdw-text-align-dropdownOption {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.rdw-right-aligned-block {
  text-align: right; }

.rdw-left-aligned-block {
  text-align: left !important; }

.rdw-center-aligned-block {
  text-align: center !important; }

.rdw-justify-aligned-block {
  text-align: justify !important; }

.rdw-right-aligned-block > div {
  display: inline-block; }

.rdw-left-aligned-block > div {
  display: inline-block; }

.rdw-center-aligned-block > div {
  display: inline-block; }

.rdw-justify-aligned-block > div {
  display: inline-block; }
.rdw-colorpicker-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rdw-colorpicker-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 175px;
  height: 175px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  -webkit-box-shadow: 3px 3px 5px #BFBDBD;
  box-shadow: 3px 3px 5px #BFBDBD; }

.rdw-colorpicker-modal-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 5px; }

.rdw-colorpicker-modal-style-label {
  font-size: 15px;
  width: 50%;
  text-align: center;
  cursor: pointer;
  padding: 0 10px 5px; }

.rdw-colorpicker-modal-style-label-active {
  border-bottom: 2px solid #0a66b7; }

.rdw-colorpicker-modal-options {
  margin: 5px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: scroll; }

.rdw-colorpicker-cube {
  width: 22px;
  height: 22px;
  border: 1px solid #F1F1F1; }

.rdw-colorpicker-option {
  margin: 3px;
  padding: 0;
  min-height: 20px;
  border: none;
  width: 22px;
  height: 22px;
  min-width: 22px;
  -webkit-box-shadow: 1px 2px 1px #BFBDBD inset;
  box-shadow: 1px 2px 1px #BFBDBD inset; }

.rdw-colorpicker-option:hover {
  -webkit-box-shadow: 1px 2px 1px #BFBDBD;
  box-shadow: 1px 2px 1px #BFBDBD; }

.rdw-colorpicker-option:active {
  -webkit-box-shadow: -1px -2px 1px #BFBDBD;
  box-shadow: -1px -2px 1px #BFBDBD; }

.rdw-colorpicker-option-active {
  -webkit-box-shadow: 0px 0px 2px 2px #BFBDBD;
  box-shadow: 0px 0px 2px 2px #BFBDBD; }
.rdw-link-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rdw-link-dropdown {
  width: 50px; }

.rdw-link-dropdownOption {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.rdw-link-dropdownPlaceholder {
  margin-left: 8px; }

.rdw-link-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 235px;
  height: 205px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  -webkit-box-shadow: 3px 3px 5px #BFBDBD;
  box-shadow: 3px 3px 5px #BFBDBD; }

.rdw-link-modal-label {
  font-size: 15px; }

.rdw-link-modal-input {
  margin-top: 5px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  height: 25px;
  margin-bottom: 15px;
  padding: 0 5px; }

.rdw-link-modal-input:focus {
  outline: none; }

.rdw-link-modal-buttonsection {
  margin: 0 auto; }

.rdw-link-modal-target-option {
  margin-bottom: 20px; }

.rdw-link-modal-target-option > span {
  margin-left: 5px; }

.rdw-link-modal-btn {
  margin-left: 10px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize; }

.rdw-link-modal-btn:hover {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD;
  box-shadow: 1px 1px 0px #BFBDBD; }

.rdw-link-modal-btn:active {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD inset;
  box-shadow: 1px 1px 0px #BFBDBD inset; }

.rdw-link-modal-btn:focus {
  outline: none !important; }

.rdw-link-modal-btn:disabled {
  background: #ece9e9; }

.rdw-link-dropdownoption {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.rdw-history-dropdown {
  width: 50px; }
.rdw-embedded-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rdw-embedded-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-shadow: 3px 3px 5px #BFBDBD;
  box-shadow: 3px 3px 5px #BFBDBD; }

.rdw-embedded-modal-header {
  font-size: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }

.rdw-embedded-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.rdw-embedded-modal-header-label {
  width: 95px;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7; }

.rdw-embedded-modal-link-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.rdw-embedded-modal-link-input {
  width: 88%;
  height: 35px;
  margin: 10px 0;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px; }

.rdw-embedded-modal-link-input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.rdw-embedded-modal-link-input:focus {
  outline: none; }

.rdw-embedded-modal-btn-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.rdw-embedded-modal-btn {
  margin: 0 3px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize; }

.rdw-embedded-modal-btn:hover {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD;
  box-shadow: 1px 1px 0px #BFBDBD; }

.rdw-embedded-modal-btn:active {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD inset;
  box-shadow: 1px 1px 0px #BFBDBD inset; }

.rdw-embedded-modal-btn:focus {
  outline: none !important; }

.rdw-embedded-modal-btn:disabled {
  background: #ece9e9; }

.rdw-embedded-modal-size {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.rdw-embedded-modal-size-input {
  width: 80%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px; }

.rdw-embedded-modal-size-input:focus {
  outline: none; }
.rdw-emoji-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rdw-emoji-modal {
  overflow: auto;
  position: absolute;
  top: 35px;
  left: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  -webkit-box-shadow: 3px 3px 5px #BFBDBD;
  box-shadow: 3px 3px 5px #BFBDBD; }

.rdw-emoji-icon {
  margin: 2.5px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  font-size: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
.rdw-spinner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  width: 100%; }

.rdw-spinner > div {
  width: 12px;
  height: 12px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.rdw-spinner .rdw-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.rdw-spinner .rdw-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
.rdw-image-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rdw-image-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 235px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  -webkit-box-shadow: 3px 3px 5px #BFBDBD;
  box-shadow: 3px 3px 5px #BFBDBD; }

.rdw-image-modal-header {
  font-size: 15px;
  margin: 10px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }

.rdw-image-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.rdw-image-modal-header-label {
  width: 80px;
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  margin-top: 5px; }

.rdw-image-modal-header-label-highlighted {
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7; }

.rdw-image-modal-upload-option {
  width: 100%;
  color: gray;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border: none;
  font-size: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #f1f1f1;
  outline: 2px dashed gray;
  outline-offset: -10px;
  margin: 10px 0;
  padding: 9px 0; }

.rdw-image-modal-upload-option-highlighted {
  outline: 2px dashed #0a66b7; }

.rdw-image-modal-upload-option-label {
  cursor: pointer;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px; }

.rdw-image-modal-upload-option-label span {
  padding: 0 20px; }

.rdw-image-modal-upload-option-image-preview {
  max-width: 100%;
  max-height: 200px; }

.rdw-image-modal-upload-option-input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.rdw-image-modal-url-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.rdw-image-modal-url-input {
  width: 90%;
  height: 35px;
  margin: 15px 0 12px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px; }

.rdw-image-modal-btn-section {
  margin: 10px auto 0; }

.rdw-image-modal-url-input:focus {
  outline: none; }

.rdw-image-modal-btn {
  margin: 0 5px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize; }

.rdw-image-modal-btn:hover {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD;
  box-shadow: 1px 1px 0px #BFBDBD; }

.rdw-image-modal-btn:active {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD inset;
  box-shadow: 1px 1px 0px #BFBDBD inset; }

.rdw-image-modal-btn:focus {
  outline: none !important; }

.rdw-image-modal-btn:disabled {
  background: #ece9e9; }

.rdw-image-modal-spinner {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5; }

.rdw-image-modal-alt-input {
  width: 70%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
  margin-left: 5px; }

.rdw-image-modal-alt-input:focus {
  outline: none; }

.rdw-image-modal-alt-lbl {
  font-size: 12px; }

.rdw-image-modal-size {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.rdw-image-modal-size-input {
  width: 40%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px; }

.rdw-image-modal-size-input:focus {
  outline: none; }

.rdw-image-mandatory-sign {
  color: red;
  margin-left: 3px;
  margin-right: 3px; }
.rdw-remove-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
.rdw-history-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rdw-history-dropdownoption {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.rdw-history-dropdown {
  width: 50px; }
.rdw-link-decorator-wrapper {
  position: relative; }

.rdw-link-decorator-icon {
  position: absolute;
  left: 40%;
  top: 0;
  cursor: pointer;
  background-color: white; }
.rdw-mention-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px; }
.rdw-suggestion-wrapper {
  position: relative; }

.rdw-suggestion-dropdown {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #F1F1F1;
  min-width: 100px;
  max-height: 150px;
  overflow: auto;
  background: white;
  z-index: 100; }

.rdw-suggestion-option {
  padding: 7px 5px;
  border-bottom: 1px solid #f1f1f1; }

.rdw-suggestion-option-active {
  background-color: #F1F1F1; }
.rdw-hashtag-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px; }
.rdw-image-alignment-options-popup {
  position: absolute;
  background: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 2px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  width: 105px;
  cursor: pointer;
  z-index: 100; }

.rdw-alignment-option-left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.rdw-image-alignment-option {
  height: 15px;
  width: 15px;
  min-width: 15px; }

.rdw-image-alignment {
  position: relative; }

.rdw-image-imagewrapper {
  position: relative; }

.rdw-image-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.rdw-image-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }

.rdw-image-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.rdw-image-alignment-options-popup-right {
  right: 0; }
.rdw-editor-main {
  height: 100%;
  overflow: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.rdw-editor-toolbar {
  padding: 6px 0 0;
  border-radius: 2px;
  border-bottom: 1px solid #F1F1F1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background: white;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 15px;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0.5;
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }

.public-DraftStyleDefault-block {
  margin: 0.25em 0; }

.rdw-editor-wrapper:hover,
.rdw-editor-wrapper:active,
.rdw-editor-wrapper:focus {
  outline: none; }

.rdw-editor-wrapper:hover .rdw-editor-toolbar,
.rdw-editor-wrapper:active .rdw-editor-toolbar,
.rdw-editor-wrapper:focus .rdw-editor-toolbar {
  opacity: 1; }

.rdw-editor-wrapper {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.rdw-editor-main blockquote {
  border-left: 5px solid #f1f1f1;
  padding-left: 5px; }

.rdw-editor-main pre {
  background: #f1f1f1;
  border-radius: 3px;
  padding: 1px 10px; }
/**
 * Draft v0.9.1
 *
 * Copyright (c) 2013-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */
.DraftEditor-editorContainer, .DraftEditor-root, .public-DraftEditor-content {
  height: inherit;
  text-align: initial; }

.public-DraftEditor-content[contenteditable=true] {
  -webkit-user-modify: read-write-plaintext-only; }

.DraftEditor-root {
  cursor: text;
  position: relative;
  min-height: 100px;
  border-radius: 8px; }

.DraftEditor-editorContainer {
  background-color: rgba(255, 255, 255, 0);
  border-left: .1px solid transparent;
  position: relative;
  z-index: 1; }

.public-DraftEditor-block {
  position: relative; }

.DraftEditor-alignLeft .public-DraftStyleDefault-block {
  text-align: left; }

.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
  left: 0;
  text-align: left; }

.DraftEditor-alignCenter .public-DraftStyleDefault-block {
  text-align: center; }

.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
  margin: 0 auto;
  text-align: center;
  width: 100%; }

.DraftEditor-alignRight .public-DraftStyleDefault-block {
  text-align: right; }

.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
  right: 0;
  text-align: right; }

.public-DraftEditorPlaceholder-root {
  color: #9197a3;
  position: absolute;
  z-index: 0; }

.public-DraftEditorPlaceholder-hasFocus {
  color: #bdc1c9; }

.DraftEditorPlaceholder-hidden {
  display: none; }

.public-DraftStyleDefault-block {
  position: relative;
  white-space: pre-wrap; }

.public-DraftStyleDefault-ltr {
  direction: ltr;
  text-align: left; }

.public-DraftStyleDefault-rtl {
  direction: rtl;
  text-align: right; }

.public-DraftStyleDefault-listLTR {
  direction: ltr; }

.public-DraftStyleDefault-listRTL {
  direction: rtl; }

.public-DraftStyleDefault-ol, .public-DraftStyleDefault-ul {
  margin: 16px 0;
  padding: 0; }

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
  margin-left: 1.5em; }

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
  margin-right: 1.5em; }

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
  margin-left: 3em; }

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
  margin-right: 3em; }

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
  margin-left: 4.5em; }

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
  margin-right: 4.5em; }

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
  margin-left: 6em; }

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
  margin-right: 6em; }

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
  margin-left: 7.5em; }

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
  margin-right: 7.5em; }

.public-DraftStyleDefault-unorderedListItem {
  list-style-type: square;
  position: relative; }

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
  list-style-type: disc; }

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
  list-style-type: circle; }

.public-DraftStyleDefault-orderedListItem {
  list-style-type: none;
  position: relative; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
  left: -36px;
  position: absolute;
  text-align: right;
  width: 30px; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
  position: absolute;
  right: -36px;
  text-align: left;
  width: 30px; }

.public-DraftStyleDefault-orderedListItem:before {
  content: counter(ol0) ". ";
  counter-increment: ol0; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
  content: counter(ol1) ". ";
  counter-increment: ol1; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
  content: counter(ol2) ". ";
  counter-increment: ol2; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
  content: counter(ol3) ". ";
  counter-increment: ol3; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
  content: counter(ol4) ". ";
  counter-increment: ol4; }

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
  counter-reset: ol0; }

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
  counter-reset: ol1; }

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
  counter-reset: ol2; }

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
  counter-reset: ol3; }

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
  counter-reset: ol4; }
.container__editor {
  width: 100%;
  height: 100%; }
  .container__editor textarea {
    outline: 0; }
  .container__editor.with-line-numbers textarea {
    padding: 0 0 0 2.8em !important; }
  .container__editor pre[class*="language-"].line-numbers {
    position: relative !important;
    padding: 0 0 0 2.8em !important;
    counter-reset: linenumber;
    overflow: hidden !important; }
  .container__editor pre[class*="language-"].line-numbers > code {
    position: relative;
    white-space: inherit; }
  .container__editor .line-numbers .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -0.8em;
    width: 3em;
    /* works for line-numbers below 1000 lines */
    letter-spacing: -1px;
    border-right: 1px solid #ced4da;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .container__editor .line-numbers .line-numbers-rows > span {
      display: block;
      counter-increment: linenumber; }
    .container__editor .line-numbers .line-numbers-rows > span:before {
      content: counter(linenumber);
      color: #BBC4CD;
      display: block;
      padding-right: 0.8em;
      text-align: right; }

/* Syntax highlighting */
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #90a4ae; }

.token.punctuation {
  color: #9e9e9e; }

.namespace {
  opacity: 0.7; }

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #e91e63; }

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #4caf50; }

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #795548; }

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #3f51b5; }

.token.function {
  color: #f44336; }

.token.regex,
.token.important,
.token.variable {
  color: #ff9800; }

.token.important,
.token.bold {
  font-weight: bold; }

.token.italic {
  font-style: italic; }

.token.entity {
  cursor: help; }
@charset "UTF-8";
/**
    // Small devices (landscape phones, 576px and up)
    @media (min-width: 576px) { ... }

    // Medium devices (tablets, 768px and up)
    @media (min-width: 768px) { ... }

    // Large devices (desktops, 992px and up)
    @media (min-width: 992px) { ... }

    // Extra large devices (large desktops, 1200px and up)
    @media (min-width: 1200px) { ... }
 */
.html-body-item {
  width: 100%;
  padding: 4px;
  min-height: initial;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  -webkit-transition: background 0.15s ease-in;
  transition: background 0.15s ease-in;
  margin-bottom: 4px;
  color: #707172;
  font-size: 13px;
  font-weight: 500;
  cursor: text;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 4px; }
  .html-body-item p {
    margin-bottom: 0; }
  .html-body-item.spacer {
    background: #f2f5f7; }
  .html-body-item.img > span {
    cursor: pointer; }
  .html-body-item.img .image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .html-body-item.img .image img {
      display: block;
      color: #000000;
      text-decoration: none;
      font-size: 16px;
      max-height: 200px !important;
      max-width: 100% !important;
      width: auto;
      height: auto !important; }
  .html-body-item.img .image-empty {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    padding: 24px;
    color: #ABB2B9;
    cursor: pointer; }
    .html-body-item.img .image-empty i {
      opacity: 1 !important; }
  .html-body-item > span {
    width: 100%;
    min-height: 16px; }
  .html-body-item i.drag-icon {
    width: 28px;
    height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 2px;
    left: -38px;
    position: absolute;
    cursor: row-resize; }
  .html-body-item.editing {
    padding: 0 0 38px; }
    .html-body-item.editing textarea {
      background-color: transparent !important;
      border: none;
      padding: 0;
      margin: 0; }
    .html-body-item.editing .html-body-item-modal .btn.btn-icon {
      background: transparent !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      -webkit-transform: translate(0, 0) !important;
      -ms-transform: translate(0, 0) !important;
      transform: translate(0, 0) !important;
      height: 30px;
      width: 32px;
      padding: 0;
      margin-bottom: 6px; }
      .html-body-item.editing .html-body-item-modal .btn.btn-icon:hover svg, .html-body-item.editing .html-body-item-modal .btn.btn-icon:active svg, .html-body-item.editing .html-body-item-modal .btn.btn-icon:focus svg {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2); }
    .html-body-item.editing .graph-block-popup > .dropdown.show {
      z-index: 100000; }
      .html-body-item.editing .graph-block-popup > .dropdown.show .dropdown-menu {
        -webkit-transform: translate3d(0px, 8px, 0px) !important;
        transform: translate3d(0px, 8px, 0px) !important; }
    .html-body-item.editing .graph-block-popup > .dropdown .dropdown-menu {
      left: -10px !important;
      top: -10px !important;
      border-radius: 8px 18px 18px 18px;
      min-height: 100px;
      padding: 0;
      outline: none; }
    .html-body-item.editing .graph-block-popup .graph-block-popup-content {
      min-width: 250px;
      max-width: 250px;
      width: 250px;
      border-radius: 18px;
      background: #fff;
      border: 0;
      opacity: 1;
      min-height: 100px; }
    .html-body-item.editing .graph-block-popup .graph-block-popup-header {
      height: 38px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0 12px 0 -webkit-calc(38px + 12px);
      padding: 0 12px 0 calc(38px + 12px);
      font-size: 14px;
      font-weight: 500;
      color: #515A63;
      border-bottom: 1px solid #E0E6EC;
      position: relative; }
      .html-body-item.editing .graph-block-popup .graph-block-popup-header > u {
        position: absolute;
        left: 20px;
        top: 8px;
        line-height: 18px; }
      .html-body-item.editing .graph-block-popup .graph-block-popup-header label {
        padding: 0;
        margin: 0; }
    .html-body-item.editing .graph-block-popup .graph-block-popup-body {
      padding: 12px;
      font-size: 13px;
      font-weight: 500;
      color: #707172;
      max-height: 360px;
      overflow: hidden;
      overflow-y: auto; }
      .html-body-item.editing .graph-block-popup .graph-block-popup-body .form-input i {
        right: 4px;
        top: 24px; }
      .html-body-item.editing .graph-block-popup .graph-block-popup-body .form-input-options {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0 0 12px; }
        .html-body-item.editing .graph-block-popup .graph-block-popup-body .form-input-options.vertical {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -moz-box-orient: vertical;
          -moz-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
          -moz-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start; }
        .html-body-item.editing .graph-block-popup .graph-block-popup-body .form-input-options label {
          margin: 0;
          padding: 0 12px;
          font-size: 13px;
          font-weight: 500;
          color: #86909A; }
          .html-body-item.editing .graph-block-popup .graph-block-popup-body .form-input-options label b {
            font-weight: 700;
            display: inline; }
        .html-body-item.editing .graph-block-popup .graph-block-popup-body .form-input-options .form-badge {
          width: 100%;
          padding: 8px 0 0; }
          .html-body-item.editing .graph-block-popup .graph-block-popup-body .form-input-options .form-badge span {
            display: inline-block;
            padding: 1px 6px;
            border-radius: 4px;
            margin: 0 2px;
            color: #86909A;
            background: transparent;
            border: 1px solid #ced4da;
            text-align: center;
            font-size: 12px;
            font-weight: 600;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            -webkit-transition: all .2s ease;
            transition: all .2s ease;
            cursor: pointer; }
            .html-body-item.editing .graph-block-popup .graph-block-popup-body .form-input-options .form-badge span.active {
              background: #e4e4e4;
              color: #515A63; }
      .html-body-item.editing .graph-block-popup .graph-block-popup-body .graph-block-popup-label {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        color: #707172;
        font-size: 13px;
        font-weight: 600;
        margin: 12px 0 4px 0;
        padding: 0 8px; }
      .html-body-item.editing .graph-block-popup .graph-block-popup-body .graph-block-popup-vars {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-height: 130px;
        overflow: hidden;
        overflow-y: auto;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0 12px 0 0; }
        .html-body-item.editing .graph-block-popup .graph-block-popup-body .graph-block-popup-vars > div {
          width: 100%; }
        .html-body-item.editing .graph-block-popup .graph-block-popup-body .graph-block-popup-vars label {
          position: relative;
          padding: 0 8px;
          cursor: pointer;
          display: block;
          word-break: break-word; }
          .html-body-item.editing .graph-block-popup .graph-block-popup-body .graph-block-popup-vars label b {
            position: absolute;
            left: -12px;
            font-weight: 700;
            font-size: 12px;
            height: inherit; }
        .html-body-item.editing .graph-block-popup .graph-block-popup-body .graph-block-popup-vars .graph-block-popup-var {
          background-color: #F2F6F8;
          border-radius: 8px;
          padding: 4px 12px 0 4px !important;
          min-height: 28px;
          line-height: normal;
          width: 100%;
          margin: 0 0 8px;
          cursor: pointer; }
    .html-body-item.editing .rdw-editor-wrapper {
      width: 100%; }
      .html-body-item.editing .rdw-editor-wrapper .DraftEditor-root {
        min-height: 26px; }
      .html-body-item.editing .rdw-editor-wrapper .public-DraftEditor-content {
        padding: 4px; }
        .html-body-item.editing .rdw-editor-wrapper .public-DraftEditor-content figure {
          display: none; }
      .html-body-item.editing .rdw-editor-wrapper .public-DraftEditorPlaceholder-root {
        margin: 0;
        padding: 4px; }
      .html-body-item.editing .rdw-editor-wrapper .public-DraftStyleDefault-block {
        margin: 0;
        padding: 0; }
      .html-body-item.editing .rdw-editor-wrapper .rdw-right-aligned-block .public-DraftStyleDefault-ltr {
        text-align: right; }
      .html-body-item.editing .rdw-editor-wrapper .rdw-center-aligned-block .public-DraftStyleDefault-ltr {
        text-align: center; }
      .html-body-item.editing .rdw-editor-wrapper .public-DraftStyleDefault-ol,
      .html-body-item.editing .rdw-editor-wrapper .public-DraftStyleDefault-ul {
        margin: 0 0 1rem;
        padding: 0;
        display: block;
        list-style-type: disc;
        -webkit-margin-before: 0;
        margin-block-start: 0;
        -webkit-margin-after: 0;
        margin-block-end: 0;
        -webkit-margin-start: 0;
        -moz-margin-start: 0;
        margin-inline-start: 0;
        -webkit-margin-end: 0;
        -moz-margin-end: 0;
        margin-inline-end: 0;
        -webkit-padding-start: 40px;
        -moz-padding-start: 40px;
        padding-inline-start: 40px; }
        .html-body-item.editing .rdw-editor-wrapper .public-DraftStyleDefault-ol .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR,
        .html-body-item.editing .rdw-editor-wrapper .public-DraftStyleDefault-ul .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
          margin-left: 0; }
        .html-body-item.editing .rdw-editor-wrapper .public-DraftStyleDefault-ol .public-DraftStyleDefault-block,
        .html-body-item.editing .rdw-editor-wrapper .public-DraftStyleDefault-ul .public-DraftStyleDefault-block {
          padding: 0; }
      .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar {
        visibility: visible;
        position: absolute;
        top: -44px;
        right: 0;
        opacity: 1;
        border-radius: 8px;
        -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.14);
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.14);
        height: 42px;
        background: #f2f5f7;
        padding-right: 6px;
        padding-left: 6px; }
        .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-fontsize-dropdown {
          border-radius: 6px;
          border: 1px solid #e4e4e4;
          cursor: pointer; }
          .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-fontsize-dropdown > a {
            -webkit-transform: scale(1) !important;
            -ms-transform: scale(1) !important;
            transform: scale(1) !important;
            cursor: pointer; }
            .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-fontsize-dropdown > a span {
              cursor: pointer; }
            .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-fontsize-dropdown > a div {
              cursor: pointer; }
        .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-dropdown-optionwrapper {
          overflow: hidden auto;
          border-radius: 6px;
          border: 1px solid #e4e4e4;
          -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.06) !important;
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.06) !important; }
          .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-dropdown-optionwrapper:hover::-webkit-scrollbar-thumb, .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-dropdown-optionwrapper:focus::-webkit-scrollbar-thumb, .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-dropdown-optionwrapper:active::-webkit-scrollbar-thumb {
            background-color: #BBC4CD; }
          .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-dropdown-optionwrapper::-webkit-scrollbar-track {
            background-color: transparent; }
          .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-dropdown-optionwrapper::-webkit-scrollbar {
            border-radius: 6px;
            width: 4px; }
          .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-dropdown-optionwrapper::-webkit-scrollbar-thumb {
            background-color: #E0E6EC;
            border-radius: 6px; }
          .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-dropdown-optionwrapper .rdw-fontsize-option.rdw-dropdownoption-active, .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-dropdown-optionwrapper .rdw-fontsize-option:hover, .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-dropdown-optionwrapper .rdw-fontsize-option:active, .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-dropdown-optionwrapper .rdw-fontsize-option:focus {
            background: #E0E6EC; }
        .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-option-wrapper {
          background: transparent; }
          .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-option-wrapper.rdw-option-disabled {
            opacity: 0.1; }
        .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .dropdown .dropdown-select.btn-active {
          background: transparent !important;
          -webkit-box-shadow: none !important;
          box-shadow: none !important;
          -webkit-transform: translate(0, 0) !important;
          -ms-transform: translate(0, 0) !important;
          transform: translate(0, 0) !important;
          height: 30px;
          width: 32px;
          padding: 0;
          margin-bottom: 6px; }
          .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .dropdown .dropdown-select.btn-active:hover u.button svg, .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .dropdown .dropdown-select.btn-active:focus u.button svg, .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .dropdown .dropdown-select.btn-active:active u.button svg {
            -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2); }
          .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .dropdown .dropdown-select.btn-active u.button svg {
            -webkit-transition: all .2s ease;
            transition: all .2s ease;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            cursor: pointer; }

.emojis {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-size: 24px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-height: 220px;
  overflow: hidden;
  overflow-y: auto; }
  .emojis::-webkit-scrollbar-track {
    background-color: transparent; }
  .emojis::-webkit-scrollbar {
    width: 4px; }
  .emojis::-webkit-scrollbar-thumb {
    background-color: #ABB2B9;
    border-radius: 4px; }
  .emojis .emoji {
    margin-right: 8px;
    margin-bottom: 8px;
    cursor: pointer;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
    .emojis .emoji:hover, .emojis .emoji:active, .emojis .emoji:focus {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2); }

.form-input.form-input-importance {
  padding: 8px 0;
  display: inline-block;
  position: relative; }
  .form-input.form-input-importance label {
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    padding: 0 !important; }
  .form-input.form-input-importance.high label.text.high,
  .form-input.form-input-importance.low label.text.low {
    font-weight: 600; }
  .form-input.form-input-importance.default.high label.text.high,
  .form-input.form-input-importance.default.low label.text.low {
    color: #4DD500; }
  .form-input.form-input-importance.cta.high label.text.high,
  .form-input.form-input-importance.cta.low label.text.low {
    color: #008AFF; }
  .form-input.form-input-importance.reliever.high label.text.high,
  .form-input.form-input-importance.reliever.low label.text.low {
    color: #FF6B33; }
  .form-input.form-input-importance.creator.high label.text.high,
  .form-input.form-input-importance.creator.low label.text.low {
    color: #52C1CE; }
  .form-input.form-input-importance label.text {
    font-weight: 300;
    font-size: 10px;
    text-transform: initial;
    position: absolute;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    opacity: 1; }
    .form-input.form-input-importance label.text.high {
      top: -8px;
      right: 0;
      text-align: right; }
    .form-input.form-input-importance label.text.low {
      bottom: -12px;
      right: 0;
      text-align: left; }
  .form-input.form-input-importance .form-range {
    background: #F2F6F8;
    border-radius: 18px;
    padding: 8px; }
    .form-input.form-input-importance .form-range > i {
      width: 8px;
      height: 8px;
      margin: 0 8px 0 0; }
      .form-input.form-input-importance .form-range > i:last-of-type {
        margin: 0; }

.form-input .form-range {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 12px 0; }
  .form-input .form-range > i {
    display: block;
    width: 12px;
    height: 12px;
    position: relative;
    right: initial;
    top: initial;
    border-radius: 12px;
    background: #E0E6EC;
    border: 2px solid #E0E6EC;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 12px 0 0;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    cursor: pointer; }
    .form-input .form-range > i:last-of-type {
      margin: 0; }

.form-input .form-range2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 8px; }
  .form-input .form-range2.default > i.filled,
  .form-input .form-range2.default > i.hover {
    background: #4DD500;
    border-color: #4DD500; }
  .form-input .form-range2.cta > i.filled,
  .form-input .form-range2.cta > i.hover {
    background: #008AFF;
    border-color: #008AFF; }
  .form-input .form-range2.reliever > i.filled,
  .form-input .form-range2.reliever > i.hover {
    background: #FF6B33;
    border-color: #FF6B33; }
  .form-input .form-range2.creator > i.filled,
  .form-input .form-range2.creator > i.hover {
    background: #52C1CE;
    border-color: #52C1CE; }
  .form-input .form-range2:not(.readonly).default > i.filled,
  .form-input .form-range2:not(.readonly).default > i.hover,
  .form-input .form-range2:not(.readonly).default > i:hover,
  .form-input .form-range2:not(.readonly).default > i:active,
  .form-input .form-range2:not(.readonly).default > i:focus {
    background: #4DD500;
    border-color: #4DD500; }
  .form-input .form-range2:not(.readonly).cta > i.filled,
  .form-input .form-range2:not(.readonly).cta > i.hover,
  .form-input .form-range2:not(.readonly).cta > i:hover,
  .form-input .form-range2:not(.readonly).cta > i:active,
  .form-input .form-range2:not(.readonly).cta > i:focus {
    background: #008AFF;
    border-color: #008AFF; }
  .form-input .form-range2:not(.readonly).reliever > i.filled,
  .form-input .form-range2:not(.readonly).reliever > i.hover,
  .form-input .form-range2:not(.readonly).reliever > i:hover,
  .form-input .form-range2:not(.readonly).reliever > i:active,
  .form-input .form-range2:not(.readonly).reliever > i:focus {
    background: #FF6B33;
    border-color: #FF6B33; }
  .form-input .form-range2 > i {
    display: block;
    width: 16px;
    height: 16px;
    position: relative;
    right: initial;
    top: initial;
    border-radius: 4px;
    background: transparent;
    border: 1px solid #BBC4CD;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 4px 0 0;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    cursor: pointer; }
    .form-input .form-range2 > i:last-of-type {
      margin: 0; }

.form-input {
  padding: 12px 0 4px;
  position: relative;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */ }
  .form-input:hover.linked, .form-input:active.linked, .form-input:focus.linked {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .form-input:hover.linked b, .form-input:active.linked b, .form-input:focus.linked b {
      opacity: 1; }
    .form-input:hover.linked input, .form-input:active.linked input, .form-input:focus.linked input {
      cursor: pointer !important; }
  .form-input:hover.form-url .form-actions, .form-input:hover.form-file .form-actions, .form-input:hover.form-textarea .form-actions, .form-input:active.form-url .form-actions, .form-input:active.form-file .form-actions, .form-input:active.form-textarea .form-actions, .form-input:focus.form-url .form-actions, .form-input:focus.form-file .form-actions, .form-input:focus.form-textarea .form-actions {
    opacity: 1; }
  .form-input.noselect input {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently supported by Chrome and Opera */ }
  .form-input input::-webkit-outer-spin-button,
  .form-input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .form-input input[type=number] {
    -moz-appearance: textfield; }
  .form-input.disabled input {
    background-color: #E0E6EC; }
  .form-input.hint label {
    padding-right: 14px; }
  .form-input.noborder input {
    border-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none; }
  .form-input.required label {
    font-weight: 600;
    color: #515A63; }
    .form-input.required label::after {
      content: '\2022';
      color: #FF4450;
      margin: 0 2px;
      font-weight: 700; }
  .form-input.form-password .password-meter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 24px;
    margin: 4px 0;
    padding: 0 4px; }
    .form-input.form-password .password-meter label {
      padding: 0;
      margin: 0 0 2px;
      font-weight: 700; }
      .form-input.form-password .password-meter label.very-strong {
        color: #4ABF29; }
      .form-input.form-password .password-meter label.strong {
        color: #4ABF29; }
      .form-input.form-password .password-meter label.average {
        color: #FFC900; }
      .form-input.form-password .password-meter label.weak {
        color: #FF4450; }
    .form-input.form-password .password-meter .password-meter-bar {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .form-input.form-password .password-meter .password-meter-bar .password-meter-type {
        display: block;
        -webkit-box-flex: 0.25;
        -webkit-flex: 0.25;
        -moz-box-flex: 0.25;
        -ms-flex: 0.25;
        flex: 0.25;
        width: -webkit-calc(25% - 8px);
        width: calc(25% - 8px);
        margin: 0 4px 0 0;
        background: #BBC4CD;
        height: 3px; }
        .form-input.form-password .password-meter .password-meter-bar .password-meter-type.last-of-type {
          margin: 0; }
        .form-input.form-password .password-meter .password-meter-bar .password-meter-type.very-strong {
          background: #4ABF29; }
        .form-input.form-password .password-meter .password-meter-bar .password-meter-type.strong {
          background: #4ABF29; }
        .form-input.form-password .password-meter .password-meter-bar .password-meter-type.average {
          background: #FFC900; }
        .form-input.form-password .password-meter .password-meter-bar .password-meter-type.weak {
          background: #FF4450; }
  .form-input.form-url .form-loader, .form-input.form-file .form-loader, .form-input.form-textarea .form-loader {
    position: absolute;
    width: 20px;
    height: 24px;
    background: #BBC4CD;
    z-index: 10000;
    border-radius: 4px;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .form-input.form-url .form-actions, .form-input.form-file .form-actions, .form-input.form-textarea .form-actions {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2px 4px;
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
    .form-input.form-url .form-actions > i, .form-input.form-file .form-actions > i, .form-input.form-textarea .form-actions > i {
      position: relative;
      top: initial !important;
      left: initial !important;
      right: initial !important;
      bottom: initial !important;
      margin: 0 0 0 8px;
      cursor: pointer;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
      .form-input.form-url .form-actions > i:hover, .form-input.form-url .form-actions > i:active, .form-input.form-url .form-actions > i:focus, .form-input.form-file .form-actions > i:hover, .form-input.form-file .form-actions > i:active, .form-input.form-file .form-actions > i:focus, .form-input.form-textarea .form-actions > i:hover, .form-input.form-textarea .form-actions > i:active, .form-input.form-textarea .form-actions > i:focus {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2); }
        .form-input.form-url .form-actions > i:hover svg, .form-input.form-url .form-actions > i:active svg, .form-input.form-url .form-actions > i:focus svg, .form-input.form-file .form-actions > i:hover svg, .form-input.form-file .form-actions > i:active svg, .form-input.form-file .form-actions > i:focus svg, .form-input.form-textarea .form-actions > i:hover svg, .form-input.form-textarea .form-actions > i:active svg, .form-input.form-textarea .form-actions > i:focus svg {
          stroke: #008AFF !important;
          fill: #008AFF !important; }
  .form-input.form-file i {
    position: absolute;
    left: 12px;
    top: 18px; }
  .form-input.form-file .form-control {
    padding-left: 42px !important; }
  .form-input.form-file.image {
    border: 1px solid #ced4da;
    border-radius: 8px;
    overflow: hidden; }
    .form-input.form-file.image:hover .form-thumb, .form-input.form-file.image:active .form-thumb, .form-input.form-file.image:focus .form-thumb {
      -webkit-filter: blur(0.05em);
      filter: blur(0.05em); }
    .form-input.form-file.image:hover .form-thumb:not(.empty):after, .form-input.form-file.image:active .form-thumb:not(.empty):after, .form-input.form-file.image:focus .form-thumb:not(.empty):after {
      opacity: 1; }
    .form-input.form-file.image .form-actions {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      max-width: 64px;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -moz-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      .form-input.form-file.image .form-actions > i {
        margin: 0 0 8px 8px; }
    .form-input.form-file.image .form-control {
      border: none !important;
      background: transparent !important;
      visibility: hidden !important; }
    .form-input.form-file.image .form-thumb {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      max-height: 64px;
      height: 64px;
      width: 64px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
      .form-input.form-file.image .form-thumb.empty {
        background-color: #f2f5f7; }
      .form-input.form-file.image .form-thumb:not(.empty):after {
        content: ' ';
        display: block;
        background: rgba(81, 90, 99, 0.5);
        border-radius: 8px;
        position: absolute;
        top: 0;
        left: 0;
        height: 64px;
        width: 64px;
        opacity: 0;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
  .form-input.form-email i, .form-input.form-url i, .form-input.form-phone i, .form-input.form-date i, .form-input.form-datetime i, .form-input.form-location i, .form-input.form-time i {
    position: absolute;
    left: 8px;
    top: 18px;
    width: 24px; }
  .form-input.form-phone.autoformat > .form-control {
    padding-left: 80px !important; }
  .form-input.form-phone.autoformat .form-phone-validation {
    opacity: 1;
    height: 32px;
    bottom: 0;
    top: initial;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .form-input.form-phone.autoformat .form-phone-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 8px;
    height: 32px;
    width: 80px; }
    .form-input.form-phone.autoformat .form-phone-input i {
      position: relative;
      height: inherit;
      bottom: 0 !important;
      padding: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .form-input.form-phone.autoformat .form-phone-input .form-phone-country {
      height: inherit; }
      .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu {
        min-width: 280px;
        padding: 8px; }
        .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu .form-input.form-search {
          position: relative;
          margin: 0 0 4px; }
          .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu .form-input.form-search i {
            position: absolute;
            top: 1px; }
          .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu .form-input.form-search .form-control {
            padding-left: 32px; }
        .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu .form-phone-countries {
          overflow: hidden auto;
          max-height: 280px; }
          .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu .form-phone-countries::-webkit-scrollbar-track {
            background-color: transparent; }
          .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu .form-phone-countries::-webkit-scrollbar {
            border-radius: 4px;
            width: 4px; }
          .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu .form-phone-countries::-webkit-scrollbar-thumb {
            background-color: #BBC4CD;
            border-radius: 4px; }
          .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu .form-phone-countries .form-phone-country {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            min-height: 32px;
            padding: 4px 0;
            border-radius: 6px;
            cursor: pointer; }
            .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu .form-phone-countries .form-phone-country:hover, .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu .form-phone-countries .form-phone-country:active, .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu .form-phone-countries .form-phone-country:focus, .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu .form-phone-countries .form-phone-country.active {
              background: #f2f5f7; }
            .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu .form-phone-countries .form-phone-country label {
              margin: 0;
              padding: 0 4px 0 8px;
              -webkit-box-flex: 1;
              -webkit-flex: 1;
              -moz-box-flex: 1;
              -ms-flex: 1;
              flex: 1;
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -webkit-align-items: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-box-pack: start;
              -webkit-justify-content: flex-start;
              -moz-box-pack: start;
              -ms-flex-pack: start;
              justify-content: flex-start;
              cursor: pointer; }
      .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-select.btn {
        border: none !important;
        background: none !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important; }
        .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-select.btn i {
          margin: 0 0 0 4px; }
  .form-input.form-email .form-control, .form-input.form-url .form-control, .form-input.form-phone .form-control {
    font-weight: 600; }
  .form-input.form-email:not(.invalid) .form-control, .form-input.form-url:not(.invalid) .form-control, .form-input.form-phone:not(.invalid) .form-control {
    color: #38a0ff !important; }
  .form-input.form-email.has-icon .form-control, .form-input.form-phone.has-icon .form-control, .form-input.form-date.has-icon .form-control, .form-input.form-datetime.has-icon .form-control, .form-input.form-time.has-icon .form-control, .form-input.form-location.has-icon .form-control, .form-input.form-url.has-icon .form-control {
    padding-left: 32px !important; }
  .form-input.form-textarea .form-control {
    display: block;
    width: 100%;
    min-height: 38px;
    padding: 8px 12px;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da; }
  .form-input i {
    position: absolute;
    right: 12px;
    top: 18px; }
  .form-input b {
    position: absolute;
    right: 12px;
    bottom: 10px;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease; }
    .form-input b .btn {
      padding: 2px 12px !important;
      font-size: 14px !important;
      font-weight: 600 !important; }
  .form-input label {
    padding: 0 12px;
    font-size: 14px;
    font-weight: 600;
    color: #515A63;
    margin-bottom: 4px; }
    .form-input label b {
      position: absolute;
      opacity: 1;
      bottom: initial;
      left: initial;
      right: 0;
      top: 0;
      cursor: pointer;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
      .form-input label b:hover, .form-input label b:active, .form-input label b:focus {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2); }
        .form-input label b:hover svg, .form-input label b:active svg, .form-input label b:focus svg {
          fill: #008AFF !important; }
  .form-input input::-webkit-input-placeholder {
    color: #BBC4CD !important; }
  .form-input input::-moz-placeholder {
    color: #BBC4CD !important; }
  .form-input input:-ms-input-placeholder {
    color: #BBC4CD !important; }
  .form-input input:-moz-placeholder {
    color: #BBC4CD !important; }
  .form-input textarea::-webkit-input-placeholder {
    color: #BBC4CD !important; }
  .form-input textarea:-moz-placeholder {
    color: #BBC4CD !important; }
  .form-input textarea::-moz-placeholder {
    color: #BBC4CD !important; }
  .form-input textarea:-ms-input-placeholder {
    color: #BBC4CD !important; }
  .form-input textarea::placeholder {
    color: #BBC4CD !important; }
  .form-input select {
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-appearance: none;
    background-repeat: no-repeat;
    background-size: .55em auto;
    background-position: right .75em center;
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 7"><path d="M5.93711 5.97111L9.60655 2.30167C10.1312 1.77707 10.1312 0.918508 9.60655 0.393449C9.08195 -0.13115 8.22339 -0.13115 7.69833 0.393449L4.983 3.10878L2.30167 0.427443C1.77707 -0.0971563 0.918508 -0.0971563 0.393449 0.427443C-0.13115 0.952501 -0.13115 1.81106 0.393449 2.33566L4.02889 5.97111C4.29119 6.23341 5 6.91695 5 6.91695C5 6.91695 5.67481 6.23341 5.93711 5.97111Z" fill="rgb(134,144,154)"/></svg>'); }

.form-control {
  border-radius: 38px;
  height: 38px;
  max-height: 38px;
  padding: 8px 12px; }

.form-control[readonly] {
  background-color: #fff;
  opacity: 1; }

.form-input-range .form-range-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .form-input-range .form-range-container .separator {
    margin-top: 24px;
    color: #ced4da; }
  .form-input-range .form-range-container > aside {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px;
    width: 45%; }
    .form-input-range .form-range-container > aside .form-range {
      width: 100%;
      padding: 0; }
    .form-input-range .form-range-container > aside .form-control {
      border-radius: 2px;
      text-align: center;
      max-width: 140px; }
    .form-input-range .form-range-container > aside:first-of-type {
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
      -moz-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
      .form-input-range .form-range-container > aside:first-of-type .form-control {
        border-top-left-radius: 18px;
        border-bottom-left-radius: 18px; }
    .form-input-range .form-range-container > aside:last-of-type {
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .form-input-range .form-range-container > aside:last-of-type .form-control {
        border-top-right-radius: 18px;
        border-bottom-right-radius: 18px; }
/**
    // Small devices (landscape phones, 576px and up)
    @media (min-width: 576px) { ... }

    // Medium devices (tablets, 768px and up)
    @media (min-width: 768px) { ... }

    // Large devices (desktops, 992px and up)
    @media (min-width: 992px) { ... }

    // Extra large devices (large desktops, 1200px and up)
    @media (min-width: 1200px) { ... }
 */
.form-multiselect {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 38px;
  padding: 6px 0;
  margin-top: 8px;
  width: 100%;
  border-top: 1px solid #E0E6EC;
  font-size: 16px;
  color: #515A63;
  max-height: 118px;
  min-height: 96px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-shadow: 0 2px 16px 0px rgba(0, 0, 0, 0.08) inset;
  box-shadow: 0 2px 16px 0px rgba(0, 0, 0, 0.08) inset;
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px; }
  .form-multiselect .option {
    padding: 0;
    margin: 0;
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 38px;
    height: 38px;
    line-height: 38px;
    cursor: pointer; }
    .form-multiselect .option > div {
      width: 100%;
      margin: 0;
      outline: 0; }
    .form-multiselect .option:last-of-type::after {
      display: none; }
    .form-multiselect .option:hover {
      background: #D5DADF;
      font-weight: 600; }
      .form-multiselect .option:hover .option-action {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex; }
    .form-multiselect .option::after {
      content: ' ';
      display: block;
      position: absolute;
      bottom: 0;
      width: 70%;
      max-width: 500px;
      height: 1px;
      background: #E0E6EC;
      border-radius: 1px; }
    .form-multiselect .option .option-content.edit .form-input {
      padding: 0 50px;
      margin: 10px 0 0;
      z-index: 100; }
      .form-multiselect .option .option-content.edit .form-input input {
        height: 40px;
        max-height: 40px; }
    .form-multiselect .option .option-content.edit .option-action {
      display: block;
      z-index: 1000; }
    .form-multiselect .option .option-check {
      position: absolute;
      left: 12px;
      top: 0;
      z-index: 1000; }
      .form-multiselect .option .option-check svg {
        z-index: 1000;
        cursor: pointer; }
    .form-multiselect .option label {
      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0;
      text-align: center;
      height: 100%;
      padding: 0 45px;
      line-height: 1.5;
      font-size: 14px;
      font-weight: 500;
      color: #515A63;
      cursor: pointer; }
    .form-multiselect .option .option-action {
      position: absolute;
      right: 2px;
      top: 0;
      min-width: 38px;
      display: none;
      height: 100%;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      cursor: pointer; }
      .form-multiselect .option .option-action svg:hover {
        fill: #515A63 !important; }
      .form-multiselect .option .option-action svg {
        height: 18px;
        width: 18px; }
.select-editor .select-editor-info {
  padding: 12px 12px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .select-editor .select-editor-info svg {
    margin: 2px; }
  .select-editor .select-editor-info label {
    margin: 0 0 0 8px; }

.select-editor .form-input {
  margin: 0 12px; }
/**
    // Small devices (landscape phones, 576px and up)
    @media (min-width: 576px) { ... }

    // Medium devices (tablets, 768px and up)
    @media (min-width: 768px) { ... }

    // Large devices (desktops, 992px and up)
    @media (min-width: 992px) { ... }

    // Extra large devices (large desktops, 1200px and up)
    @media (min-width: 1200px) { ... }
 */
.iconcard {
  position: relative;
  margin: 0 20px 6px 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  z-index: 10; }
  .iconcard .image {
    position: relative; }
  .iconcard.thumbicon {
    margin: 0;
    width: 34px;
    height: 34px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .iconcard.thumbicon .image {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 8px; }
      .iconcard.thumbicon .image svg {
        -webkit-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        transform: scale(1) !important; }
  .iconcard:hover:not(.sm):not(.addnew):not(.icon), .iconcard:active:not(.sm):not(.addnew):not(.icon) {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0); }
  .iconcard:hover .actions, .iconcard:active .actions {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px); }
  .iconcard:not(.sm):not(.addnew) .image svg {
    fill: #fff !important;
    -webkit-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5); }
  .iconcard.addnew .image {
    background: #F9FAFA !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #E0E6EC; }
    .iconcard.addnew .image svg {
      fill: #BBC4CD; }
  .iconcard.persona .persona-avatar {
    margin: 0; }
  .iconcard.persona .persona-importance {
    position: absolute;
    bottom: 10px;
    margin: 0; }
    .iconcard.persona .persona-importance i {
      width: 8px;
      height: 8px; }
  .iconcard .actions {
    -webkit-transform: translateX(-16px);
    -ms-transform: translateX(-16px);
    transform: translateX(-16px);
    -webkit-transition: all .2s ease .2s;
    transition: all .2s ease .2s;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1; }
    .iconcard .actions > div {
      background: #fff;
      border: 1px solid #E0E6EC;
      width: 32px;
      height: 32px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 32px;
      margin-bottom: 8px;
      cursor: pointer;
      -webkit-transition: all .2s ease;
      transition: all .2s ease;
      -webkit-box-shadow: 2px 2px 18px 0 rgba(0, 0, 0, 0.02);
      box-shadow: 2px 2px 18px 0 rgba(0, 0, 0, 0.02); }
      .iconcard .actions > div:hover, .iconcard .actions > div:active {
        -webkit-box-shadow: 2px 2px 18px 0 rgba(0, 0, 0, 0.08);
        box-shadow: 2px 2px 18px 0 rgba(0, 0, 0, 0.08);
        background: #F9FAFA; }
/**
    // Small devices (landscape phones, 576px and up)
    @media (min-width: 576px) { ... }

    // Medium devices (tablets, 768px and up)
    @media (min-width: 768px) { ... }

    // Large devices (desktops, 992px and up)
    @media (min-width: 992px) { ... }

    // Extra large devices (large desktops, 1200px and up)
    @media (min-width: 1200px) { ... }
 */
.form-avatar-bg {
  width: 46px;
  height: 46px;
  border-radius: 8px;
  background: #F2F2F2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  border: 1px solid #E0E6EC; }
  .form-avatar-bg:hover {
    cursor: pointer;
    -webkit-box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.18);
    box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.18); }

.form-avatar-selector .form-avatar-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.form-avatar-selector .form-input-error {
  color: #FF4450;
  font-weight: 600; }

.popover-avatar {
  border: 1px solid #E0E6EC;
  border-radius: 12px;
  max-width: 268px;
  max-height: 300px;
  overflow: hidden; }
  .popover-avatar .bs-popover-bottom .arrow::after,
  .popover-avatar .bs-popover-auto[x-placement^="bottom"] .arrow::after {
    border-bottom-color: #fff; }
  .popover-avatar .bs-popover-bottom .arrow::before,
  .popover-avatar .bs-popover-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #E0E6EC; }
  .popover-avatar .popover-header {
    background: transparent;
    font-size: 14px;
    font-weight: 600;
    color: #86909A;
    padding: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    .popover-avatar .popover-header span {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
    .popover-avatar .popover-header svg {
      -webkit-transition: fill .2s ease;
      transition: fill .2s ease;
      will-change: fill; }
    .popover-avatar .popover-header svg:hover {
      fill: #008AFF !important;
      cursor: pointer; }
  .popover-avatar .popover-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    max-width: 268px;
    max-height: 248px;
    padding: 8px 12px 8px 8px; }
    .popover-avatar .popover-body::-webkit-scrollbar-track {
      background-color: #fff; }
    .popover-avatar .popover-body::-webkit-scrollbar {
      width: 4px; }
    .popover-avatar .popover-body::-webkit-scrollbar-thumb {
      background-color: #E0E6EC;
      border-radius: 4px; }
/**
    // Small devices (landscape phones, 576px and up)
    @media (min-width: 576px) { ... }

    // Medium devices (tablets, 768px and up)
    @media (min-width: 768px) { ... }

    // Large devices (desktops, 992px and up)
    @media (min-width: 992px) { ... }

    // Extra large devices (large desktops, 1200px and up)
    @media (min-width: 1200px) { ... }
 */
.tab-switcher {
  display: block; }
  .tab-switcher .tab-switcher-page .form-input-range {
    padding: 12px; }
  .tab-switcher .tab-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 32px;
    border-top-right-radius: 18px;
    border-top-left-radius: 18px;
    overflow: hidden;
    background: #ced4da; }
    .tab-switcher .tab-actions .tab-action {
      font-size: 12px;
      font-weight: 700;
      color: #86909A;
      text-transform: uppercase;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      cursor: pointer;
      background-color: transparent;
      -webkit-transition: background-color .2s ease;
      transition: background-color .2s ease;
      will-change: background; }
      .tab-switcher .tab-actions .tab-action:hover {
        color: #515A63; }
      .tab-switcher .tab-actions .tab-action.active {
        background-color: white;
        border-top-right-radius: 2px;
        border-top-left-radius: 2px; }
.gantt .grid-background {
  fill: none; }

.gantt .grid-header {
  fill: #ffffff;
  stroke: #ced4da;
  stroke-width: 1.4; }

.gantt .grid-row {
  fill: #ffffff; }

.gantt .grid-row:nth-child(even) {
  fill: #eaeef2; }

.gantt .row-line {
  stroke: #ced4da; }

.gantt .tick {
  stroke: #ced4da;
  stroke-width: 0.2; }
  .gantt .tick.thick {
    stroke-width: 0.4; }

.gantt .today-highlight {
  fill: #88C6FF;
  opacity: 0.5; }

.gantt .arrow {
  fill: none;
  stroke: #ABB2B9;
  stroke-width: 1.4; }

.gantt .bar {
  fill: #BBC4CD;
  stroke: #8D99A6;
  stroke-width: 0;
  -webkit-transition: stroke-width .3s ease;
  transition: stroke-width .3s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.gantt .bar-progress {
  fill: #38a0ff; }

.gantt .bar-invalid {
  fill: transparent;
  stroke: #8D99A6;
  stroke-width: 1;
  stroke-dasharray: 5; }
  .gantt .bar-invalid ~ .bar-label {
    fill: #515A63; }

.gantt .bar-label {
  fill: #fff;
  dominant-baseline: central;
  text-anchor: middle;
  font-size: 12px;
  font-weight: 600; }
  .gantt .bar-label.big {
    fill: #515A63;
    text-anchor: start; }

.gantt .handle {
  fill: white;
  cursor: ew-resize;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease; }

.gantt .bar-wrapper {
  cursor: pointer;
  outline: none; }
  .gantt .bar-wrapper:hover .bar {
    fill: #acb7c2; }
  .gantt .bar-wrapper:hover .bar-progress {
    fill: #1f94ff; }
  .gantt .bar-wrapper:hover .handle {
    visibility: visible;
    opacity: 1; }
  .gantt .bar-wrapper.active .bar {
    fill: #acb7c2; }
  .gantt .bar-wrapper.active .bar-progress {
    fill: #1f94ff; }

.gantt .lower-text, .gantt .upper-text {
  font-size: 12px;
  text-anchor: middle; }

.gantt .upper-text {
  fill: #86909A; }

.gantt .lower-text {
  fill: #515A63; }

.gantt .hide {
  display: none; }

.gantt-container {
  position: relative;
  font-size: 12px;
  overflow-x: auto;
  scrollbar-width: thin; }
  .gantt-container:hover::-webkit-scrollbar-thumb, .gantt-container:focus::-webkit-scrollbar-thumb, .gantt-container:active::-webkit-scrollbar-thumb {
    background-color: #BBC4CD; }
  .gantt-container::-webkit-scrollbar-track {
    background-color: #F2F5F7; }
  .gantt-container::-webkit-scrollbar {
    border-radius: 4px;
    width: 12px;
    height: 12px; }
  .gantt-container::-webkit-scrollbar-thumb {
    background-color: #E0E6EC;
    border-radius: 4px; }
  .gantt-container .popup-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    padding: 0;
    color: #515A63;
    background: white;
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.12);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.12); }
    .gantt-container .popup-wrapper .title {
      border-bottom: 2px solid #E0E6EC;
      padding: 10px;
      font-weight: 700; }
    .gantt-container .popup-wrapper .subtitle {
      padding: 10px;
      color: #86909A; }
    .gantt-container .popup-wrapper .pointer {
      position: absolute;
      height: 5px;
      margin: 0 0 0 -5px;
      border: 5px solid transparent;
      border-top-color: #ABB2B9; }
.react-json-view .copy-to-clipboard-container {
  vertical-align: top;
  display: none; }

.react-json-view .click-to-add {
  display: none; }

.react-json-view .click-to-remove {
  display: none; }

.react-json-view .click-to-edit {
  display: none; }

.react-json-view .object-key-val:hover > span > .object-meta-data > .copy-to-clipboard-container {
  display: inline-block; }

.react-json-view .object-key-val:hover > span > .object-meta-data > .click-to-add {
  display: inline-block; }

.react-json-view .object-key-val:hover > span > .object-meta-data > .click-to-remove {
  display: inline-block; }

.react-json-view .object-key-val > div:first-of-type,
.react-json-view .object-key-val .object-key,
.react-json-view .object-key-val .array-key {
  cursor: pointer;
  background-color: transparent;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: background-color .0s ease;
  transition: background-color .0s ease; }

.react-json-view .object-key-val:not(.expanded):hover,
.react-json-view .object-key-val.expanded > div:first-of-type:hover {
  background-color: #ced4da;
  border-radius: 4px; }

.react-json-view .object-key-val.selected > div:first-of-type {
  background-color: #bed7f1 !important;
  border-radius: 4px; }

.react-json-view .object-key-val.expanded > div:first-of-type {
  padding: 3px 0; }

.react-json-view .object-key-val .object-key.selected,
.react-json-view .object-key-val .array-key.selected {
  background-color: #707172;
  border-radius: 4px;
  color: white !important; }

.react-json-view .variable-row:hover {
  background-color: #ced4da;
  border-radius: 4px; }

.react-json-view .variable-row.selected {
  background-color: #bed7f1 !important;
  border-radius: 4px; }

.react-json-view .variable-row:hover.selectable {
  cursor: pointer; }

.react-json-view .variable-row:hover.copy-to-clipboard-container {
  display: inline-block; }

.react-json-view .variable-row:hover .object-key.selected {
  background: #707172;
  border-radius: 4px;
  color: white !important; }

.react-json-view .variable-row .object-key {
  background: transparent;
  -webkit-transform: all .2s ease;
  -ms-transform: all .2s ease;
  transform: all .2s ease; }

.react-json-view .object-content .variable-row:hover .click-to-remove {
  display: inline-block; }

.react-json-view .object-content .variable-row:hover .click-to-edit {
  display: inline-block; }
/**
    // Small devices (landscape phones, 576px and up)
    @media (min-width: 576px) { ... }

    // Medium devices (tablets, 768px and up)
    @media (min-width: 768px) { ... }

    // Large devices (desktops, 992px and up)
    @media (min-width: 992px) { ... }

    // Extra large devices (large desktops, 1200px and up)
    @media (min-width: 1200px) { ... }
 */
html,
body {
  height: 100%; }

body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 24px;
  padding-bottom: 24px;
  background-color: #FAFBFC;
  margin: 0px; }

.page {
  width: 100%; }

.page-auth-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  height: 100%; }
  .page-auth-container .form-image-container {
    position: absolute;
    padding: 0;
    margin: 0;
    width: 100%;
    min-width: 100%;
    display: block;
    height: 100%; }
    .page-auth-container .form-image-container .bg {
      background: url(/images/spaceee.png) center left no-repeat;
      width: 100%;
      height: 100%;
      background-size: cover;
      position: fixed;
      background-position-x: 50%; }
    .page-auth-container .form-image-container .bg-admin {
      background: url(/images/spaceee2.png) center left no-repeat;
      width: 100%;
      height: 100%;
      background-size: cover;
      position: fixed;
      background-position-x: 50%; }
  .page-auth-container .form-signin-container {
    min-width: 350px;
    max-width: 450px;
    width: 35%;
    display: block;
    z-index: 100; }
    @media screen and (max-width: 870px) {
      .page-auth-container .form-signin-container {
        width: 100%; } }
    .page-auth-container .form-signin-container .form-comment {
      color: #ABB2B9;
      font-weight: 500; }
      .page-auth-container .form-signin-container .form-comment a {
        background: white;
        padding: 2px 8px;
        border-radius: 12px;
        color: #FF6B33 !important;
        border: 1px solid #E0E6EC; }

.logo {
  position: fixed;
  top: 12px;
  left: 12px; }
  .logo img {
    max-height: 64px;
    max-width: 64px; }

.btn.btn-primary {
  width: auto;
  border-radius: 24px;
  font-size: 16px;
  color: #fff;
  background: #38A0FF;
  font-weight: 600;
  height: 36px;
  line-height: 36px;
  padding: 0 24px;
  border: 0; }

.form-social .btn.btn-primary {
  padding-left: 44px;
  position: relative;
  width: 100%;
  border-radius: 8px; }
  .form-social .btn.btn-primary .google {
    position: absolute;
    left: 6px;
    top: 6px;
    background: #fff;
    border-radius: 12px;
    border: 4px solid #fff; }

.password-warning {
  width: 100%;
  height: auto;
  font-size: 12px;
  color: #ABB2B9;
  font-weight: 400;
  text-align: left;
  margin: 0 0 8px;
  line-height: 1.2; }

.form-comment {
  width: 100%;
  max-width: 600px;
  text-align: left;
  margin: 0 auto;
  padding: 12px 24px;
  font-size: 14px;
  color: #ABB2B9; }
  .form-comment a,
  .form-comment a:hover,
  .form-comment a:active,
  .form-comment a:focus {
    color: #38A0FF;
    font-weight: 600; }

.copyright {
  position: fixed;
  right: 12px;
  bottom: 12px;
  z-index: -1;
  font-size: 14px;
  color: #ABB2B9;
  font-weight: 400; }
  @media screen and (max-width: 870px) {
    .copyright {
      display: none; } }

.form-auth {
  margin: 0 auto;
  margin-top: 24px;
  background-color: #F9FBFC;
  padding: 24px;
  width: 100%;
  max-width: 600px;
  border-radius: 18px;
  border: 1px solid #E0E6EC; }
  @media screen and (max-width: 576px) {
    .form-auth {
      border-radius: 0; } }
  .form-auth h1 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    color: #213B48;
    text-align: left; }
  .form-auth .form-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 8px 0 0; }
    .form-auth .form-column .form-link {
      font-size: 13px; }
  .form-auth .form-action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0;
    width: 100%;
    padding-bottom: 16px; }
    .form-auth .form-action button {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0;
      width: 100%;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      text-align: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 8px; }
      .form-auth .form-action button > i {
        margin: 0 0 0 8px; }
    .form-auth .form-action a.btn {
      border-radius: 8px;
      margin: 0 8px 0 0;
      padding: 4px 12px; }
  .form-auth .separator {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    white-space: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #BBC4CD;
    font-size: 14px;
    padding: 24px 0; }
    .form-auth .separator hr {
      width: 30%;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      height: 0;
      overflow: visible;
      border: 0;
      border-top: 1px solid #E0E6EC;
      margin: 8px; }
      .form-auth .separator hr:nth-child(1) {
        margin-right: 1em; }
      .form-auth .separator hr:nth-child(2) {
        margin-left: 1em; }
  .form-auth .form-error {
    color: red;
    font-size: 12px;
    font-weight: 600;
    padding: 0 8px 16px; }
  .form-auth .form-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    margin: 0 auto 8px;
    padding: 0; }
    .form-auth .form-input.form-info {
      padding: 0; }
      .form-auth .form-input.form-info.success {
        background: #4ABF29;
        border-radius: 8px; }
        .form-auth .form-input.form-info.success label {
          color: white; }
      .form-auth .form-input.form-info.fail {
        background: #FF4450;
        border-radius: 8px; }
        .form-auth .form-input.form-info.fail label {
          color: white; }
      .form-auth .form-input.form-info label {
        font-size: 14px;
        font-weight: 500;
        color: #86909A; }
    .form-auth .form-input.form-checkbox .custom-checkbox .custom-control-label::before {
      border-color: #ABB2B9; }
    .form-auth .form-input.form-checkbox.form-checkbox-error .custom-checkbox .custom-control-label::before {
      border-color: #FF4450;
      border-width: 2px; }
    .form-auth .form-input.form-checkbox.form-checkbox-error .custom-checkbox .custom-control-label > div {
      color: #FF4450; }
    .form-auth .form-input i {
      z-index: 10;
      left: 8px;
      top: 4px;
      right: initial; }
    .form-auth .form-input .custom-checkbox {
      line-height: 1.5;
      height: auto; }
    .form-auth .form-input label {
      display: block;
      text-align: left;
      padding: 0 12px;
      margin: 0;
      color: #ABB2B9;
      font-weight: 500;
      font-size: 12px; }
    .form-auth .form-input.invalid input {
      border: 2px solid #FF4450;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
    .form-auth .form-input .form-control {
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      height: auto;
      padding: 4px 12px 4px 32px;
      font-size: 14px;
      border-radius: 8px; }
      .form-auth .form-input .form-control:focus {
        z-index: 2; }
      .form-auth .form-input .form-control::-webkit-input-placeholder {
        color: #E0E6EC;
        padding: 2px;
        font-weight: 300; }
      .form-auth .form-input .form-control::-moz-placeholder {
        color: #E0E6EC;
        padding: 2px;
        font-weight: 300; }
      .form-auth .form-input .form-control:-ms-input-placeholder {
        color: #E0E6EC;
        padding: 2px;
        font-weight: 300; }
      .form-auth .form-input .form-control::placeholder {
        color: #E0E6EC;
        padding: 2px;
        font-weight: 300; }
    .form-auth .form-input .form-link {
      text-align: right;
      padding: 0 12px; }
      .form-auth .form-input .form-link a,
      .form-auth .form-input .form-link a:hover,
      .form-auth .form-input .form-link a:active,
      .form-auth .form-input .form-link a:focus {
        color: #ABB2B9;
        font-weight: 400;
        text-decoration: underline;
        font-size: 12px; }
    .form-auth .form-input .form-input-error {
      font-size: 12px;
      background: #FF4450;
      color: #fff;
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px;
      text-align: right;
      font-weight: 600;
      padding: 2px 12px; }

.verify-input {
  padding: 0 12px;
  margin: 0 0 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .verify-input .verify {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    color: transparent;
    background: transparent;
    caret-color: transparent;
    outline: none;
    border: 0 none transparent; }
    .verify-input .verify::-ms-reveal, .verify-input .verify::-ms-clear {
      display: none; }
    .verify-input .verify::-moz-selection {
      background: transparent; }
    .verify-input .verify::selection {
      background: transparent; }
  .verify-input .verify_container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    height: 50px;
    width: 300px; }
  .verify-input .verify_character {
    height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    text-align: center;
    font-size: 36px;
    line-height: 50px;
    color: #515A63;
    background-color: white;
    border: 1px solid #ced4da;
    border-radius: 8px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .verify-input .verify_character--inactive {
    color: #ABB2B9;
    background-color: #E0E6EC; }
  .verify-input .verify_character--selected {
    outline: 2px solid #38A0FF;
    color: #515A63; }
