gh-element-container {
  /* HTML5 display-role reset for older browsers */ }
  gh-element-container div, gh-element-container span, gh-element-container applet, gh-element-container object, gh-element-container iframe,
  gh-element-container h1, gh-element-container h2, gh-element-container h3, gh-element-container h4, gh-element-container h5, gh-element-container h6, gh-element-container p, gh-element-container blockquote, gh-element-container pre,
  gh-element-container a, gh-element-container abbr, gh-element-container acronym, gh-element-container address, gh-element-container big, gh-element-container cite, gh-element-container code,
  gh-element-container del, gh-element-container dfn, gh-element-container em, gh-element-container img, gh-element-container ins, gh-element-container kbd, gh-element-container q, gh-element-container s, gh-element-container samp,
  gh-element-container small, gh-element-container strike, gh-element-container strong, gh-element-container sub, gh-element-container sup, gh-element-container tt, gh-element-container var,
  gh-element-container b, gh-element-container u, gh-element-container i, gh-element-container center,
  gh-element-container dl, gh-element-container dt, gh-element-container dd, gh-element-container ol, gh-element-container ul, gh-element-container li,
  gh-element-container fieldset, gh-element-container form, gh-element-container label, gh-element-container legend,
  gh-element-container table, gh-element-container caption, gh-element-container tbody, gh-element-container tfoot, gh-element-container thead, gh-element-container tr, gh-element-container th, gh-element-container td,
  gh-element-container article, gh-element-container aside, gh-element-container canvas, gh-element-container details, gh-element-container embed,
  gh-element-container figure, gh-element-container figcaption, gh-element-container footer, gh-element-container header, gh-element-container hgroup,
  gh-element-container menu, gh-element-container nav, gh-element-container output, gh-element-container ruby, gh-element-container section, gh-element-container summary,
  gh-element-container time, gh-element-container mark, gh-element-container audio, gh-element-container video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit; }
  gh-element-container article, gh-element-container aside, gh-element-container details, gh-element-container figcaption, gh-element-container figure,
  gh-element-container footer, gh-element-container header, gh-element-container hgroup, gh-element-container menu, gh-element-container nav, gh-element-container section {
    display: block; }
  gh-element-container body {
    line-height: normal; }
  gh-element-container ol, gh-element-container ul {
    list-style: none; }
  gh-element-container blockquote, gh-element-container q {
    quotes: none; }
  gh-element-container blockquote:before, gh-element-container blockquote:after,
  gh-element-container q:before, gh-element-container q:after {
    content: none; }
  gh-element-container table {
    border-collapse: collapse;
    border-spacing: 0; }
  gh-element-container a:hover, gh-element-container a:focus {
    text-decoration: none;
    outline: 0 none; }
  gh-element-container *, gh-element-container *:after, gh-element-container *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: none !important; }
  gh-element-container md-input-container input[type="text"]:disabled {
    border-width: 0;
    padding: 14px 0 0 0;
    font-weight: 300;
    background: none; }

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------- RADIO BUTTON ----------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
gh-radio-button {
  display: inline-block;
  position: relative;
  padding: 14px 0 0;
  text-align: left; }
  gh-radio-button .gh-radio-button-item {
    color: #575757;
    font-weight: 300; }
    gh-radio-button .gh-radio-button-item:hover {
      border-color: #0D99FF;
      color: #0D99FF; }
  gh-radio-button .gh-radio-button_contain {
    position: relative; }
    gh-radio-button .gh-radio-button_contain .gh-radio-button_dropdown {
      box-shadow: 0px 1px 8px 2px rgba(0, 0, 0, 0.2);
      position: absolute;
      top: 100%;
      background: #fff;
      padding: 12px;
      z-index: 1;
      width: max-content; }
      gh-radio-button .gh-radio-button_contain .gh-radio-button_dropdown-item:not(:last-child) {
        margin-bottom: 8px; }
      gh-radio-button .gh-radio-button_contain .gh-radio-button_dropdown .gh-button {
        margin: 0; }

.with-icon .gh-button {
  padding: 0;
  margin: 0;
  border: none;
  width: 100%;
  text-align: center; }

gh-radio-button .gh-radio-button-item:first-child {
  margin-left: 0; }

.filter-panel gh-radio-button .gh-radio-button-item {
  margin: 0; }

.gh_radio_button_one li.gh-radio-button-item {
  padding: 0; }

.gh_radio_button_one .gh-radio-button-item {
  text-transform: uppercase;
  border-radius: 3px;
  padding: 0.4em 0.6em;
  font-weight: 500; }

gh-radio-button.gh-field_value .gh-radio-button-item {
  color: #575757 !important; }

gh-radio-button.gh-field_value .selected .gh-radio-button-item {
  color: #fafdfd !important; }

.gh_radio_button_default {
  padding-top: 14px; }

.filter-panel gh-radio-button {
  padding-top: 0; }

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------- DURATION ------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
gh-duration {
  display: block;
  position: relative;
  padding-top: 14px; }

gh-duration .duration-picker {
  position: fixed;
  background-color: #fafdfd;
  text-align: center;
  z-index: 10;
  width: 230px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-shadow: 0 0 14px 2px rgba(0, 0, 0, 0.15);
  user-select: none; }

gh-duration .time-picker {
  margin: auto; }

gh-duration .duration-picker .form-group {
  padding: 0 8px;
  width: 70px !important; }

gh-duration .duration-picker .form-control {
  font-size: 30px;
  font-family: 'Roboto';
  font-weight: 200;
  padding: 0;
  height: inherit; }

gh-duration .duration-icon {
  display: flex;
  align-items: flex-end;
  margin-top: -7px; }

gh-duration .duration-icon span {
  display: flex; }

gh-duration .duration-picker .duration-picker-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 15px 30px; }

gh-duration .duration-picker .duration-picker-container .durationInput {
  width: 54px;
  text-align: center;
  font-size: 30px;
  font-family: 'Roboto';
  font-weight: 200; }

gh-duration .duration-picker .duration-picker-container .twoDots {
  color: #0791d0;
  font-weight: 500;
  font-size: 25px; }

gh-duration .duration-picker td {
  color: #fff;
  font-weight: 500;
  font-size: 25px; }

gh-duration .duration-picker td button {
  font-size: 30px !important;
  font-weight: 200 !important;
  padding: 0 5px !important; }

gh-duration .duration-picker .datepicker-buttons {
  margin: 0 auto;
  width: 90%;
  text-align: center;
  padding: 10px 0;
  border-top: 1px solid #d9d9d9; }

gh-duration .duration-picker .datepicker-buttons__datepicker-button {
  display: inline-block;
  background-color: transparent;
  color: #0D99FF;
  text-shadow: none;
  font-size: 15px;
  line-height: 20px;
  font-weight: 100;
  padding: 3px 8px 0;
  border-radius: 15px;
  border: 1px solid transparent;
  opacity: 0.7; }

gh-duration .duration-picker .datepicker-buttons__datepicker-button .input-icon {
  margin-right: 5px; }

gh-duration .duration-picker .datepicker-buttons__datepicker-button:hover {
  opacity: 1; }

.filter-panel interpreter[intr-src="input_list"] .gh-radio-button-item {
  border: 1px solid #3fa2cf;
  color: #5BC5F2;
  background-color: transparent; }

gh-input-list[gh-data-type="radio_button"] .list-item {
  border: none;
  padding: 0; }

gh-input-list[gh-data-type="radio_button"] .list-item > .cross {
  /*position: relative;
  top: 10px;
  left: -26px;*/ }

gh-input-list[gh-data-type="radio_button"] a {
  display: block;
  padding: 2px 0 0 2px;
  text-align: center;
  font-weight: 500; }

/* ------------------------------------------------------------------------------------------------------------------ */
/* ---------------------------------------------------- DURATION ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
body.gudhub gh-duration p {
  padding: 0 0 5px 0;
  cursor: pointer;
  color: #d9d9d9;
  border-bottom: 1px solid #d9d9d9; }
  body.gudhub gh-duration p:hover {
    border-color: #0D99FF; }

body.gudhub gh-duration svg {
  display: inline-block; }

/* ----------------------------- BOOLEAN ------------------------------------ */
gh-boolean {
  display: block;
  position: relative; }

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
/*-------Login--------*/
/*---------------------------------------*/
/************ gh-auth-form *************/
/*---------------------------------------*/
.gh-auth-form {
  transition: 0.1s ease-out all; }

.gh-auth-form .closeBtn,
.gh-auth-form .closeBtn svg {
  width: 48px;
  height: 48px; }

.gh-auth-form .closeBtn {
  margin: 20px 10px; }

.gh-auth-form,
.gh-auth-form form {
  position: relative; }

.gh-auth-form form {
  margin-top: 20px;
  min-width: 349px; }

.gh-field_input {
  margin-left: 5px; }

.gh-auth-form div.field input {
  padding-top: 0; }

.gh-auth-form .title {
  font-size: 58px;
  line-height: 40px;
  font-weight: 200;
  color: #0893d2;
  margin: 30px 0; }

.gh-auth-form .gudhub-logo,
.gh-auth-form .gudhub-logo svg,
.gh-auth-form gh-avatar,
.gh-auth-form gh-avatar > div,
.gh-auth-form gh-avatar > div svg,
.gh-auth-form gh-avatar div.cloud-keyframe,
.gh-auth-form gh-avatar svg {
  width: 180px;
  height: 180px; }

.gh-auth-form gh-avatar > div {
  margin: 15px auto; }

.gh-auth-form gh-avatar div.cloud-keyframe svg {
  width: 65%;
  height: auto; }

.gh-auth-form div[layout=row] {
  position: relative; }

.gh-auth-form div.help-block {
  margin-top: 0;
  margin-bottom: 0; }

.gh-auth-form div.cheked {
  position: absolute;
  right: 0;
  top: 8%; }

.gh-auth-form div.help-block p {
  color: #FF5B5B;
  font-size: 12px;
  line-height: 1.3;
  padding: 0;
  margin: 0; }

.gh-auth-form div.field {
  height: 61px; }

.gh-auth-form div.field {
  transition: 0.3s linear all;
  height: 61px;
  overflow: hidden;
  position: relative; }

.gh-auth-form div.field.ng-hide {
  height: 0; }

.gh-auth-form div.field div.field-name {
  padding-top: 14px;
  display: inline-block;
  float: left;
  text-align: right;
  background: none;
  border: 0 none;
  border-radius: 0;
  box-shadow: none !important;
  font-size: 12px;
  font-family: roboto;
  font-weight: 500;
  color: #A7A9B3;
  overflow: hidden;
  text-overflow: ellipsis; }

.gh-auth-form div.field.error div.field-name {
  color: #FF5B5B !important; }

.gh-auth-form div.field.focus div.field-name,
.gh-auth-form div.field:hover div.field-name {
  color: #0893D2; }

.gh-auth-form div.field input {
  padding: 8px 0 5px 5px;
  display: block;
  background: none;
  font-size: 18px;
  color: #626262;
  font-weight: 300;
  border-width: 0;
  border-radius: 0;
  border-bottom: 1px solid #edf2f7;
  box-shadow: none; }

.gh-auth-form div.field input:active,
.gh-auth-form div.field input:focus,
.gh-auth-form div.field.focus input,
.gh-auth-form div.field:hover input {
  border-bottom: 1px solid #0893D2; }

.gh-auth-form div.field.error input,
.gh-auth-form div.field.error input:active,
.gh-auth-form div.field.error input:focus {
  border-bottom: 1px solid #FF5B5B !important; }

.gh-auth-form .btn {
  margin: 20px; }

.gh-auth-form input,
.gh-auth-form select,
.gh-auth-form textarea {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  -moz-box-shadow: 0 0 0 1000px white inset !important;
  box-shadow: 0 0 0 1000px white inset !important; }

.dialog-share-group {
  min-width: 430px;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
  padding-top: 20px; }
  .dialog-share-group__title {
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
    text-align: center;
    color: #0D99FF;
    margin-top: 20px; }
  .dialog-share-group__content {
    text-align: center; }
    .dialog-share-group__content__input label {
      font-size: 14px;
      font-weight: 500;
      line-height: 16px;
      color: #A4A4A8;
      margin-right: 10px; }
    .dialog-share-group__content__input input {
      width: 60%;
      border-bottom: #e7e7ee 2px solid !important; }
    .dialog-share-group__content__input .error_message {
      color: #FF3333;
      font-size: 15px;
      margin-top: 10px; }
    .dialog-share-group__content__buttons {
      margin-top: 35px;
      margin-bottom: 33px; }

.group_settings-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .group_settings-wrapper .add_group {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    font-weight: 300;
    margin: 22px 0 0 0; }
    .group_settings-wrapper .add_group span {
      margin-right: 8px; }

.apps_wrapper {
  margin-top: 100px; }

.automations_wrapper {
  margin-top: 150px;
  width: 1110px; }
  .automations_wrapper .tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid #EAEAEA;
    max-width: 550px;
    width: 100%;
    margin: 0 auto;
    padding: 0 18px; }
    .automations_wrapper .tabs .tab {
      font-size: 20px;
      font-weight: 400;
      color: #0D99FF;
      text-transform: uppercase;
      cursor: pointer; }
      .automations_wrapper .tabs .tab.active {
        border-bottom: 4px solid #0D99FF; }

@media screen and (max-width: 400px) {
  .gh-auth-form .closeBtn {
    width: 39px;
    height: 35px;
    margin: 10px; }
  .gh-auth-form .title {
    font-size: 42px;
    line-height: 30px;
    margin: 10px 0; }
  .gh-auth-form .gudhub-logo {
    width: 70px;
    height: 70px; }
    .gh-auth-form .gudhub-logo > div {
      width: 70px;
      height: 70px; }
      .gh-auth-form .gudhub-logo > div svg {
        width: 100%;
        height: 100%; }
    .gh-auth-form .gudhub-logo svg {
      width: 100%;
      height: 100%; }
  .gh-auth-form gh-avatar {
    width: 70px;
    height: 70px; }
    .gh-auth-form gh-avatar > div {
      width: 70px;
      height: 70px; }
      .gh-auth-form gh-avatar > div svg {
        width: 100%;
        height: 100%; } }

/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
groups-table .listing_table {
  min-width: 688px;
  margin-top: 28px; }
  groups-table .listing_table .listing_table_head_wrapper {
    border-bottom: 2px solid #0D99FF;
    padding-bottom: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
  groups-table .listing_table .listing_table_body_wrapper {
    max-height: 538px;
    overflow-y: auto; }
    groups-table .listing_table .listing_table_body_wrapper .listing_table_nodata {
      min-height: 538px;
      width: 100%;
      background-color: rgba(232, 239, 244, 0.5);
      display: flex;
      align-items: center;
      justify-content: center; }
      groups-table .listing_table .listing_table_body_wrapper .listing_table_nodata p {
        color: rgba(0, 0, 0, 0.2);
        font-size: 60px;
        font-weight: 400;
        line-height: 73px; }
  groups-table .listing_table .listing_table_column .number {
    margin-right: 25px;
    color: #575757; }
  groups-table .listing_table .listing_table_column .name {
    color: #575757;
    font-size: 16px;
    font-weight: 300; }
  groups-table .listing_table .listing_table_column.w-50 {
    width: 50%;
    display: flex;
    align-items: center; }
  groups-table .listing_table .listing_table_column.w-35 {
    width: 35%;
    text-align: left; }
  groups-table .listing_table .listing_table_column.w-15 {
    width: 15%;
    text-align: right; }
  groups-table .listing_table .listing_table_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px 11px; }
    groups-table .listing_table .listing_table_row .delete_icon {
      display: none; }
    groups-table .listing_table .listing_table_row:hover {
      background-color: rgba(13, 153, 255, 0.08);
      cursor: pointer; }
      groups-table .listing_table .listing_table_row:hover .delete_icon {
        display: inline; }
    groups-table .listing_table .listing_table_row:not(:last-child) {
      border-bottom: 1px solid #e7e7ee; }
  groups-table .listing_table .tab {
    color: #0D99FF;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px; }

.delete_group-popup {
  padding: 0 110px;
  max-width: 658px; }
  .delete_group-popup .dialog-share-group__title {
    margin-bottom: 41px;
    color: #575757;
    font-size: 30px;
    line-height: 35px; }
  .delete_group-popup .info {
    color: #575757;
    font-size: 24px;
    font-weight: 300;
    line-height: 30px; }

.group-popup {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 45px; }
  .group-popup__header .group_name-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }
    .group-popup__header .group_name-wrapper:hover .edit_icon {
      opacity: 1;
      display: block; }
    .group-popup__header .group_name-wrapper .edit_icon {
      margin-left: 5px;
      opacity: 0;
      display: none;
      position: absolute;
      right: -15px;
      top: 28px; }
    .group-popup__header .group_name-wrapper .group_name_controls {
      margin-top: 10px; }
    .group-popup__header .group_name-wrapper .group_name_input {
      padding-bottom: 5px !important;
      font-size: 48px;
      font-weight: 300;
      color: #575757;
      min-width: 3ch; }
      .group-popup__header .group_name-wrapper .group_name_input[readonly] {
        border: none;
        background-color: transparent; }
        .group-popup__header .group_name-wrapper .group_name_input[readonly]:hover {
          border: none !important; }
    .group-popup__header .group_name-wrapper .group_name {
      color: #575757;
      font-size: 48px;
      font-weight: 300;
      line-height: 56px;
      text-align: center; }
  .group-popup__header .group_admins__title {
    font-size: 14px;
    color: #A4A4A8;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    margin-top: 10px; }
  .group-popup .close_dialog {
    position: absolute;
    right: 10px;
    top: 10px; }
  .group-popup .group_users__title {
    font-size: 60px;
    color: #0D99FF;
    line-height: 70px;
    font-weight: 200;
    text-align: center; }

@media (min-width: 1500px) and (max-width: 1800px) {
  div.group-popup {
    padding: 0 70px; }
  apps-table div.listing_table {
    min-width: 620px; }
  members-table div.listing_table {
    min-width: 620px; } }

@media (min-width: 1500px) and (max-width: 1800px) {
  div.group-popup {
    padding: 0 70px; }
  apps-table div.listing_table {
    min-width: 620px; }
  members-table div.listing_table {
    min-width: 620px; } }

@media (min-width: 1200px) and (max-width: 1499px) {
  div.group-popup {
    padding: 0 70px; }
  apps-table div.listing_table {
    min-width: 520px; }
  members-table div.listing_table {
    min-width: 520px; } }

@media (min-width: 768px) and (max-width: 1199px) {
  div.group-popup {
    padding: 0 70px; }
    div.group-popup__content {
      flex-wrap: wrap; }
  apps-table div.listing_table, members-table div.listing_table {
    min-width: initial;
    width: 100%; }
  groups-table div.listing_table {
    min-width: 540px; }
  .group-popup .group_members {
    margin-bottom: 50px; }
  .group-popup .group_members, .group-popup .apps {
    width: 100%; } }

@media all and (max-width: 767px) {
  div.group-popup {
    padding: 0 15px; }
    div.group-popup__content {
      flex-wrap: wrap; }
  apps-table div.listing_table, members-table div.listing_table {
    min-width: initial;
    width: 100%; }
  groups-table div.listing_table {
    min-width: 320px; }
  div.group-popup .group_members {
    margin-bottom: 30px; }
  div.group-popup .group_members, div.group-popup .apps {
    width: 100%; }
  div.group-popup button.add_member {
    margin-top: 20px; }
  div.group-popup .group_users__title {
    font-size: 50px; }
  div.group-popup members-table .listing_table .listing_table_column.w-50, div.group-popup apps-table .listing_table .listing_table_column.w-50 {
    width: 100%; }
  div.group-popup members-table .listing_table .listing_table_column.w-35, div.group-popup apps-table .listing_table .listing_table_column.w-35 {
    width: 28%; }
  div.group-popup members-table .listing_table .listing_table_column.w-15, div.group-popup apps-table .listing_table .listing_table_column.w-15 {
    width: 10%; }
  div.group-popup members-table .listing_table .listing_table_body_wrapper, div.group-popup apps-table .listing_table .listing_table_body_wrapper {
    overflow-y: initial;
    min-height: auto;
    max-height: none; }
  .dialog-share-group {
    min-width: initial; }
  div.delete_group-popup {
    padding: 0 20px; } }

/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
group-users .group_users {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 14px;
  min-height: 95px; }
  group-users .group_users__item {
    text-align: center;
    position: relative; }
    group-users .group_users__item .img_wrapper {
      position: relative;
      display: inline-block; }
    group-users .group_users__item .group_users__name {
      opacity: 0;
      display: block;
      font-weight: 500;
      font-size: 12px;
      line-height: 14px;
      color: #575757; }
    group-users .group_users__item img {
      width: 78px;
      height: 78px;
      border: 6px solid #fff;
      border-radius: 50%; }
    group-users .group_users__item:not(:first-child) {
      margin-left: -45px; }
    group-users .group_users__item .permission {
      position: absolute;
      display: inline-block;
      left: 8px;
      bottom: 9px;
      padding: 5px 12px;
      border-radius: 0 0 80px 80px;
      color: #fff;
      opacity: 0;
      font-size: 11px;
      font-weight: 700;
      width: 79%; }
    group-users .group_users__item:hover {
      z-index: 1; }
      group-users .group_users__item:hover .permission {
        opacity: 1; }
      group-users .group_users__item:hover .group_users__name {
        opacity: 1; }

/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
members-table .user_selecting-wrapper {
  padding: 5px 27px;
  border: 1px solid #0D99FF;
  border-radius: 23px;
  margin-top: 49px;
  display: flex;
  align-items: center; }
  members-table .user_selecting-wrapper input {
    width: 100%;
    color: #575757;
    font-size: 14px; }
    members-table .user_selecting-wrapper input:hover {
      border-color: transparent !important; }
    members-table .user_selecting-wrapper input:focus {
      border-color: transparent !important; }
  members-table .user_selecting-wrapper .search {
    margin-right: 7px; }
  members-table .user_selecting-wrapper .close {
    cursor: pointer; }
  members-table .user_selecting-wrapper .gh-user_wrapper {
    display: none; }
  members-table .user_selecting-wrapper gh-user-selecting .edit-btn {
    display: none; }

members-table .add_member_wrapper {
  display: flex;
  justify-content: center; }
  members-table .add_member_wrapper .add_member {
    margin-top: 49px;
    font-size: 26px; }
    members-table .add_member_wrapper .add_member span {
      margin-right: 5px; }

members-table .listing_table {
  min-width: 688px;
  margin-top: 28px; }
  members-table .listing_table .listing_table_head_wrapper {
    border-bottom: 2px solid #0D99FF;
    padding-bottom: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
  members-table .listing_table .listing_table_body_wrapper {
    max-height: 500px;
    overflow-y: auto;
    min-height: 400px; }
    members-table .listing_table .listing_table_body_wrapper .listing_table_nodata {
      min-height: 500px;
      width: 100%;
      background-color: rgba(232, 239, 244, 0.5);
      display: flex;
      align-items: center;
      justify-content: center; }
      members-table .listing_table .listing_table_body_wrapper .listing_table_nodata p {
        color: rgba(0, 0, 0, 0.2);
        font-size: 60px;
        font-weight: 400;
        line-height: 73px; }
  members-table .listing_table .listing_table_column .number {
    margin-right: 25px;
    color: #575757; }
  members-table .listing_table .listing_table_column .name {
    color: #575757;
    font-size: 16px;
    font-weight: 300; }
  members-table .listing_table .listing_table_column.w-50 {
    width: 50%;
    display: flex;
    align-items: center; }
  members-table .listing_table .listing_table_column.w-35 {
    width: 35%;
    text-align: left; }
  members-table .listing_table .listing_table_column.w-15 {
    width: 15%;
    text-align: right; }
  members-table .listing_table .listing_table_column .owner {
    background-color: #e70061;
    color: #fafdfd;
    font-weight: 500;
    border-radius: 1em;
    border: 1px solid #e70061;
    padding: 0.5em 1.3em;
    margin: 0 0.5em 5px;
    display: inline-block;
    line-height: 1em;
    cursor: pointer; }
  members-table .listing_table .listing_table_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px 11px; }
    members-table .listing_table .listing_table_row .delete_icon {
      display: none; }
    members-table .listing_table .listing_table_row:hover {
      background-color: rgba(13, 153, 255, 0.08); }
      members-table .listing_table .listing_table_row:hover .delete_icon {
        cursor: pointer;
        display: inline; }
    members-table .listing_table .listing_table_row:not(:last-child) {
      border-bottom: 1px solid #e7e7ee; }
  members-table .listing_table .tab {
    color: #0D99FF;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px; }

.delete_group-popup {
  padding: 0 110px;
  max-width: 658px; }
  .delete_group-popup .dialog-share-group__title {
    margin-bottom: 41px;
    color: #575757;
    font-size: 30px;
    line-height: 35px; }
  .delete_group-popup .info {
    color: #575757;
    font-size: 24px;
    font-weight: 300;
    line-height: 30px; }

.group-popup {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 45px;
  padding: 0 115px; }
  .group-popup__header .group_name {
    color: #575757;
    font-size: 48px;
    font-weight: 300;
    line-height: 56px;
    text-align: center; }
  .group-popup__header .group_admins__title {
    font-size: 14px;
    color: #A4A4A8;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    margin-top: 10px; }
  .group-popup .close_dialog {
    position: absolute;
    right: 10px;
    top: 10px; }
  .group-popup__content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    max-width: 1920px; }

/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
apps-table .user_selecting-wrapper {
  position: relative;
  padding: 5px 27px;
  border: 1px solid #0D99FF;
  border-radius: 23px;
  margin-top: 49px;
  display: flex;
  align-items: center; }
  apps-table .user_selecting-wrapper input {
    width: 100%;
    color: #575757;
    font-size: 14px; }
    apps-table .user_selecting-wrapper input:hover {
      border-color: transparent !important; }
    apps-table .user_selecting-wrapper input:focus {
      border-color: transparent !important; }
  apps-table .user_selecting-wrapper .search {
    margin-right: 7px; }
  apps-table .user_selecting-wrapper .close {
    cursor: pointer;
    position: absolute;
    right: 15px; }

apps-table .app_icon {
  margin-right: 8px; }

apps-table .app_name {
  color: #575757;
  font-size: 16px;
  line-height: 19px;
  font-weight: 300; }

apps-table .add_member_wrapper {
  display: flex;
  justify-content: center; }
  apps-table .add_member_wrapper .add_member {
    margin-top: 49px;
    font-size: 26px; }
    apps-table .add_member_wrapper .add_member span {
      margin-right: 5px; }

apps-table .listing_table {
  min-width: 688px;
  margin-top: 28px; }
  apps-table .listing_table .listing_table_head_wrapper {
    border-bottom: 2px solid #0D99FF;
    padding-bottom: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
  apps-table .listing_table .listing_table_body_wrapper {
    max-height: 500px;
    overflow-y: auto;
    min-height: 400px; }
    apps-table .listing_table .listing_table_body_wrapper .listing_table_nodata {
      min-height: 500px;
      width: 100%;
      background-color: rgba(232, 239, 244, 0.5);
      display: flex;
      align-items: center;
      justify-content: center; }
      apps-table .listing_table .listing_table_body_wrapper .listing_table_nodata p {
        color: rgba(0, 0, 0, 0.2);
        font-size: 60px;
        font-weight: 400;
        line-height: 73px; }
  apps-table .listing_table .listing_table_column .number {
    margin-right: 25px;
    color: #575757; }
  apps-table .listing_table .listing_table_column .name {
    color: #575757;
    font-size: 16px;
    font-weight: 300; }
  apps-table .listing_table .listing_table_column.w-50 {
    width: 50%;
    display: flex;
    align-items: center; }
  apps-table .listing_table .listing_table_column.w-35 {
    width: 35%;
    text-align: left; }
  apps-table .listing_table .listing_table_column.w-15 {
    width: 15%;
    text-align: right; }
  apps-table .listing_table .listing_table_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px 11px; }
    apps-table .listing_table .listing_table_row .delete_icon {
      opacity: 0; }
    apps-table .listing_table .listing_table_row:hover {
      background-color: rgba(13, 153, 255, 0.08); }
      apps-table .listing_table .listing_table_row:hover .delete_icon {
        cursor: pointer;
        opacity: 1; }
    apps-table .listing_table .listing_table_row:not(:last-child) {
      border-bottom: 1px solid #e7e7ee; }
  apps-table .listing_table .tab {
    color: #0D99FF;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px; }

.delete_group-popup {
  padding: 0 110px;
  max-width: 658px; }
  .delete_group-popup .dialog-share-group__title {
    margin-bottom: 41px;
    color: #575757;
    font-size: 30px;
    line-height: 35px; }
  .delete_group-popup .info {
    color: #575757;
    font-size: 24px;
    font-weight: 300;
    line-height: 30px; }

/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
apps-list .listing_table {
  min-width: 688px;
  margin-top: 28px; }
  apps-list .listing_table .listing_table_head_wrapper {
    border-bottom: 2px solid #0D99FF;
    padding-bottom: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
  apps-list .listing_table .listing_table_body_wrapper {
    max-height: 500px;
    overflow-y: auto;
    min-height: 400px; }
  apps-list .listing_table .listing_table_column .number {
    margin-right: 25px;
    color: #575757;
    min-width: 16px; }
  apps-list .listing_table .listing_table_column .name {
    color: #575757;
    font-size: 16px;
    font-weight: 300;
    margin-left: 8px; }
  apps-list .listing_table .listing_table_column.w-50 {
    width: 50%;
    display: flex;
    align-items: center; }
  apps-list .listing_table .listing_table_column.w-35 {
    width: 35%;
    text-align: left; }
  apps-list .listing_table .listing_table_column.w-15 {
    width: 15%;
    text-align: right; }
  apps-list .listing_table .listing_table_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px 11px; }
    apps-list .listing_table .listing_table_row .delete_icon {
      opacity: 0; }
    apps-list .listing_table .listing_table_row:hover {
      background-color: rgba(13, 153, 255, 0.08); }
      apps-list .listing_table .listing_table_row:hover .delete_icon {
        cursor: pointer;
        opacity: 1; }
    apps-list .listing_table .listing_table_row:not(:last-child) {
      border-bottom: 1px solid #e7e7ee; }
  apps-list .listing_table .tab {
    color: #0D99FF;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px; }
  apps-list .listing_table .gh-radio-button-item {
    cursor: default; }

/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
scopes-list {
  max-width: 600px; }

integrations-list .listing_table,
scopes-list .listing_table {
  min-width: 688px;
  margin-top: 28px; }
  integrations-list .listing_table .listing_table_head_wrapper,
  scopes-list .listing_table .listing_table_head_wrapper {
    border-bottom: 2px solid #0D99FF;
    padding-bottom: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
  integrations-list .listing_table .listing_table_body_wrapper,
  scopes-list .listing_table .listing_table_body_wrapper {
    max-height: 500px;
    overflow-y: auto;
    min-height: 400px; }
  integrations-list .listing_table .listing_table_column .number,
  scopes-list .listing_table .listing_table_column .number {
    margin-right: 25px;
    color: #575757;
    min-width: 16px; }
  integrations-list .listing_table .listing_table_column .name,
  scopes-list .listing_table .listing_table_column .name {
    color: #575757;
    font-size: 16px;
    font-weight: 300;
    margin-left: 8px; }
    integrations-list .listing_table .listing_table_column .name::first-letter,
    scopes-list .listing_table .listing_table_column .name::first-letter {
      text-transform: capitalize; }
  integrations-list .listing_table .listing_table_column .icon,
  scopes-list .listing_table .listing_table_column .icon {
    width: 24px;
    height: 24px; }
    integrations-list .listing_table .listing_table_column .icon img,
    scopes-list .listing_table .listing_table_column .icon img {
      width: 100%;
      height: auto; }
  integrations-list .listing_table .listing_table_column.w-85,
  scopes-list .listing_table .listing_table_column.w-85 {
    width: 85%;
    display: flex;
    align-items: center; }
  integrations-list .listing_table .listing_table_column.w-15,
  scopes-list .listing_table .listing_table_column.w-15 {
    width: 15%;
    text-align: right; }
  integrations-list .listing_table .listing_table_column.w-75,
  scopes-list .listing_table .listing_table_column.w-75 {
    width: 75%;
    text-align: left; }
  integrations-list .listing_table .listing_table_column.w-25,
  scopes-list .listing_table .listing_table_column.w-25 {
    width: 25%;
    text-align: left; }
  integrations-list .listing_table .listing_table_row,
  scopes-list .listing_table .listing_table_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px 11px; }
    integrations-list .listing_table .listing_table_row .delete_icon,
    scopes-list .listing_table .listing_table_row .delete_icon {
      opacity: 0; }
    integrations-list .listing_table .listing_table_row:hover,
    scopes-list .listing_table .listing_table_row:hover {
      background-color: rgba(13, 153, 255, 0.08); }
      integrations-list .listing_table .listing_table_row:hover .delete_icon,
      scopes-list .listing_table .listing_table_row:hover .delete_icon {
        cursor: pointer;
        opacity: 1; }
    integrations-list .listing_table .listing_table_row:not(:last-child),
    scopes-list .listing_table .listing_table_row:not(:last-child) {
      border-bottom: 1px solid #e7e7ee; }
  integrations-list .listing_table .tab,
  scopes-list .listing_table .tab {
    color: #0D99FF;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px; }
  integrations-list .listing_table .gh-radio-button-item,
  scopes-list .listing_table .gh-radio-button-item {
    cursor: default; }

.integration-popup {
  width: 100%;
  height: 100vh;
  position: relative;
  padding: 0px 20px;
  padding-top: 80px; }
  .integration-popup scopes-list {
    margin-top: 40px; }
    .integration-popup scopes-list .listing_table {
      max-width: 688px;
      margin-left: auto;
      margin-right: auto; }
      .integration-popup scopes-list .listing_table .scope-name {
        display: flex;
        align-items: center; }
        .integration-popup scopes-list .listing_table .scope-name .number {
          margin-right: 0; }
      .integration-popup scopes-list .listing_table .scope-id {
        text-align: left; }
        .integration-popup scopes-list .listing_table .scope-id__item {
          color: #000;
          padding: 4px 6px;
          background-color: #F2C744;
          border-radius: 4px;
          display: inline-flex;
          justify-content: flex-start;
          align-items: center; }
          .integration-popup scopes-list .listing_table .scope-id__item svg {
            margin-right: 6px; }
  .integration-popup .cancel-container {
    position: absolute;
    right: 10px;
    top: 10px; }
  .integration-popup__name {
    font-weight: 200;
    font-size: 60px;
    color: #575757;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 80px; }
    .integration-popup__name span::first-letter {
      text-transform: capitalize; }
    .integration-popup__name img {
      width: 48px;
      margin-right: 10px; }

@media screen and (max-width: 1000px) {
  integrations-list .listing_table, scopes-list .listing_table {
    min-width: 500px; } }

@media screen and (max-width: 750px) {
  .integration-popup__name {
    font-size: 24px; }
    .integration-popup__name img {
      width: 24px; }
  .integration-popup scopes-list {
    width: 100%; }
    .integration-popup scopes-list .listing_table {
      width: 100%;
      min-width: unset;
      max-width: unset;
      overflow-x: scroll; }
      .integration-popup scopes-list .listing_table_head_wrapper {
        width: 500px; }
      .integration-popup scopes-list .listing_table_body_wrapper {
        width: 500px; } }

@media screen and (max-width: 550px) {
  .integrations_wrapper {
    width: 100%; }
    .integrations_wrapper integrations-list {
      width: 100%; }
      .integrations_wrapper integrations-list .listing_table {
        min-width: unset; }
        .integrations_wrapper integrations-list .listing_table_column .number {
          margin-right: 0; } }

/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
.automation_table .listing_table {
  width: 100%;
  margin-top: 28px; }
  .automation_table .listing_table .listing_table_head_wrapper {
    border-bottom: 2px solid #0D99FF;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    width: 100%; }
  .automation_table .listing_table .listing_table_body_wrapper {
    max-height: 500px;
    overflow-y: auto;
    min-height: 400px; }
  .automation_table .listing_table .listing_table_column .show_fields {
    margin-right: 20px;
    background: #575757;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative; }
    .automation_table .listing_table .listing_table_column .show_fields::before {
      position: absolute;
      width: 15px;
      height: 2px;
      background-color: #fff;
      content: '';
      transform: rotate(90deg);
      top: 11px;
      left: 5px;
      transition: .3s all ease-in; }
    .automation_table .listing_table .listing_table_column .show_fields::after {
      position: absolute;
      width: 15px;
      height: 2px;
      background-color: #fff;
      content: '';
      top: 11px;
      left: 5px; }
    .automation_table .listing_table .listing_table_column .show_fields.opened::before {
      transform: rotate(0deg);
      transition: .3s all ease-in; }
  .automation_table .listing_table .listing_table_column .name {
    color: #575757;
    font-size: 16px;
    font-weight: 300;
    margin-left: 8px; }
  .automation_table .listing_table .listing_table_column.w-50 {
    width: 50%;
    display: flex;
    align-items: center; }
  .automation_table .listing_table .listing_table_column.w-25 {
    width: 25%; }
  .automation_table .listing_table .listing_table_column.w-35 {
    width: 35%;
    text-align: left; }
  .automation_table .listing_table .listing_table_column.w-15 {
    width: 15%; }
  .automation_table .listing_table .listing_table_column.w-5 {
    width: 5%; }
  .automation_table .listing_table .listing_table_row.opened .automation_fields {
    height: 100%;
    transition: .5s all ease-in; }
  .automation_table .listing_table .listing_table_row .wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px 11px;
    border-bottom: 1px solid #e7e7ee;
    cursor: pointer; }
  .automation_table .listing_table .listing_table_row .edit_icon {
    opacity: 0; }
  .automation_table .listing_table .listing_table_row .delete {
    opacity: 0; }
  .automation_table .listing_table .listing_table_row .wrap_loader_dots {
    position: relative;
    left: 0;
    transform: none;
    margin-right: 20px; }
    .automation_table .listing_table .listing_table_row .wrap_loader_dots .lds-dual-ring {
      width: 25px;
      height: 25px; }
      .automation_table .listing_table .listing_table_row .wrap_loader_dots .lds-dual-ring::after {
        width: 25px;
        height: 25px; }
  .automation_table .listing_table .listing_table_row .automation_fields {
    min-height: 0;
    height: 0;
    overflow: hidden;
    transition: .5s all ease-in; }
    .automation_table .listing_table .listing_table_row .automation_fields .no_automations {
      font-size: 14px;
      color: #bbbcc5;
      padding-top: 15px;
      padding-left: 105px; }
    .automation_table .listing_table .listing_table_row .automation_fields .automation_field {
      display: flex;
      align-items: center;
      padding: 10px 0;
      padding-left: 105px;
      border-bottom: 1px solid #e7e7ee; }
      .automation_table .listing_table .listing_table_row .automation_fields .automation_field .field__icon {
        margin-right: 8px; }
      .automation_table .listing_table .listing_table_row .automation_fields .automation_field .field__name {
        font-size: 14px;
        font-weight: 400;
        color: #575757; }
      .automation_table .listing_table .listing_table_row .automation_fields .automation_field gh-boolean {
        padding-top: 0; }
      .automation_table .listing_table .listing_table_row .automation_fields .automation_field:not(:last-child) {
        border-bottom: 1px solid #e7e7ee; }
      .automation_table .listing_table .listing_table_row .automation_fields .automation_field:hover {
        background-color: rgba(13, 153, 255, 0.08); }
        .automation_table .listing_table .listing_table_row .automation_fields .automation_field:hover .edit_icon {
          cursor: pointer;
          opacity: 1; }
      .automation_table .listing_table .listing_table_row .automation_fields .automation_field .field_info {
        display: flex;
        align-items: center; }
  .automation_table .listing_table .tab {
    color: #0D99FF;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px; }
  .automation_table .listing_table .gh-radio-button-item {
    cursor: default; }

.gh-automation-apply-button {
  float: left; }

@media (min-width: 992px) and (max-width: 1350px) {
  .automations_wrapper {
    max-width: 700px; } }

@media screen and (max-width: 991px) {
  .automations_wrapper {
    width: 100%; } }

@media screen and (max-width: 610px) {
  .automation_table .listing_table .listing_table_column.w-50 {
    width: 100%; }
  .automation_table .listing_table .listing_table_column.w-15 {
    width: 30%; }
  .automation_table .listing_table .listing_table_row .automation_fields .automation_field {
    padding-left: 50px; }
    .automation_table .listing_table .listing_table_row .automation_fields .automation_field .field_info {
      width: 50%; } }

/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
.automation_table.api_table .listing_table .listing_table_row .wrapper {
  cursor: default; }
  .automation_table.api_table .listing_table .listing_table_row .wrapper .app_name {
    display: flex;
    align-items: center; }
  .automation_table.api_table .listing_table .listing_table_row .wrapper:hover {
    background-color: rgba(13, 153, 255, 0.08); }
    .automation_table.api_table .listing_table .listing_table_row .wrapper:hover .edit_icon {
      cursor: pointer;
      opacity: 1; }
    .automation_table.api_table .listing_table .listing_table_row .wrapper:hover .delete {
      cursor: pointer;
      opacity: 1; }

.automation_table.api_table .gh-api-btn-switch {
  margin-left: 5px;
  padding-top: 0; }

.gh-api-credentials {
  padding: 0 20px 10px 20px; }
  .gh-api-credentials .gh-api-credentials-title {
    font-weight: 500;
    font-size: 16px;
    color: #0D99FF; }
  .gh-api-credentials .gh-api-credentials-content {
    padding: 2px 5px;
    font-weight: 400;
    cursor: copy; }

.gh-automation-debug-mode {
  float: left;
  color: #575757;
  padding-top: 14px;
  margin: 0 10px 0 40px; }

.gh-automation-trigger-switch {
  float: left;
  margin-left: 30px;
  padding-top: 7px; }

.gh-api-btn-credentials {
  float: left; }

.gh-automation-mock {
  display: flex;
  align-items: center; }

gh-trigger-switch .edit-trigger-button, gh-api-switch .edit-trigger-button {
  display: block;
  float: left;
  margin: 15px 0 0 15px; }

gh-trigger-switch .trigger-switch, gh-api-switch .trigger-switch {
  float: left; }

.gh-automation-apply-button {
  float: left; }

.gh-automation-trigger-switch {
  float: left;
  margin-left: 30px; }

.gh-automation-target-app-dropdown {
  width: 200px;
  float: left;
  margin-left: 20px; }

trigger-automation-debugger {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  height: 41px;
  padding-left: 20px; }

.activate-trigger {
  display: inline-flex;
  height: 41px;
  align-items: center;
  justify-content: flex-start; }
  .activate-trigger__title {
    font-size: 12px;
    font-weight: 500;
    color: #bbbcc5;
    margin-right: 10px; }
  .activate-trigger gh-boolean {
    padding-top: 0 !important;
    margin-left: 0; }

.trigger-name-input {
  display: inline-block;
  float: left; }

task-elements-table .automation_table .button {
  display: inline-block;
  color: #fff; }
  task-elements-table .automation_table .button.run {
    background: #0D99FF; }
  task-elements-table .automation_table .button.stop {
    background: #FF3333; }

.task-settings__toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%; }

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------ HELP ----------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
.top_menu_help {
  position: fixed;
  top: 0px;
  border-bottom: 1px solid #e7e7ee;
  width: 100%;
  box-shadow: -1px 2px 4px rgba(0, 0, 128, 0.1);
  background: #fff;
  display: flex;
  justify-content: space-between;
  z-index: 9; }
  .top_menu_help .app_icon {
    margin-left: 40px; }
  .top_menu_help ul {
    margin-right: 20px; }
    .top_menu_help ul li {
      float: left;
      padding: 20px; }
      .top_menu_help ul li a {
        text-decoration: none;
        color: rgba(0, 0, 0, 0.87); }

.main_block {
  height: 100%;
  display: flex; }

.help_container {
  width: 100%;
  min-height: 100%;
  background: #fafdfd;
  display: flex;
  justify-content: flex-start; }

.help_elements {
  max-height: 100vh;
  overflow: auto;
  width: 300px;
  min-width: 300px;
  max-width: 300px;
  position: fixed;
  padding-top: 70px; }
  .help_elements .link {
    padding: 10px 0px 10px 75px; }
    .help_elements .link:hover {
      background: #0893d2; }
    .help_elements .link:hover > p {
      color: #fff; }
  .help_elements .element_active {
    background: #0893d2; }
    .help_elements .element_active p {
      color: #fff; }
  .help_elements p {
    padding: 8px 0;
    cursor: pointer; }

.help_text {
  margin-left: 36%;
  line-height: 1.8em;
  width: 50%;
  padding-top: 70px; }
  .help_text .gh_help_settings p {
    margin-bottom: 20px; }
  .help_text .help_title {
    font-size: 34px;
    line-height: 45px;
    margin: 30px 0;
    color: #0D99FF;
    display: flex;
    align-items: center; }
  .help_text h3 {
    font-size: 20px;
    font-weight: 300; }
  .help_text .gh_help_description p {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1.5em; }
  .help_text .gh_help_description .note {
    border-left: 2px solid #0D99FF;
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1.5em;
    margin: 10px 0 10px 20px; }
  .help_text .type_decription {
    padding-bottom: 20px; }

.help_settings {
  margin-bottom: 15px;
  margin-top: 20px;
  line-height: 36px;
  font-weight: 300;
  font-size: 26px; }

/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
body.gudhub .home_container {
  max-width: 1580px;
  margin: 0 auto;
  padding: 0 40px; }
  @media (min-width: 1024px) and (max-width: 1600px) {
    body.gudhub .home_container {
      max-width: 1024px; } }
  @media all and (max-width: 1024px) {
    body.gudhub .home_container {
      width: 100%;
      flex-wrap: wrap; } }
  body.gudhub .home_container-small {
    max-width: 1024px;
    padding: 0; }
    @media all and (max-width: 1023px) {
      body.gudhub .home_container-small {
        justify-content: center; } }

body.gudhub .gh-home-page {
  display: flex;
  flex-direction: column;
  background: #EDF2F6; }
  body.gudhub .gh-home-page .home_navbar {
    position: absolute;
    display: flex;
    align-items: center; }
    body.gudhub .gh-home-page .home_navbar .gh-home-link a {
      margin: 5px 0 !important;
      padding: 3px 15px !important; }
    @media all and (max-width: 679px) {
      body.gudhub .gh-home-page .home_navbar .app_icon {
        margin-left: 10px;
        padding: 0; } }
  body.gudhub .gh-home-page .half_width {
    width: 50%; }
    @media all and (max-width: 1023px) {
      body.gudhub .gh-home-page .half_width {
        width: 100%; }
        body.gudhub .gh-home-page .half_width.wally_wrapper {
          display: flex;
          justify-content: center; }
        body.gudhub .gh-home-page .half_width .gwd-page-wrapper {
          position: relative; } }
  body.gudhub .gh-home-page .w-60 {
    width: 60%; }
  body.gudhub .gh-home-page .w-40 {
    width: 40%; }
  body.gudhub .gh-home-page .default_title {
    color: #0D99FF;
    font-size: 44px;
    line-height: 1.7;
    font-weight: 400;
    margin-bottom: 25px; }
    @media (min-width: 1024px) and (max-width: 1600px) {
      body.gudhub .gh-home-page .default_title {
        font-size: 33px; } }
    @media all and (max-width: 1023px) {
      body.gudhub .gh-home-page .default_title {
        font-size: 23px;
        margin-bottom: 15px;
        line-height: 1.3; } }
  body.gudhub .gh-home-page .default_subtitle {
    font-size: 20px;
    color: #575757;
    font-weight: 300;
    line-height: 1.7; }
    @media (min-width: 1024px) and (max-width: 1600px) {
      body.gudhub .gh-home-page .default_subtitle {
        font-size: 17px; } }
    @media all and (max-width: 1023px) {
      body.gudhub .gh-home-page .default_subtitle {
        font-size: 14px; } }
  body.gudhub .gh-home-page .home_top {
    background-color: #EDF2F6;
    padding: 187px 0 130px 0; }
    @media all and (max-width: 1023px) {
      body.gudhub .gh-home-page .home_top .home_container {
        flex-direction: column-reverse; } }
    @media (min-width: 1200px) and (max-width: 1600px) {
      body.gudhub .gh-home-page .home_top {
        padding: 130px 0 80px 0; }
        body.gudhub .gh-home-page .home_top .gwd-page-content {
          transform: scale(0.7); }
        body.gudhub .gh-home-page .home_top .gwd-lightbox {
          overflow: inherit; }
        body.gudhub .gh-home-page .home_top .gwd-page-size {
          width: 70%;
          height: auto; } }
    @media (min-width: 1024px) and (max-width: 1199px) {
      body.gudhub .gh-home-page .home_top {
        padding: 130px 0 80px 0; }
        body.gudhub .gh-home-page .home_top .gwd-page-content {
          transform: scale(0.6); }
        body.gudhub .gh-home-page .home_top .gwd-lightbox {
          overflow: inherit; }
        body.gudhub .gh-home-page .home_top .gwd-page-size {
          width: 60%;
          height: auto; } }
    @media (min-width: 680px) and (max-width: 1023px) {
      body.gudhub .gh-home-page .home_top {
        padding: 100px 0 40px 0; }
        body.gudhub .gh-home-page .home_top .gwd-page-content {
          transform: scale(0.8); }
        body.gudhub .gh-home-page .home_top .gwd-page-size {
          width: 830px; } }
    @media all and (max-width: 679px) {
      body.gudhub .gh-home-page .home_top {
        padding: 110px 0 40px 0; }
        body.gudhub .gh-home-page .home_top .gwd-page-content {
          transform: scale(0.5); }
        body.gudhub .gh-home-page .home_top .gwd-page-size {
          width: 830px;
          height: 400px; }
        body.gudhub .gh-home-page .home_top .wally_wrapper {
          margin-top: -120px; } }
    body.gudhub .gh-home-page .home_top-title {
      font-size: 60px;
      color: #0D99FF;
      line-height: 1.1;
      margin-bottom: 60px; }
      @media (min-width: 1024px) and (max-width: 1600px) {
        body.gudhub .gh-home-page .home_top-title {
          font-size: 44px;
          margin-bottom: 40px; } }
      @media all and (max-width: 1023px) {
        body.gudhub .gh-home-page .home_top-title {
          font-size: 35px;
          margin-bottom: 30px; } }
    body.gudhub .gh-home-page .home_top-subtitle {
      font-size: 28px;
      line-height: 1.6;
      color: #575757;
      margin-bottom: 75px;
      max-width: 550px; }
      @media (min-width: 1024px) and (max-width: 1600px) {
        body.gudhub .gh-home-page .home_top-subtitle {
          font-size: 24px;
          margin-bottom: 55px; } }
      @media all and (max-width: 1023px) {
        body.gudhub .gh-home-page .home_top-subtitle {
          font-size: 20px;
          margin-bottom: 30px;
          max-width: none; } }
  body.gudhub .gh-home-page .home_document {
    padding-top: 115px; }
    @media all and (max-width: 1023px) {
      body.gudhub .gh-home-page .home_document {
        padding: 0 40px;
        flex-direction: column-reverse; } }
    body.gudhub .gh-home-page .home_document-info {
      margin-top: 30px; }
      @media all and (max-width: 1023px) {
        body.gudhub .gh-home-page .home_document-info {
          margin-bottom: 30px; } }
    body.gudhub .gh-home-page .home_document .doc_center {
      text-align: center; }
    body.gudhub .gh-home-page .home_document .document_invoice {
      max-width: 583px; }
      @media all and (max-width: 1600px) {
        body.gudhub .gh-home-page .home_document .document_invoice {
          max-width: 80%; } }
      @media all and (max-width: 1023px) {
        body.gudhub .gh-home-page .home_document .document_invoice {
          max-width: 60%; } }
      @media all and (max-width: 679px) {
        body.gudhub .gh-home-page .home_document .document_invoice {
          max-width: 80%; } }
  body.gudhub .gh-home-page .home_api {
    padding: 125px 0;
    background-color: #EDF2F6; }
    @media all and (max-width: 1023px) {
      body.gudhub .gh-home-page .home_api {
        padding: 50px 0; }
        body.gudhub .gh-home-page .home_api .code_preview {
          margin-top: 20px; } }
    body.gudhub .gh-home-page .home_api-info {
      max-width: 679px;
      margin-top: 50px; }
      @media all and (max-width: 1023px) {
        body.gudhub .gh-home-page .home_api-info {
          max-width: none;
          margin-top: 0; } }
  body.gudhub .gh-home-page .home_automation {
    padding: 114px 0; }
    @media all and (max-width: 576px) {
      body.gudhub .gh-home-page .home_automation div.gwd-page-size_automation {
        transform: scale(0.38);
        height: 300px; }
      body.gudhub .gh-home-page .home_automation .w-60 {
        margin-top: -100px; } }
    @media all and (max-width: 1023px) {
      body.gudhub .gh-home-page .home_automation {
        padding: 50px 0; }
        body.gudhub .gh-home-page .home_automation .w-60 {
          width: 100%; }
        body.gudhub .gh-home-page .home_automation .w-40 {
          width: 100%; }
        body.gudhub .gh-home-page .home_automation .gwd-page-size_automation {
          width: 0;
          transform: scale(0.65); } }
    @media (min-width: 1024px) and (max-width: 1600px) {
      body.gudhub .gh-home-page .home_automation {
        padding: 60px 0; }
        body.gudhub .gh-home-page .home_automation .gwd-page-size_automation {
          width: 0;
          transform: scale(0.6); } }
  body.gudhub .gh-home-page .home_data {
    padding: 87px 0;
    background: #EDF2F6; }
    @media all and (max-width: 1024px) {
      body.gudhub .gh-home-page .home_data {
        padding: 40px 0; } }
    @media all and (max-width: 575px) {
      body.gudhub .gh-home-page .home_data .gwd-page-size_data {
        transform: scale(0.6);
        height: 388px; } }
    body.gudhub .gh-home-page .home_data-info {
      margin-top: 50px; }
      @media all and (max-width: 1023px) {
        body.gudhub .gh-home-page .home_data-info {
          margin-top: 20px; } }
  body.gudhub .gh-home-page .home_internet {
    padding: 55px 0; }
    @media (min-width: 576px) and (max-width: 1600px) {
      body.gudhub .gh-home-page .home_internet .gwd-page-size_thinks {
        transform: scale(0.8); } }
    @media all and (max-width: 575px) {
      body.gudhub .gh-home-page .home_internet {
        margin-top: -115px; }
        body.gudhub .gh-home-page .home_internet .gwd-page-size_thinks {
          transform: scale(0.5);
          height: 480px; } }
  body.gudhub .gh-home-page .home_partners {
    padding: 80px 0;
    background-color: #EDF2F6; }
    @media all and (max-width: 1023px) {
      body.gudhub .gh-home-page .home_partners {
        padding: 50px 0; } }
    body.gudhub .gh-home-page .home_partners-item {
      padding: 40px 15px;
      background-color: #fff;
      max-width: 245px;
      max-height: 175px;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media all and (max-width: 1023px) {
        body.gudhub .gh-home-page .home_partners-item {
          margin: 10px;
          padding: 25px 10px; } }
      @media all and (max-width: 576px) {
        body.gudhub .gh-home-page .home_partners-item {
          width: 80%;
          max-width: none; } }
      body.gudhub .gh-home-page .home_partners-item svg {
        width: 70%; }
        @media all and (max-width: 576px) {
          body.gudhub .gh-home-page .home_partners-item svg {
            width: 50%; } }
    body.gudhub .gh-home-page .home_partners .partners_title {
      margin-bottom: 25px;
      line-height: 1; }
    body.gudhub .gh-home-page .home_partners .partners_subtitle {
      margin-bottom: 35px; }
  body.gudhub .gh-home-page .home_footer {
    margin-top: auto;
    margin-bottom: 0;
    padding: 25px 0;
    background-color: #0a1d2c;
    text-align: center; }
    @media all and (max-width: 576px) {
      body.gudhub .gh-home-page .home_footer .footer_wrapper {
        flex-wrap: wrap; }
        body.gudhub .gh-home-page .home_footer .footer_wrapper .mail {
          margin-bottom: 10px; } }
    body.gudhub .gh-home-page .home_footer a {
      font-size: 14px;
      text-decoration: none;
      font-weight: 300;
      color: #749fb2; }
    body.gudhub .gh-home-page .home_footer .mail {
      color: #fff; }
    body.gudhub .gh-home-page .home_footer address {
      color: #fff;
      margin: 0 10px 10px 0;
      font-size: 16px; }

/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
.top_menu_help {
  position: fixed;
  top: 0px;
  border-bottom: 1px solid #e7e7ee;
  width: 100%;
  box-shadow: -1px 2px 4px rgba(0, 0, 128, 0.1);
  background: #fff;
  display: flex;
  justify-content: space-between;
  z-index: 9; }
  .top_menu_help .app_icon {
    margin-left: 40px; }
  .top_menu_help ul {
    margin-right: 20px; }
    .top_menu_help ul li {
      float: left;
      padding: 20px; }
      .top_menu_help ul li a {
        text-decoration: none;
        color: rgba(0, 0, 0, 0.87); }

.center {
  padding-top: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 960px;
  margin: 0 auto; }
  .center h1 {
    color: #0D99FF; }
  .center p {
    padding: 10px 5px; }
  .center .domload_pdf {
    width: 960px;
    margin: 0 auto;
    padding-bottom: 10px; }
    .center .domload_pdf a {
      display: flex;
      color: #0D99FF;
      text-decoration: none;
      float: left; }
      .center .domload_pdf a span {
        line-height: 40px;
        font-size: 18px; }
      .center .domload_pdf a:hover {
        border: none; }
  .center iframe {
    display: block;
    margin: 0 auto; }

.team_item {
  margin: 0 25px 30px 25px; }

.team_wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: 100px; }
  .team_wrapper p {
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center; }
  .team_wrapper span {
    display: block;
    text-align: center; }

.contactus_ctrl {
  overflow: hidden; }

.contact-us_content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100vh; }
  .contact-us_content .contact-us_title {
    font-size: 58px;
    line-height: 40px;
    font-weight: 200;
    color: #0893d2;
    margin: 30px 0; }
  .contact-us_content .contact_us label {
    font-size: 12px;
    font-family: roboto;
    font-weight: 500;
    color: #A7A9B3;
    overflow: hidden;
    text-overflow: ellipsis; }
  .contact-us_content .contact_us div {
    margin-bottom: 20px; }
  .contact-us_content .contact_us input {
    padding: 8px 0 5px 5px;
    background: none;
    font-size: 18px;
    color: #626262;
    font-weight: 300;
    border-width: 0;
    border-radius: 0;
    border-bottom: 1px solid #edf2f7;
    box-shadow: none; }
  .contact-us_content .contact_us .contactus_error-mail {
    display: block;
    color: red; }
  .contact-us_content .contact_us button {
    position: relative;
    border-radius: 50px;
    color: #fff;
    padding: 8px 20px;
    line-height: 100%;
    background: #0893d2;
    border: 1px solid #0893d2; }
  .contact-us_content .contact_us .contact-us_btn {
    display: flex;
    align-items: center;
    flex-direction: column; }
  .contact-us_content .contact_us textarea {
    resize: none; }
  .contact-us_content .contact_us input.ng-invalid {
    border-bottom: 1px solid red; }
  .contact-us_content .contact_us .ng-show {
    font-size: 14px;
    text-align: left;
    color: red; }
  .contact-us_content .contact_us .error input {
    border-bottom: 1px solid red; }

.contact-us_finish {
  margin-top: 220px; }

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
.gudhub.gh-ui-dialog {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 80;
  overflow: hidden; }
  .gudhub.gh-ui-dialog .gh-ui-dialog-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: rgba(0, 0, 0, 0.5); }
  .gudhub.gh-ui-dialog.no-background .gh-ui-dialog-backdrop {
    background: none; }
  .gudhub.gh-ui-dialog .gh-ui-dialog-content-wrap {
    background-color: transparent;
    background-color: #fafdfd;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafdfd',endColorstr='#fafdfd');
    zoom: 1;
    -webkit-transition: all 2.5s ease;
    -khtml-transition: all 2.5s ease;
    -moz-transition: all 2.5s ease;
    -ms-transition: all 2.5s ease;
    -o-transition: all 2.5s ease;
    transition: all 2.5s ease;
    z-index: 1; }
    .gudhub.gh-ui-dialog .gh-ui-dialog-content-wrap .toolbar {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-flex-direction: row;
      flex-direction: row;
      width: 100%;
      padding: 10px; }
      .gudhub.gh-ui-dialog .gh-ui-dialog-content-wrap .toolbar .toolbar-content {
        -webkit-box-flex-grow: 1;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-grow: 1;
        /* Chrome */
        -moz-box-flex-grow: 1;
        /* OLD - Firefox 19- */
        -ms-flex-grow: 1;
        /* IE 10 */
        flex-grow: 1;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-box-flex-shrink: 1;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-shrink: 1;
        /* Chrome */
        -moz-box-flex-shrink: 1;
        /* OLD - Firefox 19- */
        -ms-flex-shrink: 1;
        /* IE 10 */
        flex-shrink: 1;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-box-flex-basis: auto;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-basis: auto;
        /* Chrome */
        -moz-box-flex-basis: auto;
        /* OLD - Firefox 19- */
        -ms-flex-basis: auto;
        /* IE 10 */
        flex-basis: auto;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
        .gudhub.gh-ui-dialog .gh-ui-dialog-content-wrap .toolbar .toolbar-content :checked + div {
          font-weight: bold; }
      .gudhub.gh-ui-dialog .gh-ui-dialog-content-wrap .toolbar .toolbar-controls {
        -webkit-box-flex-grow: 0;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-grow: 0;
        /* Chrome */
        -moz-box-flex-grow: 0;
        /* OLD - Firefox 19- */
        -ms-flex-grow: 0;
        /* IE 10 */
        flex-grow: 0;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-box-flex-shrink: 1;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-shrink: 1;
        /* Chrome */
        -moz-box-flex-shrink: 1;
        /* OLD - Firefox 19- */
        -ms-flex-shrink: 1;
        /* IE 10 */
        flex-shrink: 1;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-box-flex-basis: auto;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-basis: auto;
        /* Chrome */
        -moz-box-flex-basis: auto;
        /* OLD - Firefox 19- */
        -ms-flex-basis: auto;
        /* IE 10 */
        flex-basis: auto;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
        .gudhub.gh-ui-dialog .gh-ui-dialog-content-wrap .toolbar .toolbar-controls .cross {
          position: relative;
          z-index: 1;
          cursor: pointer; }
        .gudhub.gh-ui-dialog .gh-ui-dialog-content-wrap .toolbar .toolbar-controls > * {
          display: inline-block; }
    .gudhub.gh-ui-dialog .gh-ui-dialog-content-wrap .content {
      position: relative;
      overflow-x: hidden;
      overflow-y: auto;
      max-height: 35vh; }
  .gudhub.gh-ui-dialog.--center .gh-ui-dialog-content-wrap {
    display: block;
    max-width: 80%;
    border-radius: 10px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); }
    .gudhub.gh-ui-dialog.--center .gh-ui-dialog-content-wrap .content {
      max-height: 100%; }
  .gudhub.gh-ui-dialog.--center_event_position {
    right: auto;
    bottom: auto;
    overflow: visible; }
    .gudhub.gh-ui-dialog.--center_event_position .gh-ui-dialog-content-wrap {
      border-radius: 10px;
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
      display: block;
      max-height: 100%;
      max-width: 100%; }
      .gudhub.gh-ui-dialog.--center_event_position .gh-ui-dialog-content-wrap .content {
        max-height: 100%; }
  .gudhub.gh-ui-dialog.--full .gh-ui-dialog-content-wrap {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden; }
  .gudhub.gh-ui-dialog.--full .content {
    min-height: 100%; }
  .gudhub.gh-ui-dialog.animation-fade .gh-ui-dialog-content-wrap {
    animation-duration: 0.7s;
    animation-name: fadeInGhDialog; }

@keyframes fadeInGhDialog {
  0% {
    opacity: 0; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }
  .gudhub.gh-ui-dialog.--full_event_position {
    position: absolute;
    top: 0px;
    left: 0px; }
    .gudhub.gh-ui-dialog.--full_event_position .gh-ui-dialog-content-wrap {
      border-radius: 10px;
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
      max-height: 100%; }
      .gudhub.gh-ui-dialog.--full_event_position .gh-ui-dialog-content-wrap .content {
        max-height: 100%; }
    .gudhub.gh-ui-dialog.--full_event_position .gh-ui-dialog-content-wrap {
      position: absolute; }
  .gudhub.gh-ui-dialog.--bottom {
    top: 0;
    height: 100%;
    bottom: inherit;
    animation-duration: 0.3s;
    animation-name: slideInBottomGhDialogUp; }

@keyframes slideInBottomGhDialogUp {
  from {
    top: 100%; }
  to {
    top: 0; } }
    .gudhub.gh-ui-dialog.--bottom.--close {
      top: 100%;
      animation-duration: 0.6s;
      animation-name: slideInBottomGhDialogDown; }

@keyframes slideInBottomGhDialogDown {
  from {
    top: 0; }
  to {
    top: 100%; } }
      .gudhub.gh-ui-dialog.--bottom.--close .gh-ui-dialog-backdrop {
        display: none; }
    .gudhub.gh-ui-dialog.--bottom .gh-ui-dialog-content-wrap {
      position: absolute;
      display: block;
      left: 0;
      right: 0;
      bottom: 0; }
  .gudhub.gh-ui-dialog.--right {
    top: 0;
    height: 100%;
    bottom: 0;
    right: 0;
    animation-duration: 0.3s;
    animation-name: slideInRightGhDialogUp; }

@keyframes slideInRightGhDialogUp {
  from {
    right: -100%; }
  to {
    right: 0; } }
    .gudhub.gh-ui-dialog.--right.--close {
      right: 0;
      animation-duration: 0.6s;
      animation-name: slideInRightGhDialogDown; }

@keyframes slideInRightGhDialogDown {
  from {
    right: 0; }
  to {
    right: -100%; } }
      .gudhub.gh-ui-dialog.--right.--close .gh-ui-dialog-backdrop {
        display: none; }
    .gudhub.gh-ui-dialog.--right .gh-ui-dialog-content-wrap {
      position: absolute;
      display: block;
      top: 0;
      right: 0;
      bottom: 0; }
      .gudhub.gh-ui-dialog.--right .gh-ui-dialog-content-wrap .content {
        width: 40vw;
        max-height: 100%; }
        .gudhub.gh-ui-dialog.--right .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_1 {
          width: 100%; }
        .gudhub.gh-ui-dialog.--right .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_2 {
          width: 100%; }
        .gudhub.gh-ui-dialog.--right .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_3 {
          width: 100%; }
        .gudhub.gh-ui-dialog.--right .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_4 {
          width: 100%; }
        .gudhub.gh-ui-dialog.--right .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_5 {
          width: 100%; }
        .gudhub.gh-ui-dialog.--right .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_6 {
          width: 100%; }
        .gudhub.gh-ui-dialog.--right .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_7 {
          width: 100%; }
        .gudhub.gh-ui-dialog.--right .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_8 {
          width: 100%; }
        .gudhub.gh-ui-dialog.--right .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_9 {
          width: 100%; }
        .gudhub.gh-ui-dialog.--right .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_10 {
          width: 100%; }
        .gudhub.gh-ui-dialog.--right .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_11 {
          width: 100%; }
        .gudhub.gh-ui-dialog.--right .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_12 {
          width: 100%; }
  .gudhub.gh-ui-dialog.--left {
    top: 0;
    height: 100%;
    bottom: 0;
    right: 0;
    animation-duration: 0.3s;
    animation-name: slideInLefttGhDialogUp; }

@keyframes slideInLefttGhDialogUp {
  from {
    left: -100%; }
  to {
    left: 0; } }
    .gudhub.gh-ui-dialog.--left.--close {
      top: 100%;
      animation-duration: 0.6s;
      animation-name: slideInLefttGhDialogDown; }

@keyframes slideInLefttGhDialogDown {
  from {
    left: 0; }
  to {
    left: -100%; } }
      .gudhub.gh-ui-dialog.--left.--close .gh-ui-dialog-backdrop {
        display: none; }
    .gudhub.gh-ui-dialog.--left .gh-ui-dialog-content-wrap {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      bottom: 0; }
      .gudhub.gh-ui-dialog.--left .gh-ui-dialog-content-wrap .content {
        width: 40vw;
        max-height: 100%; }
        .gudhub.gh-ui-dialog.--left .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_1 {
          width: 100%; }
        .gudhub.gh-ui-dialog.--left .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_2 {
          width: 100%; }
        .gudhub.gh-ui-dialog.--left .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_3 {
          width: 100%; }
        .gudhub.gh-ui-dialog.--left .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_4 {
          width: 100%; }
        .gudhub.gh-ui-dialog.--left .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_5 {
          width: 100%; }
        .gudhub.gh-ui-dialog.--left .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_6 {
          width: 100%; }
        .gudhub.gh-ui-dialog.--left .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_7 {
          width: 100%; }
        .gudhub.gh-ui-dialog.--left .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_8 {
          width: 100%; }
        .gudhub.gh-ui-dialog.--left .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_9 {
          width: 100%; }
        .gudhub.gh-ui-dialog.--left .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_10 {
          width: 100%; }
        .gudhub.gh-ui-dialog.--left .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_11 {
          width: 100%; }
        .gudhub.gh-ui-dialog.--left .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_12 {
          width: 100%; }
  .gudhub.gh-ui-dialog.--bottom_absolute {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    overflow: visible;
    animation-duration: 0.3s;
    animation-name: slideInBottomGhDialogUp; }

@keyframes slideInBottomGhDialogUp {
  from {
    top: 100%; }
  to {
    top: 0; } }
    .gudhub.gh-ui-dialog.--bottom_absolute.--close {
      top: 100%;
      animation-duration: 0.6s;
      animation-name: slideInBottomGhDialogDown; }

@keyframes slideInBottomGhDialogDown {
  from {
    top: 0; }
  to {
    top: 100%; } }
      .gudhub.gh-ui-dialog.--bottom_absolute.--close .gh-ui-dialog-backdrop {
        display: none; }
    .gudhub.gh-ui-dialog.--bottom_absolute .gh-ui-dialog-content-wrap {
      position: absolute;
      background-color: transparent;
      display: block;
      left: 0;
      right: 0;
      bottom: 0; }
  .gudhub.gh-ui-dialog.full_screen .gh-ui-dialog-content-wrap {
    top: 0; }
    .gudhub.gh-ui-dialog.full_screen .gh-ui-dialog-content-wrap .content {
      max-height: calc(100% - 52px); }
      .gudhub.gh-ui-dialog.full_screen .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_1 {
        width: 50%; }
      .gudhub.gh-ui-dialog.full_screen .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_2 {
        width: 50%; }
      .gudhub.gh-ui-dialog.full_screen .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_3 {
        width: 50%; }
      .gudhub.gh-ui-dialog.full_screen .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_4 {
        width: 50%; }
      .gudhub.gh-ui-dialog.full_screen .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_5 {
        width: 50%; }
      .gudhub.gh-ui-dialog.full_screen .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_6 {
        width: 50%; }
      .gudhub.gh-ui-dialog.full_screen .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_7 {
        width: 50%; }
      .gudhub.gh-ui-dialog.full_screen .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_8 {
        width: 50%; }
      .gudhub.gh-ui-dialog.full_screen .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_9 {
        width: 50%; }
      .gudhub.gh-ui-dialog.full_screen .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_10 {
        width: 50%; }
      .gudhub.gh-ui-dialog.full_screen .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_11 {
        width: 50%; }
      .gudhub.gh-ui-dialog.full_screen .gh-ui-dialog-content-wrap .content .float_block_template_repeat_form > .gh_col_width_12 {
        width: 50%; }
  .gudhub.gh-ui-dialog.--right.full_screen .gh-ui-dialog-content-wrap .content, .gudhub.gh-ui-dialog.--left.full_screen .gh-ui-dialog-content-wrap .content {
    width: 100%; }

.gudhub.filter-dialog .gh-ui-dialog-backdrop {
  background: none; }

.gudhub.gh-ui-dialog-settings {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 80;
  overflow: hidden; }
  .gudhub.gh-ui-dialog-settings .gh-ui-dialog-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: rgba(0, 0, 0, 0.5); }
  .gudhub.gh-ui-dialog-settings .gh-ui-dialog-content-wrap {
    background-color: #edeff0;
    -webkit-transition: all 2.5s ease;
    -khtml-transition: all 2.5s ease;
    -moz-transition: all 2.5s ease;
    -ms-transition: all 2.5s ease;
    -o-transition: all 2.5s ease;
    transition: all 2.5s ease; }
    .gudhub.gh-ui-dialog-settings .gh-ui-dialog-content-wrap .toolbar {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: transparent;
      background-color: #fafdfd;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafdfd',endColorstr='#fafdfd');
      zoom: 1;
      position: relative;
      width: 100%;
      padding: 0 10px;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
      -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); }
      .gudhub.gh-ui-dialog-settings .gh-ui-dialog-content-wrap .toolbar .apply {
        max-width: 68px;
        min-width: 68px; }
      .gudhub.gh-ui-dialog-settings .gh-ui-dialog-content-wrap .toolbar .toolbar-content {
        -webkit-box-flex-grow: 1;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-grow: 1;
        /* Chrome */
        -moz-box-flex-grow: 1;
        /* OLD - Firefox 19- */
        -ms-flex-grow: 1;
        /* IE 10 */
        flex-grow: 1;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-box-flex-shrink: 1;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-shrink: 1;
        /* Chrome */
        -moz-box-flex-shrink: 1;
        /* OLD - Firefox 19- */
        -ms-flex-shrink: 1;
        /* IE 10 */
        flex-shrink: 1;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-box-flex-basis: auto;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-basis: auto;
        /* Chrome */
        -moz-box-flex-basis: auto;
        /* OLD - Firefox 19- */
        -ms-flex-basis: auto;
        /* IE 10 */
        flex-basis: auto;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-touch-callout: none;
        /* iOS Safari */
        -webkit-user-select: none;
        /* Chrome/Safari/Opera */
        -khtml-user-select: none;
        /* Konqueror */
        -moz-user-select: none;
        /* Firefox */
        -ms-user-select: none;
        /* Internet Explorer/Edge */
        user-select: none;
        /* Non-prefixed version, currently not supported by any browser */ }
        .gudhub.gh-ui-dialog-settings .gh-ui-dialog-content-wrap .toolbar .toolbar-content .gh-element-type {
          float: left;
          min-width: 100px;
          max-width: 250px;
          margin: 10px 0 0 20px;
          display: flex;
          align-content: center; }
          .gudhub.gh-ui-dialog-settings .gh-ui-dialog-content-wrap .toolbar .toolbar-content .gh-element-type .gh-element-name {
            float: left;
            font-size: 17px;
            color: #bbbcc5;
            margin: 7px 0 0 10px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
          .gudhub.gh-ui-dialog-settings .gh-ui-dialog-content-wrap .toolbar .toolbar-content .gh-element-type .gh-element-icon {
            float: left; }
        .gudhub.gh-ui-dialog-settings .gh-ui-dialog-content-wrap .toolbar .toolbar-content .gh-tabs-labels {
          display: -webkit-box;
          /* OLD - iOS 6-, Safari 3.1-6 */
          display: -moz-box;
          /* OLD - Firefox 19- (buggy but mostly works) */
          display: -ms-flexbox;
          /* TWEENER - IE 10 */
          display: -webkit-flex;
          /* NEW - Chrome */
          display: flex;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          -webkit-flex-direction: row;
          flex-direction: row;
          -webkit-justify-content: center;
          justify-content: center; }
          .gudhub.gh-ui-dialog-settings .gh-ui-dialog-content-wrap .toolbar .toolbar-content .gh-tabs-labels label {
            display: -webkit-box;
            /* OLD - iOS 6-, Safari 3.1-6 */
            display: -moz-box;
            /* OLD - Firefox 19- (buggy but mostly works) */
            display: -ms-flexbox;
            /* TWEENER - IE 10 */
            display: -webkit-flex;
            /* NEW - Chrome */
            display: flex;
            /* NEW, Spec - Opera 12.1, Firefox 20+ */
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
            padding: 10px;
            color: #bbbcc5;
            text-transform: uppercase; }
            .gudhub.gh-ui-dialog-settings .gh-ui-dialog-content-wrap .toolbar .toolbar-content .gh-tabs-labels label.active {
              color: #0D99FF; }
              .gudhub.gh-ui-dialog-settings .gh-ui-dialog-content-wrap .toolbar .toolbar-content .gh-tabs-labels label.active:after {
                content: "";
                display: block;
                position: absolute;
                height: 4px;
                width: 100%;
                bottom: 0;
                left: 0;
                background-color: #0D99FF; }
              .gudhub.gh-ui-dialog-settings .gh-ui-dialog-content-wrap .toolbar .toolbar-content .gh-tabs-labels label.active svg path {
                fill: #0D99FF !important; }
      .gudhub.gh-ui-dialog-settings .gh-ui-dialog-content-wrap .toolbar .toolbar-controls {
        -webkit-box-flex-grow: 0;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-grow: 0;
        /* Chrome */
        -moz-box-flex-grow: 0;
        /* OLD - Firefox 19- */
        -ms-flex-grow: 0;
        /* IE 10 */
        flex-grow: 0;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-box-flex-shrink: 1;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-shrink: 1;
        /* Chrome */
        -moz-box-flex-shrink: 1;
        /* OLD - Firefox 19- */
        -ms-flex-shrink: 1;
        /* IE 10 */
        flex-shrink: 1;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-box-flex-basis: auto;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-basis: auto;
        /* Chrome */
        -moz-box-flex-basis: auto;
        /* OLD - Firefox 19- */
        -ms-flex-basis: auto;
        /* IE 10 */
        flex-basis: auto;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
        .gudhub.gh-ui-dialog-settings .gh-ui-dialog-content-wrap .toolbar .toolbar-controls > * {
          display: inline-block; }
    .gudhub.gh-ui-dialog-settings .gh-ui-dialog-content-wrap .content {
      position: relative;
      overflow-y: auto;
      max-height: 35vh;
      min-height: 95%;
      z-index: 0; }
      .gudhub.gh-ui-dialog-settings .gh-ui-dialog-content-wrap .content .gh-tab .gh-tab-content {
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: center;
        justify-content: center; }
      .gudhub.gh-ui-dialog-settings .gh-ui-dialog-content-wrap .content .gh-tab input:checked + div.gh-tab-content {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
  .gudhub.gh-ui-dialog-settings.--center .gh-ui-dialog-content-wrap {
    position: absolute;
    display: block;
    max-height: 80%;
    max-width: 80%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%; }
  .gudhub.gh-ui-dialog-settings.--bottom {
    top: 0;
    height: 100%;
    bottom: inherit;
    animation-duration: 0.3s;
    animation-name: slideInBottomGhDialogUp; }

@keyframes slideInBottomGhDialogUp {
  from {
    top: 100%; }
  to {
    top: 0; } }
    .gudhub.gh-ui-dialog-settings.--bottom.--close {
      top: 100%;
      animation-duration: 0.6s;
      animation-name: slideInBottomGhDialogDown; }

@keyframes slideInBottomGhDialogDown {
  from {
    top: 0; }
  to {
    top: 100%; } }
      .gudhub.gh-ui-dialog-settings.--bottom.--close .gh-ui-dialog-backdrop {
        display: none; }
    .gudhub.gh-ui-dialog-settings.--bottom .gh-ui-dialog-content-wrap {
      position: absolute;
      display: block;
      left: 0;
      right: 0;
      bottom: 0; }
  .gudhub.gh-ui-dialog-settings.--right {
    top: 0;
    height: 100%;
    bottom: 0;
    animation-duration: 0.3s;
    animation-name: slideInRightGhDialogUp; }

@keyframes slideInRightGhDialogUp {
  from {
    right: -100%; }
  to {
    right: 0; } }
    .gudhub.gh-ui-dialog-settings.--right.--close {
      top: 100%;
      animation-duration: 0.6s;
      animation-name: slideInRightGhDialogDown; }

@keyframes slideInRightGhDialogDown {
  from {
    right: 0; }
  to {
    right: -100%; } }
      .gudhub.gh-ui-dialog-settings.--right.--close .gh-ui-dialog-backdrop {
        display: none; }
    .gudhub.gh-ui-dialog-settings.--right .gh-ui-dialog-content-wrap {
      position: absolute;
      display: block;
      top: 0;
      right: 0;
      bottom: 0;
      width: 600px; }
  .gudhub.gh-ui-dialog-settings.--left {
    top: 0;
    height: 100%;
    bottom: 0;
    animation-duration: 0.3s;
    animation-name: slideInLeftGhDialogUp; }

@keyframes slideInLeftGhDialogUp {
  from {
    left: -100%; }
  to {
    left: 0; } }
    .gudhub.gh-ui-dialog-settings.--left.--close {
      top: 100%;
      animation-duration: 0.6s;
      animation-name: slideInLefttGhDialogDown; }

@keyframes slideInLefttGhDialogDown {
  from {
    left: 0; }
  to {
    left: -100%; } }
      .gudhub.gh-ui-dialog-settings.--left.--close .gh-ui-dialog-backdrop {
        display: none; }
    .gudhub.gh-ui-dialog-settings.--left .gh-ui-dialog-content-wrap {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      bottom: 0;
      width: 600px; }
  .gudhub.gh-ui-dialog-settings.full_screen .gh-ui-dialog-content-wrap {
    top: 0; }
    .gudhub.gh-ui-dialog-settings.full_screen .gh-ui-dialog-content-wrap .content {
      max-height: calc(100% - 52px); }

@media screen and (max-width: 767px) {
  .gudhub.gh-ui-dialog.--left > .gh-ui-dialog-content-wrap .content,
  .gudhub.gh-ui-dialog.--right > .gh-ui-dialog-content-wrap .content {
    width: 80vw; }
  .gudhub.gh-ui-dialog.--left.--full_mobile .resize {
    display: none; }
  .gudhub.gh-ui-dialog.--left.--full_mobile .content {
    width: 100vw;
    height: calc(100vh - 52px); }
  .gudhub.gh-ui-dialog.--full_mobile .gh-ui-dialog-content-wrap {
    max-height: 100%;
    max-width: 100%;
    animation: bottom_slide_top linear 0.3s;
    position: absolute; }
  .gudhub.gh-ui-dialog.--bottom_mobile {
    height: 100%;
    width: 100%;
    top: auto;
    position: fixed;
    justify-content: normal;
    align-items: baseline;
    top: 0px !important;
    left: 0px !important; }
    .gudhub.gh-ui-dialog.--bottom_mobile .gh-ui-dialog-content-wrap {
      max-height: 100%;
      max-width: 100%;
      animation: bottom_slide_top linear 0.3s;
      position: absolute;
      bottom: 0; }
  @-webkit-keyframes bottom_slide_top {
    0% {
      bottom: -100%; }
    100% {
      bottom: 0; } } }

/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
.loader {
  position: relative;
  margin: 0 auto;
  width: 100px; }
  .loader:before {
    content: '';
    display: block;
    padding-top: 100%; }

.circular_loader {
  animation: rotate 2s linear infinite;
  height: 50%;
  max-height: 100px;
  transform-origin: center center;
  width: 50%;
  max-width: 100px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.circular_loader .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke: #e7e7ee;
  animation: dash 1.5s ease-in-out infinite;
  stroke-linecap: round; }

@keyframes rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }

@charset "UTF-8";
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ MAIN STYLES ------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
.gudhub_overflow {
  overflow: hidden; }

body {
  line-height: normal; }
  body.gudhub {
    line-height: normal;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    height: 100%;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=  '#699bc8', endColorstr='#b5c5d8',GradientType=1 );
    -webkit-background-size: cover;
    -khtml-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /* ------------- PLACEHOLDER STYLE ------------- */
    /* ---------------------------------------------------------------------------------------------------------------*/
    /* --------------------------------------------------- INPUTS ----------------------------------------------------*/
    /* ---------------------------------------------------------------------------------------------------------------*/
    /* -- Disabled yellow background in autofill inputs -- */ }
    body.gudhub :-moz-placeholder,
    body.gudhub :-ms-input-placeholder,
    body.gudhub ::-moz-placeholder,
    body.gudhub ::-webkit-input-placeholder {
      color: #e7e7ee; }
    body.gudhub a img {
      border: none; }
    body.gudhub svg {
      display: inline-block; }
    body.gudhub input:not(.disable-gudhub-styles) {
      border-radius: 0px !important;
      border-style: solid;
      font-family: inherit; }
    body.gudhub section::after,
    body.gudhub section::before {
      position: absolute;
      content: '';
      pointer-post-wraps: none; }
    body.gudhub .gh-wrap-container {
      position: relative;
      z-index: 0;
      overflow-x: hidden;
      padding-bottom: 0 !important;
      min-height: 100vh;
      max-height: 100vh;
      height: 100vh;
      -webkit-overflow-scrolling: touch; }
      body.gudhub .gh-wrap-container .gh-wrapper-view {
        height: 100%;
        min-height: 100%;
        z-index: 90; }
    body.gudhub .container {
      width: 1170px;
      margin: auto; }
      body.gudhub .container .subtitle {
        width: 60%;
        margin-bottom: 20px;
        font-size: 16px; }
    @media screen and (max-width: 1200px) {
      body.gudhub .container {
        width: 970px; } }
    @media screen and (max-width: 992px) {
      body.gudhub .container {
        width: 750px; } }
    @media screen and (max-width: 768px) {
      body.gudhub .container {
        width: auto; }
      body.gudhub .wrap-apps-list .rubbish {
        display: none; }
      body.gudhub .wrap-apps-list .btn-slider-show {
        display: none; } }
    body.gudhub .navbar {
      background: none;
      border: 0 none;
      border-radius: 0;
      margin: 0;
      left: 0;
      top: 0;
      height: 87px;
      width: 100%;
      z-index: 2;
      display: flex;
      justify-content: space-between; }
      body.gudhub .navbar .app_icon {
        z-index: 9;
        margin-left: 40px;
        padding-top: 20px; }
      body.gudhub .navbar .navbar-header {
        float: none;
        display: flex;
        justify-content: space-between;
        width: 100%; }
      body.gudhub .navbar .navbar-nav > li:first-child a.btn-login {
        border-right: 1px solid #fff; }
      body.gudhub .navbar .navbar-nav > li > a {
        padding: 0; }
      body.gudhub .navbar .navbar-nav.homePage > li > a {
        color: #000;
        border: 0;
        border-right: 1px solid #0893d2;
        font-weight: 300 !important;
        margin: 23px 0;
        padding: 3px 17px;
        font-size: 16px !important;
        line-height: 16px !important;
        border-radius: 0 !important; }
      body.gudhub .navbar .navbar-nav.homePage > li:last-child a {
        border-right: none; }
      body.gudhub .navbar .navbar-toggle {
        border: none;
        margin: 20px 20px 0 0; }
        body.gudhub .navbar .navbar-toggle:focus {
          transform: none;
          background-color: transparent; }
        body.gudhub .navbar .navbar-toggle:hover {
          background-color: transparent;
          transform: scale(1.2); }
      body.gudhub .navbar .icon-bar {
        background-color: #fff;
        height: 2px;
        width: 30px;
        margin-top: 10px; }
        body.gudhub .navbar .icon-bar:first-child {
          margin: 0; }
    body.gudhub .navbar-brand {
      display: inline-block;
      color: #fff;
      text-shadow: none;
      font-weight: 100;
      font-size: 30px;
      line-height: 28px;
      height: 70px !important;
      padding: 0;
      text-transform: uppercase;
      margin-top: 10px;
      margin-left: 15px; }
      body.gudhub .navbar-brand:active, body.gudhub .navbar-brand:focus, body.gudhub .navbar-brand:hover {
        color: #fafdfd; }
    body.gudhub .gh-navbar {
      float: right;
      position: relative;
      z-index: 99;
      cursor: pointer; }
    body.gudhub .gh-dropdown-menu {
      min-width: 160px; }
    body.gudhub .gh-home-link {
      display: inline-block; }
    body.gudhub .gh-home-link a {
      text-decoration: none; }
    body.gudhub .gh-navbar.nav.navbar-nav.navbar-right.homePage .gh-home-link .gh-home__link {
      margin: 23px 0;
      display: inline-block !important; }
    body.gudhub .gh-navbar.nav.navbar-nav.navbar-right.homePage .gh-home-link .gh-home__link:hover {
      color: #0D99FF; }
    body.gudhub .gh-dropdown-menu__link {
      display: block;
      padding: 3px 20px;
      clear: both;
      font-weight: 400;
      line-height: 1.42857143;
      color: #333;
      white-space: nowrap;
      text-decoration: none; }
    body.gudhub .dropdown-menu.gh-open_drop {
      display: block; }
    body.gudhub .gh-divider {
      height: 1px !important;
      min-height: 1px !important;
      padding: 0;
      margin: 0;
      overflow: hidden;
      background-color: #e5e5e5; }
    body.gudhub .navbar-default .navbar-nav > li > a:active, body.gudhub .navbar-default .navbar-nav > li > a:focus, body.gudhub .navbar-default .navbar-nav > li > a:hover {
      color: #fafdfd; }
    body.gudhub .navbar-inverse .navbar-toggle:active, body.gudhub .navbar-inverse .navbar-toggle:focus, body.gudhub .navbar-inverse .navbar-toggle:hover {
      background-color: #5b90bf; }
    body.gudhub .navbar-inverse .navbar-collapse,
    body.gudhub .navbar-inverse .navbar-form {
      border: 0 none; }
    body.gudhub .navbar-inverse .navbar-nav > .active > a,
    body.gudhub .navbar-inverse .navbar-nav > .open > a {
      background: #5b90bf; }
    body.gudhub p::-moz-selection,
    body.gudhub span::-moz-selection,
    body.gudhub textarea::-moz-selection {
      color: #fafdfd;
      text-shadow: none;
      background: #EDF2F6; }
    body.gudhub p::selection,
    body.gudhub span::selection,
    body.gudhub textarea::selection {
      color: #fafdfd;
      text-shadow: none;
      background: #EDF2F6; }
    body.gudhub input:-webkit-autofill {
      -webkit-box-shadow: 0 0 0 1000px #5f8aa3 inset; }
    body.gudhub input:not(.disable-gudhub-styles),
    body.gudhub textarea:not(.disable-gudhub-styles) {
      line-height: normal;
      background-color: transparent;
      border-color: transparent;
      border-width: 0 0 1px 0;
      border-radius: 0;
      padding-bottom: 5px;
      box-shadow: none !important; }
      body.gudhub input:not(.disable-gudhub-styles):hover,
      body.gudhub textarea:not(.disable-gudhub-styles):hover {
        border-color: inherit; }
      body.gudhub input:not(.disable-gudhub-styles):focus,
      body.gudhub textarea:not(.disable-gudhub-styles):focus {
        -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        -khtml-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        border-color: inherit;
        padding-bottom: 5px;
        border-width: 0 0 1px 0; }
    body.gudhub .dropdown {
      position: relative; }
      body.gudhub .dropdown input[type=checkbox] {
        display: none;
        /*
        &:checked ~ ul{
          display: block;
        }
        */ }
      body.gudhub .dropdown ul {
        position: absolute;
        top: 100%;
        left: 10px;
        z-index: 99;
        display: none;
        background-color: transparent;
        background-color: #fafdfd;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafdfd',endColorstr='#fafdfd');
        zoom: 1;
        padding: 5px 0;
        border: 1px solid #d9d9d9;
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.175);
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
        body.gudhub .dropdown ul.gh-dropd_container--fixed {
          position: fixed; }
        body.gudhub .dropdown ul li {
          display: block;
          position: relative;
          padding: 5px 10px;
          color: rgba(0, 0, 0, 0.6);
          cursor: pointer; }
          body.gudhub .dropdown ul li.triangle {
            position: absolute;
            top: -14px;
            padding: 0;
            left: 10px; }
          body.gudhub .dropdown ul li:not(.triangle):hover {
            background-color: transparent;
            background-color: rgba(13, 153, 255, 0.2);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0D99FF',endColorstr='#0D99FF');
            zoom: 1; }
          body.gudhub .dropdown ul li div.action {
            padding: 0;
            margin: 0; }
        body.gudhub .dropdown ul ul {
          top: 0;
          left: 100%; }
          body.gudhub .dropdown ul ul li.triangle {
            display: none; }
      body.gudhub .dropdown:hover > ul {
        display: block; }
    body.gudhub .icon_wrapper {
      display: inline-block;
      position: relative; }
      body.gudhub .icon_wrapper .icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }

body gh-element-container {
  font-size: 14px;
  line-height: normal;
  font-family: 'Roboto', sans-serif;
  font-weight: 300; }
  body gh-element-container input:not(.disable-gudhub-styles),
  body gh-element-container textarea:not(.disable-gudhub-styles), body gh-element-container input[type^="text"]:not(.disable-gudhub-styles), body gh-element-container input[type^="search"]:not(.disable-gudhub-styles) {
    line-height: normal;
    background-color: transparent;
    border-color: transparent;
    border-width: 0 0 1px 0;
    border-radius: 0;
    padding-bottom: 5px;
    box-shadow: none !important;
    padding: 10px 5px 5px; }
    body gh-element-container input:not(.disable-gudhub-styles):focus,
    body gh-element-container textarea:not(.disable-gudhub-styles):focus, body gh-element-container input[type^="text"]:not(.disable-gudhub-styles):focus, body gh-element-container input[type^="search"]:not(.disable-gudhub-styles):focus {
      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      -khtml-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      -ms-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      border-color: inherit;
      padding-bottom: 5px;
      border-width: 0 0 1px 0; }

.dropdown-menu > li > a {
  transition: none !important;
  cursor: pointer; }
  .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: transparent !important; }

/*MULIDROPDOWNS*/
.dropdown-submenu {
  position: relative; }
  .dropdown-submenu.pull-left {
    float: none; }
    .dropdown-submenu.pull-left > .dropdown-menu {
      left: -100%;
      margin-left: 10px;
      -webkit-border-radius: 6px 0 6px 6px;
      -moz-border-radius: 6px 0 6px 6px;
      border-radius: 6px 0 6px 6px; }
  .dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 10px;
    margin-right: -10px; }
  .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px; }
  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
    position: absolute;
    top: 5px;
    left: 100% !important; }
  .dropdown-submenu:hover > a:after {
    border-left-color: #fff; }

.gh-app-button {
  padding: 15px 10px;
  width: 100%;
  z-index: 5;
  box-shadow: 0 0 3px rgba(0, 0, 128, 0.2); }
  .gh-app-button.open_app {
    box-shadow: none; }

.gwd-page-size {
  width: 700px;
  height: 700px; }

/* ------------------------------------------------- HOME PAGE ------------------------------------------------------ */
.gh-home-page {
  min-height: 100%;
  position: relative;
  background-color: #fafdfd; }
  .gh-home-page .homepage_wally_wrapper gh-wally {
    position: absolute;
    right: 0;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 0; }
    @media screen and (max-width: 480px) {
      .gh-home-page .homepage_wally_wrapper gh-wally {
        transform: scale(0.6);
        display: none !important; } }
    @media screen and (max-width: 1280px) {
      .gh-home-page .homepage_wally_wrapper gh-wally {
        transform: scale(0.9); }
        .gh-home-page .homepage_wally_wrapper gh-wally .container {
          width: 970px; } }
    @media screen and (max-width: 992px) {
      .gh-home-page .homepage_wally_wrapper gh-wally .container {
        width: 750px; } }
    @media screen and (max-width: 768px) {
      .gh-home-page .homepage_wally_wrapper gh-wally .container {
        width: auto; } }
    .gh-home-page .homepage_wally_wrapper gh-wally .gwd-page-wrapper {
      background-color: rgba(255, 255, 255, 0);
      height: 100%;
      width: 100%; }
      .gh-home-page .homepage_wally_wrapper gh-wally .gwd-page-wrapper .gwd-page-content {
        position: fixed;
        right: 0;
        bottom: 0; }
  .gh-home-page > .container {
    height: 100%;
    padding: 15% 25px 0;
    border-radius: 10px;
    z-index: 1;
    position: relative; }

.gh-page footer {
  height: 60px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  font-weight: 100;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 98;
  padding: 7px 15px;
  display: none; }

.gh-button-bar {
  background-color: #fff !important;
  box-shadow: 0 0 3px rgba(0, 0, 128, 0.3);
  -webkit-transition: none;
  -khtml-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none; }

/*
@media (min-width: 769px)  (max-width: 1280px){
.homepage_wally_wrapper gh-wally{
  transform:scale(0.9);
}
}
*/
.gh-search-block {
  padding: 0 20px 0 30px;
  position: relative; }
  .gh-search-block .search {
    position: absolute;
    left: 0;
    top: 0; }
  .gh-search-block input {
    background: none;
    box-shadow: none;
    border: 0 none;
    width: 100%;
    border-bottom: 1px solid #0893d2;
    border-radius: 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 100;
    padding: 5px 0;
    margin-top: 2px; }

@media screen and (max-width: 769px) {
  .search-block {
    display: none; } }

.sharingPage {
  width: 95%;
  max-width: 700px;
  margin: 0 auto;
  position: relative; }
  .sharingPage .title {
    font-size: 60px;
    font-weight: 200;
    text-align: center;
    padding: 38px 0 41px;
    color: #0893d2; }
  .sharingPage .row-count {
    min-width: 30px;
    position: relative;
    text-align: center; }
    .sharingPage .row-count .tickbox {
      width: 28px;
      height: 28px;
      border: 1px solid #0893d2;
      border-radius: 50%;
      text-align: center;
      display: none;
      cursor: pointer;
      position: absolute;
      top: 0;
      margin-top: -8px; }
      .sharingPage .row-count .tickbox .checked {
        margin-top: 5px;
        text-align: center; }
      .sharingPage .row-count .tickbox svg {
        display: inline-block; }
    .sharingPage .row-count.selected .tickbox, .sharingPage .row-count:hover .tickbox {
      display: block; }
    .sharingPage .row-count.selected > span, .sharingPage .row-count:hover > span {
      display: none; }
  .sharingPage .addUser,
  .sharingPage .deleteUser {
    height: 50px; }
  .sharingPage .deleteUser {
    padding: 10px;
    margin-left: 10px; }

.sharingSearchUser {
  padding: 3px 23px;
  border: 1px solid #0893d2;
  border-radius: 100px; }
  .sharingSearchUser input {
    border: 0px !important; }

.sharingUserlist {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 25px;
  padding: 5px;
  margin-bottom: 20px; }
  .sharingUserlist gh-radio-button li:hover {
    background-color: #fff !important;
    border-color: #0893d2 !important;
    color: #0893d2 !important; }
  .sharingUserlist > li {
    border-bottom: 1px solid #EAEAEA;
    padding: 15px 0; }
    .sharingUserlist > li .user {
      font-size: 16px; }
    .sharingUserlist > li:last-child {
      border-bottom: none; }

gh-option-table-new input {
  width: 100%;
  padding: 0; }

img-crop {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden; }

img-crop canvas {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  outline: 0;
  -webkit-tap-highlight-color: transparent; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

/* --------- Text center ---------- */
.text-center, .gh-btn {
  text-align: center; }

/* ------------------------------ FLEX--------------------------- */
.flex-initial {
  -webkit-flex: initial;
  -ms-flex: initial;
  flex: initial; }

.flex {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.display-flex {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */ }

.flex-1 {
  -webkit-box-flex-grow: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex-grow: 1;
  /* Chrome */
  -moz-box-flex-grow: 1;
  /* OLD - Firefox 19- */
  -ms-flex-grow: 1;
  /* IE 10 */
  flex-grow: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex-shrink: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex-shrink: 1;
  /* Chrome */
  -moz-box-flex-shrink: 1;
  /* OLD - Firefox 19- */
  -ms-flex-shrink: 1;
  /* IE 10 */
  flex-shrink: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex-basis: auto;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex-basis: auto;
  /* Chrome */
  -moz-box-flex-basis: auto;
  /* OLD - Firefox 19- */
  -ms-flex-basis: auto;
  /* IE 10 */
  flex-basis: auto;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */ }

.flex-0 {
  -webkit-box-flex-grow: 0;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex-grow: 0;
  /* Chrome */
  -moz-box-flex-grow: 0;
  /* OLD - Firefox 19- */
  -ms-flex-grow: 0;
  /* IE 10 */
  flex-grow: 0;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex-shrink: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex-shrink: 1;
  /* Chrome */
  -moz-box-flex-shrink: 1;
  /* OLD - Firefox 19- */
  -ms-flex-shrink: 1;
  /* IE 10 */
  flex-shrink: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex-basis: auto;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex-basis: auto;
  /* Chrome */
  -moz-box-flex-basis: auto;
  /* OLD - Firefox 19- */
  -ms-flex-basis: auto;
  /* IE 10 */
  flex-basis: auto;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */ }

.flex-row, .gh-btn.inline {
  -webkit-flex-direction: row;
  flex-direction: row; }

.flex-column {
  -webkit-flex-direction: column;
  flex-direction: column; }

.flex-justify-start {
  -webkit-justify-content: flex-start;
  justify-content: flex-start; }

.flex-justify-end {
  -webkit-justify-content: flex-end;
  justify-content: flex-end; }

.flex-justify-center {
  -webkit-justify-content: center;
  justify-content: center; }

.flex-justify-end {
  -webkit-justify-content: flex-end;
  justify-content: flex-end; }

.flex-justify-bettween {
  -webkit-justify-content: space-between;
  justify-content: space-between; }

.flex-align-items-center {
  -webkit-align-self: center;
  align-self: center; }

.flex-align-items-stretch {
  -webkit-align-self: stretch;
  align-self: stretch; }

.flex-align-content-stretch {
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch; }

.flex-aling-self-end {
  -webkit-align-self: flex-end;
  align-self: flex-end; }

.flex-aling-self-center {
  -webkit-align-self: center;
  align-self: center; }

.flex-nowrap {
  flex-wrap: nowrap; }

/* --------- Display block ---------- */
.display-block {
  display: block; }

/* ------ Display inline-block ------ */
.display-inline-block {
  display: block; }

.position-relative {
  position: relative; }

/* -------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------- DEFAULT STYLES -----------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
/* --------------- All animation(transition) --------------- */
.transition, body.gudhub input:not(.disable-gudhub-styles),
body.gudhub textarea:not(.disable-gudhub-styles), body gh-element-container input:not(.disable-gudhub-styles),
body gh-element-container textarea:not(.disable-gudhub-styles), body gh-element-container input[type^="text"]:not(.disable-gudhub-styles), body gh-element-container input[type^="search"]:not(.disable-gudhub-styles), .gh-btn {
  -webkit-transition: all .3s ease-in-out;
  -khtml-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

/* ------------- Disabled animation(transition) ------------ */
.transition-disabled {
  -webkit-transition: none;
  -khtml-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none; }
  .transition-disabled * {
    -webkit-transition: none;
    -khtml-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none; }

/* -------------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------- FONT SIZE ------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
.font28 {
  font-size: 28px; }

.font42 {
  font-size: 42px; }

/* -------------------------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------- WALLY LOADER --------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
/* ----------------- Wally loader ---------------------*/
.cssload-fond {
  position: relative;
  margin: auto;
  height: 100%;
  width: 100%; }

.cssload-container-general {
  -webkit-animation: cssload-animball_two 1.75s infinite;
  -khtml-animation: cssload-animball_two 1.75s infinite;
  -moz-animation: cssload-animball_two 1.75s infinite;
  -ms-animation: cssload-animball_two 1.75s infinite;
  -o-animation: cssload-animball_two 1.75s infinite;
  animation: cssload-animball_two 1.75s infinite;
  width: 55px;
  height: 55px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute; }

.cssload-internal {
  width: 55px;
  height: 55px;
  position: absolute; }

.cssload-ballcolor {
  width: 25px;
  height: 25px;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.cssload-ball_1, .cssload-ball_2, .cssload-ball_3, .cssload-ball_4 {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: cssload-animball_one 1.75s infinite ease;
  -khtml-animation: cssload-animball_one 1.75s infinite ease;
  -moz-animation: cssload-animball_one 1.75s infinite ease;
  -ms-animation: cssload-animball_one 1.75s infinite ease;
  -o-animation: cssload-animball_one 1.75s infinite ease;
  animation: cssload-animball_one 1.75s infinite ease; }

.cssload-ball_1 {
  background-color: transparent;
  background-color: rgba(203, 32, 37, 0.82);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb2025',endColorstr='#cb2025');
  zoom: 1; }

.cssload-ball_2 {
  background-color: transparent;
  background-color: rgba(248, 179, 52, 0.82);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8b334',endColorstr='#f8b334');
  zoom: 1;
  left: 30px; }

.cssload-ball_3 {
  background-color: transparent;
  background-color: rgba(0, 160, 150, 0.82);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a096',endColorstr='#00a096');
  zoom: 1;
  top: 30px; }

.cssload-ball_4 {
  background-color: transparent;
  background-color: rgba(151, 191, 13, 0.82);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97bf0d',endColorstr='#97bf0d');
  zoom: 1;
  top: 30px;
  left: 30px; }

@-webkit-keyframes cssload-animball_one {
  0% {
    position: absolute; }
  50% {
    top: 15px;
    left: 15px;
    position: absolute;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-opacity: 0.5;
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-opacity: 0.5;
    -o-opacity: 0.5;
    opacity: 0.5; }
  100% { } }

@-moz-keyframes cssload-animball_one {
  0% {
    position: absolute; }
  50% {
    top: 15px;
    left: 15px;
    position: absolute;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-opacity: 0.5;
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-opacity: 0.5;
    -o-opacity: 0.5;
    opacity: 0.5; }
  100% { } }

@-ms-keyframes cssload-animball_one {
  0% {
    position: absolute; }
  50% {
    top: 15px;
    left: 15px;
    position: absolute;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-opacity: 0.5;
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-opacity: 0.5;
    -o-opacity: 0.5;
    opacity: 0.5; } }

@-o-keyframes cssload-animball_one {
  0% {
    position: absolute; }
  50% {
    top: 15px;
    left: 15px;
    position: absolute;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-opacity: 0.5;
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-opacity: 0.5;
    -o-opacity: 0.5;
    opacity: 0.5; }
  100% { } }

@keyframes cssload-animball_one {
  0% {
    position: absolute; }
  50% {
    top: 15px;
    left: 15px;
    position: absolute;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-opacity: 0.5;
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-opacity: 0.5;
    -o-opacity: 0.5;
    opacity: 0.5; }
  100% { } }

@-webkit-keyframes cssload-animball_two {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
    -khtml-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1); }
  50% {
    -webkit-transform: rotate(360deg) scale(1.3);
    -khtml-transform: rotate(360deg) scale(1.3);
    -moz-transform: rotate(360deg) scale(1.3);
    -ms-transform: rotate(360deg) scale(1.3);
    -o-transform: rotate(360deg) scale(1.3);
    transform: rotate(360deg) scale(1.3); }
  100% {
    -webkit-transform: rotate(720deg) scale(1);
    -khtml-transform: rotate(720deg) scale(1);
    -moz-transform: rotate(720deg) scale(1);
    -ms-transform: rotate(720deg) scale(1);
    -o-transform: rotate(720deg) scale(1);
    transform: rotate(720deg) scale(1); } }

@-moz-keyframes cssload-animball_two {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
    -khtml-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1); }
  50% {
    -webkit-transform: rotate(360deg) scale(1.3);
    -khtml-transform: rotate(360deg) scale(1.3);
    -moz-transform: rotate(360deg) scale(1.3);
    -ms-transform: rotate(360deg) scale(1.3);
    -o-transform: rotate(360deg) scale(1.3);
    transform: rotate(360deg) scale(1.3); }
  100% {
    -webkit-transform: rotate(720deg) scale(1);
    -khtml-transform: rotate(720deg) scale(1);
    -moz-transform: rotate(720deg) scale(1);
    -ms-transform: rotate(720deg) scale(1);
    -o-transform: rotate(720deg) scale(1);
    transform: rotate(720deg) scale(1); } }

@-ms-keyframes cssload-animball_two {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
    -khtml-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1); }
  50% {
    -webkit-transform: rotate(360deg) scale(1.3);
    -khtml-transform: rotate(360deg) scale(1.3);
    -moz-transform: rotate(360deg) scale(1.3);
    -ms-transform: rotate(360deg) scale(1.3);
    -o-transform: rotate(360deg) scale(1.3);
    transform: rotate(360deg) scale(1.3); }
  100% {
    -webkit-transform: rotate(720deg) scale(1);
    -khtml-transform: rotate(720deg) scale(1);
    -moz-transform: rotate(720deg) scale(1);
    -ms-transform: rotate(720deg) scale(1);
    -o-transform: rotate(720deg) scale(1);
    transform: rotate(720deg) scale(1); } }

@-o-keyframes cssload-animball_two {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
    -khtml-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1); }
  50% {
    -webkit-transform: rotate(360deg) scale(1.3);
    -khtml-transform: rotate(360deg) scale(1.3);
    -moz-transform: rotate(360deg) scale(1.3);
    -ms-transform: rotate(360deg) scale(1.3);
    -o-transform: rotate(360deg) scale(1.3);
    transform: rotate(360deg) scale(1.3); }
  100% {
    -webkit-transform: rotate(720deg) scale(1);
    -khtml-transform: rotate(720deg) scale(1);
    -moz-transform: rotate(720deg) scale(1);
    -ms-transform: rotate(720deg) scale(1);
    -o-transform: rotate(720deg) scale(1);
    transform: rotate(720deg) scale(1); } }

@keyframes cssload-animball_two {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
    -khtml-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1); }
  50% {
    -webkit-transform: rotate(360deg) scale(1.3);
    -khtml-transform: rotate(360deg) scale(1.3);
    -moz-transform: rotate(360deg) scale(1.3);
    -ms-transform: rotate(360deg) scale(1.3);
    -o-transform: rotate(360deg) scale(1.3);
    transform: rotate(360deg) scale(1.3); }
  100% {
    -webkit-transform: rotate(720deg) scale(1);
    -khtml-transform: rotate(720deg) scale(1);
    -moz-transform: rotate(720deg) scale(1);
    -ms-transform: rotate(720deg) scale(1);
    -o-transform: rotate(720deg) scale(1);
    transform: rotate(720deg) scale(1); } }

/* --------------------- Buttons style -------------------- */
.gh-btn {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-weight: 300;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  padding: 7px 13px;
  line-height: 100%;
  color: #575757;
  cursor: pointer;
  /* ---------------------*/ }
  .gh-btn > p {
    display: block; }
  .gh-btn .icon {
    display: block; }
  .gh-btn.inline .icon {
    display: inline-flex;
    margin-right: 0; }
  .gh-btn.inline > p {
    display: inline-block; }
  .gh-btn-blue {
    color: #0D99FF; }
    .gh-btn-blue svg path {
      fill: #0D99FF; }
    .gh-btn-blue.gh-btn-bg {
      background-color: transparent;
      background-color: #0d99ff;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0D99FF',endColorstr='#0D99FF');
      zoom: 1;
      border: 1px solid #0D99FF;
      color: #fafdfd;
      font-weight: 300; }
      .gh-btn-blue.gh-btn-bg svg path {
        fill: #fafdfd; }
      .gh-btn-blue.gh-btn-bg:hover {
        background-color: transparent;
        background-color: #fafdfd;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafdfd',endColorstr='#fafdfd');
        zoom: 1;
        color: #0D99FF; }
        .gh-btn-blue.gh-btn-bg:hover .icon svg path {
          fill: #0D99FF; }
        .gh-btn-blue.gh-btn-bg:hover svg path {
          fill: #0D99FF; }
      .gh-btn-blue.gh-btn-bg-reverse {
        background-color: transparent;
        background-color: #fafdfd;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafdfd',endColorstr='#fafdfd');
        zoom: 1;
        border: 1px solid #0D99FF;
        color: #0D99FF; }
        .gh-btn-blue.gh-btn-bg-reverse:hover {
          color: #fafdfd;
          background-color: transparent;
          background-color: #0d99ff;
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0D99FF',endColorstr='#0D99FF');
          zoom: 1; }
  .gh-btn-green {
    background-color: transparent;
    background-color: #10cfbd;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#10cfbd',endColorstr='#10cfbd');
    zoom: 1;
    border-color: #10cfbd; }
  .gh-btn-red {
    background-color: transparent;
    background-color: rgba(255, 51, 51, 0.82);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3333',endColorstr='#FF3333');
    zoom: 1; }
  .gh-btn.text-blue {
    color: #0D99FF; }
  .gh-btn.text-dark-gray {
    color: #bbbcc5; }
  .gh-btn.text-light-gray {
    color: #e7e7ee; }

.action.gh-btn.inline.gh-btn-blue.gh-btn-bg, .action.gh-btn.inline.gh-btn-blue.text-dark-gray {
  margin: 5px; }

.action.gh-btn.inline.gh-btn-blue.text-dark-gray {
  padding-top: 7px;
  padding-bottom: 7px; }

.action.gh-btn.gh-btn-blue.text-dark-gray {
  padding: 4px; }
  .action.gh-btn.gh-btn-blue.text-dark-gray p {
    font-size: 12px; }

.action.gh-btn.gh-btn-blue.text-dark-gray.close {
  padding: 0;
  margin: 0; }

/* -------------------------------------------------------- */
.btn-blue,
.btn-blue-reverse,
.btn-grean,
.btn-red {
  position: relative;
  border-radius: 50px;
  color: #fff;
  padding: 8px 20px;
  line-height: 100%;
  border-width: 1px; }

.btn-blue {
  background: #0D99FF;
  border: 1px solid #0D99FF;
  margin: 5px; }

.btn-grean {
  background: #10cfbd;
  border: 1px solid #10cfbd; }

.btn-red {
  background: red;
  border: 1px solid red; }

.btn-blue-reverse {
  background: none;
  border-color: #0D99FF;
  color: #0893d2;
  border-width: 1px; }

.btn-blue-reverse:focus,
.btn-blue-reverse:hover {
  background: #0D99FF;
  border: 1px solid #0D99FF;
  color: #fff; }

.btn-blue-reverse:focus svg path,
.btn-blue-reverse:hover svg path {
  fill: #fff; }

.btn-blue:focus,
.btn-blue:hover {
  background: none;
  border-color: #0D99FF;
  color: #0D99FF; }

.btn-blue:focus svg path,
.btn-blue:hover svg path {
  fill: #0D99FF; }

.btn-grean:focus,
.btn-grean:hover {
  background: none;
  border-color: #10cfbd;
  color: #10cfbd; }

.btn-red:focus,
.btn-red:hover {
  background: none;
  border-color: red;
  color: red; }

.active-tr-sorting {
  border-bottom: 3px solid #0893d2 !important; }

.btn-rubbish {
  padding: 6px 8px !important;
  background: none; }

.btn-rubbish:hover {
  border-color: #90c8f8; }

.btn-wire {
  font-size: 20px;
  font-weight: 100;
  line-height: 20px;
  margin: 0 10px 20px;
  background: none;
  border: 1px solid #0893d2;
  border-radius: 50px;
  color: #0893d2;
  padding: 10px 20px !important; }

.btn-small {
  font-size: 17px;
  padding: 4px 8px; }

.btn-slider-show {
  background: transparent;
  border: 2px solid #fff;
  height: 48px;
  font-size: 19px;
  color: #fff;
  margin: 10px;
  font-weight: 300; }
  .btn-slider-show:hover {
    background: #fff;
    border: 2px solid transparent;
    color: #0893d2; }

.container {
  border: 0; }

md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
  min-height: 100%; }

.gh-trans-disabl svg {
  width: 100%; }

.gh-btn-disable {
  background-color: #e7e7ee !important;
  cursor: default; }

.file-reader .cloud-keyframe.gh-cloud-keyfr {
  position: absolute;
  top: -32px;
  left: 50%;
  transform: translateX(-50%); }

.gh-step_contain {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
  height: auto;
  -webkit-align-content: space-between;
  align-content: space-between; }

.gh-step_3_table {
  width: 100%;
  height: 100%;
  overflow-x: auto; }

.gh-step_contain h1 {
  text-align: center; }

.gh-cloud-keyfr svg {
  width: 65%; }

.loader-input-list {
  border: 4px solid #f3f3f3;
  /* Light grey */
  border-top: 4px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 28px;
  height: 28px;
  animation: spin 2s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.watcher-count {
  color: red;
  border: 1px solid red;
  border-radius: 3px;
  position: absolute;
  top: 2px;
  right: 2px;
  line-height: 1;
  background-color: white;
  padding: 2px 3px; }

.apps_page {
  min-height: 100%;
  position: relative;
  background: #699bc8;
  background: -moz-radial-gradient(top left, ellipse cover, #699bc8 0%, #b5c5d8 57%);
  background: -webkit-gradient(radial, top left, 0px, top left, 100%, color-stop(0%, #699bc8), color-stop(57%, #b5c5d8));
  background: -webkit-radial-gradient(top left, ellipse cover, #699bc8 0%, #b5c5d8 57%);
  background: -o-radial-gradient(top left, ellipse cover, #699bc8 0%, #b5c5d8 57%);
  background: -ms-radial-gradient(top left, ellipse cover, #699bc8 0%, #b5c5d8 57%);
  background: radial-gradient(ellipse at top left, #699bc8 0%, #b5c5d8 57%); }

.wrap-apps-list {
  height: 100%; }
  .wrap-apps-list .rubbish {
    display: inline-block;
    cursor: pointer;
    padding: 6px 8px;
    float: right;
    margin: 0 15px 0 0;
    border: 2px solid #fafdfd;
    border-radius: 50%; }
    .wrap-apps-list .rubbish.selected {
      border-color: #EDF2F6; }
      .wrap-apps-list .rubbish.selected path {
        fill: #EDF2F6; }
    .wrap-apps-list .rubbish:hover {
      border-color: #EDF2F6;
      background: #fff; }
      .wrap-apps-list .rubbish:hover path {
        fill: #EDF2F6; }
  .wrap-apps-list .cancel {
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.35);
    position: absolute;
    right: 18%;
    top: 10px;
    width: 35px;
    height: 35px;
    z-index: 10; }
    .wrap-apps-list .cancel:hover {
      background: rgba(0, 0, 0, 0.9); }
    .wrap-apps-list .cancel.eye {
      left: 18%; }
    .wrap-apps-list .cancel svg {
      width: 70%; }
  .wrap-apps-list md-tab-content {
    overflow: hidden; }
    .wrap-apps-list md-tab-content > div {
      display: flex;
      flex-direction: column;
      min-height: 100%;
      justify-content: space-around;
      max-width: 1400px;
      position: relative;
      margin: 0 auto;
      overflow: hidden; }
  .wrap-apps-list ul {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex-grow: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex-grow: 1;
    /* Chrome */
    -moz-box-flex-grow: 1;
    /* OLD - Firefox 19- */
    -ms-flex-grow: 1;
    /* IE 10 */
    flex-grow: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex-shrink: 0;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex-shrink: 0;
    /* Chrome */
    -moz-box-flex-shrink: 0;
    /* OLD - Firefox 19- */
    -ms-flex-shrink: 0;
    /* IE 10 */
    flex-shrink: 0;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex-basis: 0px;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex-basis: 0px;
    /* Chrome */
    -moz-box-flex-basis: 0px;
    /* OLD - Firefox 19- */
    -ms-flex-basis: 0px;
    /* IE 10 */
    flex-basis: 0px;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-wrap: nowrap;
    position: relative;
    width: 100%;
    max-width: 1400px; }
    .wrap-apps-list ul li {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-box-flex-grow: 1;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-grow: 1;
      /* Chrome */
      -moz-box-flex-grow: 1;
      /* OLD - Firefox 19- */
      -ms-flex-grow: 1;
      /* IE 10 */
      flex-grow: 1;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-box-flex-shrink: 0;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-shrink: 0;
      /* Chrome */
      -moz-box-flex-shrink: 0;
      /* OLD - Firefox 19- */
      -ms-flex-shrink: 0;
      /* IE 10 */
      flex-shrink: 0;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-box-flex-basis: 0%;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-basis: 0%;
      /* Chrome */
      -moz-box-flex-basis: 0%;
      /* OLD - Firefox 19- */
      -ms-flex-basis: 0%;
      /* IE 10 */
      flex-basis: 0%;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      text-align: center;
      padding: 10px; }
      .wrap-apps-list ul li > div {
        width: 100%;
        max-width: 130px;
        margin: 0 auto;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .wrap-apps-list ul li > div > div,
        .wrap-apps-list ul li > div gh-application {
          width: 100%; }
          .wrap-apps-list ul li > div > div span,
          .wrap-apps-list ul li > div gh-application span {
            color: #fafdfd;
            font-weight: 300;
            font-size: 20px;
            line-height: 30px; }
  .wrap-apps-list md-tab-item {
    color: white;
    padding: 15px;
    font-size: 50px;
    line-height: 1; }
    .wrap-apps-list md-tab-item.md-active {
      color: #0893d2; }
  .wrap-apps-list .md-ripple-container,
  .wrap-apps-list md-ink-bar {
    display: none; }

.user_options {
  background-color: transparent !important;
  text-decoration: none; }
  .user_options .user {
    margin-top: 12px;
    padding: 0 30px 0 0; }
    .user_options .user svg {
      width: 54px !important;
      height: 54px !important; }
      .user_options .user svg path {
        fill: #fafdfd !important; }
    .user_options .user .photo {
      float: left; }
    .user_options .user img.photo {
      width: 60px !important;
      height: 60px !important; }
    .user_options .user div.photo {
      width: 60px;
      height: 60px;
      padding: 2px;
      border: 1px solid #fafdfd;
      border-radius: 50%; }
    .user_options .user .name {
      display: inline-block;
      line-height: 60px;
      font-size: 22px;
      color: #fafdfd;
      font-weight: 200;
      margin-left: 15px;
      padding-top: 0; }
  .user_options .bot_arrow {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px; }

/* ------------------------------------------------ FILTER PANEL ---------------------------------------------------- */
.filter-count-icon {
  background-color: #FF3333;
  border-radius: 9px;
  color: #fafdfd;
  font-size: 12px;
  line-height: 17px;
  font-weight: bold;
  height: 17px;
  padding: 1px 5px 0;
  position: absolute;
  top: 2px;
  left: 8px; }

.filter-panel {
  background-color: transparent;
  background-color: #fafdfd;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafdfd',endColorstr='#fafdfd');
  zoom: 1;
  box-shadow: 0 0 5px #a6a6a6;
  width: 300px;
  padding: 20px;
  position: fixed;
  top: 0;
  right: -300px;
  bottom: 0;
  z-index: 100;
  -webkit-transition: all linear 0.3s;
  -khtml-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s; }
  .filter-panel.opened {
    right: 0; }
  .filter-panel .filter-panel-title {
    position: relative;
    padding-left: 50px; }
    .filter-panel .filter-panel-title .header {
      position: relative;
      color: #0D99FF;
      font-size: 24px;
      font-weight: 300;
      line-height: 40px; }
    .filter-panel .filter-panel-title .open-close-button {
      width: 40px;
      height: 40px;
      position: absolute;
      left: 0;
      top: 0; }
    .filter-panel .filter-panel-title .close-filter-button {
      width: 40px;
      height: 40px;
      position: absolute;
      top: 0;
      right: 0; }
  .filter-panel .add-filter-button {
    display: block;
    font-size: 20px;
    font-weight: 200;
    margin-top: 15px; }

@media (max-width: 767px) {
  .filter-panel {
    width: 100%;
    right: -101%;
    overflow: scroll; } }

/* ------------------------------------------------ MD-SWITCH ------------------------------------------------------- */
md-switch {
  width: 44px;
  height: 27px;
  margin: 0;
  background-color: #fafdfd;
  border: 1px solid #dfdfdf;
  border-radius: 20px;
  -webkit-transition: all .3s ease-out .0s;
  -khtml-transition: all .3s ease-out .0s;
  -moz-transition: all .3s ease-out .0s;
  -ms-transition: all .3s ease-out .0s;
  -o-transition: all .3s ease-out .0s;
  transition: all .3s ease-out .0s; }
  md-switch .md-container {
    height: 25px;
    width: 44px;
    margin: 0; }
    md-switch .md-container .md-thumb-container {
      top: 0;
      width: 17px;
      -webkit-transition: all .3s ease-out .0s;
      -khtml-transition: all .3s ease-out .0s;
      -moz-transition: all .3s ease-out .0s;
      -ms-transition: all .3s ease-out .0s;
      -o-transition: all .3s ease-out .0s;
      transition: all .3s ease-out .0s; }
      md-switch .md-container .md-thumb-container .md-thumb {
        height: 25px;
        width: 25px;
        background-color: #fafdfd;
        -webkit-transition: all .3s ease-out .0s;
        -khtml-transition: all .3s ease-out .0s;
        -moz-transition: all .3s ease-out .0s;
        -ms-transition: all .3s ease-out .0s;
        -o-transition: all .3s ease-out .0s;
        transition: all .3s ease-out .0s; }
        md-switch .md-container .md-thumb-container .md-thumb:after, md-switch .md-container .md-thumb-container .md-thumb:before,
        md-switch .md-container .md-thumb-container .md-thumb .md-ripple-container {
          display: none; }
    md-switch .md-container .md-bar {
      height: 25px;
      width: 44px;
      top: 0;
      left: 0;
      background-color: transparent; }
  md-switch.md-checked {
    background: #64bd63;
    border-color: #64bd63; }

/* ------------------------------------------------ MD-SLIDER ------------------------------------------------------- */
.gh-slider {
  height: 26px; }

md-slider.gh-slider.md-default-theme.md-min[md-discrete] .md-thumb:after, md-slider.gh-slider.md-min[md-discrete] .md-thumb:after {
  border-color: #0D99FF;
  background: #0D99FF; }

md-slider {
  height: 24px; }
  md-slider .md-thumb-container {
    top: -26px; }
  md-slider .md-slider-wrapper {
    width: 100%;
    height: 100%; }
    md-slider .md-slider-wrapper .md-track-container {
      bottom: 0;
      top: inherit; }
      md-slider .md-slider-wrapper .md-track-container .md-track-ticks {
        display: none; }

/* -------------------------------------------- MD-INPUT-CONTAINER -------------------------------------------------- */
md-input-container {
  margin: 0;
  padding: 0; }
  md-input-container .md-errors-spacer {
    display: none; }

/* ------------------------------------------------ MD-CHECKBOX ----------------------------------------------------- */
md-checkbox {
  margin: 0;
  padding: 5px; }
  md-checkbox .md-label {
    margin-left: 25px; }
  md-checkbox .md-container {
    width: 20px;
    height: 20px; }
    md-checkbox .md-container .md-ripple-container {
      display: none; }
    md-checkbox .md-container .md-icon {
      width: 20px;
      height: 20px;
      left: 5px;
      border-color: #d9d9d9; }
      md-checkbox .md-container .md-icon:after {
        -webkit-transform: rotate(35deg);
        -khtml-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg);
        left: 6.67px;
        top: 4.22px;
        width: 6.67px;
        height: 9.33px;
        border-width: 1px; }
    md-checkbox .md-container:after, md-checkbox .md-container:before {
      display: none; }
  md-checkbox.md-checked .md-container .md-icon {
    background-color: transparent;
    background-color: #0d99ff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0D99FF',endColorstr='#0D99FF');
    zoom: 1;
    border-color: #0D99FF; }

/* ---------------------------------------------- MD-RADIO-GROUP ---------------------------------------------------- */
md-radio-group:focus {
  outline: none; }

md-radio-group > md-radio-button > .md-container {
  width: 20px;
  height: 20px; }
  md-radio-group > md-radio-button > .md-container:before,
  md-radio-group > md-radio-button > .md-container .md-ripple-container {
    display: none; }

md-radio-group > md-radio-button .md-off, md-radio-group > md-radio-button.md-checked .md-off, md-radio-group > md-radio-button.md-checked .md-on,
md-radio-group > md-radio-button .md-on {
  background-color: transparent;
  background-color: #fafdfd;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafdfd',endColorstr='#fafdfd');
  zoom: 1; }

md-radio-group > md-radio-button .md-off, md-radio-group > md-radio-button.md-checked .md-off, md-radio-group > md-radio-button.md-checked .md-on {
  border: 2px solid #e7e7ee; }

md-radio-group > md-radio-button.md-checked .md-on {
  border: 5px solid #0D99FF;
  -webkit-transform: scale(.9);
  -khtml-transform: scale(.9);
  -moz-transform: scale(.9);
  -ms-transform: scale(.9);
  -o-transform: scale(.9);
  transform: scale(.9); }

/* ------------------------------------------------- MD-SLIDER ------------------------------------------------------ */
md-slider .md-thumb:after {
  border-color: #0D99FF;
  background-color: #0D99FF; }

md-slider .md-sign {
  background-color: #0D99FF !important;
  top: -16px; }
  md-slider .md-sign:after {
    border-top-color: #0D99FF; }

md-slider .md-track {
  background-color: #d9d9d9 !important; }
  md-slider .md-track.md-track-fill {
    background-color: #0D99FF !important; }

/* ------------------------------------------------- MD-DIALOG ------------------------------------------------------ */
md-dialog {
  padding: 10px; }
  md-dialog form,
  md-dialog md-dialog-content {
    overflow: visible; }

.md-dialog-backdrop.md-opaque {
  background-color: black; }

/* ------------------------------------------ MD-VIRTUAL-REPEAT-SCROLLER -------------------------------------------- */
md-virtual-repeat-scroller {
  min-height: 100%;
  max-height: 100%; }

.md-virtual-repeat-container .md-virtual-repeat-offsetter {
  min-height: 100%;
  max-height: 100%; }

/* ------------------------------------------------- SELECT ICON ---------------------------------------------------- */
.gh-ui-select-icon-list {
  padding: 15px; }
  .gh-ui-select-icon-list .gh-ui-select-icon {
    display: inline-block;
    padding: 2px;
    border: 1px solid #fafdfd;
    border-radius: 5px;
    margin: 2px;
    cursor: pointer;
    width: 50px; }
    .gh-ui-select-icon-list .gh-ui-select-icon:hover {
      border-color: #bbbcc5; }
    .gh-ui-select-icon-list .gh-ui-select-icon.--selected {
      border-color: #0D99FF; }

.gh-field-dragovered_svg {
  display: inline-block; }

gh-calculator .resultBlock.gh-resultBlock {
  margin: -15px -25px 0;
  width: 115%; }

.gh-edit_field_interpretation {
  cursor: pointer; }

.gh-pattern {
  padding: 0 !important; }

md-autocomplete md-autocomplete-wrap {
  height: auto; }

md-autocomplete md-autocomplete-wrap input {
  height: 100%;
  border-bottom: none; }

.gh-timeline .gh-photo_full_name .name {
  padding-top: 0; }

.gh-photo_full_name.one_line {
  display: flex;
  flex-direction: row; }
  .gh-photo_full_name.one_line p {
    padding-left: 5px; }

.gh-photo_full_name.one_line.align_text_center {
  align-items: center;
  padding: 0; }

.gh-field {
  position: relative; }

.gh-field gh-radio-button {
  padding: 0;
  margin: 0;
  text-align: center; }

span.gh-field-name_span {
  padding-bottom: 10px; }

.gh-field input {
  max-width: 190px; }

.create-apps .item.gh-transition-disabled {
  display: inline-block;
  margin: 0 5px; }

.gh-fields-block {
  position: absolute;
  top: 35px;
  left: 0;
  width: 100%;
  display: none; }

.gh-tabs_active .gh-fields-block {
  display: block; }

.gh-tabs_active {
  border-bottom: 2px solid #0893d2; }

.gh-tabs_item {
  display: flex;
  justify-content: space-around; }

.gh-tabs_item tab tab-heading {
  display: inline-block;
  -webkit-user-select: none; }

.gh-tabs_item tab {
  padding: 10px 15px;
  cursor: pointer; }

.gh-table_overf {
  padding: 0;
  vertical-align: middle;
  color: #626262;
  font-weight: 300;
  display: table-cell;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden; }

.gh-csv-service_contain {
  width: 75%;
  max-width: 650px;
  margin: auto;
  display: flex;
  justify-content: space-between; }

body.gudhub .gh-csvtable_title {
  font-family: Roboto;
  color: #0D99FF;
  font-size: 35.81px;
  /* Приближение из-за подстановки шрифтов */
  font-weight: 100;
  width: 49%;
  display: inline-block;
  text-align: center; }

.gh-csvtable_items {
  font-family: Roboto;
  color: #d5d5e3;
  font-size: 12px;
  font-weight: 700;
  text-align: left; }

.gh-step_bttn:hover .gh-icon_rocet svg path {
  fill: #10cfbd; }

.gh-correspond {
  display: block;
  width: 600px;
  margin: 50px auto;
  position: relative;
  max-height: 45vh; }

.gh-csvtable_item {
  width: 100%;
  max-height: calc(45vh - 48px);
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  display: flex;
  justify-content: space-around; }

.gh-csvtable_items.gh-first {
  line-height: 30px; }

.gh-step_table {
  height: 45vh;
  overflow: auto; }

.gh-step_contain.gh-step_3 {
  display: block;
  max-height: 55vh; }

.gh-csvtable_item .gh-csvtable_items {
  width: 80%;
  display: inline-block;
  float: left; }

.gh-csvtable_element {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  border-bottom: 1px solid #e7e7ee;
  margin-top: 15px;
  position: relative; }

.gh-csvtable_select {
  position: relative; }

div[gh-element][data-position*='left'] {
  float: left; }

.gh-csvtable_element .gh-csvtable_select:hover .gh-csvtable_x {
  display: block; }

.gh-csvtable_element p {
  color: #bbbcc5; }

.gh-csvtable_element .md-select-value > span:not(.md-select-icon) {
  color: #575757;
  font-weight: 300; }

.gh-csvtable_element md-select {
  margin: 0;
  width: 150px; }

.gh-csv-importing_load {
  margin: auto;
  max-width: 550px;
  width: 75%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap; }

.gh-importing_wait {
  font-family: Roboto;
  color: #0D99FF;
  font-size: 30px;
  /* Приближение из-за подстановки шрифтов */
  font-weight: 100;
  line-height: 24px;
  /* Приближение из-за подстановки шрифтов */
  text-align: center;
  width: 100%;
  margin: 50px 0; }

.gh-icon_import {
  width: 175px !important;
  margin-top: 28px; }

.gh-csv-importing_finish {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }

.gh-import_aroww {
  display: block;
  width: 137px;
  border-top: 2px dotted #0D99FF;
  -moz-border-radius: 94px / 28px;
  -webkit-border-radius: 94px / 28px;
  border-radius: 94px / 28px;
  position: relative;
  margin-top: 104px; }

.gh-import_aroww:after {
  content: '>';
  display: block;
  position: absolute;
  color: #0D99FF;
  top: -6px;
  right: -5px;
  font-size: 28px;
  transform: rotate(31deg);
  font-size: 30px; }

.gh-csvtable_select {
  position: relative; }

.gh-csvtable_x {
  position: absolute;
  top: 0;
  right: -24px;
  display: none;
  cursor: pointer; }

.gh-correspond::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  box-shadow: -1px 2px 4px rgba(0, 0, 128, 0.1);
  top: 42px;
  left: 0; }

body.gudhub .app_market h1 {
  color: #0D99FF;
  font-size: 60px;
  font-weight: 100;
  margin: 35px 0;
  width: 100%; }

.gh-step_bttn {
  font-size: 30.52px;
  font-weight: 100;
  padding: 19px 80px;
  position: relative;
  margin-top: 15px; }

.gh-step_arrow {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 20px;
  height: 20px;
  /* Rotate */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  /* Rotate Origin */
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  display: inline-block;
  margin: -5px 0 -3px 10px; }

.gh-text_undicon {
  font-family: Roboto;
  color: #0893d2;
  font-size: 24px;
  /* Приближение из-за подстановки шрифтов */
  font-weight: 100;
  line-height: 24px;
  /* Приближение из-за подстановки шрифтов */
  text-align: center;
  margin: 30px 0; }

.gh-input_values {
  font-family: Roboto;
  color: #bbbcc5;
  font-size: 11.93px;
  /* Приближение из-за подстановки шрифтов */
  font-weight: 700;
  line-height: 24px;
  /* Приближение из-за подстановки шрифтов */
  text-align: center; }

.gh-step_arrow_back {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  width: 20px;
  height: 20px;
  /* Rotate */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  /* Rotate Origin */
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  display: inline-block;
  margin: -5px -10px -3px 0; }

.btn-grean:focus .gh-step_arrow,
.btn-grean:hover .gh-step_arrow {
  border-bottom: 1px solid #10cfbd;
  border-right: 1px solid #10cfbd; }

.btn-grean:focus .gh-step_arrow_back,
.btn-grean:hover .gh-step_arrow_back {
  border-top: 1px solid #10cfbd;
  border-left: 1px solid #10cfbd; }

.gh-fields-block.gh-display_tab {
  display: block; }

.gh-tabs {
  width: 100%;
  display: flex;
  justify-content: space-around; }

.gh-tabs_title {
  padding: 7px 14px; }

.gh-active_tab {
  border-bottom: 2px solid #0D99FF; }

.gh-dropd_container {
  min-width: 110px; }

.template-container .title .edit-field-icon.gh-edit-field-icon {
  top: -16px;
  right: 50px; }

gh-input md-autocomplete {
  display: block;
  height: auto; }

.option_column:nth-child(3) {
  max-width: 700px; }

.gh-radio-button_contain {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: flex-start; }

.gh-radio-but [gh-element] {
  display: flex; }

.gh-show_editor .gh-icon_pen {
  display: none; }

.gh-show_editor:hover .gh-icon_pen {
  display: inline-block; }

.gh-field_value {
  position: relative; }

.icon.plus.gh-icon_pen.gh-icon_pen_plus.gh-icon_link_plus {
  position: relative;
  top: 0;
  right: 0;
  padding: 0 5px; }

.icon.plus.gh-icon_pen.gh-icon_pen_plus.gh-icon_link_plus svg {
  margin: 0;
  padding: 0; }

.gh-show_editor {
  position: relative; }

.gh-field .gh-field_value button {
  display: none;
  position: absolute;
  top: 50%;
  right: -32px;
  margin-top: -17px; }

.gh-field .gh-field_value:hover button {
  display: block; }

.gh-phone .gh-icon_pen {
  position: absolute;
  top: -3px;
  right: -31px;
  padding: 1em 5px 0 5px; }

.gh-phone .gh-icon_pen.gh-icon_pen_delete {
  top: -3px;
  right: -58px; }

.icon.plus.gh-icon_pen.gh-icon_pen_plus {
  position: absolute;
  top: -3px;
  right: -55px;
  padding: 3px 5px 0 5px;
  cursor: pointer; }

.icon.plus.gh-icon_pen.gh-icon_pen_plus svg {
  border-radius: 100%;
  margin: 3px 0;
  padding: 2px;
  border: 1px solid #bbbcc5; }

.icon.plus.gh-icon_pen.gh-icon_pen_plus:hover svg {
  border: 1px solid #0D99FF; }

.icon.plus.gh-icon_pen.gh-icon_pen_plus:hover svg path {
  fill: #0D99FF; }

.gh-btn-group input[placeholder],
textarea[placeholder] {
  font-weight: 400; }

.gh-btn-group input::-moz-placeholder,
textarea::-moz-placeholder {
  font-weight: 300; }

.gh-btn-group input:-moz-placeholder,
textarea:-moz-placeholder {
  font-weight: 300; }

.gh-btn-group input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-weight: 300; }

.gh-field-model_email input {
  color: #0D99FF; }

.gh-inline_icon_text {
  display: flex;
  margin: 0;
  line-height: 24px; }

.slab_photo gh-image {
  min-width: 100%;
  min-height: 100%; }

.gh-slabBlocks gh-image .image.gh-inventory_img img {
  min-width: 100%;
  min-height: 100%;
  max-height: none;
  max-width: none; }

.gh-field .gh-field_value .gh-radio-button_contain {
  justify-content: flex-start; }

@media screen and (max-width: 695px) {
  .gh-head_nav span.title {
    display: none; }
  .gh-head_nav .action.gh-btn.inline.gh-btn-blue.text-dark-gray {
    padding-left: 0;
    padding-right: 0; }
  .gh-head_nav .action.gh-btn.gh-btn-blue.text-dark-gray {
    padding: 5px; }
  .wrap-apps-list ul li > div > div span,
  .wrap-apps-list ul li > div gh-application span {
    font-size: 15px; } }

@media screen and (max-height: 800px) {
  .apps_page div.wrap-apps-list ul li {
    max-height: 166px; } }

@media screen and (max-height: 550px) {
  .apps_page div.wrap-apps-list ul li {
    max-height: 170px; } }

@media screen and (max-height: 450px) {
  .container_slider .slide_item {
    height: 100vh !important; } }

@media screen and (max-height: 350px) {
  .container_slider .slide_item {
    height: 59vh !important; }
  .container_slider ul.gh_slider_wrap {
    overflow-y: scroll; } }

@media screen and (max-width: 380px) {
  body.gudhub .navbar-brand {
    margin-top: 2px;
    margin-left: 3px; } }

.gh-string_join {
  position: relative; }

.gh-string_join span:last-child {
  position: relative;
  top: 0;
  right: 0;
  padding-top: 4px; }

.gh-field_email {
  display: block;
  width: 100%; }

.gh-field_email .field-name {
  width: 20%;
  display: inline-block; }

.gh-field_email .gh-field_input {
  display: inline-block;
  width: 70%; }

gh-input md-autocomplete md-autocomplete-wrap {
  position: relative; }

gh-input md-autocomplete md-autocomplete-wrap:hover button {
  display: block; }

md-autocomplete .md-show-clear-button button {
  position: absolute;
  top: 5px;
  right: -12px;
  display: none; }

gh-duration-text {
  padding-top: 14px; }

gh-button .button_icon {
  margin-right: 5px; }

gh-button .gh-btn {
  background-color: #0D99FF; }
  gh-button .gh-btn:hover {
    color: #0D99FF;
    background-color: white;
    border-color: #0D99FF; }

gh-button .button_name {
  font-weight: 400; }

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
.gh-dropdown {
  position: relative;
  margin: 0 10px;
  padding: 0 0 5px; }
  .gh-dropdown > a {
    display: block;
    text-align: center; }
    .gh-dropdown > a span.title {
      color: #a0a7ad;
      font-weight: 300;
      width: 100%; }
  .gh-dropdown > ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: transparent;
    background-color: #fafdfd;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafdfd',endColorstr='#fafdfd');
    zoom: 1;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.175);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    z-index: 1000;
    padding: 5px 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px; }
    .gh-dropdown > ul > li:not(.triangle) {
      min-height: 32px;
      cursor: pointer;
      white-space: nowrap; }
      .gh-dropdown > ul > li:not(.triangle) a div {
        color: black; }
      .gh-dropdown > ul > li:not(.triangle) div.item_name {
        line-height: 26px;
        margin-left: 32px; }
      .gh-dropdown > ul > li:not(.triangle):hover {
        background-color: rgba(8, 146, 210, 0.14); }
    .gh-dropdown > ul > li.triangle {
      width: 20px;
      margin: 0;
      position: absolute;
      top: -14px;
      left: 13px; }
    .gh-dropdown > ul ul li.triangle {
      display: none;
      top: 0; }
  .gh-dropdown > ul.display-block {
    display: block;
    min-width: 150px;
    max-height: 150px;
    overflow-y: scroll; }
  .gh-dropdown .dropdown {
    margin: 0;
    padding-bottom: 0; }
    .gh-dropdown .dropdown ul {
      top: 0;
      left: 100%; }
    .gh-dropdown .dropdown:after {
      content: "";
      display: block;
      clear: both; }
    .gh-dropdown .dropdown:hover > > ul {
      display: block; }
    .gh-dropdown .dropdown:hover ul {
      position: absolute;
      top: 0;
      left: 100%; }
  .gh-dropdown.nav-app > a span.title {
    position: relative;
    left: 7px;
    width: auto;
    font-size: 38px;
    line-height: 53px;
    color: black;
    font-weight: 100;
    margin-left: 0;
    margin-right: 18px; }
  .gh-dropdown.nav-app > ul {
    width: 320px;
    border-radius: 10px;
    padding: 10px 2px; }
    .gh-dropdown.nav-app > ul > li:not(.triangle) {
      float: left;
      width: 25%;
      height: 77px;
      text-align: center;
      padding: 5px 10px;
      border: 1px solid transparent; }
      .gh-dropdown.nav-app > ul > li:not(.triangle) > a {
        padding: 0;
        float: left;
        width: 100%; }
        .gh-dropdown.nav-app > ul > li:not(.triangle) > a span {
          clear: both;
          float: left;
          width: 100%;
          font-size: 10px;
          margin-top: -5px; }
        .gh-dropdown.nav-app > ul > li:not(.triangle) > a:focus, .gh-dropdown.nav-app > ul > li:not(.triangle) > a:hover {
          background-color: transparent !important; }
      .gh-dropdown.nav-app > ul > li:not(.triangle) h3 {
        color: black;
        font-size: 10px;
        line-height: 1; }
      .gh-dropdown.nav-app > ul > li:not(.triangle) svg {
        width: 83%;
        max-height: 46px; }
      .gh-dropdown.nav-app > ul > li:not(.triangle).home {
        width: 64%;
        height: 48px; }
      .gh-dropdown.nav-app > ul > li:not(.triangle):hover {
        border-radius: 10px;
        border: 1px solid #0893d2;
        background-color: white; }
  .gh-dropdown li.divider {
    height: 1px !important;
    min-height: 1px !important;
    padding: 0;
    margin: 0; }

gh-footer {
  font-size: 22px !important;
  line-height: 21px !important;
  font-weight: 100 !important;
  padding: 10px 20px !important; }

/***create-apps***/
.create-apps {
  text-align: center;
  height: 100%; }
  .create-apps .tabs {
    display: flex;
    border-bottom: 1px solid #cfcfcf;
    position: sticky;
    top: -20px;
    z-index: 1;
    background: #fff;
    width: 100%; }
    .create-apps .tabs .tab {
      font-size: 14px;
      font-weight: 300;
      color: #575757;
      padding: 7px;
      display: flex;
      align-items: center;
      cursor: pointer; }
      .create-apps .tabs .tab svg {
        margin-right: 7px; }
      .create-apps .tabs .tab:first-child {
        margin-right: 16px; }
      .create-apps .tabs .tab.active {
        color: #0D99FF;
        border-bottom: 2px solid #0D99FF; }
        .create-apps .tabs .tab.active svg path {
          fill: #0D99FF; }
  .create-apps emoji-picker {
    width: 100%;
    --num-columns: 25;
    --indicator-color: #0D99FF;
    height: 100%; }

.create-apps h1 {
  font-size: 60px;
  text-align: center;
  color: #0893d2;
  font-weight: 100;
  margin: 30px 0;
  line-height: 100%; }

.create-apps h3 {
  color: #0893d2;
  font-weight: 100; }

.create-apps .icon {
  border-radius: 15px; }

.create-apps .app_icon,
.create-apps .app_icon svg {
  position: relative;
  margin: 0 auto; }

.create-apps .item {
  margin: 5px; }

.create-apps .item.bg-white svg {
  background-image: linear-gradient(45deg, #dddddd7a 25%, transparent 25%, transparent 50%, #dddddd7a 50%, #dddddd7a 75%, transparent 75%) !important;
  background-size: 20px 20px !important; }

.create-apps .app_icon.bg-white svg {
  border-radius: 59px; }

.create-apps .icon.bg-white svg {
  border-radius: 15px; }

.create-apps .item.bg-white svg {
  border-radius: 9px; }

.wrap-textfield {
  margin: 5px auto 36px;
  position: relative; }

.wrap-textfield .text-icon {
  float: left;
  margin: 0;
  position: absolute;
  left: 10px;
  top: 13px; }

.wrap-textfield input {
  float: left;
  font-size: 33px;
  line-height: 100%;
  font-weight: 100;
  border: 0 none;
  background: none;
  color: #a0a7ad;
  box-shadow: none;
  margin: 0 0 0 45px;
  border-bottom: 1px solid #0893d2;
  border-radius: 0;
  text-align: center; }

.create-apps md-tabs-canvas {
  height: auto; }

.create-apps md-pagination-wrapper {
  display: flex;
  justify-content: center;
  position: relative;
  height: 100%;
  width: 100% !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

.create-apps md-tabs md-pagination-wrapper .md-tab {
  text-transform: none;
  font-weight: 300;
  padding: 10px 24px 5px;
  overflow: visible; }

.create-apps md-tabs md-tabs-content-wrapper {
  flex: 1;
  background-color: white; }
  .create-apps md-tabs md-tabs-content-wrapper .settings .setting {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 0;
    color: #bbbcc5; }
    .create-apps md-tabs md-tabs-content-wrapper .settings .setting span {
      margin-right: 15px; }

.create-apps md-tabs md-pagination-wrapper .md-tab .triangle {
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -10px;
  display: none; }

.create-apps md-tabs md-pagination-wrapper .md-tab.md-active {
  color: #0893d2; }
  .create-apps md-tabs md-pagination-wrapper .md-tab.md-active .app_icon.bg-white svg,
  .create-apps md-tabs md-pagination-wrapper .md-tab.md-active .icon svg,
  .create-apps md-tabs md-pagination-wrapper .md-tab.md-active .icon.bg-white svg,
  .create-apps md-tabs md-pagination-wrapper .md-tab.md-active .item.bg-white svg {
    -webkit-box-shadow: 0 0 0 1px #0893d2;
    -moz-box-shadow: 0 0 0 1px #0893d2;
    box-shadow: 0 0 0 1px #0893d2; }

.create-apps md-tabs md-pagination-wrapper .md-tab.md-active .triangle {
  display: block; }

.create-apps md-tabs md-pagination-wrapper .md-tab .triangle svg path {
  fill: #ffffff !important; }

.create-apps md-ink-bar {
  display: none; }

.create-apps md-tabs md-pagination-wrapper md-tab-item .md-ripple-container {
  display: none; }

.create-apps md-tabs md-tabs-content-wrapper md-tab-content {
  position: absolute !important;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px; }

.create-apps md-tabs-wrapper {
  border-width: 0 0 0px !important; }

@media screen and (max-height: 900px) {
  .create-apps h1 {
    font-size: 40px;
    margin: 15px 0; }
  .create-apps .app_icon,
  .create-apps .app_icon svg {
    height: 150px !important;
    width: 150px !important; }
  .wrap-textfield {
    margin: 5px auto 16px; } }

/*end*/
.app-constructor {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  height: 100%;
  background: #fff;
  overflow-y: auto;
  overflow-x: hidden; }
  .app-constructor .steps {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    margin-top: 28px;
    gap: 20px;
    position: relative;
    margin-bottom: 56px; }
    .app-constructor .steps .progress {
      position: absolute;
      top: 15px;
      width: 0%;
      height: 3px;
      left: 50px;
      background-color: #0D99FF80;
      z-index: 0;
      transition: width .5s ease-in;
      max-width: 590px; }
    .app-constructor .steps::before {
      content: "";
      width: 90%;
      height: 3px;
      top: 15px;
      background-color: #d9d9d9;
      position: absolute;
      z-index: 0; }
    .app-constructor .steps .step {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      max-width: 115px; }
      .app-constructor .steps .step__number {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        border: 1px solid #bbbcc5;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1; }
        .app-constructor .steps .step__number span {
          font-size: 14px;
          font-weight: 600;
          color: #bbbcc5; }
      .app-constructor .steps .step__title {
        font-size: 14px;
        color: #bbbcc5;
        margin-top: 19px;
        text-align: center; }
      .app-constructor .steps .step .step__success_icon {
        display: none; }
        .app-constructor .steps .step .step__success_icon svg path {
          stroke: white;
          stroke-width: 30px; }
      .app-constructor .steps .step.active .step__number {
        border-color: #0D99FF; }
        .app-constructor .steps .step.active .step__number span {
          color: #0D99FF; }
      .app-constructor .steps .step.active .step__title {
        color: #0D99FF; }
      .app-constructor .steps .step.completed .step__number {
        background-color: #0D99FF;
        border-color: #0D99FF; }
        .app-constructor .steps .step.completed .step__number span {
          display: none; }
      .app-constructor .steps .step.completed .step__title {
        color: #0D99FF; }
      .app-constructor .steps .step.completed .step__success_icon {
        display: block; }
  .app-constructor .actions {
    display: flex;
    position: absolute;
    bottom: 50px; }
    .app-constructor .actions .action {
      padding: 12px 24px;
      background: #0D99FF;
      color: #fff;
      font-size: 30px;
      font-weight: 300;
      border-radius: 16px;
      border: 1px solid #0D99FF;
      cursor: pointer; }
      .app-constructor .actions .action:first-child {
        margin-right: 16px; }
      .app-constructor .actions .action svg {
        margin-left: 10px; }
      .app-constructor .actions .action.reversed {
        background: transparent;
        color: #0D99FF; }
        .app-constructor .actions .action.reversed svg {
          margin-right: 10px;
          margin-left: 0; }
      .app-constructor .actions .action.back svg {
        transform: rotate(-180deg); }
        .app-constructor .actions .action.back svg path {
          fill: #0D99FF; }
  .app-constructor .app_creation_header .title {
    font-size: 48px;
    font-weight: 300;
    color: #0D99FF;
    margin-bottom: 36px; }
    .app-constructor .app_creation_header .title.mb_10 {
      margin-bottom: 10px; }
    .app-constructor .app_creation_header .title .app_name {
      display: inline;
      font-weight: normal;
      margin-top: 0; }
  .app-constructor .app_creation_header .wrap_loader_dots {
    margin-top: 140px; }
  .app-constructor .app_creation_header .app_info__icon {
    margin-bottom: 10px; }
    .app-constructor .app_creation_header .app_info__icon.transparent {
      display: inline-block;
      background: #f6f6f6;
      border-radius: 37px;
      height: 150px; }
      .app-constructor .app_creation_header .app_info__icon.transparent svg {
        background-image: linear-gradient(45deg, #dddddd7a 25%, transparent 25%, transparent 50%, #dddddd7a 50%, #dddddd7a 75%, transparent 75%) !important;
        background-size: 20px 20px !important; }
      .app-constructor .app_creation_header .app_info__icon.transparent .icon_wrapper {
        background-image: linear-gradient(45deg, #dddddd7a 25%, transparent 25%, transparent 50%, #dddddd7a 50%, #dddddd7a 75%, transparent 75%) !important;
        background-size: 20px 20px !important; }
  .app-constructor .app_creation_header .app_info__name {
    font-size: 24px;
    font-weight: 300;
    color: #575757;
    min-height: 28px; }
  .app-constructor .app_creation_steps {
    width: 100%;
    text-align: center; }
  .app-constructor .app_creation_step {
    position: absolute;
    right: -1000%;
    opacity: 0;
    transform: translateX(100vw);
    transition: .5s transform ease-in-out;
    height: 0; }
    .app-constructor .app_creation_step .app_name {
      margin-top: 120px; }
      .app-constructor .app_creation_step .app_name label {
        font-size: 18px;
        font-weight: 500;
        color: #bbbcc5;
        margin-right: 10px; }
      .app-constructor .app_creation_step .app_name input {
        border-bottom: 1px solid #e7e7ee;
        color: #575757; }
    .app-constructor .app_creation_step .colors_wrapper {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      margin-top: 47px;
      max-height: 250px;
      overflow-y: auto; }
      .app-constructor .app_creation_step .colors_wrapper .item_color {
        padding: 3px 5px;
        border: 1px solid transparent;
        cursor: pointer; }
        .app-constructor .app_creation_step .colors_wrapper .item_color.transparent svg {
          background-image: linear-gradient(45deg, #dddddd7a 25%, transparent 25%, transparent 50%, #dddddd7a 50%, #dddddd7a 75%, transparent 75%) !important;
          background-size: 20px 20px !important; }
        .app-constructor .app_creation_step .colors_wrapper .item_color.active, .app-constructor .app_creation_step .colors_wrapper .item_color:hover {
          border: 1px solid #0D99FF;
          border-radius: 10px; }
      .app-constructor .app_creation_step .colors_wrapper.no_margin {
        margin-top: 0; }
    .app-constructor .app_creation_step.active {
      position: relative;
      right: 0;
      opacity: 1;
      transform: translateX(0);
      height: 100%;
      transition: .5s transform ease-in-out; }
    .app-constructor .app_creation_step .tabs {
      display: flex;
      margin-top: 47px;
      margin-bottom: 20px;
      border-bottom: 1px solid #cfcfcf; }
      .app-constructor .app_creation_step .tabs .tab {
        font-size: 14px;
        font-weight: 300;
        color: #575757;
        padding: 7px;
        display: flex;
        align-items: center;
        cursor: pointer; }
        .app-constructor .app_creation_step .tabs .tab svg {
          margin-right: 7px; }
        .app-constructor .app_creation_step .tabs .tab:first-child {
          margin-right: 16px; }
        .app-constructor .app_creation_step .tabs .tab.active {
          color: #0D99FF;
          border-bottom: 2px solid #0D99FF; }
          .app-constructor .app_creation_step .tabs .tab.active svg path {
            fill: #0D99FF; }
    .app-constructor .app_creation_step emoji-picker {
      width: 100%;
      --num-columns: 25;
      --indicator-color: #0D99FF;
      max-height: 250px; }
    .app-constructor .app_creation_step .template_info {
      margin-bottom: 40px; }
      .app-constructor .app_creation_step .template_info video {
        box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 10px;
        max-width: 500px; }
    .app-constructor .app_creation_step .templates_wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 20px; }
      .app-constructor .app_creation_step .templates_wrapper .template {
        padding: 10px;
        border: 1px solid transparent;
        cursor: pointer; }
        .app-constructor .app_creation_step .templates_wrapper .template .icon_wrapper {
          border-radius: 8px;
          padding: 10px; }
        .app-constructor .app_creation_step .templates_wrapper .template .template__name {
          margin-top: 20px;
          font-size: 20px;
          font-weight: 400;
          color: #575757; }
        .app-constructor .app_creation_step .templates_wrapper .template.active {
          border-color: #0D99FF;
          border-radius: 10px; }
    .app-constructor .app_creation_step .app_info.no-transparent_icon .app_info__icon.transparent {
      background: none; }
      .app-constructor .app_creation_step .app_info.no-transparent_icon .app_info__icon.transparent .icon_wrapper {
        background: none !important; }
  .app-constructor .close_icon {
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer; }

.userSettings md-list md-item {
  width: 100%;
  display: block;
  border-bottom: 2px solid white; }

.userSettings md-list md-item .button {
  border-radius: 0;
  padding: 5px 15px;
  margin: 0;
  width: 100%;
  text-align: left;
  text-transform: none;
  font-weight: 300;
  color: #A7A9B3;
  position: relative;
  height: 47px; }

.userSettings md-item-content span:nth-child(1) {
  height: 30px;
  width: 30px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -15px; }

.userSettings md-item-content span:nth-child(2) {
  margin-left: 35px;
  line-height: 37px;
  font-size: 14px; }

.userSettings md-list md-item .button svg,
.userSettings md-list md-item .button svg path {
  transition: none !important; }

.userSettings md-list md-item .button:hover {
  color: #0893d2; }

.userSettings md-list md-item .button:hover svg path {
  fill: #0893d2; }

.userSettings md-list md-item .button.selected {
  background-color: #0893d2;
  color: white; }

.userSettings md-list md-item .button.selected svg path {
  fill: #ffffff; }

.userSettings .toolbar > button:nth-child(1) {
  visibility: hidden; }

.userSettings .item_logo svg {
  height: 100%;
  width: 100%; }

.userSettings .item_logo {
  height: 180px;
  width: 180px;
  margin: 15px auto;
  border: 3px solid #edf2f7;
  border-radius: 50%;
  padding: 6px; }

.gh-ui-dialog .add_container,
gh-window.add_items .add_container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column; }
  .gh-ui-dialog .add_container .cancel-container,
  gh-window.add_items .add_container .cancel-container {
    display: flex;
    justify-content: flex-end;
    padding: 10px 10px 0;
    border-radius: 10px; }
  .gh-ui-dialog .add_container .add_container_view_block,
  gh-window.add_items .add_container .add_container_view_block {
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    display: flex;
    width: 100%; }
  .gh-ui-dialog .add_container .add_container_btn,
  gh-window.add_items .add_container .add_container_btn {
    max-height: 70px;
    height: 100%;
    display: flex;
    align-items: center;
    border-top: 1px solid #dfdfdf;
    margin-top: 4px;
    padding: 5px 20px; }
    .gh-ui-dialog .add_container .add_container_btn button,
    gh-window.add_items .add_container .add_container_btn button {
      margin: 0 5px; }
    .gh-ui-dialog .add_container .add_container_btn .item_count,
    gh-window.add_items .add_container .add_container_btn .item_count {
      flex: 0 1 auto;
      width: 100%;
      display: flex; }
      .gh-ui-dialog .add_container .add_container_btn .item_count span,
      gh-window.add_items .add_container .add_container_btn .item_count span {
        user-select: none;
        align-self: flex-start;
        text-align: right;
        padding: 0 10px 0 0;
        font-size: 12px;
        font-weight: 500;
        color: #bbbcc5;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.4;
        min-width: 100px;
        max-width: 100px;
        display: block; }
      .gh-ui-dialog .add_container .add_container_btn .item_count input,
      gh-window.add_items .add_container .add_container_btn .item_count input {
        display: block; }

.gh-ui-dialog .update_container,
gh-window.update_items .update_container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column; }
  .gh-ui-dialog .update_container .cancel-container,
  gh-window.update_items .update_container .cancel-container {
    display: flex;
    justify-content: flex-end;
    padding: 10px 10px 0;
    border-radius: 10px; }
  .gh-ui-dialog .update_container .update_container_view_block,
  gh-window.update_items .update_container .update_container_view_block {
    height: 100%;
    overflow-y: auto;
    display: flex;
    width: 100%; }
  .gh-ui-dialog .update_container .update_container_btn,
  gh-window.update_items .update_container .update_container_btn {
    max-height: 70px;
    height: 100%;
    display: flex;
    align-items: center;
    box-shadow: 0 -2px 4px rgba(0, 0, 128, 0.1);
    border-top: 1px solid #dfdfdf;
    margin-top: 4px;
    padding: 5px 20px; }
    .gh-ui-dialog .update_container .update_container_btn button,
    gh-window.update_items .update_container .update_container_btn button {
      margin: 0 5px; }

.clone_container {
  padding: 15px; }
  .clone_container .cancel_container {
    display: flex;
    justify-content: flex-end; }
    .clone_container .cancel_container span {
      cursor: pointer; }
  .clone_container .clone_input_container {
    margin: 0 0 15px; }

.clone_buttons_container {
  margin-bottom: 10px; }

gh-application {
  width: 100%; }
  gh-application .apps-list-icon {
    display: flex;
    cursor: pointer; }
    gh-application .apps-list-icon.noIcon {
      border-radius: 15px;
      border: 1px dashed #d9d9d9;
      height: 50px;
      width: 50px;
      align-items: center;
      justify-content: center;
      display: flex; }
  gh-application .apps-default-inline {
    display: flex;
    align-items: center; }
    gh-application .apps-default-inline span {
      font-weight: 100;
      margin-left: 5px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      @media only screen and (max-width: 768px) {
        gh-application .apps-default-inline span {
          display: none; } }

@media (max-width: 767px) {
  .userSettings .toolbar > button:nth-child(1) {
    visibility: visible; } }

@media (min-width: 767px) and (max-width: 843px) {
  .navbar .navbar-nav > li > a {
    padding: 33px 6px; } }

@media screen and (max-width: 767px) {
  .create-apps .btn-border {
    margin: 0 10px;
    font-size: 15px;
    line-height: 28px;
    font-weight: 100;
    /*padding: 8px 45px !important;*/ }
  .create-apps .tab-content {
    /*height: 41%;*/ }
  .user_options .user {
    margin-top: 0 !important; }
  .navbar {
    height: 70px !important; }
  .navbar .navbar-toggle {
    margin-top: 15px; }
  .navbar-user {
    margin-top: 5px !important; }
  .create-apps .nav-tabs {
    width: 100%;
    margin: auto; }
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%; }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0 !important; }
  .wrap-textfield {
    width: 90%; }
  .navbar-user .user_options .user-name {
    display: none !important; }
  .navbar-user .user_options .bot_arrow {
    margin-left: 5px; }
  .navbar-nav .navbar-user .gh-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    width: 100%;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
  .dropup {
    position: inherit !important; }
  .gh-dropdown {
    position: relative; }
  .gh-dropdown-menu .triangle {
    right: 93px; }
  .app-constructor .steps {
    margin-bottom: 35px; }
  .app-constructor .app_creation_step emoji-picker {
    --num-columns: 8; }
  .app-constructor .app_creation_step .app_creation_header .title {
    font-size: 38px; }
  .app-constructor .app_creation_step .template_info video {
    max-width: 350px;
    height: 275px; }
  .app-constructor .actions .action {
    padding: 9px 17px;
    font-size: 25px; } }

@media screen and (max-width: 480px) {
  .navbar .navbar-toggle {
    margin-right: 10px; }
  .navbar .navbar-nav > li > a.btn-login {
    margin-right: 5px; }
  .user_options .user .name {
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .app-constructor .steps {
    flex-wrap: wrap; }
    .app-constructor .steps::before {
      content: none; }
    .app-constructor .steps .progress {
      display: none; } }

@media screen and (max-height: 970px) {
  .app-constructor .actions {
    position: relative;
    margin-top: 20px;
    bottom: 0; } }

.gh-ui-dialog .dialog-delete-app {
  font-size: 16px;
  text-align: center;
  padding: 10px; }
  .gh-ui-dialog .dialog-delete-app p {
    padding-bottom: 5px;
    font-size: 20px;
    color: #0893d2; }

.gh-ui-dialog .dialog-delgete-app-content {
  text-align: center;
  padding: 10px; }
  .gh-ui-dialog .dialog-delgete-app-content .apps-list-icon {
    width: 2em; }
  .gh-ui-dialog .dialog-delgete-app-content .app_slider_table {
    margin: 10px;
    min-height: 80vh;
    max-height: 80vh;
    overflow-y: auto; }
    .gh-ui-dialog .dialog-delgete-app-content .app_slider_table table {
      width: 100%;
      text-align: center; }
      .gh-ui-dialog .dialog-delgete-app-content .app_slider_table table tr {
        border-bottom: 1px solid #e7e7ee; }
      .gh-ui-dialog .dialog-delgete-app-content .app_slider_table table .app_slider_table_name_tr {
        box-shadow: -1px 2px 4px rgba(0, 0, 128, 0.1); }
        .gh-ui-dialog .dialog-delgete-app-content .app_slider_table table .app_slider_table_name_tr td {
          font-weight: normal;
          font-size: 18px;
          line-height: 20px;
          color: #0893d2;
          white-space: nowrap;
          border-bottom: 3px solid transparent;
          text-overflow: ellipsis;
          overflow: hidden;
          padding: 8px; }
      .gh-ui-dialog .dialog-delgete-app-content .app_slider_table table td {
        width: 50%; }
        .gh-ui-dialog .dialog-delgete-app-content .app_slider_table table td .invite_app {
          display: inline-block;
          width: 200px;
          padding: 20px; }

apps-slider.preview-mode .container_slider .slide_item {
  height: 85vh; }

apps-slider {
  position: relative; }
  apps-slider .slide-area {
    position: absolute;
    top: 0;
    height: 100%;
    width: 50px;
    z-index: 10; }
    apps-slider .slide-area__next {
      right: 0; }
    apps-slider .slide-area__prev {
      left: 0; }
  apps-slider gh-application {
    margin-left: 0; }
  apps-slider .slider__item {
    margin-left: 1%;
    margin-right: 1%; }
  apps-slider .slider__app .cancel {
    top: -10px;
    right: -10px; }
  apps-slider .slider__app .dndPlaceholder {
    display: none; }
  apps-slider .slider__folder {
    overflow-y: hidden;
    padding: 8px;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    width: 100% !important;
    max-width: unset !important;
    height: 180px; }
    apps-slider .slider__folder_item {
      width: 30% !important;
      height: 30%;
      margin-right: 5%;
      margin-bottom: 8px; }
      apps-slider .slider__folder_item gh-application .gh-app-name {
        display: none !important; }
      apps-slider .slider__folder_item:nth-child(3n) {
        margin-right: 0; }
      apps-slider .slider__folder_item:nth-last-child(1), apps-slider .slider__folder_item:nth-last-child(2), apps-slider .slider__folder_item:nth-last-child(3) {
        margin-bottom: 0; }

.folder-dialog {
  backdrop-filter: blur(10px); }
  .folder-dialog .edit-mode {
    position: absolute;
    right: 10px;
    top: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    cursor: pointer;
    z-index: 11; }
  .folder-dialog__wrapper {
    padding: 25px; }
    .folder-dialog__wrapper .container_slider .slide_item ul {
      margin: 0; }
  .folder-dialog .gh-ui-dialog-content-wrap {
    background: rgba(230, 230, 230, 0.5) !important;
    width: 80%; }

@media screen and (max-height: 815px) {
  apps-slider.preview-mode .container_slider .slide_item {
    height: 75vh; } }

.container_slider {
  --n: 2;
  display: flex;
  align-items: center;
  overflow: hidden;
  width: 100%;
  max-height: 100vh; }
  .container_slider .slide_item {
    width: 100%;
    justify-content: space-around;
    display: flex;
    height: 70vh;
    align-items: stretch;
    flex-wrap: wrap;
    flex-direction: column; }
    .container_slider .slide_item ul {
      margin: 0 auto; }
      .container_slider .slide_item ul li {
        overflow: hidden; }

.slider_button {
  width: 100%;
  display: flex;
  justify-content: center; }

.slider-button_item {
  padding: 15px;
  margin: 20px 10px 0;
  cursor: pointer;
  position: relative; }

.slider-button_item:before {
  content: '';
  background: #fafdfd;
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -6px; }

.slider-button_active:before {
  background: #0D99FF; }

.container_slider ul.gh_slider_wrap {
  flex-wrap: wrap;
  align-content: flex-start;
  /* The container */
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */ }
  .container_slider ul.gh_slider_wrap li {
    max-height: 33%;
    min-height: 32%; }
    .container_slider ul.gh_slider_wrap li span {
      display: inline-block;
      width: 100%; }
  .container_slider ul.gh_slider_wrap .container_checkbox {
    position: absolute;
    right: 18%;
    top: 10px;
    width: 35px;
    height: 35px;
    z-index: 10;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .container_slider ul.gh_slider_wrap .container_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  .container_slider ul.gh_slider_wrap .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 35px;
    width: 35px;
    background-color: #eee;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.35); }
  .container_slider ul.gh_slider_wrap .container_checkbox:hover input ~ .checkmark {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 20px;
    cursor: pointer; }
  .container_slider ul.gh_slider_wrap .container_checkbox input:checked ~ .checkmark {
    border-radius: 20px; }
  .container_slider ul.gh_slider_wrap .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    border-radius: 20px; }
  .container_slider ul.gh_slider_wrap .container_checkbox input:checked ~ .checkmark:after {
    display: block; }
  .container_slider ul.gh_slider_wrap .container_checkbox .checkmark:after {
    left: 13px;
    top: 7px;
    width: 8px;
    height: 18px;
    border: solid white;
    border-radius: 20px;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

.gh-table .ref {
  width: 100%; }
  .gh-table .ref .gh_text_default {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

gh-boolean {
  padding-top: 14px; }

.tag_text {
  padding-top: 14px;
  display: inline-block; }

.gh-field-tex {
  padding-top: 14px;
  display: block;
  font-weight: 300; }

@charset "UTF-8";
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
.md-virtual-repeat-offsetter {
  will-change: transform; }

/* -------------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------- EDIT TEMPLATE APPLICATION FORM ---------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
.template-container {
  border: 1px dashed #d9d9d9;
  border-radius: 25px;
  background: white;
  padding: 25px 20px; }
  .template-container .delete-field-icon,
  .template-container .edit-field-icon,
  .template-container .move-field-icon {
    width: 45px;
    padding: 0 12px;
    cursor: pointer;
    opacity: 0; }
  .template-container .move-field-icon {
    cursor: move; }
  .template-container .template-container-editor {
    padding: 25px 20px;
    margin: 0 auto;
    width: 100%; }
    .template-container .template-container-editor .move-row, .template-container .template-container-editor .trash-row {
      margin: 10px;
      cursor: pointer; }
    .template-container .template-container-editor .move-row {
      cursor: move;
      float: left; }
    .template-container .template-container-editor .trash-row {
      float: right;
      margin-right: 0; }
  .template-container:hover .template-container-editor .move-row path, .template-container:hover .template-container-editor .trash-row path {
    fill: #0D99FF; }
  .template-container .title {
    position: relative; }
    .template-container .title .edit-field-icon {
      display: none;
      position: absolute;
      top: 0;
      right: 0;
      opacity: 1; }
    .template-container .title:hover .edit-field-icon {
      display: block; }
    .template-container .title input {
      width: 100%;
      font-size: 28px;
      line-height: 32px;
      font-weight: 200;
      color: #0D99FF;
      margin-bottom: 25px;
      padding: 3px 0; }
      .template-container .title input:focus + .edit-field-icon, .template-container .title input:active + .edit-field-icon {
        display: block; }
  .template-container .fieldItemWrapper {
    min-height: 75px; }
    .template-container .fieldItemWrapper > div {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      padding: 5px 0;
      background-color: white;
      border: 1px dashed transparent;
      border-radius: 15px; }
      .template-container .fieldItemWrapper > div.dndDragging {
        border-radius: 15px; }
      .template-container .fieldItemWrapper > div:hover {
        border: 1px dashed #0893D2; }
        .template-container .fieldItemWrapper > div:hover .delete-field-icon,
        .template-container .fieldItemWrapper > div:hover .edit-field-icon,
        .template-container .fieldItemWrapper > div:hover .move-field-icon {
          opacity: 1; }
      .template-container .fieldItemWrapper > div field-preview {
        position: relative;
        width: 100%;
        overflow: hidden;
        pointer-events: none; }

/*
.field_options {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 50%;
  width: 300px;
  height: 100px;
  margin: -50px 0 0 -150px;
}
*/
.gh-form {
  height: 100%;
  background: white;
  border: none;
  padding: 25px 10px;
  margin: 0 auto;
  width: 100%;
  position: absolute;
  -webkit-overflow-scrolling: touch; }
  .gh-form > .row {
    background-color: #fff;
    margin: 20px 10px; }

.gh-form {
  display: block;
  flex-direction: column; }
  .gh-form > .row {
    display: flex;
    flex-direction: row; }
    .gh-form > .row > .column {
      display: inline-block;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: flex-start;
      padding: 20px; }
      .gh-form > .row > .column.col-md-12 {
        max-width: 100%;
        min-width: 100%; }
      .gh-form > .row > .column.col-md-11 {
        max-width: 91.6%;
        min-width: 91.6%; }
      .gh-form > .row > .column.col-md-10 {
        max-width: 83.33%;
        min-width: 83.33%; }
      .gh-form > .row > .column.col-md-9 {
        max-width: 75%;
        min-width: 75%; }
      .gh-form > .row > .column.col-md-8 {
        max-width: 66.67%;
        min-width: 66.67%; }
      .gh-form > .row > .column.col-md-7 {
        max-width: 58.33%;
        min-width: 58.33%; }
      .gh-form > .row > .column.col-md-6 {
        max-width: 50%;
        min-width: 50%; }
      .gh-form > .row > .column.col-md-5 {
        max-width: 41.67%;
        min-width: 41.67%; }
      .gh-form > .row > .column.col-md-4 {
        max-width: 33.33%;
        min-width: 33.33%; }
      .gh-form > .row > .column.col-md-3 {
        max-width: 25%;
        min-width: 25%; }
      .gh-form > .row > .column.col-md-2 {
        max-width: 16.67;
        min-width: 16.67; }
      .gh-form > .row > .column.col-md-1 {
        max-width: 8.4%;
        min-width: 8.4%; }
      .gh-form > .row > .column h2 {
        min-width: 100%;
        font-size: 34px;
        line-height: 40px;
        white-space: nowrap;
        /* Запрещаем перенос строк */
        overflow: hidden;
        text-overflow: ellipsis; }
      .gh-form > .row > .column > [gh-element] {
        flex: 0 1 auto; }
        .gh-form > .row > .column > [gh-element][element-type="table"] {
          overflow: auto;
          padding-bottom: 0 !important; }

gh-window.open_app .gh-form {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin: 0;
  min-height: 100%;
  padding: 0;
  height: 100%; }
  gh-window.open_app .gh-form .row {
    background-color: #fff;
    margin: 10px;
    padding: 10px; }
  gh-window.open_app .gh-form .column {
    padding: 10px; }
  gh-window.open_app .gh-form > .row {
    display: flex;
    flex-direction: row;
    min-height: 100%;
    padding: 0;
    margin: 0; }
    gh-window.open_app .gh-form > .row > .column {
      display: flex;
      flex-direction: column;
      padding: 0; }
      gh-window.open_app .gh-form > .row > .column > [gh-element] {
        flex: 0;
        overflow: inherit; }
        gh-window.open_app .gh-form > .row > .column > [gh-element][element-type*="table"], gh-window.open_app .gh-form > .row > .column > [gh-element][element-type*="tile"], gh-window.open_app .gh-form > .row > .column > [gh-element][element-type*="online_inventory"], gh-window.open_app .gh-form > .row > .column > [gh-element][element-type*="product_gallery"], gh-window.open_app .gh-form > .row > .column > [gh-element][element-type*="3d_edges"] {
          flex: 1;
          display: flex;
          min-width: 100%;
          max-height: none;
          padding: 0;
          overflow: auto; }
          gh-window.open_app .gh-form > .row > .column > [gh-element][element-type*="table"] > div, gh-window.open_app .gh-form > .row > .column > [gh-element][element-type*="tile"] > div, gh-window.open_app .gh-form > .row > .column > [gh-element][element-type*="online_inventory"] > div, gh-window.open_app .gh-form > .row > .column > [gh-element][element-type*="product_gallery"] > div, gh-window.open_app .gh-form > .row > .column > [gh-element][element-type*="3d_edges"] > div {
            width: 100%; }

.gh-form:not(:first-child) {
  margin-top: 30px; }

.gh-form-wrapper_editable {
  background-color: #edeff0 !important; }

.gh-form-wrapper__form-caption {
  font-size: 28px;
  line-height: 40px;
  font-weight: 200;
  color: #0893d2;
  margin-bottom: 25px;
  border-bottom: 1px solid #0893d2;
  max-height: 41px; }

.gh-form-wrapper__table-settings-caption {
  font-size: 48px;
  line-height: 50px;
  font-weight: 200;
  color: #0893d2;
  margin-bottom: 25px; }

.cross-icon {
  background: none;
  border: 0 none;
  border-radius: 0; }

.cross-icon:hover {
  opacity: 0.8; }

/* -------------------------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------- EDIT FIELD ----------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
.field-constructor-preview {
  border-radius: 20px;
  width: 100%;
  min-height: 115px;
  max-height: 300px;
  margin: 0 auto;
  padding: 7px 0;
  -webkit-box-shadow: 0px 0px 20px rgba(185, 185, 185, 0.1);
  -khtml-box-shadow: 0px 0px 20px rgba(185, 185, 185, 0.1);
  -moz-box-shadow: 0px 0px 20px rgba(185, 185, 185, 0.1);
  -ms-box-shadow: 0px 0px 20px rgba(185, 185, 185, 0.1);
  -o-box-shadow: 0px 0px 20px rgba(185, 185, 185, 0.1);
  box-shadow: 0px 0px 20px rgba(185, 185, 185, 0.1);
  background-color: transparent;
  background-color: #fafdfd;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafdfd',endColorstr='#fafdfd');
  zoom: 1;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  flex-wrap: nowrap; }
  .field-constructor-preview > * {
    -webkit-box-flex-grow: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex-grow: 1;
    /* Chrome */
    -moz-box-flex-grow: 1;
    /* OLD - Firefox 19- */
    -ms-flex-grow: 1;
    /* IE 10 */
    flex-grow: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex-shrink: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex-shrink: 1;
    /* Chrome */
    -moz-box-flex-shrink: 1;
    /* OLD - Firefox 19- */
    -ms-flex-shrink: 1;
    /* IE 10 */
    flex-shrink: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex-basis: auto;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex-basis: auto;
    /* Chrome */
    -moz-box-flex-basis: auto;
    /* OLD - Firefox 19- */
    -ms-flex-basis: auto;
    /* IE 10 */
    flex-basis: auto;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
    .field-constructor-preview > *:nth-child(1) {
      min-width: 150px;
      max-width: 150px;
      border-right: 1px solid #e7e7ee;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: center;
      justify-content: center; }
  .field-constructor-preview field-preview {
    overflow: auto;
    margin: 15px;
    position: relative; }
    .field-constructor-preview field-preview > * {
      pointer-events: none; }
    .field-constructor-preview field-preview gh-table {
      min-height: 170px; }
    .field-constructor-preview field-preview .gh-date-input, .field-constructor-preview field-preview gh-duration {
      width: auto; }
  .field-constructor-preview .preview-icon {
    padding: 0 15px;
    max-width: 150px;
    text-align: center; }
  .field-constructor-preview .field-name {
    font-size: 18px;
    font-weight: 300;
    color: #bbbcc5;
    text-align: center; }

field-settings {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-flex-direction: column;
  flex-direction: column; }
  field-settings .md-tab {
    text-transform: none;
    padding: 5px 5px 15px;
    line-height: 15px;
    color: #C0C1C3;
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 15px;
    overflow: visible; }
    field-settings .md-tab .md-ripple-container {
      display: none; }
    field-settings .md-tab.md-active {
      color: #0893d2; }
      field-settings .md-tab.md-active .triangle {
        display: block; }
      field-settings .md-tab.md-active .icon svg {
        border: 1px solid #0893d2; }
        field-settings .md-tab.md-active .icon svg path {
          fill: #0893d2;
          background-color: #F6F7F7; }
    field-settings .md-tab .icon svg {
      border: 1px solid #C0C1C3;
      border-radius: 15px; }
    field-settings .md-tab .triangle {
      display: none;
      height: 21px;
      position: absolute;
      bottom: -2px;
      left: 50%;
      margin-left: -15px; }
  field-settings md-tabs {
    flex: 1;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex-grow: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex-grow: 1;
    /* Chrome */
    -moz-box-flex-grow: 1;
    /* OLD - Firefox 19- */
    -ms-flex-grow: 1;
    /* IE 10 */
    flex-grow: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex-shrink: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex-shrink: 1;
    /* Chrome */
    -moz-box-flex-shrink: 1;
    /* OLD - Firefox 19- */
    -ms-flex-shrink: 1;
    /* IE 10 */
    flex-shrink: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex-basis: auto;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex-basis: auto;
    /* Chrome */
    -moz-box-flex-basis: auto;
    /* OLD - Firefox 19- */
    -ms-flex-basis: auto;
    /* IE 10 */
    flex-basis: auto;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
    field-settings md-tabs.md-dynamic-height md-tabs-content-wrapper {
      height: 100%;
      background: #f6f7f7;
      -webkit-box-flex-grow: 1;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-grow: 1;
      /* Chrome */
      -moz-box-flex-grow: 1;
      /* OLD - Firefox 19- */
      -ms-flex-grow: 1;
      /* IE 10 */
      flex-grow: 1;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-box-flex-shrink: 1;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-shrink: 1;
      /* Chrome */
      -moz-box-flex-shrink: 1;
      /* OLD - Firefox 19- */
      -ms-flex-shrink: 1;
      /* IE 10 */
      flex-shrink: 1;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-box-flex-basis: auto;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-basis: auto;
      /* Chrome */
      -moz-box-flex-basis: auto;
      /* OLD - Firefox 19- */
      -ms-flex-basis: auto;
      /* IE 10 */
      flex-basis: auto;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      position: relative;
      top: 0;
      overflow-y: auto;
      overflow-x: hidden; }
      field-settings md-tabs.md-dynamic-height md-tabs-content-wrapper md-tab-content {
        overflow-x: hidden;
        overflow-y: visible;
        height: 100%; }
        field-settings md-tabs.md-dynamic-height md-tabs-content-wrapper md-tab-content div[md-tabs-template] {
          display: -webkit-box;
          /* OLD - iOS 6-, Safari 3.1-6 */
          display: -moz-box;
          /* OLD - Firefox 19- (buggy but mostly works) */
          display: -ms-flexbox;
          /* TWEENER - IE 10 */
          display: -webkit-flex;
          /* NEW - Chrome */
          display: flex;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          justify-content: center;
          flex-flow: row wrap;
          align-items: flex-start; }
    field-settings md-tabs[md-border-bottom] md-tabs-wrapper {
      border: none; }
  field-settings md-tabs-canvas {
    height: auto; }
  field-settings h3 {
    font-size: 28px;
    line-height: 40px;
    font-weight: 200;
    color: #0D99FF;
    margin: 15px 0;
    border-bottom: 1px solid #0D99FF; }
  field-settings md-pagination-wrapper {
    height: 100%;
    width: 100% !important;
    position: relative;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  field-settings md-ink-bar {
    display: none; }
  field-settings .option_column {
    max-width: 400px;
    display: block;
    width: 90%;
    height: auto;
    background-color: #fff;
    border-radius: 20px;
    padding: 15px 25px;
    border: 1px solid #d8d8d8;
    margin: 10px;
    box-shadow: 0px 0px 20px 0px rgba(185, 185, 185, 0.1); }
    field-settings .option_column field-setting > * {
      width: 100%; }
      field-settings .option_column field-setting > * gh-code-generator {
        width: 100%; }
      field-settings .option_column field-setting > * > [gh-element] {
        width: 100%;
        font-size: 14px; }
        field-settings .option_column field-setting > * > [gh-element] > gh-radio-button {
          font-size: 13px; }
          field-settings .option_column field-setting > * > [gh-element] > gh-radio-button > gh-radio-button {
            font-size: 13px; }
            field-settings .option_column field-setting > * > [gh-element] > gh-radio-button > gh-radio-button > ul {
              display: -webkit-box;
              /* OLD - iOS 6-, Safari 3.1-6 */
              display: -moz-box;
              /* OLD - Firefox 19- (buggy but mostly works) */
              display: -ms-flexbox;
              /* TWEENER - IE 10 */
              display: -webkit-flex;
              /* NEW - Chrome */
              display: flex;
              /* NEW, Spec - Opera 12.1, Firefox 20+ */
              -webkit-justify-content: center;
              justify-content: center; }
              field-settings .option_column field-setting > * > [gh-element] > gh-radio-button > gh-radio-button > ul > li {
                padding: 10px; }
          field-settings .option_column field-setting > * > [gh-element] > gh-radio-button > li {
            padding: 10px; }
      field-settings .option_column field-setting > * md-switch {
        margin-top: 9px;
        margin-bottom: 9px;
        float: right; }
    field-settings .option_column field-setting > gh-option-table, field-settings .option_column field-setting > gh-view-element-setting {
      width: 100%; }
    field-settings .option_column .font-size-setting {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-flex-direction: row;
      flex-direction: row;
      min-width: 100%; }
      field-settings .option_column .font-size-setting > * {
        padding: 5px 8px;
        -webkit-align-self: end;
        align-self: end; }
        field-settings .option_column .font-size-setting > * p {
          color: #0D99FF; }
        field-settings .option_column .font-size-setting > *:nth-child(2) {
          -webkit-box-flex-grow: 1;
          /* OLD - iOS 6-, Safari 3.1-6 */
          -webkit-flex-grow: 1;
          /* Chrome */
          -moz-box-flex-grow: 1;
          /* OLD - Firefox 19- */
          -ms-flex-grow: 1;
          /* IE 10 */
          flex-grow: 1;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          -webkit-box-flex-shrink: 1;
          /* OLD - iOS 6-, Safari 3.1-6 */
          -webkit-flex-shrink: 1;
          /* Chrome */
          -moz-box-flex-shrink: 1;
          /* OLD - Firefox 19- */
          -ms-flex-shrink: 1;
          /* IE 10 */
          flex-shrink: 1;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          -webkit-box-flex-basis: auto;
          /* OLD - iOS 6-, Safari 3.1-6 */
          -webkit-flex-basis: auto;
          /* Chrome */
          -moz-box-flex-basis: auto;
          /* OLD - Firefox 19- */
          -ms-flex-basis: auto;
          /* IE 10 */
          flex-basis: auto;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
        field-settings .option_column .font-size-setting > *:nth-child(4) input {
          border-bottom: 2px solid #0D99FF;
          font-size: 18px;
          text-align: center;
          max-width: 109px; }
  field-settings.interpretation-type {
    max-width: 500px; }
    field-settings.interpretation-type md-radio-group > md-radio-button {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      margin: 0; }
      field-settings.interpretation-type md-radio-group > md-radio-button:not(:last-child) {
        border-bottom: 1px solid #e7e7ee; }
      field-settings.interpretation-type md-radio-group > md-radio-button > .md-container {
        width: 20px;
        height: 20px;
        right: 14px;
        left: inherit; }
      field-settings.interpretation-type md-radio-group > md-radio-button > .md-label {
        margin: 0;
        float: right;
        max-width: 400px;
        min-width: 400px;
        height: 100%;
        padding: 10px;
        margin-right: 48px;
        border-right: 1px solid #e7e7ee; }
        field-settings.interpretation-type md-radio-group > md-radio-button > .md-label field-preview {
          display: block;
          position: relative;
          overflow: hidden; }
  field-settings.interpretation_type_settings_table {
    max-width: 700px;
    padding: 0; }
    field-settings.interpretation_type_settings_table table {
      width: 100%;
      border-radius: 20px;
      overflow: hidden; }
      field-settings.interpretation_type_settings_table table th {
        font-size: 26px;
        text-align: center;
        color: #0D99FF;
        padding: 10px; }
      field-settings.interpretation_type_settings_table table tr:not(:last-child) {
        border-bottom: 1px solid #e7e7ee; }
        field-settings.interpretation_type_settings_table table tr:not(:last-child) td:nth-child(1) {
          pointer-events: none; }
      field-settings.interpretation_type_settings_table table tr:nth-child(even) {
        background-color: transparent;
        background-color: rgba(231, 231, 238, 0.3);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7ee',endColorstr='#e7e7ee');
        zoom: 1; }
      field-settings.interpretation_type_settings_table table tr:last-child {
        font-size: 26px;
        color: #fafdfd;
        text-align: center;
        cursor: pointer;
        background-color: transparent;
        background-color: #10cfbd;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#10cfbd',endColorstr='#10cfbd');
        zoom: 1; }
        field-settings.interpretation_type_settings_table table tr:last-child td {
          padding: 0;
          position: relative; }
          field-settings.interpretation_type_settings_table table tr:last-child td > div {
            display: -webkit-box;
            /* OLD - iOS 6-, Safari 3.1-6 */
            display: -moz-box;
            /* OLD - Firefox 19- (buggy but mostly works) */
            display: -ms-flexbox;
            /* TWEENER - IE 10 */
            display: -webkit-flex;
            /* NEW - Chrome */
            display: flex;
            /* NEW, Spec - Opera 12.1, Firefox 20+ */
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-justify-content: center;
            justify-content: center;
            padding: 10px; }
            field-settings.interpretation_type_settings_table table tr:last-child td > div > span {
              display: inline-block; }
              field-settings.interpretation_type_settings_table table tr:last-child td > div > span:nth-child(1) {
                width: 25px;
                height: 25px; }
              field-settings.interpretation_type_settings_table table tr:last-child td > div > span:nth-child(2) {
                margin-left: 5px; }
          field-settings.interpretation_type_settings_table table tr:last-child td > div[gh-element] {
            position: absolute;
            display: block;
            height: 100%;
            width: 100%; }
            field-settings.interpretation_type_settings_table table tr:last-child td > div[gh-element] > * {
              display: none; }
        field-settings.interpretation_type_settings_table table tr:last-child:hover {
          background-color: transparent;
          background-color: #fafdfd;
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafdfd',endColorstr='#fafdfd');
          zoom: 1;
          color: #10cfbd; }
          field-settings.interpretation_type_settings_table table tr:last-child:hover td span[gh-icon] svg path {
            fill: #10cfbd !important; }
      field-settings.interpretation_type_settings_table table tr td {
        padding: 8px;
        vertical-align: middle;
        max-width: 320px;
        overflow: hidden; }
        field-settings.interpretation_type_settings_table table tr td:not(:last-child) {
          border-right: 1px solid #e7e7ee; }
        field-settings.interpretation_type_settings_table table tr td:nth-child(2) {
          width: 200px;
          font-size: 18px;
          text-align: center; }

.option_column.interpretation-type field-preview input {
  font-weight: inherit;
  font-style: inherit; }

/* ----------------------------------------------------------------------------*/
/* ----------------------------- END DND LIBRARY ------------------------------*/
/* ----------------------------------------------------------------------------*/
.user-settings-form {
  width: 62%;
  margin: 0 auto;
  position: relative;
  margin-top: 30px; }
  .user-settings-form .simple-form {
    margin-top: 30px; }
  .user-settings-form div[gh-icon] {
    position: absolute; }
  .user-settings-form gh-input {
    padding-left: 60px; }
    .user-settings-form gh-input > span,
    .user-settings-form gh-input > span > input {
      width: 100%; }
  .user-settings-form .relative {
    box-sizing: border-box;
    overflow: hidden; }
  .user-settings-form .custom-button {
    margin: 20px auto;
    padding: 10px 40px;
    border-radius: 30px;
    font-family: 'Roboto';
    font-weight: 100;
    font-size: 18px;
    background-color: #0893d2;
    border: 1px solid transparent;
    color: #fff; }

/*** Close Button ***/
.cross-icon {
  background: none;
  border: 0 none;
  border-radius: 0; }

.cross-icon:hover {
  opacity: 0.8; }

/* dnd library */
div[dnd-list], div[dnd-list] > div {
  position: relative; }

.dndPlaceholder {
  background: rgba(8, 146, 210, 0.14);
  display: block;
  position: relative; }

.actions-toolbar div[dnd-list] > div {
  float: left;
  display: block;
  width: 120px;
  height: 75px;
  text-align: center; }

div[dnd-allowed-types*='field'] > .dndPlaceholder {
  height: 35px;
  border-radius: 17.5px;
  margin: 6px 0;
  /*padding-top: 10px;*/ }

div.navbars-dnd > .dndPlaceholder {
  height: 8px;
  /*border-radius: 17.5px;*/
  margin: 0 20px;
  float: left;
  display: block;
  width: 10px;
  height: 90px;
  /*padding-top: 10px;*/ }

div[dnd-allowed-types*='row'] > .dndPlaceholder {
  height: 50px;
  border-radius: 25px;
  margin-top: 20px; }

.actions-toolbar span > .dndPlaceholder {
  /*display: none;*/
  width: 100%;
  height: 15px;
  /*display:block;*/
  /*position: relative;*/
  /*float: left;*/ }

.actions-toolbar div[dnd-allowed-types*='field'] .dndDraggingSource {
  display: none;
  /*opacity: 0.6;*/
  background-color: #0893D2; }

.dndDragging {
  background-color: #dceff8;
  -webkit-transition: max-height linear 0.4s;
  -moz-transition: max-height linear 0.4s;
  -ms-transition: max-height linear 0.4s;
  -o-transition: max-height linear 0.4s;
  transition: max-height linear 0.8s; }

/*
.animate {
	-webkit-transition: max-height linear 0.5s;
	-moz-transition: max-height linear 0.5s;
	-ms-transition: max-height linear 0.5s;
	-o-transition: max-height linear 0.5s;
	transition: max-height linear 0.5s;
}
*/
.dndrowdrag__begin-animation {
  /*max-height: 1000px;*/ }

.dndrowdrag {
  max-height: 150px;
  overflow: hidden; }

.draggable-container {
  background-color: #edeff0 !important;
  /*padding: 0 25px 25px 25px;*/
  padding: 30px 10px; }

/*


------------------------------------------------------------------------------------------------------------------------



*/
.gh-view {
  position: relative;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex-grow: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex-grow: 1;
  /* Chrome */
  -moz-box-flex-grow: 1;
  /* OLD - Firefox 19- */
  -ms-flex-grow: 1;
  /* IE 10 */
  flex-grow: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex-shrink: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex-shrink: 1;
  /* Chrome */
  -moz-box-flex-shrink: 1;
  /* OLD - Firefox 19- */
  -ms-flex-shrink: 1;
  /* IE 10 */
  flex-shrink: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex-basis: auto;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex-basis: auto;
  /* Chrome */
  -moz-box-flex-basis: auto;
  /* OLD - Firefox 19- */
  -ms-flex-basis: auto;
  /* IE 10 */
  flex-basis: auto;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  background-color: #edeff0;
  padding: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1; }
  .gh-view > .gh-template-container {
    -webkit-box-flex-grow: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex-grow: 1;
    /* Chrome */
    -moz-box-flex-grow: 1;
    /* OLD - Firefox 19- */
    -ms-flex-grow: 1;
    /* IE 10 */
    flex-grow: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex-shrink: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex-shrink: 1;
    /* Chrome */
    -moz-box-flex-shrink: 1;
    /* OLD - Firefox 19- */
    -ms-flex-shrink: 1;
    /* IE 10 */
    flex-shrink: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex-basis: auto;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex-basis: auto;
    /* Chrome */
    -moz-box-flex-basis: auto;
    /* OLD - Firefox 19- */
    -ms-flex-basis: auto;
    /* IE 10 */
    flex-basis: auto;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
  .gh-view .gh-template-container {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: start;
    justify-content: start;
    min-height: 100%;
    max-height: 100%;
    padding: 2px 4px; }
    .gh-view .gh-template-container .gh-template {
      background-color: transparent;
      background-color: #fafdfd;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafdfd',endColorstr='#fafdfd');
      zoom: 1;
      position: relative;
      background: white;
      border-radius: 10px;
      border: 1px dashed #fafdfd;
      z-index: 0;
      margin: 2px 0;
      width: 100%;
      border-color: #0D99FF; }
    .gh-view .gh-template-container .gh-template.gh-ui-panel {
      -webkit-box-flex-grow: 0;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-grow: 0;
      /* Chrome */
      -moz-box-flex-grow: 0;
      /* OLD - Firefox 19- */
      -ms-flex-grow: 0;
      /* IE 10 */
      flex-grow: 0;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-box-flex-shrink: 1;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-shrink: 1;
      /* Chrome */
      -moz-box-flex-shrink: 1;
      /* OLD - Firefox 19- */
      -ms-flex-shrink: 1;
      /* IE 10 */
      flex-shrink: 1;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-box-flex-basis: auto;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-basis: auto;
      /* Chrome */
      -moz-box-flex-basis: auto;
      /* OLD - Firefox 19- */
      -ms-flex-basis: auto;
      /* IE 10 */
      flex-basis: auto;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      min-height: 40px;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-box-flex-grow: 0;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-grow: 0;
      /* Chrome */
      -moz-box-flex-grow: 0;
      /* OLD - Firefox 19- */
      -ms-flex-grow: 0;
      /* IE 10 */
      flex-grow: 0;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-box-flex-shrink: 1;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-shrink: 1;
      /* Chrome */
      -moz-box-flex-shrink: 1;
      /* OLD - Firefox 19- */
      -ms-flex-shrink: 1;
      /* IE 10 */
      flex-shrink: 1;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-box-flex-basis: 100%;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-basis: 100%;
      /* Chrome */
      -moz-box-flex-basis: 100%;
      /* OLD - Firefox 19- */
      -ms-flex-basis: 100%;
      /* IE 10 */
      flex-basis: 100%;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
      .gh-view .gh-template-container .gh-template.gh-ui-panel > .gh-template-wrap {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex-grow: 1;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-grow: 1;
        /* Chrome */
        -moz-box-flex-grow: 1;
        /* OLD - Firefox 19- */
        -ms-flex-grow: 1;
        /* IE 10 */
        flex-grow: 1;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-box-flex-shrink: 1;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-shrink: 1;
        /* Chrome */
        -moz-box-flex-shrink: 1;
        /* OLD - Firefox 19- */
        -ms-flex-shrink: 1;
        /* IE 10 */
        flex-shrink: 1;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-box-flex-basis: auto;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-basis: auto;
        /* Chrome */
        -moz-box-flex-basis: auto;
        /* OLD - Firefox 19- */
        -ms-flex-basis: auto;
        /* IE 10 */
        flex-basis: auto;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
        .gh-view .gh-template-container .gh-template.gh-ui-panel > .gh-template-wrap > .gh-template-container {
          display: -webkit-box;
          /* OLD - iOS 6-, Safari 3.1-6 */
          display: -moz-box;
          /* OLD - Firefox 19- (buggy but mostly works) */
          display: -ms-flexbox;
          /* TWEENER - IE 10 */
          display: -webkit-flex;
          /* NEW - Chrome */
          display: flex;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          -webkit-flex-direction: row;
          flex-direction: row;
          -webkit-justify-content: start;
          justify-content: start;
          -webkit-box-flex-grow: 1;
          /* OLD - iOS 6-, Safari 3.1-6 */
          -webkit-flex-grow: 1;
          /* Chrome */
          -moz-box-flex-grow: 1;
          /* OLD - Firefox 19- */
          -ms-flex-grow: 1;
          /* IE 10 */
          flex-grow: 1;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          -webkit-box-flex-shrink: 1;
          /* OLD - iOS 6-, Safari 3.1-6 */
          -webkit-flex-shrink: 1;
          /* Chrome */
          -moz-box-flex-shrink: 1;
          /* OLD - Firefox 19- */
          -ms-flex-shrink: 1;
          /* IE 10 */
          flex-shrink: 1;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          -webkit-box-flex-basis: auto;
          /* OLD - iOS 6-, Safari 3.1-6 */
          -webkit-flex-basis: auto;
          /* Chrome */
          -moz-box-flex-basis: auto;
          /* OLD - Firefox 19- */
          -ms-flex-basis: auto;
          /* IE 10 */
          flex-basis: auto;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          flex-wrap: wrap; }
    .gh-view .gh-template-container .gh-template.gh-ui-row {
      min-height: 40px;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-box-flex-grow: 0;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-grow: 0;
      /* Chrome */
      -moz-box-flex-grow: 0;
      /* OLD - Firefox 19- */
      -ms-flex-grow: 0;
      /* IE 10 */
      flex-grow: 0;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-box-flex-shrink: 1;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-shrink: 1;
      /* Chrome */
      -moz-box-flex-shrink: 1;
      /* OLD - Firefox 19- */
      -ms-flex-shrink: 1;
      /* IE 10 */
      flex-shrink: 1;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-box-flex-basis: 100%;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-basis: 100%;
      /* Chrome */
      -moz-box-flex-basis: 100%;
      /* OLD - Firefox 19- */
      -ms-flex-basis: 100%;
      /* IE 10 */
      flex-basis: 100%;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
      .gh-view .gh-template-container .gh-template.gh-ui-row > .gh-template-wrap {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex-grow: 1;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-grow: 1;
        /* Chrome */
        -moz-box-flex-grow: 1;
        /* OLD - Firefox 19- */
        -ms-flex-grow: 1;
        /* IE 10 */
        flex-grow: 1;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-box-flex-shrink: 1;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-shrink: 1;
        /* Chrome */
        -moz-box-flex-shrink: 1;
        /* OLD - Firefox 19- */
        -ms-flex-shrink: 1;
        /* IE 10 */
        flex-shrink: 1;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-box-flex-basis: auto;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-basis: auto;
        /* Chrome */
        -moz-box-flex-basis: auto;
        /* OLD - Firefox 19- */
        -ms-flex-basis: auto;
        /* IE 10 */
        flex-basis: auto;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
        .gh-view .gh-template-container .gh-template.gh-ui-row > .gh-template-wrap > .gh-template-container {
          display: -webkit-box;
          /* OLD - iOS 6-, Safari 3.1-6 */
          display: -moz-box;
          /* OLD - Firefox 19- (buggy but mostly works) */
          display: -ms-flexbox;
          /* TWEENER - IE 10 */
          display: -webkit-flex;
          /* NEW - Chrome */
          display: flex;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          -webkit-flex-direction: row;
          flex-direction: row;
          -webkit-justify-content: start;
          justify-content: start;
          -webkit-box-flex-grow: 1;
          /* OLD - iOS 6-, Safari 3.1-6 */
          -webkit-flex-grow: 1;
          /* Chrome */
          -moz-box-flex-grow: 1;
          /* OLD - Firefox 19- */
          -ms-flex-grow: 1;
          /* IE 10 */
          flex-grow: 1;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          -webkit-box-flex-shrink: 1;
          /* OLD - iOS 6-, Safari 3.1-6 */
          -webkit-flex-shrink: 1;
          /* Chrome */
          -moz-box-flex-shrink: 1;
          /* OLD - Firefox 19- */
          -ms-flex-shrink: 1;
          /* IE 10 */
          flex-shrink: 1;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          -webkit-box-flex-basis: auto;
          /* OLD - iOS 6-, Safari 3.1-6 */
          -webkit-flex-basis: auto;
          /* Chrome */
          -moz-box-flex-basis: auto;
          /* OLD - Firefox 19- */
          -ms-flex-basis: auto;
          /* IE 10 */
          flex-basis: auto;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          flex-wrap: wrap; }
    .gh-view .gh-template-container .gh-template.gh-ui-content_wrap {
      -webkit-box-flex-grow: 1;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-grow: 1;
      /* Chrome */
      -moz-box-flex-grow: 1;
      /* OLD - Firefox 19- */
      -ms-flex-grow: 1;
      /* IE 10 */
      flex-grow: 1;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-box-flex-shrink: 1;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-shrink: 1;
      /* Chrome */
      -moz-box-flex-shrink: 1;
      /* OLD - Firefox 19- */
      -ms-flex-shrink: 1;
      /* IE 10 */
      flex-shrink: 1;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-box-flex-basis: auto;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-basis: auto;
      /* Chrome */
      -moz-box-flex-basis: auto;
      /* OLD - Firefox 19- */
      -ms-flex-basis: auto;
      /* IE 10 */
      flex-basis: auto;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      position: relative; }
      .gh-view .gh-template-container .gh-template.gh-ui-content_wrap > .gh-template-wrap {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
    .gh-view .gh-template-container .gh-template.gh-ui-container {
      -webkit-box-flex-grow: 1;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-grow: 1;
      /* Chrome */
      -moz-box-flex-grow: 1;
      /* OLD - Firefox 19- */
      -ms-flex-grow: 1;
      /* IE 10 */
      flex-grow: 1;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-box-flex-shrink: 1;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-shrink: 1;
      /* Chrome */
      -moz-box-flex-shrink: 1;
      /* OLD - Firefox 19- */
      -ms-flex-shrink: 1;
      /* IE 10 */
      flex-shrink: 1;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-box-flex-basis: 100%;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-basis: 100%;
      /* Chrome */
      -moz-box-flex-basis: 100%;
      /* OLD - Firefox 19- */
      -ms-flex-basis: 100%;
      /* IE 10 */
      flex-basis: 100%;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
      .gh-view .gh-template-container .gh-template.gh-ui-container > .gh-template-wrap {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex-grow: 1;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-grow: 1;
        /* Chrome */
        -moz-box-flex-grow: 1;
        /* OLD - Firefox 19- */
        -ms-flex-grow: 1;
        /* IE 10 */
        flex-grow: 1;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-box-flex-shrink: 1;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-shrink: 1;
        /* Chrome */
        -moz-box-flex-shrink: 1;
        /* OLD - Firefox 19- */
        -ms-flex-shrink: 1;
        /* IE 10 */
        flex-shrink: 1;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-box-flex-basis: auto;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-basis: auto;
        /* Chrome */
        -moz-box-flex-basis: auto;
        /* OLD - Firefox 19- */
        -ms-flex-basis: auto;
        /* IE 10 */
        flex-basis: auto;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
        .gh-view .gh-template-container .gh-template.gh-ui-container > .gh-template-wrap > .gh-template-container {
          display: -webkit-box;
          /* OLD - iOS 6-, Safari 3.1-6 */
          display: -moz-box;
          /* OLD - Firefox 19- (buggy but mostly works) */
          display: -ms-flexbox;
          /* TWEENER - IE 10 */
          display: -webkit-flex;
          /* NEW - Chrome */
          display: flex;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          -webkit-flex-direction: row;
          flex-direction: row;
          -webkit-justify-content: flex-start;
          justify-content: flex-start;
          -webkit-box-flex-grow: 1;
          /* OLD - iOS 6-, Safari 3.1-6 */
          -webkit-flex-grow: 1;
          /* Chrome */
          -moz-box-flex-grow: 1;
          /* OLD - Firefox 19- */
          -ms-flex-grow: 1;
          /* IE 10 */
          flex-grow: 1;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          -webkit-box-flex-shrink: 1;
          /* OLD - iOS 6-, Safari 3.1-6 */
          -webkit-flex-shrink: 1;
          /* Chrome */
          -moz-box-flex-shrink: 1;
          /* OLD - Firefox 19- */
          -ms-flex-shrink: 1;
          /* IE 10 */
          flex-shrink: 1;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          -webkit-box-flex-basis: auto;
          /* OLD - iOS 6-, Safari 3.1-6 */
          -webkit-flex-basis: auto;
          /* Chrome */
          -moz-box-flex-basis: auto;
          /* OLD - Firefox 19- */
          -ms-flex-basis: auto;
          /* IE 10 */
          flex-basis: auto;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          flex-wrap: nowrap; }
    .gh-view .gh-template-container .gh-template.gh-ui-column {
      -webkit-box-flex-grow: 1;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-grow: 1;
      /* Chrome */
      -moz-box-flex-grow: 1;
      /* OLD - Firefox 19- */
      -ms-flex-grow: 1;
      /* IE 10 */
      flex-grow: 1;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-box-flex-shrink: 1;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-shrink: 1;
      /* Chrome */
      -moz-box-flex-shrink: 1;
      /* OLD - Firefox 19- */
      -ms-flex-shrink: 1;
      /* IE 10 */
      flex-shrink: 1;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-box-flex-basis: auto;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-basis: auto;
      /* Chrome */
      -moz-box-flex-basis: auto;
      /* OLD - Firefox 19- */
      -ms-flex-basis: auto;
      /* IE 10 */
      flex-basis: auto;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
      .gh-view .gh-template-container .gh-template.gh-ui-column > .gh-template-wrap > .gh-template-container {
        min-height: 40px; }

field-preview > * {
  pointer-events: none; }

.gh-template-editor {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  min-height: 100%;
  max-height: 100%;
  overflow: hidden; }
  .gh-template-editor ul, .gh-template-editor li {
    min-height: 40px; }
  .gh-template-editor .gh-templates-list {
    position: relative;
    min-width: 300px;
    max-width: 300px;
    z-index: 0; }
    .gh-template-editor .gh-templates-list .gh-tab {
      width: 100%;
      overflow-x: hidden;
      overflow-y: auto;
      padding: 0 10px; }
      .gh-template-editor .gh-templates-list .gh-tab .gh-tab-content {
        padding: 5px;
        display: none; }
        .gh-template-editor .gh-templates-list .gh-tab .gh-tab-content .gh-search-block {
          display: flex;
          padding: 0;
          align-items: flex-end; }
          .gh-template-editor .gh-templates-list .gh-tab .gh-tab-content .gh-search-block input {
            margin-left: 5px; }
        .gh-template-editor .gh-templates-list .gh-tab .gh-tab-content.activeTab {
          display: block; }
      .gh-template-editor .gh-templates-list .gh-tab .container-constructor, .gh-template-editor .gh-templates-list .gh-tab .field-constructor {
        padding: 15px;
        margin: 12px 0;
        border-radius: 8px;
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); }
  .gh-template-editor .gh-view .dndPlaceholder {
    background-color: transparent;
    background-color: rgba(13, 153, 255, 0.14);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0D99FF',endColorstr='#0D99FF');
    zoom: 1;
    display: none;
    width: 100%;
    min-height: 10px;
    border-radius: 8px;
    border: 1px dashed #0D99FF; }
  .gh-template-editor .gh-view .dndDraggingSource {
    display: none !important; }
  .gh-template-editor .gh-view .dndDragover .dndPlaceholder {
    display: block; }

.gh-template-container-old {
  position: relative;
  min-height: 40px;
  z-index: 0; }
  .gh-template-container-old .gh-template-title {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    z-index: 2; }
    .gh-template-container-old .gh-template-title .data {
      font-size: 24px;
      font-weight: 200;
      color: #bbbcc5;
      -webkit-box-flex-grow: 1;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-grow: 1;
      /* Chrome */
      -moz-box-flex-grow: 1;
      /* OLD - Firefox 19- */
      -ms-flex-grow: 1;
      /* IE 10 */
      flex-grow: 1;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-box-flex-shrink: 1;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-shrink: 1;
      /* Chrome */
      -moz-box-flex-shrink: 1;
      /* OLD - Firefox 19- */
      -ms-flex-shrink: 1;
      /* IE 10 */
      flex-shrink: 1;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-box-flex-basis: auto;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-basis: auto;
      /* Chrome */
      -moz-box-flex-basis: auto;
      /* OLD - Firefox 19- */
      -ms-flex-basis: auto;
      /* IE 10 */
      flex-basis: auto;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-align-self: center;
      align-self: center;
      flex-wrap: nowrap;
      overflow: hidden; }
      .gh-template-container-old .gh-template-title .data .name {
        -webkit-box-flex-grow: 1;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-grow: 1;
        /* Chrome */
        -moz-box-flex-grow: 1;
        /* OLD - Firefox 19- */
        -ms-flex-grow: 1;
        /* IE 10 */
        flex-grow: 1;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-box-flex-shrink: 1;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-shrink: 1;
        /* Chrome */
        -moz-box-flex-shrink: 1;
        /* OLD - Firefox 19- */
        -ms-flex-shrink: 1;
        /* IE 10 */
        flex-shrink: 1;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-box-flex-basis: auto;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-basis: auto;
        /* Chrome */
        -moz-box-flex-basis: auto;
        /* OLD - Firefox 19- */
        -ms-flex-basis: auto;
        /* IE 10 */
        flex-basis: auto;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
        .gh-template-container-old .gh-template-title .data .name input {
          border: none;
          width: 100%;
          text-overflow: ellipsis; }
    .gh-template-container-old .gh-template-title .edit-controls {
      display: none;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-align-self: center;
      align-self: center; }
      .gh-template-container-old .gh-template-title .edit-controls .dropdown {
        margin: 0 2px; }
        .gh-template-container-old .gh-template-title .edit-controls .dropdown label {
          padding-bottom: 3px; }
        .gh-template-container-old .gh-template-title .edit-controls .dropdown ul {
          position: absolute;
          top: 100%;
          left: inherit;
          right: 0;
          z-index: 1;
          display: none;
          background-color: transparent;
          background-color: #fafdfd;
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafdfd',endColorstr='#fafdfd');
          zoom: 1;
          padding: 5px 0;
          border: 1px solid #d9d9d9;
          box-shadow: 0 0 12px rgba(0, 0, 0, 0.175);
          -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
          .gh-template-container-old .gh-template-title .edit-controls .dropdown ul li {
            display: -webkit-box;
            /* OLD - iOS 6-, Safari 3.1-6 */
            display: -moz-box;
            /* OLD - Firefox 19- (buggy but mostly works) */
            display: -ms-flexbox;
            /* TWEENER - IE 10 */
            display: -webkit-flex;
            /* NEW - Chrome */
            display: flex;
            /* NEW, Spec - Opera 12.1, Firefox 20+ */
            -webkit-flex-direction: row;
            flex-direction: row;
            flex-wrap: nowrap;
            position: relative;
            padding: 5px 10px;
            color: rgba(0, 0, 0, 0.6);
            cursor: pointer; }
            .gh-template-container-old .gh-template-title .edit-controls .dropdown ul li > * {
              -webkit-align-self: center;
              align-self: center; }
            .gh-template-container-old .gh-template-title .edit-controls .dropdown ul li p {
              -webkit-box-flex-grow: 1;
              /* OLD - iOS 6-, Safari 3.1-6 */
              -webkit-flex-grow: 1;
              /* Chrome */
              -moz-box-flex-grow: 1;
              /* OLD - Firefox 19- */
              -ms-flex-grow: 1;
              /* IE 10 */
              flex-grow: 1;
              /* NEW, Spec - Opera 12.1, Firefox 20+ */
              -webkit-box-flex-shrink: 1;
              /* OLD - iOS 6-, Safari 3.1-6 */
              -webkit-flex-shrink: 1;
              /* Chrome */
              -moz-box-flex-shrink: 1;
              /* OLD - Firefox 19- */
              -ms-flex-shrink: 1;
              /* IE 10 */
              flex-shrink: 1;
              /* NEW, Spec - Opera 12.1, Firefox 20+ */
              -webkit-box-flex-basis: auto;
              /* OLD - iOS 6-, Safari 3.1-6 */
              -webkit-flex-basis: auto;
              /* Chrome */
              -moz-box-flex-basis: auto;
              /* OLD - Firefox 19- */
              -ms-flex-basis: auto;
              /* IE 10 */
              flex-basis: auto;
              /* NEW, Spec - Opera 12.1, Firefox 20+ */
              margin-left: 10px;
              min-width: 90px; }
          .gh-template-container-old .gh-template-title .edit-controls .dropdown ul ul {
            top: 0;
            left: 100%; }
        .gh-template-container-old .gh-template-title .edit-controls .dropdown:hover > ul {
          display: block; }
  .gh-template-container-old .gh-template-list {
    position: relative;
    z-index: 1; }
  .gh-template-container-old .gh-template-wrap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .gh-template-container-old .gh-template-wrap.gh-coll-1 {
    flex: 1; }
    .gh-template-container-old .gh-template-wrap.gh-coll-1 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-2 {
    flex: 2; }
    .gh-template-container-old .gh-template-wrap.gh-coll-2 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-3 {
    flex: 3; }
    .gh-template-container-old .gh-template-wrap.gh-coll-3 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-4 {
    flex: 4; }
    .gh-template-container-old .gh-template-wrap.gh-coll-4 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-5 {
    flex: 5; }
    .gh-template-container-old .gh-template-wrap.gh-coll-5 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-6 {
    flex: 6; }
    .gh-template-container-old .gh-template-wrap.gh-coll-6 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-7 {
    flex: 7; }
    .gh-template-container-old .gh-template-wrap.gh-coll-7 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-8 {
    flex: 8; }
    .gh-template-container-old .gh-template-wrap.gh-coll-8 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-9 {
    flex: 9; }
    .gh-template-container-old .gh-template-wrap.gh-coll-9 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-10 {
    flex: 10; }
    .gh-template-container-old .gh-template-wrap.gh-coll-10 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-11 {
    flex: 11; }
    .gh-template-container-old .gh-template-wrap.gh-coll-11 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-12 {
    flex: 12; }
    .gh-template-container-old .gh-template-wrap.gh-coll-12 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-13 {
    flex: 13; }
    .gh-template-container-old .gh-template-wrap.gh-coll-13 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-14 {
    flex: 14; }
    .gh-template-container-old .gh-template-wrap.gh-coll-14 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-15 {
    flex: 15; }
    .gh-template-container-old .gh-template-wrap.gh-coll-15 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-16 {
    flex: 16; }
    .gh-template-container-old .gh-template-wrap.gh-coll-16 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-17 {
    flex: 17; }
    .gh-template-container-old .gh-template-wrap.gh-coll-17 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-18 {
    flex: 18; }
    .gh-template-container-old .gh-template-wrap.gh-coll-18 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-19 {
    flex: 19; }
    .gh-template-container-old .gh-template-wrap.gh-coll-19 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-20 {
    flex: 20; }
    .gh-template-container-old .gh-template-wrap.gh-coll-20 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-21 {
    flex: 21; }
    .gh-template-container-old .gh-template-wrap.gh-coll-21 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-22 {
    flex: 22; }
    .gh-template-container-old .gh-template-wrap.gh-coll-22 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-23 {
    flex: 23; }
    .gh-template-container-old .gh-template-wrap.gh-coll-23 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-24 {
    flex: 24; }
    .gh-template-container-old .gh-template-wrap.gh-coll-24 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-25 {
    flex: 25; }
    .gh-template-container-old .gh-template-wrap.gh-coll-25 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-26 {
    flex: 26; }
    .gh-template-container-old .gh-template-wrap.gh-coll-26 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-27 {
    flex: 27; }
    .gh-template-container-old .gh-template-wrap.gh-coll-27 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-28 {
    flex: 28; }
    .gh-template-container-old .gh-template-wrap.gh-coll-28 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-29 {
    flex: 29; }
    .gh-template-container-old .gh-template-wrap.gh-coll-29 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-30 {
    flex: 30; }
    .gh-template-container-old .gh-template-wrap.gh-coll-30 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-31 {
    flex: 31; }
    .gh-template-container-old .gh-template-wrap.gh-coll-31 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-32 {
    flex: 32; }
    .gh-template-container-old .gh-template-wrap.gh-coll-32 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-33 {
    flex: 33; }
    .gh-template-container-old .gh-template-wrap.gh-coll-33 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-34 {
    flex: 34; }
    .gh-template-container-old .gh-template-wrap.gh-coll-34 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-35 {
    flex: 35; }
    .gh-template-container-old .gh-template-wrap.gh-coll-35 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-36 {
    flex: 36; }
    .gh-template-container-old .gh-template-wrap.gh-coll-36 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-37 {
    flex: 37; }
    .gh-template-container-old .gh-template-wrap.gh-coll-37 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-38 {
    flex: 38; }
    .gh-template-container-old .gh-template-wrap.gh-coll-38 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-39 {
    flex: 39; }
    .gh-template-container-old .gh-template-wrap.gh-coll-39 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-40 {
    flex: 40; }
    .gh-template-container-old .gh-template-wrap.gh-coll-40 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-41 {
    flex: 41; }
    .gh-template-container-old .gh-template-wrap.gh-coll-41 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-42 {
    flex: 42; }
    .gh-template-container-old .gh-template-wrap.gh-coll-42 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-43 {
    flex: 43; }
    .gh-template-container-old .gh-template-wrap.gh-coll-43 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-44 {
    flex: 44; }
    .gh-template-container-old .gh-template-wrap.gh-coll-44 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-45 {
    flex: 45; }
    .gh-template-container-old .gh-template-wrap.gh-coll-45 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-46 {
    flex: 46; }
    .gh-template-container-old .gh-template-wrap.gh-coll-46 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-47 {
    flex: 47; }
    .gh-template-container-old .gh-template-wrap.gh-coll-47 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-48 {
    flex: 48; }
    .gh-template-container-old .gh-template-wrap.gh-coll-48 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-49 {
    flex: 49; }
    .gh-template-container-old .gh-template-wrap.gh-coll-49 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-50 {
    flex: 50; }
    .gh-template-container-old .gh-template-wrap.gh-coll-50 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-51 {
    flex: 51; }
    .gh-template-container-old .gh-template-wrap.gh-coll-51 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-52 {
    flex: 52; }
    .gh-template-container-old .gh-template-wrap.gh-coll-52 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-53 {
    flex: 53; }
    .gh-template-container-old .gh-template-wrap.gh-coll-53 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-54 {
    flex: 54; }
    .gh-template-container-old .gh-template-wrap.gh-coll-54 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-55 {
    flex: 55; }
    .gh-template-container-old .gh-template-wrap.gh-coll-55 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-56 {
    flex: 56; }
    .gh-template-container-old .gh-template-wrap.gh-coll-56 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-57 {
    flex: 57; }
    .gh-template-container-old .gh-template-wrap.gh-coll-57 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-58 {
    flex: 58; }
    .gh-template-container-old .gh-template-wrap.gh-coll-58 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-59 {
    flex: 59; }
    .gh-template-container-old .gh-template-wrap.gh-coll-59 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-60 {
    flex: 60; }
    .gh-template-container-old .gh-template-wrap.gh-coll-60 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-61 {
    flex: 61; }
    .gh-template-container-old .gh-template-wrap.gh-coll-61 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-62 {
    flex: 62; }
    .gh-template-container-old .gh-template-wrap.gh-coll-62 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-63 {
    flex: 63; }
    .gh-template-container-old .gh-template-wrap.gh-coll-63 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-64 {
    flex: 64; }
    .gh-template-container-old .gh-template-wrap.gh-coll-64 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-65 {
    flex: 65; }
    .gh-template-container-old .gh-template-wrap.gh-coll-65 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-66 {
    flex: 66; }
    .gh-template-container-old .gh-template-wrap.gh-coll-66 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-67 {
    flex: 67; }
    .gh-template-container-old .gh-template-wrap.gh-coll-67 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-68 {
    flex: 68; }
    .gh-template-container-old .gh-template-wrap.gh-coll-68 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-69 {
    flex: 69; }
    .gh-template-container-old .gh-template-wrap.gh-coll-69 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-70 {
    flex: 70; }
    .gh-template-container-old .gh-template-wrap.gh-coll-70 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-71 {
    flex: 71; }
    .gh-template-container-old .gh-template-wrap.gh-coll-71 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-72 {
    flex: 72; }
    .gh-template-container-old .gh-template-wrap.gh-coll-72 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-73 {
    flex: 73; }
    .gh-template-container-old .gh-template-wrap.gh-coll-73 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-74 {
    flex: 74; }
    .gh-template-container-old .gh-template-wrap.gh-coll-74 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-75 {
    flex: 75; }
    .gh-template-container-old .gh-template-wrap.gh-coll-75 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-76 {
    flex: 76; }
    .gh-template-container-old .gh-template-wrap.gh-coll-76 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-77 {
    flex: 77; }
    .gh-template-container-old .gh-template-wrap.gh-coll-77 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-78 {
    flex: 78; }
    .gh-template-container-old .gh-template-wrap.gh-coll-78 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-79 {
    flex: 79; }
    .gh-template-container-old .gh-template-wrap.gh-coll-79 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-80 {
    flex: 80; }
    .gh-template-container-old .gh-template-wrap.gh-coll-80 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-81 {
    flex: 81; }
    .gh-template-container-old .gh-template-wrap.gh-coll-81 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-82 {
    flex: 82; }
    .gh-template-container-old .gh-template-wrap.gh-coll-82 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-83 {
    flex: 83; }
    .gh-template-container-old .gh-template-wrap.gh-coll-83 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-84 {
    flex: 84; }
    .gh-template-container-old .gh-template-wrap.gh-coll-84 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-85 {
    flex: 85; }
    .gh-template-container-old .gh-template-wrap.gh-coll-85 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-86 {
    flex: 86; }
    .gh-template-container-old .gh-template-wrap.gh-coll-86 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-87 {
    flex: 87; }
    .gh-template-container-old .gh-template-wrap.gh-coll-87 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-88 {
    flex: 88; }
    .gh-template-container-old .gh-template-wrap.gh-coll-88 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-89 {
    flex: 89; }
    .gh-template-container-old .gh-template-wrap.gh-coll-89 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-90 {
    flex: 90; }
    .gh-template-container-old .gh-template-wrap.gh-coll-90 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-91 {
    flex: 91; }
    .gh-template-container-old .gh-template-wrap.gh-coll-91 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-92 {
    flex: 92; }
    .gh-template-container-old .gh-template-wrap.gh-coll-92 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-93 {
    flex: 93; }
    .gh-template-container-old .gh-template-wrap.gh-coll-93 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-94 {
    flex: 94; }
    .gh-template-container-old .gh-template-wrap.gh-coll-94 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-95 {
    flex: 95; }
    .gh-template-container-old .gh-template-wrap.gh-coll-95 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-96 {
    flex: 96; }
    .gh-template-container-old .gh-template-wrap.gh-coll-96 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-97 {
    flex: 97; }
    .gh-template-container-old .gh-template-wrap.gh-coll-97 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-98 {
    flex: 98; }
    .gh-template-container-old .gh-template-wrap.gh-coll-98 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-99 {
    flex: 99; }
    .gh-template-container-old .gh-template-wrap.gh-coll-99 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap.gh-coll-100 {
    flex: 100; }
    .gh-template-container-old .gh-template-wrap.gh-coll-100 + .dndPlaceholder {
      display: inline-block;
      width: 10px;
      min-height: 80px; }
  .gh-template-container-old .gh-template-wrap .gh-template > div {
    position: relative; }
    .gh-template-container-old .gh-template-wrap .gh-template > div field-preview {
      display: block;
      width: 100%;
      overflow: hidden; }
  .gh-template-container-old .gh-template-wrap .gh-template .element {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: nowrap; }
    .gh-template-container-old .gh-template-wrap .gh-template .element field-preview {
      -webkit-box-flex-grow: 1;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-grow: 1;
      /* Chrome */
      -moz-box-flex-grow: 1;
      /* OLD - Firefox 19- */
      -ms-flex-grow: 1;
      /* IE 10 */
      flex-grow: 1;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-box-flex-shrink: 1;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-shrink: 1;
      /* Chrome */
      -moz-box-flex-shrink: 1;
      /* OLD - Firefox 19- */
      -ms-flex-shrink: 1;
      /* IE 10 */
      flex-shrink: 1;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-box-flex-basis: auto;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex-basis: auto;
      /* Chrome */
      -moz-box-flex-basis: auto;
      /* OLD - Firefox 19- */
      -ms-flex-basis: auto;
      /* IE 10 */
      flex-basis: auto;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
    .gh-template-container-old .gh-template-wrap .gh-template .element .edit {
      display: none; }
  .gh-template-container-old .gh-template-wrap.gh-ui-container > .gh-template {
    width: 100%; }
    .gh-template-container-old .gh-template-wrap.gh-ui-container > .gh-template > .gh-template-list > ul {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-flex-direction: row;
      flex-direction: row; }
  .gh-template-container-old .gh-template-wrap.gh-ui-tabs {
    width: 100%;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-direction: column;
    flex-direction: column; }
    .gh-template-container-old .gh-template-wrap.gh-ui-tabs .gh-tabs-labels {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-flex-direction: row;
      flex-direction: row; }
      .gh-template-container-old .gh-template-wrap.gh-ui-tabs .gh-tabs-labels > * {
        border: 1px dashed #fafdfd;
        max-width: 150px; }
        .gh-template-container-old .gh-template-wrap.gh-ui-tabs .gh-tabs-labels > *.dndPlaceholder {
          max-width: 10px; }
        .gh-template-container-old .gh-template-wrap.gh-ui-tabs .gh-tabs-labels > *:hover {
          border-color: #0D99FF; }
          .gh-template-container-old .gh-template-wrap.gh-ui-tabs .gh-tabs-labels > *:hover .edit-controls {
            display: -webkit-box;
            /* OLD - iOS 6-, Safari 3.1-6 */
            display: -moz-box;
            /* OLD - Firefox 19- (buggy but mostly works) */
            display: -ms-flexbox;
            /* TWEENER - IE 10 */
            display: -webkit-flex;
            /* NEW - Chrome */
            display: flex;
            /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
        .gh-template-container-old .gh-template-wrap.gh-ui-tabs .gh-tabs-labels > * .gh-template-title .data input {
          text-transform: uppercase; }
        .gh-template-container-old .gh-template-wrap.gh-ui-tabs .gh-tabs-labels > *.active .gh-template-title .data {
          color: #0D99FF; }
          .gh-template-container-old .gh-template-wrap.gh-ui-tabs .gh-tabs-labels > *.active .gh-template-title .data:after {
            content: '';
            display: block;
            position: absolute;
            width: 100%;
            height: 3px;
            background-color: transparent;
            background-color: #0d99ff;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0D99FF',endColorstr='#0D99FF');
            zoom: 1;
            bottom: 0; }
    .gh-template-container-old .gh-template-wrap.gh-ui-tabs .gh-tabs-wrap .gh-ui-tab {
      display: none; }
      .gh-template-container-old .gh-template-wrap.gh-ui-tabs .gh-tabs-wrap .gh-ui-tab.active {
        display: block; }
  .gh-template-container-old .gh-template-wrap.gh-ui-dropdown {
    display: inline-block; }
    .gh-template-container-old .gh-template-wrap.gh-ui-dropdown:hover, .gh-template-container-old .gh-template-wrap.gh-ui-dropdown.gh-mouse-dnd {
      z-index: 10; }
      .gh-template-container-old .gh-template-wrap.gh-ui-dropdown:hover > .gh-template > .gh-template-list, .gh-template-container-old .gh-template-wrap.gh-ui-dropdown.gh-mouse-dnd > .gh-template > .gh-template-list {
        display: block; }
    .gh-template-container-old .gh-template-wrap.gh-ui-dropdown > .gh-template > .gh-template-list {
      display: none;
      position: absolute;
      min-width: 150px;
      min-height: 40px;
      top: 100%;
      left: 0;
      background-color: transparent;
      background-color: #fafdfd;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafdfd',endColorstr='#fafdfd');
      zoom: 1;
      padding: 5px 0;
      border: 1px solid #d9d9d9;
      box-shadow: 0 0 12px rgba(0, 0, 0, 0.175);
      -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
    .gh-template-container-old .gh-template-wrap.gh-ui-dropdown .gh-ui-dropdown > .gh-template > .gh-template-list {
      top: 0;
      left: 100%; }

.option_column {
  max-width: 400px;
  width: 90%;
  height: 100%;
  background-color: #fff;
  border-radius: 20px;
  padding: 15px 25px;
  border: 1px solid #d8d8d8;
  margin: 10px;
  box-shadow: 0px 0px 20px 0px rgba(185, 185, 185, 0.1); }
  .option_column field-setting h3 {
    font-size: 28px;
    line-height: 40px;
    font-weight: 200;
    color: #0893d2;
    margin: 15px 0;
    border-bottom: 1px solid #0893d2; }
  .option_column field-setting gh-tool-tip h3 {
    margin-bottom: 16px;
    margin-top: 24px;
    font-weight: 600;
    border-bottom: none;
    font-size: 1.25em;
    color: #24292f;
    line-height: 1.25; }
  .option_column field-setting gh-boolean {
    padding-top: 0; }
  .option_column field-setting gh-radio-button {
    padding-top: 0; }
  .option_column field-setting > * {
    width: 100%; }
    .option_column field-setting > * gh-code-generator {
      width: 100%; }
    .option_column field-setting > * > [gh-element] {
      width: 100%;
      font-size: 14px; }
      .option_column field-setting > * > [gh-element] > gh-radio-button {
        font-size: 13px; }
        .option_column field-setting > * > [gh-element] > gh-radio-button > ul {
          display: -webkit-box;
          /* OLD - iOS 6-, Safari 3.1-6 */
          display: -moz-box;
          /* OLD - Firefox 19- (buggy but mostly works) */
          display: -ms-flexbox;
          /* TWEENER - IE 10 */
          display: -webkit-flex;
          /* NEW - Chrome */
          display: flex;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          -webkit-justify-content: center;
          justify-content: center; }
          .option_column field-setting > * > [gh-element] > gh-radio-button > ul > li {
            padding: 10px; }
      .option_column field-setting > * > [gh-element] md-switch {
        margin-top: 9px;
        margin-bottom: 9px;
        float: right; }
    .option_column field-setting > * > gh-option-table, .option_column field-setting > * > gh-view-element-setting {
      width: 100%; }
  .option_column field-setting .font-size-setting {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-direction: row;
    flex-direction: row;
    min-width: 100%; }
    .option_column field-setting .font-size-setting > * {
      padding: 5px 8px;
      -webkit-align-self: end;
      align-self: end; }
      .option_column field-setting .font-size-setting > * p {
        color: #0D99FF; }
      .option_column field-setting .font-size-setting > *:nth-child(2) {
        -webkit-box-flex-grow: 1;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-grow: 1;
        /* Chrome */
        -moz-box-flex-grow: 1;
        /* OLD - Firefox 19- */
        -ms-flex-grow: 1;
        /* IE 10 */
        flex-grow: 1;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-box-flex-shrink: 1;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-shrink: 1;
        /* Chrome */
        -moz-box-flex-shrink: 1;
        /* OLD - Firefox 19- */
        -ms-flex-shrink: 1;
        /* IE 10 */
        flex-shrink: 1;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-box-flex-basis: auto;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex-basis: auto;
        /* Chrome */
        -moz-box-flex-basis: auto;
        /* OLD - Firefox 19- */
        -ms-flex-basis: auto;
        /* IE 10 */
        flex-basis: auto;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
      .option_column field-setting .font-size-setting > *:nth-child(4) input {
        border-bottom: 2px solid #0D99FF;
        font-size: 18px;
        text-align: center;
        max-width: 109px; }
  .option_column.interpretation-type {
    max-width: 500px; }
    .option_column.interpretation-type md-radio-group > md-radio-button {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      margin: 0; }
      .option_column.interpretation-type md-radio-group > md-radio-button:not(:last-child) {
        border-bottom: 1px solid #e7e7ee; }
      .option_column.interpretation-type md-radio-group > md-radio-button > .md-container {
        width: 20px;
        height: 20px;
        right: 14px;
        left: inherit; }
      .option_column.interpretation-type md-radio-group > md-radio-button > .md-label {
        margin: 0;
        float: right;
        max-width: 400px;
        min-width: 400px;
        height: 100%;
        padding: 10px;
        margin-right: 48px;
        border-right: 1px solid #e7e7ee; }
        .option_column.interpretation-type md-radio-group > md-radio-button > .md-label field-preview {
          display: block;
          position: relative;
          overflow: hidden; }
  .option_column.interpretation_type_settings_table {
    max-width: 700px;
    padding: 0; }
    .option_column.interpretation_type_settings_table table {
      width: 100%;
      border-radius: 20px;
      overflow: hidden; }
      .option_column.interpretation_type_settings_table table th {
        font-size: 26px;
        text-align: center;
        color: #0D99FF;
        padding: 10px; }
      .option_column.interpretation_type_settings_table table tr:not(:last-child) {
        border-bottom: 1px solid #e7e7ee; }
        .option_column.interpretation_type_settings_table table tr:not(:last-child) td:nth-child(1) {
          pointer-events: none; }
      .option_column.interpretation_type_settings_table table tr:nth-child(even) {
        background-color: transparent;
        background-color: rgba(231, 231, 238, 0.3);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7ee',endColorstr='#e7e7ee');
        zoom: 1; }
      .option_column.interpretation_type_settings_table table tr:last-child {
        font-size: 26px;
        color: #fafdfd;
        text-align: center;
        cursor: pointer;
        background-color: transparent;
        background-color: #10cfbd;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#10cfbd',endColorstr='#10cfbd');
        zoom: 1; }
        .option_column.interpretation_type_settings_table table tr:last-child td {
          padding: 0;
          position: relative; }
          .option_column.interpretation_type_settings_table table tr:last-child td > div {
            display: -webkit-box;
            /* OLD - iOS 6-, Safari 3.1-6 */
            display: -moz-box;
            /* OLD - Firefox 19- (buggy but mostly works) */
            display: -ms-flexbox;
            /* TWEENER - IE 10 */
            display: -webkit-flex;
            /* NEW - Chrome */
            display: flex;
            /* NEW, Spec - Opera 12.1, Firefox 20+ */
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-justify-content: center;
            justify-content: center;
            padding: 10px; }
            .option_column.interpretation_type_settings_table table tr:last-child td > div > span {
              display: inline-block; }
              .option_column.interpretation_type_settings_table table tr:last-child td > div > span:nth-child(1) {
                width: 25px;
                height: 25px; }
              .option_column.interpretation_type_settings_table table tr:last-child td > div > span:nth-child(2) {
                margin-left: 5px; }
          .option_column.interpretation_type_settings_table table tr:last-child td > div[gh-element] {
            position: absolute;
            height: 100%;
            width: 100%; }
            .option_column.interpretation_type_settings_table table tr:last-child td > div[gh-element] > * {
              display: none; }
        .option_column.interpretation_type_settings_table table tr:last-child:hover {
          background-color: transparent;
          background-color: #fafdfd;
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafdfd',endColorstr='#fafdfd');
          zoom: 1;
          color: #10cfbd; }
          .option_column.interpretation_type_settings_table table tr:last-child:hover td span[gh-icon] svg path {
            fill: #10cfbd !important; }
      .option_column.interpretation_type_settings_table table tr td {
        padding: 8px;
        vertical-align: middle;
        max-width: 320px;
        overflow: hidden; }
        .option_column.interpretation_type_settings_table table tr td:not(:last-child) {
          border-right: 1px solid #e7e7ee; }
        .option_column.interpretation_type_settings_table table tr td:nth-child(2) {
          width: 200px;
          font-size: 18px;
          text-align: center; }
        .option_column.interpretation_type_settings_table table tr td:nth-child(3), .option_column.interpretation_type_settings_table table tr td:nth-child(4) {
          width: 60px; }
        .option_column.interpretation_type_settings_table table tr td:nth-child(3) {
          border-right: 0; }
        .option_column.interpretation_type_settings_table table tr td:nth-child(4) {
          padding: 10px; }
        .option_column.interpretation_type_settings_table table tr td .element-wrap-container {
          display: flex; }
  .option_column .calculatorData {
    max-width: 50%;
    padding: 0; }

.gh-tabs {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-flex-direction: column;
  flex-direction: column;
  max-height: 100%;
  position: relative;
  margin: 0;
  text-align: left;
  z-index: 1; }
  .gh-tabs .gh-tabs-labels {
    white-space: nowrap; }
    .gh-tabs .gh-tabs-labels label {
      display: inline-block;
      font-weight: normal;
      padding: 2px 5px;
      cursor: pointer;
      position: relative;
      font-size: 12px; }
  .gh-tabs .gh-tab > div .gh-tab-content {
    z-index: 2;
    display: none;
    width: 100%;
    font-size: 17px;
    padding: 5px;
    top: 53px;
    left: 0; }
  .gh-tabs .gh-tab > div input[type="radio"] {
    position: absolute;
    top: 0;
    left: -9999px; }
  .gh-tabs .gh-tab > div > input:checked ~ [class^="gh-tab-content"] {
    display: block; }

.gh-form_element:first-child {
  float: left; }

/*----------------------------------*/
.option-column_full_size {
  max-width: none;
  padding: 0;
  margin: 0;
  width: 100%;
  border: none;
  box-shadow: none;
  border-radius: 0; }

.option-column_800_size {
  max-width: 800px; }

.CodeMirror {
  min-height: 300px;
  height: 100% !important; }

.CodeMirror-scroll {
  min-height: 300px;
  width: 100%; }


/*************** FIELD SETTINGS COLUMN *****************/

.option-column_1000px {
    min-width: 1000px;
    max-width: 90%;
}

.option-column_750px {
    min-width: 750px;
    max-width: 90%;
}

.option-column_500px {
    min-width: 500px;
}
/*************** FIELD SETTINGS COLUMN *****************/


gh-option-table md-autocomplete {
    min-width: initial;
}

.gh-form-wrapper .field:hover > input {
	color: #0893D2;
}

.gh-form-wrapper_editable .field > input,
.gh-form-wrapper_editable .field:focus > input,
.gh-form-wrapper_editable .field:hover > input {
    color: #A0A7AD;
    /*width: 100% !important;*/
    clear: both;
}

.gh-form-wrapper_editable .field > input:hover,
.gh-form-wrapper_editable .field > input:focus {
	border-color: #0893D2;
}

.gh-list-small {
    padding: 4px 22px 4px 5px;
    font-size: 13px;
    margin: 2px 2px;
    background-color: transparent;
    border: 1px solid #C8D1D8;
}

.gh-list-small .cross, .gh-list-large .cross{
     display: block;
    position: absolute;
    top: 50%;
    float: right;
    right: -4px;
    cursor: pointer;
}

.gh-list-small .cross{
    margin-top: -7px;
    height: 14px;
    width:14px;
}

.gh-list-large .cross{
	width: 20px;
    height: 20px;
    margin-top: -10px;
}

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
/*
.style-setting{

  md-radio-group.position, md-radio-group.width{
    @include display-flex();
    @include flex-justify('center');

    md-radio-button{
      width: 90px;
      margin: 0 18px;
      text-align: center;



      .md-container{
        display: none;
      }

      .md-label{
        margin: 0;

        .option-title{
          margin: 10px 0;
        }
      }

      &.md-checked{
        .md-label{

          .option-title{
            color: $blue;
          }

          svg{
            path{
              fill: $blue!important;
            }
          }
        }
      }
    }
  }

  md-radio-group.width{
    div[gh-icon]{
      margin: -33px -13px;
    }
  }


}
*/

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
/*----By Default----*/
.gh-button {
  user-select: none;
  font-family: "Roboto";
  font-weight: 300;
  color: #fafdfd;
  background-color: #0D99FF;
  border-radius: 1em;
  border: 1px solid #0D99FF;
  padding: 0.5em 1.3em;
  margin: 0 0.5em 5px;
  display: inline-block;
  line-height: 1em;
  cursor: pointer; }
  .gh-button:hover {
    background: #fff;
    color: #0D99FF; }
  .gh-button .gh-field-tex {
    padding-top: 0; }

/*-- Different sizes border-radius--*/
.gh-radius-l {
  border-radius: 1em; }

.gh-radius-m {
  border-radius: 0.6em; }

.gh-radius-s {
  border-radius: 0.3em; }

/*------*/
/*-- Different sizes box-shadow--*/
.gh-shadow-s {
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 128, 0.1); }

.gh-shadow-l {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 128, 0.1); }

/*------*/
/*-- Different sizes font-weight--*/
.gh-font-weight-m {
  font-weight: 300; }

.gh-font-weight-s {
  font-weight: 100; }

.gh-font-weight-l {
  font-weight: 500; }

/*------*/
/*-- Different sizes font-size--*/
/*-- Different colors--*/
.gh-color-red {
  background-color: #FF3333;
  border-color: #FF3333; }
  .gh-color-red:hover {
    color: #FF3333; }

.gh-color-green {
  background-color: #10cfbd;
  border-color: #10cfbd; }
  .gh-color-green:hover {
    color: #10cfbd; }

.gh-color-grey {
  background-color: #d9d9d9;
  border-color: #d9d9d9; }
  .gh-color-grey:hover {
    color: #d9d9d9; }

/*------*/
.gh-button-inversed {
  color: #0D99FF;
  background: #fff; }

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------- GH-TEXT-EDITOR --------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
gh-text-editor {
  display: block;
  position: relative;
  transition: 0.3s ease-out all; }
  gh-text-editor.editorTrue {
    border-left: 2px solid #d9e0e3;
    padding-left: 10px;
    margin-top: 1em; }
    gh-text-editor.editorTrue:hover {
      border-left: 2px solid #0893d2;
      cursor: pointer; }
      gh-text-editor.editorTrue:hover div.contentPage {
        border: 1px solid #0D99FF; }
  gh-text-editor > div.mce-tinymce.mce-container.mce-panel {
    border: 0; }
  gh-text-editor table td {
    vertical-align: top; }
  gh-text-editor div.contentPage {
    font-weight: 500;
    border: 1px solid #fafdfd;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); }

/* -------------------------- TEXT EDITOR ----------------------------------- */
gh-text-editor {
  display: block;
  position: relative; }

/* ------------------------------ TAG --------------------------------------- */
gh-tag {
  display: block;
  position: relative; }

.gudhub-wysiwyg-editor {
  position: relative;
  width: 100%; }
  .gudhub-wysiwyg-editor [document-template-id] {
    padding: 15px 20px; }
    .gudhub-wysiwyg-editor [document-template-id].editable {
      background-color: transparent;
      background-color: #e7e7ee;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7ee',endColorstr='#e7e7ee');
      zoom: 1; }
    .gudhub-wysiwyg-editor [document-template-id] .template {
      background-color: transparent;
      background-color: #fafdfd;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafdfd',endColorstr='#fafdfd');
      zoom: 1;
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
      -webkit-touch-callout: text;
      /* iOS Safari */
      -webkit-user-select: text;
      /* Chrome/Safari/Opera */
      -khtml-user-select: text;
      /* Konqueror */
      -moz-user-select: text;
      /* Firefox */
      -ms-user-select: text;
      /* Internet Explorer/Edge */
      user-select: text;
      /* Non-prefixed version, currently not supported by any browser */
      word-break: break-all;
      cursor: text; }
      .gudhub-wysiwyg-editor [document-template-id] .template table {
        width: 100%;
        table-layout: fixed;
        min-height: 18px;
        border-collapse: separate;
        /* Or do nothing, this is default */
        border-spacing: 2px; }
        .gudhub-wysiwyg-editor [document-template-id] .template table td, .gudhub-wysiwyg-editor [document-template-id] .template table th {
          border: 1px dotted black; }
      .gudhub-wysiwyg-editor [document-template-id] .template .column {
        display: block;
        width: 100%;
        border: 1px dotted black; }
        .gudhub-wysiwyg-editor [document-template-id] .template .column > div {
          display: inline-block;
          width: 50%;
          float: left;
          min-height: 18px; }
          .gudhub-wysiwyg-editor [document-template-id] .template .column > div:not(:last-child) {
            border-right: 1px dotted black; }
        .gudhub-wysiwyg-editor [document-template-id] .template .column:after {
          visibility: hidden;
          display: block;
          font-size: 0;
          content: " ";
          clear: both;
          height: 0; }
      .gudhub-wysiwyg-editor [document-template-id] .template b {
        font-weight: bold; }
    .gudhub-wysiwyg-editor [document-template-id] .interpritator {
      background-color: #f7d8d8;
      border: 1px solid rgba(255, 0, 0, 0.4);
      margin: 0 1px;
      padding: 0 1px;
      line-height: 1;
      border-radius: 5px;
      display: inline-block; }
    .gudhub-wysiwyg-editor [document-template-id] p {
      display: block; }
  .gudhub-wysiwyg-editor .app-form {
    width: 100%;
    max-width: 320px;
    height: 500px;
    box-shadow: 0 0 6px rgba(0, 20, 70, 0.3);
    overflow: hidden;
    margin-top: 1em; }
    .gudhub-wysiwyg-editor .app-form .step-1 .rocket {
      text-align: center;
      padding: 80px 0 30px 0; }
    .gudhub-wysiwyg-editor .app-form .step-1 .step-title {
      font-size: 40px;
      color: #bbbcc5;
      padding-bottom: 200px;
      text-align: center;
      -webkit-transition: color 0.3s ease;
      -khtml-transition: color 0.3s ease;
      -moz-transition: color 0.3s ease;
      -ms-transition: color 0.3s ease;
      -o-transition: color 0.3s ease;
      transition: color 0.3s ease; }
    .gudhub-wysiwyg-editor .app-form .step-1:hover .step-title {
      color: #0D99FF; }
    .gudhub-wysiwyg-editor .app-form .step-2 {
      padding: 0 15px; }
      .gudhub-wysiwyg-editor .app-form .step-2 .step-title {
        font-size: 22px;
        color: #0D99FF;
        text-align: center;
        padding-top: 35px; }
      .gudhub-wysiwyg-editor .app-form .step-2 .app-select {
        justify-content: center;
        padding-top: 17px; }
        .gudhub-wysiwyg-editor .app-form .step-2 .app-select span.field-name {
          min-width: 35px;
          max-width: 35px; }
        .gudhub-wysiwyg-editor .app-form .step-2 .app-select md-autocomplete {
          min-width: inherit; }
      .gudhub-wysiwyg-editor .app-form .step-2 .app {
        height: 300px;
        padding-top: 35px; }
        .gudhub-wysiwyg-editor .app-form .step-2 .app .app-icon {
          width: 160px;
          margin: 0 auto; }
          .gudhub-wysiwyg-editor .app-form .step-2 .app .app-icon.default {
            border-radius: 25%;
            border: 1px solid #bbbcc5; }
        .gudhub-wysiwyg-editor .app-form .step-2 .app .app-name {
          font-size: 24px;
          text-align: center;
          padding-top: 5px; }
      .gudhub-wysiwyg-editor .app-form .step-2 .controls-panel-btn {
        text-align: center; }
        .gudhub-wysiwyg-editor .app-form .step-2 .controls-panel-btn .control-btn {
          font-size: 18px;
          color: #0D99FF;
          border: 1px solid #0D99FF;
          display: inline-block;
          padding: 5px 18px;
          border-radius: 100px;
          cursor: pointer;
          margin: 0 10px; }
          .gudhub-wysiwyg-editor .app-form .step-2 .controls-panel-btn .control-btn:hover {
            background-color: #0D99FF;
            color: #fafdfd; }

/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
/* ============================ GH_VIEW STYLE TEMPLATES EDITOR ============================ */
gh-view {
  display: flex;
  height: 100%;
  width: 100%; }
  gh-view .ghViewContainer.ghEditor {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column; }
    gh-view .ghViewContainer.ghEditor gh-element {
      margin-top: -1px;
      border: 1px solid #ccccdc36;
      min-height: 40px;
      width: 100%; }
    gh-view .ghViewContainer.ghEditor .ghViewNavigation {
      display: flex;
      justify-content: flex-end;
      padding-bottom: 5px; }
      gh-view .ghViewContainer.ghEditor .ghViewNavigation .ghViewNameInput {
        height: auto;
        font-weight: 300;
        padding: 7px 14px; }
      gh-view .ghViewContainer.ghEditor .ghViewNavigation .ghViewAdd {
        width: 28px;
        height: 28px;
        cursor: pointer;
        align-items: center;
        display: flex; }
    gh-view .ghViewContainer.ghEditor .ghViewContainerList {
      width: calc(100% - 10px);
      height: calc(100% - 100px);
      display: flex;
      flex-direction: column;
      background-color: #C5CACD;
      border: 1px solid #edeff0;
      border-radius: 5px;
      margin: 0 5px; }
      gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_tabs {
        float: left;
        width: 100%;
        height: 100%;
        padding: 4px;
        border: 1px dashed #d9d9d9;
        transition: all .5s; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_tabs:hover {
          border-color: #338fff; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_tabs .gh_tabs_block {
          height: 100%; }
          gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_tabs .gh_tabs_block .gh_tabs_align {
            display: flex; }
            gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_tabs .gh_tabs_block .gh_tabs_align .gh_tabs_block_nav .gh_tabs_block_nav_btn {
              color: #bbbcc5;
              font-size: 18px;
              font-weight: 300;
              line-height: 1;
              text-transform: uppercase;
              display: inline-flex;
              padding: 5px;
              margin-right: 30px;
              align-items: center;
              transition: all .3s;
              cursor: pointer;
              float: left; }
              gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_tabs .gh_tabs_block .gh_tabs_align .gh_tabs_block_nav .gh_tabs_block_nav_btn input {
                font-size: 18px;
                color: #bbbcc5;
                font-weight: 300;
                line-height: 1;
                text-transform: uppercase;
                max-width: 100px;
                padding: 5px 0 4px;
                border: none; }
                gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_tabs .gh_tabs_block .gh_tabs_align .gh_tabs_block_nav .gh_tabs_block_nav_btn input:focus {
                  color: #0893d2; }
              gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_tabs .gh_tabs_block .gh_tabs_align .gh_tabs_block_nav .gh_tabs_block_nav_btn:last-child {
                margin-right: 0; }
              gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_tabs .gh_tabs_block .gh_tabs_align .gh_tabs_block_nav .gh_tabs_block_nav_btn.--active_tab {
                color: #0893d2; }
              gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_tabs .gh_tabs_block .gh_tabs_align .gh_tabs_block_nav .gh_tabs_block_nav_btn .gh_tabs_block_nav_btn_icon {
                display: none;
                margin: 0 3px; }
                gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_tabs .gh_tabs_block .gh_tabs_align .gh_tabs_block_nav .gh_tabs_block_nav_btn .gh_tabs_block_nav_btn_icon.--delete_tab {
                  opacity: .4;
                  display: flex; }
                gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_tabs .gh_tabs_block .gh_tabs_align .gh_tabs_block_nav .gh_tabs_block_nav_btn .gh_tabs_block_nav_btn_icon.--add_tab {
                  display: flex; }
              gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_tabs .gh_tabs_block .gh_tabs_align .gh_tabs_block_nav .gh_tabs_block_nav_btn .gh_tabs_block_nav_btn_title {
                display: none; }
              gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_tabs .gh_tabs_block .gh_tabs_align .gh_tabs_block_nav .gh_tabs_block_nav_btn:hover {
                color: #0893d2; }
                gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_tabs .gh_tabs_block .gh_tabs_align .gh_tabs_block_nav .gh_tabs_block_nav_btn:hover > .gh_tabs_block_nav_btn_icon.--delete_tab {
                  opacity: 1; }
            gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_tabs .gh_tabs_block .gh_tabs_align .gh_tabs_block_list {
              float: left;
              -webkit-overflow-scrolling: touch;
              width: 100%;
              height: calc(100% - 40px);
              min-height: 40px; }
      gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_flex {
        overflow: hidden;
        height: 100%;
        width: 100%;
        padding: 4px;
        background: #C5CACD;
        border: 1px dashed #d9d9d9;
        border-radius: 4px;
        transition: all .5s;
        position: relative; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_flex:hover {
          border-color: #338fff; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_flex.bottom_shadow_on .gh_flex_block_list {
          position: relative; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_flex .gh_flex_block {
          height: 100%;
          width: 100%; }
          gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_flex .gh_flex_block .gh_flex_block_list {
            width: 100%;
            display: flex;
            height: calc(100% - 40px);
            min-height: 40px; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_flex:has(.gh_dropdown) {
          overflow: unset; }
      gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_float {
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        box-sizing: border-box;
        float: left;
        padding: 4px;
        transition: all .5s;
        position: relative; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_float:hover {
          border-color: #338fff; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_float.continer_decorator {
          border: none; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_float .gh_float_block {
          height: 100%;
          width: 100%;
          background: rgba(255, 255, 255, 0.4);
          border: 1px solid rgba(255, 255, 255, 0.25);
          border-radius: 4px; }
          gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_float .gh_float_block .gh_float_block_list {
            width: 100%;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            float: left;
            display: inline-block;
            flex-direction: row;
            flex-wrap: wrap;
            align-content: flex-start;
            position: relative;
            height: calc(100% - 40px);
            min-height: 40px; }
            gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_float .gh_float_block .gh_float_block_list .gh_float_block_list_item:has(.gh_dropdown) {
              float: left; }
            gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_float .gh_float_block .gh_float_block_list:has(.gh_dropdown) {
              overflow: unset; }
          gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_float .gh_float_block:has(.gh_dropdown) {
            overflow: unset; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_float.margin_top {
          margin-top: 2em; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_float.margin_bottom {
          margin-bottom: 2em; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_float.padding_left {
          padding-left: 2em; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_float.padding_right {
          padding-right: 2em; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_float.align_left {
          float: left; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_float.align_center {
          float: none;
          margin: 0 auto; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_float.align_right {
          float: right; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_float.horizont_scroll {
          -webkit-overflow-scrolling: touch;
          scroll-behavior: smooth;
          height: max-content; }
          gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_float.horizont_scroll .gh_float_block_list {
            width: auto;
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;
            overflow-y: hidden;
            scroll-behavior: smooth;
            -webkit-overflow-scrolling: touch; }
            gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_float.horizont_scroll .gh_float_block_list p, gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_float.horizont_scroll .gh_float_block_list span {
              white-space: nowrap; }
          gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_float.horizont_scroll > .float_block_template_repeat_form {
            width: auto;
            display: flex;
            flex-wrap: nowrap; }
            gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_float.horizont_scroll > .float_block_template_repeat_form p, gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_float.horizont_scroll > .float_block_template_repeat_form span {
              white-space: nowrap; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_float:has(.gh_dropdown) {
          overflow: unset; }
      gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_dropdown {
        display: flex;
        align-items: center;
        position: relative;
        padding: 8px;
        background: rgba(255, 255, 255, 0.6); }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_dropdown .edit_template_container_form {
          min-height: 0;
          min-width: 0; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_dropdown .gh_dropdown_name {
          color: #575757;
          font-size: 14px;
          font-weight: 300;
          margin-left: 5px;
          padding: 0;
          max-width: 100%;
          width: 100%; }
          gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_dropdown .gh_dropdown_name:hover {
            padding: 0;
            border-bottom: 1px solid transparent; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_dropdown .caret svg path {
          stroke: #7f7f7f;
          stroke-width: 25px; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_dropdown .dropdown_elements {
          position: absolute;
          left: 0;
          top: 49px;
          z-index: 5;
          width: 100%;
          height: 0;
          overflow: hidden;
          transition: .5s all ease-in;
          background: rgba(255, 255, 255, 0.7);
          display: flex;
          justify-content: center;
          align-items: center; }
          gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_dropdown .dropdown_elements .drag_placeholder {
            position: absolute;
            z-index: 1; }
            gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_dropdown .dropdown_elements .drag_placeholder span {
              color: #d9d9d9;
              font-size: 18px;
              font-weight: 700; }
          gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_dropdown .dropdown_elements .container_wrapper {
            width: 100%; }
          gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_dropdown .dropdown_elements > .gh_float_block {
            background: none !important; }
          gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_dropdown .dropdown_elements .edit_template_container_form {
            display: none; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_dropdown gh-element {
          width: 100%; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_dropdown .icon_pencil_container {
          right: -15px;
          top: -15px; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_dropdown .gh_float_block_list {
          overflow: hidden; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .gh_dropdown:hover .icon_pencil_container {
          display: block; }
      gh-view .ghViewContainer.ghEditor .ghViewContainerList .dropdown_wrapper {
        display: flex;
        align-items: center;
        cursor: pointer;
        width: 100%; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .dropdown_wrapper.opened .caret svg {
          transform: rotate(180deg); }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList .dropdown_wrapper.opened .dropdown_elements {
          height: auto;
          overflow: unset;
          transition: .5s all ease-in; }
      gh-view .ghViewContainer.ghEditor .ghViewContainerList gh-element {
        float: left;
        flex: 0 1 auto;
        justify-content: flex-start;
        align-items: flex-start;
        display: flex;
        width: 100%;
        padding: 10px 0; }
        gh-view .ghViewContainer.ghEditor .ghViewContainerList gh-element .field-wrap-name {
          padding-right: 15px;
          display: inline-block; }
          gh-view .ghViewContainer.ghEditor .ghViewContainerList gh-element .field-wrap-name span.field-block-name {
            min-width: 100px;
            max-width: 100px;
            white-space: nowrap;
            text-align: right;
            display: flex;
            justify-content: flex-end;
            position: relative; }
          gh-view .ghViewContainer.ghEditor .ghViewContainerList gh-element .field-wrap-name span.field-name {
            user-select: none;
            padding: 0 10px 0 0;
            font-size: 12px;
            font-weight: 500;
            color: #bbbcc5;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 1em;
            display: inline-block;
            white-space: normal; }
      gh-view .ghViewContainer.ghEditor .ghViewContainerList gh-element[data-position*=left] {
        float: left;
        width: auto; }
      gh-view .ghViewContainer.ghEditor .ghViewContainerList gh-element[data-position*=right] {
        float: right;
        width: auto; }
      gh-view .ghViewContainer.ghEditor .ghViewContainerList gh-element[data-position*=center] {
        justify-content: center; }
      gh-view .ghViewContainer.ghEditor .ghViewContainerList gh-element[data-position*=beetwen] {
        width: 100%; }
      gh-view .ghViewContainer.ghEditor .ghViewContainerList gh-element[element-type=table] {
        height: 100%; }
    gh-view .ghViewContainer.ghEditor .dndDraggingSource {
      display: none !important; }
    gh-view .ghViewContainer.ghEditor .dndPlaceholder {
      background: #0893d2;
      opacity: .2;
      padding: 0;
      margin: 0;
      width: 100%;
      min-height: 40px;
      float: left; }

/* ============================ EDIT TEMPLATE SERVICE ============================ */
.edit_template_container {
  height: 100%; }
  .edit_template_container .menu {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px; }
    .edit_template_container .menu ul {
      display: inline-flex;
      align-items: center;
      flex-wrap: wrap; }
      .edit_template_container .menu ul li {
        display: inline-flex;
        padding: 0 5px; }
        .edit_template_container .menu ul li:hover .btn_view_delete {
          opacity: .4; }
        .edit_template_container .menu ul li .btn_view_delete {
          display: inline-flex;
          opacity: 0;
          cursor: pointer; }
          .edit_template_container .menu ul li .btn_view_delete:hover {
            opacity: 1; }
        .edit_template_container .menu ul li .btn_save {
          background-color: #0D99FF;
          color: #fff;
          font-weight: 400;
          border: 1px solid #0D99FF;
          padding: 8px 13px;
          border-radius: 50px; }
    .edit_template_container .menu .view_mode {
      display: flex;
      align-items: center;
      margin-left: 325px; }
      .edit_template_container .menu .view_mode_item:not(:last-child) {
        margin-right: 20px; }
      .edit_template_container .menu .view_mode_item .mode {
        cursor: pointer; }
      .edit_template_container .menu .view_mode_item.active {
        border-bottom: 2px solid #0D99FF; }
        .edit_template_container .menu .view_mode_item.active path {
          fill: #0D99FF; }
  .edit_template_container .edit_template_container_block {
    display: flex;
    height: calc(100% - 34px); }
    .edit_template_container .edit_template_container_block .edit_template_container_block_tabs {
      height: 100%;
      display: flex; }
      .edit_template_container .edit_template_container_block .edit_template_container_block_tabs_navigation {
        max-width: 140px;
        width: 100%;
        overflow: hidden;
        background-color: #EDEFF0;
        transition: .4s all; }
        .edit_template_container .edit_template_container_block .edit_template_container_block_tabs_navigation_toggle_btn {
          padding: 17px 0 17px 20px;
          cursor: pointer;
          display: inline-block; }
          .edit_template_container .edit_template_container_block .edit_template_container_block_tabs_navigation_toggle_btn svg path {
            stroke: #575757;
            stroke-width: 15%; }
        .edit_template_container .edit_template_container_block .edit_template_container_block_tabs_navigation_button {
          color: #575757;
          font-size: 14px;
          font-weight: 400; }
        .edit_template_container .edit_template_container_block .edit_template_container_block_tabs_navigation_list li {
          padding: 11px 16px;
          display: flex;
          align-items: center;
          justify-content: flex-start;
          cursor: pointer; }
          .edit_template_container .edit_template_container_block .edit_template_container_block_tabs_navigation_list li.gh-active-tab {
            background-color: #0D99FF; }
            .edit_template_container .edit_template_container_block .edit_template_container_block_tabs_navigation_list li.gh-active-tab path {
              fill: #fff; }
            .edit_template_container .edit_template_container_block .edit_template_container_block_tabs_navigation_list li.gh-active-tab .edit_template_container_block_tabs_navigation_button {
              color: #fff; }
          .edit_template_container .edit_template_container_block .edit_template_container_block_tabs_navigation_list li .tab_icon {
            margin-right: 20px; }
        .edit_template_container .edit_template_container_block .edit_template_container_block_tabs_navigation.hide_nav {
          max-width: 55px;
          overflow: hidden;
          transition: .4s all; }
          .edit_template_container .edit_template_container_block .edit_template_container_block_tabs_navigation.hide_nav .edit_template_container_block_tabs_navigation_toggle_btn svg {
            transform: rotate(180deg); }
      .edit_template_container .edit_template_container_block .edit_template_container_block_tabs .edit_template_container_block_tabs_container {
        height: calc(100% - 32px);
        border-top: 2px solid #EDEFF0; }
        .edit_template_container .edit_template_container_block .edit_template_container_block_tabs .edit_template_container_block_tabs_container .edit_template_container_block_tab {
          display: none;
          height: 100%;
          flex-wrap: wrap;
          min-width: 297px;
          max-width: 297px; }
          .edit_template_container .edit_template_container_block .edit_template_container_block_tabs .edit_template_container_block_tabs_container .edit_template_container_block_tab.activeTab {
            display: flex; }
          .edit_template_container .edit_template_container_block .edit_template_container_block_tabs .edit_template_container_block_tabs_container .edit_template_container_block_tab .edit_template_container_block_tab_search {
            display: flex;
            width: 100%;
            margin: 10px;
            justify-content: flex-start;
            align-items: center; }
            .edit_template_container .edit_template_container_block .edit_template_container_block_tabs .edit_template_container_block_tabs_container .edit_template_container_block_tab .edit_template_container_block_tab_search span {
              margin-right: 5px; }
            .edit_template_container .edit_template_container_block .edit_template_container_block_tabs .edit_template_container_block_tabs_container .edit_template_container_block_tab .edit_template_container_block_tab_search input {
              height: auto; }
          .edit_template_container .edit_template_container_block .edit_template_container_block_tabs .edit_template_container_block_tabs_container .edit_template_container_block_tab .edit_template_container_block_tab_elements_block {
            height: calc(100% - 46px);
            width: 100%;
            padding: 0 12px;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch; }
            .edit_template_container .edit_template_container_block .edit_template_container_block_tabs .edit_template_container_block_tabs_container .edit_template_container_block_tab .edit_template_container_block_tab_elements_block md-virtual-repeat-container {
              height: 98%; }
              .edit_template_container .edit_template_container_block .edit_template_container_block_tabs .edit_template_container_block_tabs_container .edit_template_container_block_tab .edit_template_container_block_tab_elements_block md-virtual-repeat-container .md-virtual-repeat-offsetter {
                padding: 0 5px; }
            .edit_template_container .edit_template_container_block .edit_template_container_block_tabs .edit_template_container_block_tabs_container .edit_template_container_block_tab .edit_template_container_block_tab_elements_block .edit_template_container_block_tab_element {
              display: flex;
              width: 100%;
              margin: 10px 0;
              background-color: #fff;
              border: 1px solid transparent;
              box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2);
              border-radius: 10px;
              padding: 10px;
              justify-content: space-between;
              align-items: center;
              min-height: 70px; }
              .edit_template_container .edit_template_container_block .edit_template_container_block_tabs .edit_template_container_block_tabs_container .edit_template_container_block_tab .edit_template_container_block_tab_elements_block .edit_template_container_block_tab_element:hover {
                border-color: #0893d2; }
              .edit_template_container .edit_template_container_block .edit_template_container_block_tabs .edit_template_container_block_tabs_container .edit_template_container_block_tab .edit_template_container_block_tab_elements_block .edit_template_container_block_tab_element .edit_template_container_block_tab_element_icon_title {
                display: flex;
                align-items: center; }
                .edit_template_container .edit_template_container_block .edit_template_container_block_tabs .edit_template_container_block_tabs_container .edit_template_container_block_tab .edit_template_container_block_tab_elements_block .edit_template_container_block_tab_element .edit_template_container_block_tab_element_icon_title .edit_template_container_block_tab_element_icon {
                  margin-right: 25px; }
              .edit_template_container .edit_template_container_block .edit_template_container_block_tabs .edit_template_container_block_tabs_container .edit_template_container_block_tab .edit_template_container_block_tab_elements_block .edit_template_container_block_tab_element .edit_template_container_block_tab_element_existing_icon {
                position: relative; }
                .edit_template_container .edit_template_container_block .edit_template_container_block_tabs .edit_template_container_block_tabs_container .edit_template_container_block_tab .edit_template_container_block_tab_elements_block .edit_template_container_block_tab_element .edit_template_container_block_tab_element_existing_icon .edit_template_container_block_tab_element_existing_settings {
                  display: none;
                  background-color: #fff;
                  padding: 5px 0;
                  z-index: 10;
                  position: absolute;
                  box-shadow: 0 0 5px rgba(121, 121, 121, 0.61);
                  min-width: 200px;
                  top: 0;
                  right: 0; }
                  .edit_template_container .edit_template_container_block .edit_template_container_block_tabs .edit_template_container_block_tabs_container .edit_template_container_block_tab .edit_template_container_block_tab_elements_block .edit_template_container_block_tab_element .edit_template_container_block_tab_element_existing_icon .edit_template_container_block_tab_element_existing_settings li {
                    padding: 3px;
                    cursor: pointer;
                    display: flex;
                    align-items: center; }
                    .edit_template_container .edit_template_container_block .edit_template_container_block_tabs .edit_template_container_block_tabs_container .edit_template_container_block_tab .edit_template_container_block_tab_elements_block .edit_template_container_block_tab_element .edit_template_container_block_tab_element_existing_icon .edit_template_container_block_tab_element_existing_settings li span {
                      margin-right: 5px; }
                    .edit_template_container .edit_template_container_block .edit_template_container_block_tabs .edit_template_container_block_tabs_container .edit_template_container_block_tab .edit_template_container_block_tab_elements_block .edit_template_container_block_tab_element .edit_template_container_block_tab_element_existing_icon .edit_template_container_block_tab_element_existing_settings li:hover {
                      background: rgba(8, 147, 210, 0.14); }
                .edit_template_container .edit_template_container_block .edit_template_container_block_tabs .edit_template_container_block_tabs_container .edit_template_container_block_tab .edit_template_container_block_tab_elements_block .edit_template_container_block_tab_element .edit_template_container_block_tab_element_existing_icon:hover .edit_template_container_block_tab_element_existing_settings {
                  display: block; }
              .edit_template_container .edit_template_container_block .edit_template_container_block_tabs .edit_template_container_block_tabs_container .edit_template_container_block_tab .edit_template_container_block_tab_elements_block .edit_template_container_block_tab_element .template_info span {
                font-size: 11px;
                font-weight: 500;
                color: #bbbcc5; }
    .edit_template_container .edit_template_container_block .edit_template_container_block_views {
      height: 100%;
      width: 100%;
      overflow: hidden;
      background: #fff; }
      .edit_template_container .edit_template_container_block .edit_template_container_block_views_navigation {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: flex-end;
        height: 55px;
        margin-bottom: 8px; }
        .edit_template_container .edit_template_container_block .edit_template_container_block_views_navigation .btn_add {
          width: 32px;
          height: 32px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: #0D99FF;
          border-radius: 50%;
          margin-left: 10px;
          margin-bottom: 7px;
          cursor: pointer; }
      .edit_template_container .edit_template_container_block .edit_template_container_block_views gh-view {
        margin: 0 auto;
        max-width: 100%;
        transition: .3s all ease-in; }
        .edit_template_container .edit_template_container_block .edit_template_container_block_views gh-view.mobile .gh_width_percent.gh_col_width_6 {
          width: 100%; }
    .edit_template_container .edit_template_container_block .views_list {
      display: flex;
      align-items: flex-end;
      border-radius: 4px;
      max-width: 90%;
      padding-bottom: 3px;
      height: 100%; }
      .edit_template_container .edit_template_container_block .views_list::-webkit-scrollbar {
        height: 5px; }
      .edit_template_container .edit_template_container_block .views_list::-webkit-scrollbar-thumb {
        background: #b9b9b9; }
        .edit_template_container .edit_template_container_block .views_list::-webkit-scrollbar-thumb:hover {
          background: #0D99FF; }
      .edit_template_container .edit_template_container_block .views_list::-webkit-scrollbar-track {
        background: #f1f1f1; }
      .edit_template_container .edit_template_container_block .views_list .btn_view {
        cursor: pointer;
        position: relative;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        color: #0D99FF;
        border: 1px solid #0D99FF;
        border-left: none; }
        .edit_template_container .edit_template_container_block .views_list .btn_view.active_view {
          background: #0D99FF;
          color: #fff;
          border: 1px solid transparent; }
        .edit_template_container .edit_template_container_block .views_list .btn_view:first-child {
          border-left: 1px solid #0D99FF; }
        .edit_template_container .edit_template_container_block .views_list .btn_view > div {
          padding: 8px 16px;
          width: max-content; }
        .edit_template_container .edit_template_container_block .views_list .btn_view .btn_view_edit {
          width: 30px;
          height: 30px;
          border-radius: 50%;
          background: #fff;
          box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
          display: none;
          justify-content: center;
          align-items: center;
          cursor: pointer;
          position: absolute;
          right: -15px;
          top: -15px;
          z-index: 1; }
          .edit_template_container .edit_template_container_block .views_list .btn_view .btn_view_edit .edit_settings {
            position: fixed;
            display: none;
            background-color: #fff;
            width: max-content;
            border-radius: 7px;
            box-shadow: 0 0 5px rgba(121, 121, 121, 0.6); }
            .edit_template_container .edit_template_container_block .views_list .btn_view .btn_view_edit .edit_settings li {
              display: flex;
              align-items: center;
              justify-content: flex-start;
              color: #0D99FF;
              padding: 0 7px;
              margin: 3px 0; }
              .edit_template_container .edit_template_container_block .views_list .btn_view .btn_view_edit .edit_settings li:not(:last-child) {
                margin-bottom: 5px; }
              .edit_template_container .edit_template_container_block .views_list .btn_view .btn_view_edit .edit_settings li:hover {
                background-color: #0D99FF;
                color: #fff; }
                .edit_template_container .edit_template_container_block .views_list .btn_view .btn_view_edit .edit_settings li:hover svg path {
                  fill: #fff; }
              .edit_template_container .edit_template_container_block .views_list .btn_view .btn_view_edit .edit_settings li span {
                margin-right: 5px; }
          .edit_template_container .edit_template_container_block .views_list .btn_view .btn_view_edit:hover .edit_settings {
            display: block; }
        .edit_template_container .edit_template_container_block .views_list .btn_view:hover .btn_view_edit {
          display: flex; }

.edit_view-popup {
  padding: 20px 16px 12px;
  min-width: 233px; }
  .edit_view-popup__header {
    font-size: 18px;
    color: #0D99FF;
    font-weight: 300;
    padding-bottom: 3px;
    margin-bottom: 22px;
    border-bottom: 1px solid #0D99FF; }
  .edit_view-popup__content__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px; }
    .edit_view-popup__content__item label {
      color: #bbbcc5;
      font-size: 12px;
      font-weight: 500;
      margin-right: 10px; }
    .edit_view-popup__content__item input.view_name {
      padding-top: 0;
      border-bottom: 1px solid #e7e7ee;
      padding-bottom: 3px; }
      .edit_view-popup__content__item input.view_name::placeholder, .edit_view-popup__content__item input.view_name:hover {
        border-color: #e7e7ee; }
      .edit_view-popup__content__item input.view_name:focus {
        padding-top: 0;
        padding-bottom: 3px;
        border-color: #e7e7ee; }
  .edit_view-popup__btns {
    text-align: right; }
  .edit_view-popup .close {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer; }
  .edit_view-popup.delete {
    padding-left: 33px;
    padding-right: 33px;
    max-width: 266px; }
    .edit_view-popup.delete .edit_view-popup__header {
      font-size: 20px;
      margin-bottom: 8px;
      border-bottom: none;
      text-align: center; }
    .edit_view-popup.delete .edit_view-popup__content {
      text-align: center;
      color: #575757;
      margin-bottom: 15px;
      font-size: 16px; }
    .edit_view-popup.delete .edit_view-popup__btns {
      text-align: center; }

.add_view_popup {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative; }
  .add_view_popup__header {
    margin-top: 28px;
    margin-bottom: 12%; }
    .add_view_popup__header .steps {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative; }
      .add_view_popup__header .steps .step {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin: 0 12px; }
        .add_view_popup__header .steps .step__number {
          width: 32px;
          height: 32px;
          border-radius: 50%;
          border: 1px solid #bbbcc5;
          display: flex;
          align-items: center;
          justify-content: center; }
          .add_view_popup__header .steps .step__number span {
            font-size: 14px;
            font-weight: 600;
            color: #bbbcc5; }
        .add_view_popup__header .steps .step__title {
          font-size: 14px;
          color: #bbbcc5;
          margin-top: 22px; }
        .add_view_popup__header .steps .step.active .step__number {
          border-color: #0D99FF; }
          .add_view_popup__header .steps .step.active .step__number span {
            color: #0D99FF; }
        .add_view_popup__header .steps .step.active .step__title {
          color: #0D99FF; }
      .add_view_popup__header .steps .line {
        width: 88px;
        border-bottom: 2px solid #d9d9d9;
        position: absolute;
        top: 16px;
        left: 52%;
        transform: translateX(-51%); }
  .add_view_popup__body {
    min-width: 500px; }
    .add_view_popup__body .title {
      font-size: 48px;
      text-align: center;
      color: #0D99FF;
      font-weight: 300; }
    .add_view_popup__body .buttons {
      text-align: center; }
      .add_view_popup__body .buttons button {
        font-size: 30px;
        font-weight: 300; }
        .add_view_popup__body .buttons button svg path {
          stroke: #fff;
          stroke-width: 30px; }
        .add_view_popup__body .buttons button.btn-blue:hover svg path {
          stroke: #0D99FF; }
    .add_view_popup__body .first_step.hidden {
      transition: .7s;
      position: absolute;
      right: -10000px; }
      .add_view_popup__body .first_step.hidden.animated {
        right: 0;
        transition: .7s; }
    .add_view_popup__body .second_step {
      position: absolute;
      right: -10000px;
      top: 250px;
      transition: .7s;
      width: 100%; }
      .add_view_popup__body .second_step.animated {
        transition: .7s;
        right: 0; }
        .add_view_popup__body .second_step.animated.hidden {
          position: absolute;
          right: -10000px;
          transition: .7s; }
      .add_view_popup__body .second_step .input_wrapper {
        margin-top: 100px;
        margin-bottom: 188px;
        text-align: center; }
        .add_view_popup__body .second_step .input_wrapper label {
          color: #A4A4A8;
          font-size: 18px;
          font-weight: 500;
          margin-right: 14px; }
        .add_view_popup__body .second_step .input_wrapper input {
          font-size: 24px;
          font-weight: 300;
          color: #575757;
          border-bottom: 1px solid #e7e7ee; }
  .add_view_popup .close {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer; }

/* ============================ pencilContainerSettings ============================ */
.ghEditor .gh_title_with_icon > .continer_decorator > .edit_template_container_form > .edit_template_container_form_icon_title > .title_block, .ghEditor .gh_title_with_icon > .continer_decorator > .edit_template_container_form > .edit_template_container_form_icon_title > .icon_block {
  display: block !important; }

.ghEditor .edit_template_container_form {
  display: flex;
  justify-content: flex-end;
  min-height: 32px;
  min-width: 35px; }
  .ghEditor .edit_template_container_form .title_block {
    width: 100%; }
  .ghEditor .edit_template_container_form .title_block, .ghEditor .edit_template_container_form .icon_block {
    display: none; }
  .ghEditor .edit_template_container_form .icon_block {
    max-width: 1.3em; }
  .ghEditor .edit_template_container_form .edit_template_container_form_icon_title {
    display: flex;
    width: 100%;
    font-weight: 300;
    font-size: 34px;
    line-height: 40px;
    color: #0D99FF;
    overflow: hidden;
    align-items: flex-end; }
  .ghEditor .edit_template_container_form input {
    font-size: 28px;
    font-weight: 300;
    color: #0D99FF;
    width: 100%; }
  .ghEditor .edit_template_container_form .icon_pencil_container {
    display: none;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    padding: 4px; }
    .ghEditor .edit_template_container_form .icon_pencil_container:hover .icon_container {
      display: block;
      pointer-events: all; }
    .ghEditor .edit_template_container_form .icon_pencil_container .icon_container {
      display: none;
      pointer-events: none;
      position: fixed;
      background-color: #fff;
      padding: 5px;
      z-index: 10;
      box-shadow: 0 0 5px rgba(121, 121, 121, 0.61);
      width: 100%;
      max-width: 200px;
      transform: translate(-90%, -1%); }
      .ghEditor .edit_template_container_form .icon_pencil_container .icon_container-item {
        cursor: pointer;
        padding: 3px;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        transition: all .3s; }
        .ghEditor .edit_template_container_form .icon_pencil_container .icon_container-item:hover {
          background: rgba(8, 147, 210, 0.14); }
        .ghEditor .edit_template_container_form .icon_pencil_container .icon_container-item div {
          display: flex;
          align-items: center;
          width: 100%; }
          .ghEditor .edit_template_container_form .icon_pencil_container .icon_container-item div span {
            margin-right: 5px; }
    .ghEditor .edit_template_container_form .icon_pencil_container setting-group .group_name {
      margin-right: 10px; }
    .ghEditor .edit_template_container_form .icon_pencil_container setting-group .setting_group li {
      display: flex; }
      .ghEditor .edit_template_container_form .icon_pencil_container setting-group .setting_group li:hover {
        background: rgba(8, 147, 210, 0.14); }
    .ghEditor .edit_template_container_form .icon_pencil_container setting-group .setting_group .setting_group-item li {
      flex-wrap: wrap; }
      .ghEditor .edit_template_container_form .icon_pencil_container setting-group .setting_group .setting_group-item li:hover {
        background: none; }
      .ghEditor .edit_template_container_form .icon_pencil_container setting-group .setting_group .setting_group-item li span {
        padding: 2px;
        margin-right: 5px;
        margin-bottom: 3px;
        border: 1px solid transparent;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center; }
        .ghEditor .edit_template_container_form .icon_pencil_container setting-group .setting_group .setting_group-item li span:hover {
          background: rgba(8, 147, 210, 0.14); }
        .ghEditor .edit_template_container_form .icon_pencil_container setting-group .setting_group .setting_group-item li span.active {
          border-color: #FF3333;
          border-radius: 5px; }

.ghEditor .gh_flex:hover > .gh_flex_block > .edit_template_container_form .icon_pencil_container {
  display: block; }

.ghEditor .gh_float:hover > .gh_float_block > .edit_template_container_form .icon_pencil_container {
  display: block; }

.ghEditor .gh_float.gh_title_without_underline > .gh_float_block > .gh_float_block_list {
  height: calc(100% - 44px) !important; }

.ghEditor .gh_float.gh_title_without_underline > .gh_float_block > .edit_template_container_form .title_block {
  display: block;
  border: none !important; }

.ghEditor .gh_float.gh_title > .gh_float_block > .edit_template_container_form .title_block {
  display: block;
  border-bottom: 1px solid #0D99FF; }

.ghEditor .gh_float.gh_title > .gh_float_block > .gh_float_block_list {
  height: calc(100% - 44px) !important; }

.ghEditor .gh_float.gh_title > .gh_float_block > .edit_template_container_form .title_block {
  display: block;
  border-bottom: 1px solid #0D99FF; }

.ghEditor .gh_float.gh_icon > .gh_float_block > .edit_template_container_form .icon_block {
  display: flex;
  max-width: 1.2em; }

.ghEditor .gh_float.gh_icon_left_center > .gh_float_block > .edit_template_container_form .icon_block {
  display: flex;
  max-width: 1.2em; }

.ghEditor .gh_float.gh_icon_right_bottom_corner {
  position: relative; }
  .ghEditor .gh_float.gh_icon_right_bottom_corner > .gh_float_block > .edit_template_container_form .icon_block {
    display: block !important;
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 3.2em; }
    .ghEditor .gh_float.gh_icon_right_bottom_corner > .gh_float_block > .edit_template_container_form .icon_block svg path {
      opacity: .5; }

.ghEditor .gh_float.gh_icon_left_center {
  position: relative; }
  .ghEditor .gh_float.gh_icon_left_center .continer_decorator {
    padding-left: 6em !important; }
  .ghEditor .gh_float.gh_icon_left_center > .gh_float_block > .edit_template_container_form .icon_block {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(2%, -50%);
    max-width: 2em !important;
    display: block !important; }

.ghEditor .gh_float.gh_title_left_icon_right > .gh_float_block > .edit_template_container_form > .edit_template_container_form_icon_title {
  flex-direction: row-reverse;
  align-items: center !important; }
  .ghEditor .gh_float.gh_title_left_icon_right > .gh_float_block > .edit_template_container_form > .edit_template_container_form_icon_title .icon_block {
    display: block !important; }
  .ghEditor .gh_float.gh_title_left_icon_right > .gh_float_block > .edit_template_container_form > .edit_template_container_form_icon_title .title_block {
    display: block !important; }

.ghEditor .gh_tabs:hover > .gh_tabs_block > .edit_template_container_form .icon_pencil_container {
  display: block; }

.ghEditor .gh_tabs.gh_title > .gh_tabs_block > .gh_tabs_align > .gh_tabs_block_nav > .gh_tabs_block_nav_btn > .gh_tabs_block_nav_btn_title {
  display: inline !important; }

.ghEditor .gh_tabs.gh_icon > .gh_tabs_block > .gh_tabs_align > .gh_tabs_block_nav > .gh_tabs_block_nav_btn > .gh_tabs_block_nav_btn_icon {
  display: flex !important; }

.ghEditor .gh_tabs.gh_nav_tabs_top > .gh_tabs_block > .gh_tabs_align {
  flex-direction: column; }

.ghEditor .gh_tabs.gh_nav_tabs_top > .gh_tabs_block > .gh_tabs_align > .gh_tabs_block_nav {
  width: 100%;
  border-bottom: 1px solid #cacbd1; }
  .ghEditor .gh_tabs.gh_nav_tabs_top > .gh_tabs_block > .gh_tabs_align > .gh_tabs_block_nav .gh_tabs_block_nav_btn.--active_tab {
    box-shadow: inset 0 -3px 0 0 #0893d2; }

.ghEditor .gh_tabs.gh_nav_tabs_bottom > .gh_tabs_block > .gh_tabs_align {
  flex-direction: column-reverse; }

.ghEditor .gh_tabs.gh_nav_tabs_bottom > .gh_tabs_block > .gh_tabs_align > .gh_tabs_block_nav {
  width: 100%;
  border-top: 1px solid #cacbd1; }
  .ghEditor .gh_tabs.gh_nav_tabs_bottom > .gh_tabs_block > .gh_tabs_align > .gh_tabs_block_nav .gh_tabs_block_nav_btn.--active_tab {
    box-shadow: inset 0 3px 0 0 #0893d2; }

.ghEditor .gh_tabs.gh_nav_tabs_left > .gh_tabs_block > .gh_tabs_align {
  flex-direction: row; }

.ghEditor .gh_tabs.gh_nav_tabs_left > .gh_tabs_block > .gh_tabs_align > .gh_tabs_block_nav {
  border-right: 1px solid #cacbd1;
  max-width: 200px;
  display: flex;
  flex-direction: column; }
  .ghEditor .gh_tabs.gh_nav_tabs_left > .gh_tabs_block > .gh_tabs_align > .gh_tabs_block_nav .gh_tabs_block_nav_btn {
    margin-right: 0 !important;
    flex-direction: row-reverse; }
    .ghEditor .gh_tabs.gh_nav_tabs_left > .gh_tabs_block > .gh_tabs_align > .gh_tabs_block_nav .gh_tabs_block_nav_btn.--active_tab {
      box-shadow: inset -3px 0 0 0 #0893d2; }
    .ghEditor .gh_tabs.gh_nav_tabs_left > .gh_tabs_block > .gh_tabs_align > .gh_tabs_block_nav .gh_tabs_block_nav_btn input {
      text-align: right; }

.ghEditor .gh_tabs.gh_nav_tabs_right > .gh_tabs_block > .gh_tabs_align {
  flex-direction: row-reverse; }

.ghEditor .gh_tabs.gh_nav_tabs_right > .gh_tabs_block > .gh_tabs_align > .gh_tabs_block_nav {
  border-left: 1px solid #cacbd1;
  max-width: 200px;
  display: flex;
  flex-direction: column; }
  .ghEditor .gh_tabs.gh_nav_tabs_right > .gh_tabs_block > .gh_tabs_align > .gh_tabs_block_nav .gh_tabs_block_nav_btn {
    margin-right: 0 !important;
    flex-direction: row; }
    .ghEditor .gh_tabs.gh_nav_tabs_right > .gh_tabs_block > .gh_tabs_align > .gh_tabs_block_nav .gh_tabs_block_nav_btn.--active_tab {
      box-shadow: inset 3px 0 0 0 #0893d2; }

.ghEditor .shadow.gh_icon_left_center > .continer_decorator.gh_float {
  padding-left: 6em !important; }

.ghEditor .shadow > .continer_decorator.gh_float {
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.19);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.19);
  padding: 20px !important; }

.ghForm .gh_float .continer_decorator {
  width: 100%;
  height: 100%;
  padding: 0 !important;
  position: relative; }

.ghForm .gh_float.gh_title_without_underline > .continer_decorator > .template_icon_title_block_form > .template_title_form {
  display: block !important;
  border: none !important; }

.ghForm .gh_float.gh_title > .continer_decorator > .template_icon_title_block_form > .template_title_form {
  display: block !important;
  border-bottom: 1px solid; }

.ghForm .gh_float.gh_title_with_icon > .continer_decorator > .template_icon_title_block_form > .template_title_form {
  display: block !important; }

.ghForm .gh_float.gh_title_with_icon > .continer_decorator > .template_icon_title_block_form > .template_icon_form {
  display: flex !important;
  max-width: 1.3em; }

.ghForm .gh_float.gh_icon > .template_icon_title_block_form > .template_icon_form {
  display: flex !important; }

.ghForm .gh_float.gh_icon_right_bottom_corner {
  position: relative; }
  .ghForm .gh_float.gh_icon_right_bottom_corner > .continer_decorator > .template_icon_title_block_form > .template_icon_form {
    display: block !important;
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 3.2em !important;
    display: block !important; }
    .ghForm .gh_float.gh_icon_right_bottom_corner > .continer_decorator > .template_icon_title_block_form > .template_icon_form svg path {
      opacity: .5; }

.ghForm .gh_float.gh_icon_left_center {
  position: relative; }
  .ghForm .gh_float.gh_icon_left_center > .continer_decorator {
    padding-left: 6em !important; }
    .ghForm .gh_float.gh_icon_left_center > .continer_decorator > .template_icon_title_block_form > .template_icon_form {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translate(2%, -50%);
      max-width: 2em !important;
      display: block !important; }

.ghForm .gh_float.gh_title_left_icon_right > .continer_decorator > .template_icon_title_block_form {
  flex-direction: row-reverse;
  align-items: center !important; }
  .ghForm .gh_float.gh_title_left_icon_right > .continer_decorator > .template_icon_title_block_form .template_icon_form {
    display: block !important; }
  .ghForm .gh_float.gh_title_left_icon_right > .continer_decorator > .template_icon_title_block_form .template_title_form {
    display: block !important; }

.ghForm .gh_float.gh_title_without_underline > .float_block_template_repeat_form, .ghForm .gh_float.gh_icon > .float_block_template_repeat_form {
  height: calc(100% - 41px) !important; }

.ghForm .gh_tabs.gh_title > .gh_tabs_block_nav > .gh_tabs_block_nav_btn > .gh_tabs_block_nav_btn_title {
  display: inline !important; }

.ghForm .gh_tabs.gh_icon > .gh_tabs_block_nav > .gh_tabs_block_nav_btn > .gh_tabs_block_nav_btn_icon {
  display: flex !important; }

.ghForm .gh_tabs.gh_nav_tabs_top {
  flex-direction: column; }
  .ghForm .gh_tabs.gh_nav_tabs_top > .gh_tabs_block_nav {
    width: 100%;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    position: relative; }
    .ghForm .gh_tabs.gh_nav_tabs_top > .gh_tabs_block_nav::after {
      content: "";
      display: block;
      width: 100%;
      height: 1px;
      background: #d9d9d9;
      left: 0;
      bottom: 7px;
      position: absolute; }
    .ghForm .gh_tabs.gh_nav_tabs_top > .gh_tabs_block_nav span {
      white-space: nowrap; }
    .ghForm .gh_tabs.gh_nav_tabs_top > .gh_tabs_block_nav .gh_tabs_block_nav_btn.--active_tab {
      position: relative; }
      .ghForm .gh_tabs.gh_nav_tabs_top > .gh_tabs_block_nav .gh_tabs_block_nav_btn.--active_tab::after {
        content: "";
        display: block;
        width: calc(100% - 25px);
        height: 4px;
        background: #0D99FF;
        left: 0;
        bottom: 7px;
        position: absolute; }

.ghForm .gh_tabs.gh_nav_tabs_bottom {
  flex-direction: column-reverse; }
  .ghForm .gh_tabs.gh_nav_tabs_bottom > .gh_tabs_block_nav {
    width: 100%;
    border-top: 1px solid #cacbd1; }
    .ghForm .gh_tabs.gh_nav_tabs_bottom > .gh_tabs_block_nav .gh_tabs_block_nav_btn.--active_tab {
      box-shadow: inset 0 3px 0 0 #0893d2; }
    .ghForm .gh_tabs.gh_nav_tabs_bottom > .gh_tabs_block_nav .gh_tabs_block_nav_btn:before {
      bottom: auto;
      top: -1px; }

.ghForm .gh_tabs.gh_nav_tabs_left {
  flex-direction: row; }
  .ghForm .gh_tabs.gh_nav_tabs_left > .gh_tabs_block_nav {
    border-right: 1px solid #cacbd1;
    max-width: 200px;
    display: flex;
    flex-direction: column; }
    .ghForm .gh_tabs.gh_nav_tabs_left > .gh_tabs_block_nav .gh_tabs_block_nav_btn {
      margin-right: 0 !important;
      flex-direction: row-reverse; }
      .ghForm .gh_tabs.gh_nav_tabs_left > .gh_tabs_block_nav .gh_tabs_block_nav_btn.--active_tab {
        box-shadow: inset -3px 0 0 0 #0893d2; }
      .ghForm .gh_tabs.gh_nav_tabs_left > .gh_tabs_block_nav .gh_tabs_block_nav_btn input {
        text-align: right; }
      .ghForm .gh_tabs.gh_nav_tabs_left > .gh_tabs_block_nav .gh_tabs_block_nav_btn:before {
        bottom: 0 !important; }

.ghForm .gh_tabs.gh_nav_tabs_right {
  flex-direction: row-reverse; }
  .ghForm .gh_tabs.gh_nav_tabs_right > .gh_tabs_block_nav {
    border-left: 1px solid #cacbd1;
    max-width: 200px;
    display: flex;
    flex-direction: column; }
    .ghForm .gh_tabs.gh_nav_tabs_right > .gh_tabs_block_nav .gh_tabs_block_nav_btn {
      margin-right: 0 !important;
      flex-direction: row; }
      .ghForm .gh_tabs.gh_nav_tabs_right > .gh_tabs_block_nav .gh_tabs_block_nav_btn.--active_tab {
        box-shadow: inset 3px 0 0 0 #0893d2; }
      .ghForm .gh_tabs.gh_nav_tabs_right > .gh_tabs_block_nav .gh_tabs_block_nav_btn:before {
        bottom: 0 !important; }

.ghForm .shadow.gh_icon_left_center > .continer_decorator.gh_float {
  padding-left: 6em !important; }

.ghForm .shadow > .continer_decorator.gh_float {
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.19);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.19);
  padding: 20px !important;
  margin: 10px; }

.ghForm .continer_decorator .gh_float .template_icon_title_block_form {
  padding: 0 10px; }

/* ============================ CONTAINERS STYLES ============================ */
.ghViewContainer div.gh_float.gh_container_color_strawberry > .gh_float.continer_decorator {
  background-color: #EA4492;
  color: #ffffff; }
  .ghViewContainer div.gh_float.gh_container_color_strawberry > .gh_float.continer_decorator .icon_container {
    color: #000; }
  .ghViewContainer div.gh_float.gh_container_color_strawberry > .gh_float.continer_decorator .gh_element_name {
    color: #ffffff; }

.ghViewContainer div.gh_float.gh_container_color_strawberry .template_icon_title_block_form .template_icon_form svg path {
  fill: #fff; }

.ghViewContainer div.gh_float.gh_container_color_strawberry .template_title_form {
  color: #fff !important; }

.ghViewContainer div.gh_float.gh_container_color_strawberry gh-element {
  color: #ffffff; }

.ghViewContainer div.gh_float.gh_container_color_strawberry .edit_template_container_form .title_block {
  color: #ffffff; }

.ghViewContainer div.gh_float.gh_container_color_strawberry .edit_template_container_form_icon_title .icon_block svg path {
  fill: #fff; }

.ghViewContainer div.gh_float.gh_container_color_strawberry .gh_title .edit_template_container_form .title_block {
  border-color: #fff !important; }

.ghViewContainer div.gh_float.gh_container_color_pink > .continer_decorator.gh_float {
  background-color: #ff9cda;
  color: #fff; }
  .ghViewContainer div.gh_float.gh_container_color_pink > .continer_decorator.gh_float .icon_container {
    color: #000; }
  .ghViewContainer div.gh_float.gh_container_color_pink > .continer_decorator.gh_float .gh_element_name {
    color: #ffffff; }
  .ghViewContainer div.gh_float.gh_container_color_pink > .continer_decorator.gh_float .template_title_form {
    color: #fff !important; }
  .ghViewContainer div.gh_float.gh_container_color_pink > .continer_decorator.gh_float .template_icon_title_block_form .template_icon_form svg path {
    fill: #fff; }

.ghViewContainer div.gh_float.gh_container_color_pink gh-element {
  color: #fff5e4; }

.ghViewContainer div.gh_float.gh_container_color_pink .edit_template_container_form .title_block {
  color: #fff5e4; }

.ghViewContainer div.gh_float.gh_container_color_pink .edit_template_container_form_icon_title .icon_block svg path {
  fill: #fff; }

.ghViewContainer div.gh_float.gh_container_color_pink .gh_title .edit_template_container_form .title_block {
  border-color: #fff !important; }

.ghViewContainer div.gh_float.gh_container_color_black > .continer_decorator.gh_float {
  background-color: #000000;
  color: #ffffff; }
  .ghViewContainer div.gh_float.gh_container_color_black > .continer_decorator.gh_float .icon_container {
    color: #000; }
  .ghViewContainer div.gh_float.gh_container_color_black > .continer_decorator.gh_float .gh_element_name {
    color: #ffffff; }
  .ghViewContainer div.gh_float.gh_container_color_black > .continer_decorator.gh_float .template_title_form {
    color: #fff !important; }
  .ghViewContainer div.gh_float.gh_container_color_black > .continer_decorator.gh_float .template_icon_title_block_form .template_icon_form svg path {
    fill: #fff; }

.ghViewContainer div.gh_float.gh_container_color_black gh-element {
  color: #ffffff; }

.ghViewContainer div.gh_float.gh_container_color_black .edit_template_container_form .title_block {
  color: #ffffff; }

.ghViewContainer div.gh_float.gh_container_color_black .edit_template_container_form_icon_title .icon_block svg path {
  fill: #fff; }

.ghViewContainer div.gh_float.gh_container_color_black .gh_title .edit_template_container_form .title_block {
  border-color: #fff !important; }

.ghViewContainer div.gh_float.gh_container_color_violet > .continer_decorator.gh_float {
  background-color: #A358DF;
  color: #ffffff; }
  .ghViewContainer div.gh_float.gh_container_color_violet > .continer_decorator.gh_float .icon_container {
    color: #000; }
  .ghViewContainer div.gh_float.gh_container_color_violet > .continer_decorator.gh_float .gh_element_name {
    color: #ffffff; }
  .ghViewContainer div.gh_float.gh_container_color_violet > .continer_decorator.gh_float .template_title_form {
    color: #fff !important; }
  .ghViewContainer div.gh_float.gh_container_color_violet > .continer_decorator.gh_float .template_icon_title_block_form .template_icon_form svg path {
    fill: #fff; }

.ghViewContainer div.gh_float.gh_container_color_violet gh-element {
  color: #ffffff; }

.ghViewContainer div.gh_float.gh_container_color_violet .edit_template_container_form .title_block {
  color: #ffffff; }

.ghViewContainer div.gh_float.gh_container_color_violet .edit_template_container_form_icon_title .icon_block svg path {
  fill: #fff; }

.ghViewContainer div.gh_float.gh_container_color_violet .gh_title .edit_template_container_form .title_block {
  border-color: #fff !important; }

.ghViewContainer div.gh_float.gh_container_color_red > .continer_decorator.gh_float {
  background-color: #FB275D;
  color: #ffffff; }
  .ghViewContainer div.gh_float.gh_container_color_red > .continer_decorator.gh_float .icon_container {
    color: #000; }
  .ghViewContainer div.gh_float.gh_container_color_red > .continer_decorator.gh_float .gh_element_name {
    color: #ffffff; }
  .ghViewContainer div.gh_float.gh_container_color_red > .continer_decorator.gh_float .template_title_form {
    color: #fff !important; }
  .ghViewContainer div.gh_float.gh_container_color_red > .continer_decorator.gh_float .template_icon_title_block_form .template_icon_form svg path {
    fill: #fff; }

.ghViewContainer div.gh_float.gh_container_color_red gh-element {
  color: #ffffff; }

.ghViewContainer div.gh_float.gh_container_color_red .edit_template_container_form .title_block {
  color: #ffffff; }

.ghViewContainer div.gh_float.gh_container_color_red .edit_template_container_form_icon_title .icon_block svg path {
  fill: #fff; }

.ghViewContainer div.gh_float.gh_container_color_red .gh_title .edit_template_container_form .title_block {
  border-color: #fff !important; }

.ghViewContainer div.gh_float.gh_container_color_yelow > .continer_decorator.gh_float {
  background-color: #FFCC00;
  color: #ffffff; }
  .ghViewContainer div.gh_float.gh_container_color_yelow > .continer_decorator.gh_float .icon_container {
    color: #000; }
  .ghViewContainer div.gh_float.gh_container_color_yelow > .continer_decorator.gh_float .gh_element_name {
    color: #ffffff; }
  .ghViewContainer div.gh_float.gh_container_color_yelow > .continer_decorator.gh_float .template_title_form {
    color: #fff !important; }
  .ghViewContainer div.gh_float.gh_container_color_yelow > .continer_decorator.gh_float .template_icon_title_block_form .template_icon_form svg path {
    fill: #fff; }

.ghViewContainer div.gh_float.gh_container_color_yelow gh-element {
  color: #ffffff; }

.ghViewContainer div.gh_float.gh_container_color_yelow .edit_template_container_form .title_block {
  color: #ffffff; }

.ghViewContainer div.gh_float.gh_container_color_yelow .edit_template_container_form_icon_title .icon_block svg path {
  fill: #fff; }

.ghViewContainer div.gh_float.gh_container_color_yelow .gh_title .edit_template_container_form .title_block {
  border-color: #fff !important; }

.ghViewContainer div.gh_float.gh_container_color_green > .continer_decorator.gh_float {
  background-color: #00CC6F;
  color: #ffffff; }
  .ghViewContainer div.gh_float.gh_container_color_green > .continer_decorator.gh_float .icon_container {
    color: #000; }
  .ghViewContainer div.gh_float.gh_container_color_green > .continer_decorator.gh_float .gh_element_name {
    color: #ffffff; }
  .ghViewContainer div.gh_float.gh_container_color_green > .continer_decorator.gh_float .template_title_form {
    color: #fff !important; }
  .ghViewContainer div.gh_float.gh_container_color_green > .continer_decorator.gh_float .template_icon_title_block_form .template_icon_form svg path {
    fill: #fff; }

.ghViewContainer div.gh_float.gh_container_color_green gh-element {
  color: #ffffff; }

.ghViewContainer div.gh_float.gh_container_color_green .edit_template_container_form .title_block {
  color: #ffffff; }

.ghViewContainer div.gh_float.gh_container_color_green .edit_template_container_form_icon_title .icon_block svg path {
  fill: #fff; }

.ghViewContainer div.gh_float.gh_container_color_green .gh_title .edit_template_container_form .title_block {
  border-color: #fff !important; }

.ghViewContainer div.gh_float.gh_container_color_blue > .continer_decorator.gh_float {
  background-color: #009AFF;
  color: #ffffff; }
  .ghViewContainer div.gh_float.gh_container_color_blue > .continer_decorator.gh_float .icon_container {
    color: #000; }
  .ghViewContainer div.gh_float.gh_container_color_blue > .continer_decorator.gh_float .gh_element_name {
    color: #ffffff; }
  .ghViewContainer div.gh_float.gh_container_color_blue > .continer_decorator.gh_float .template_title_form {
    color: #fff !important; }
  .ghViewContainer div.gh_float.gh_container_color_blue > .continer_decorator.gh_float .template_icon_title_block_form .template_icon_form svg path {
    fill: #fff; }

.ghViewContainer div.gh_float.gh_container_color_blue gh-element {
  color: #ffffff; }

.ghViewContainer div.gh_float.gh_container_color_blue .edit_template_container_form .title_block {
  color: #ffffff; }

.ghViewContainer div.gh_float.gh_container_color_blue .edit_template_container_form_icon_title .icon_block svg path {
  fill: #fff; }

.ghViewContainer div.gh_float.gh_container_color_blue .gh_title .edit_template_container_form .title_block {
  border-color: #fff !important; }

.ghViewContainer div.gh_float.gh_container_color_indigo > .continer_decorator.gh_float {
  background-color: #595ad4;
  color: #ffffff; }
  .ghViewContainer div.gh_float.gh_container_color_indigo > .continer_decorator.gh_float .icon_container {
    color: #000; }
  .ghViewContainer div.gh_float.gh_container_color_indigo > .continer_decorator.gh_float .gh_element_name {
    color: #ffffff; }
  .ghViewContainer div.gh_float.gh_container_color_indigo > .continer_decorator.gh_float .template_title_form {
    color: #fff !important; }
  .ghViewContainer div.gh_float.gh_container_color_indigo > .continer_decorator.gh_float .template_icon_title_block_form .template_icon_form svg path {
    fill: #fff; }

.ghViewContainer div.gh_float.gh_container_color_indigo gh-element {
  color: #ffffff; }

.ghViewContainer div.gh_float.gh_container_color_indigo .edit_template_container_form .title_block {
  color: #ffffff; }

.ghViewContainer div.gh_float.gh_container_color_indigo .edit_template_container_form_icon_title .icon_block svg path {
  fill: #fff; }

.ghViewContainer div.gh_float.gh_container_color_indigo .gh_title .edit_template_container_form .title_block {
  border-color: #fff !important; }

.ghViewContainer div.gh_float.gh_container_color_sky > .continer_decorator.gh_float {
  background-color: #00CFF4;
  color: #ffffff; }
  .ghViewContainer div.gh_float.gh_container_color_sky > .continer_decorator.gh_float .icon_container {
    color: #000; }
  .ghViewContainer div.gh_float.gh_container_color_sky > .continer_decorator.gh_float .gh_element_name {
    color: #ffffff; }
  .ghViewContainer div.gh_float.gh_container_color_sky > .continer_decorator.gh_float .template_title_form {
    color: #fff !important; }
  .ghViewContainer div.gh_float.gh_container_color_sky > .continer_decorator.gh_float .template_icon_title_block_form .template_icon_form svg path {
    fill: #fff; }

.ghViewContainer div.gh_float.gh_container_color_sky gh-element {
  color: #ffffff; }

.ghViewContainer div.gh_float.gh_container_color_sky .edit_template_container_form .title_block {
  color: #ffffff; }

.ghViewContainer div.gh_float.gh_container_color_sky .edit_template_container_form_icon_title .icon_block svg path {
  fill: #fff; }

.ghViewContainer div.gh_float.gh_container_color_sky .gh_title .edit_template_container_form .title_block {
  border-color: #fff !important; }

.ghViewContainer div.gh_float.gh_container_color_white > .continer_decorator.gh_float {
  background-color: #ffffff; }
  .ghViewContainer div.gh_float.gh_container_color_white > .continer_decorator.gh_float > gh-element {
    color: #000; }
  .ghViewContainer div.gh_float.gh_container_color_white > .continer_decorator.gh_float > .gh_element_name {
    color: #bbbcc5; }
  .ghViewContainer div.gh_float.gh_container_color_white > .continer_decorator.gh_float > .template_title_form {
    color: #0D99FF !important; }
  .ghViewContainer div.gh_float.gh_container_color_white > .continer_decorator.gh_float > .icon_container {
    color: #000; }
  .ghViewContainer div.gh_float.gh_container_color_white > .continer_decorator.gh_float > .edit_template_container_form .title_block {
    color: #0D99FF; }
  .ghViewContainer div.gh_float.gh_container_color_white > .continer_decorator.gh_float > .template_icon_title_block_form .template_icon_form svg path {
    fill: #0D99FF; }
  .ghViewContainer div.gh_float.gh_container_color_white > .continer_decorator.gh_float > .edit_template_container_form_icon_title .icon_block svg path {
    fill: #0D99FF; }

.ghViewContainer div.gh_float.gh_container_color_white .gh_title .edit_template_container_form .title_block {
  border-color: #0D99FF !important; }

/* ============================ SIZES CONTAINERS ============================ */
.gh_width_percent.gh_col_width_1 {
  width: 8.33333%; }

.gh_height_percent.gh_col_height_1 {
  height: 8.33333% !important; }

.gh_width_px.gh_col_width_1 {
  max-width: 50px;
  min-width: 50px; }

.gh_height_px.gh_col_height_1 {
  max-height: 60px;
  min-height: 50px; }

.ghEditor .gh_height_px.gh_col_height_1 {
  max-height: 150px;
  min-height: 150px; }

.gh_width_percent.gh_col_width_2 {
  width: 16.66667%; }

.gh_height_percent.gh_col_height_2 {
  height: 16.66667% !important; }

.gh_width_px.gh_col_width_2 {
  max-width: 100px;
  min-width: 100px; }

.gh_height_px.gh_col_height_2 {
  max-height: 120px;
  min-height: 100px; }

.ghEditor .gh_height_px.gh_col_height_2 {
  max-height: 200px;
  min-height: 200px; }

.gh_width_percent.gh_col_width_3 {
  width: 25%; }

.gh_height_percent.gh_col_height_3 {
  height: 25% !important; }

.gh_width_px.gh_col_width_3 {
  max-width: 150px;
  min-width: 150px; }

.gh_height_px.gh_col_height_3 {
  max-height: 180px;
  min-height: 150px; }

.ghEditor .gh_height_px.gh_col_height_3 {
  max-height: 250px;
  min-height: 250px; }

.gh_width_percent.gh_col_width_4 {
  width: 33.33333%; }

.gh_height_percent.gh_col_height_4 {
  height: 33.33333% !important; }

.gh_width_px.gh_col_width_4 {
  max-width: 200px;
  min-width: 200px; }

.gh_height_px.gh_col_height_4 {
  max-height: 240px;
  min-height: 200px; }

.ghEditor .gh_height_px.gh_col_height_4 {
  max-height: 300px;
  min-height: 300px; }

.gh_width_percent.gh_col_width_5 {
  width: 41.66667%; }

.gh_height_percent.gh_col_height_5 {
  height: 41.66667% !important; }

.gh_width_px.gh_col_width_5 {
  max-width: 250px;
  min-width: 250px; }

.gh_height_px.gh_col_height_5 {
  max-height: 300px;
  min-height: 250px; }

.ghEditor .gh_height_px.gh_col_height_5 {
  max-height: 350px;
  min-height: 350px; }

.gh_width_percent.gh_col_width_6 {
  width: 50%; }

.gh_height_percent.gh_col_height_6 {
  height: 50% !important; }

.gh_width_px.gh_col_width_6 {
  max-width: 300px;
  min-width: 300px; }

.gh_height_px.gh_col_height_6 {
  max-height: 360px;
  min-height: 300px; }

.ghEditor .gh_height_px.gh_col_height_6 {
  max-height: 400px;
  min-height: 400px; }

.gh_width_percent.gh_col_width_7 {
  width: 58.33333%; }

.gh_height_percent.gh_col_height_7 {
  height: 58.33333% !important; }

.gh_width_px.gh_col_width_7 {
  max-width: 350px;
  min-width: 350px; }

.gh_height_px.gh_col_height_7 {
  max-height: 420px;
  min-height: 350px; }

.ghEditor .gh_height_px.gh_col_height_7 {
  max-height: 450px;
  min-height: 450px; }

.gh_width_percent.gh_col_width_8 {
  width: 66.66667%; }

.gh_height_percent.gh_col_height_8 {
  height: 66.66667% !important; }

.gh_width_px.gh_col_width_8 {
  max-width: 400px;
  min-width: 400px; }

.gh_height_px.gh_col_height_8 {
  max-height: 480px;
  min-height: 400px; }

.ghEditor .gh_height_px.gh_col_height_8 {
  max-height: 500px;
  min-height: 500px; }

.gh_width_percent.gh_col_width_9 {
  width: 75%; }

.gh_height_percent.gh_col_height_9 {
  height: 75% !important; }

.gh_width_px.gh_col_width_9 {
  max-width: 450px;
  min-width: 450px; }

.gh_height_px.gh_col_height_9 {
  max-height: 540px;
  min-height: 450px; }

.ghEditor .gh_height_px.gh_col_height_9 {
  max-height: 550px;
  min-height: 550px; }

.gh_width_percent.gh_col_width_10 {
  width: 83.33333%; }

.gh_height_percent.gh_col_height_10 {
  height: 83.33333% !important; }

.gh_width_px.gh_col_width_10 {
  max-width: 500px;
  min-width: 500px; }

.gh_height_px.gh_col_height_10 {
  max-height: 600px;
  min-height: 500px; }

.ghEditor .gh_height_px.gh_col_height_10 {
  max-height: 600px;
  min-height: 600px; }

.gh_width_percent.gh_col_width_11 {
  width: 91.66667%; }

.gh_height_percent.gh_col_height_11 {
  height: 91.66667% !important; }

.gh_width_px.gh_col_width_11 {
  max-width: 550px;
  min-width: 550px; }

.gh_height_px.gh_col_height_11 {
  max-height: 660px;
  min-height: 550px; }

.ghEditor .gh_height_px.gh_col_height_11 {
  max-height: 650px;
  min-height: 650px; }

.gh_width_percent.gh_col_width_12 {
  width: 100%; }

.gh_height_percent.gh_col_height_12 {
  height: 100% !important; }

.gh_width_px.gh_col_width_12 {
  max-width: 600px;
  min-width: 600px; }

.gh_height_px.gh_col_height_12 {
  max-height: 720px;
  min-height: 600px; }

.ghEditor .gh_height_px.gh_col_height_12 {
  max-height: 700px;
  min-height: 700px; }

.ghEditor .gh_height_px .gh_flex_block .gh_flex_block_list gh-element {
  width: auto;
  padding: 0; }

.ghEditor .gh_height_px .dndPlaceholder {
  width: 100px !important;
  height: 100%; }

.ghForm .gh_height_px .gh_float .float_block_template_repeat_form gh-element {
  width: auto; }

@media (max-width: 768px) {
  .gh_float .gh_tabs_block_list_item > .gh_col_width_1,
  .gh_float > .float_block_template_repeat_form > .gh_col_width_1 {
    width: 100% !important; }
  .gh_float .gh_tabs_block_list_item > .gh_col_width_2,
  .gh_float > .float_block_template_repeat_form > .gh_col_width_2 {
    width: 100% !important; }
  .gh_float .gh_tabs_block_list_item > .gh_col_width_3,
  .gh_float > .float_block_template_repeat_form > .gh_col_width_3 {
    width: 100% !important; }
  .gh_float .gh_tabs_block_list_item > .gh_col_width_4,
  .gh_float > .float_block_template_repeat_form > .gh_col_width_4 {
    width: 100% !important; }
  .gh_float .gh_tabs_block_list_item > .gh_col_width_5,
  .gh_float > .float_block_template_repeat_form > .gh_col_width_5 {
    width: 100% !important; }
  .gh_float .gh_tabs_block_list_item > .gh_col_width_6,
  .gh_float > .float_block_template_repeat_form > .gh_col_width_6 {
    width: 100% !important; }
  .gh_float .gh_tabs_block_list_item > .gh_col_width_7,
  .gh_float > .float_block_template_repeat_form > .gh_col_width_7 {
    width: 100% !important; }
  .gh_float .gh_tabs_block_list_item > .gh_col_width_8,
  .gh_float > .float_block_template_repeat_form > .gh_col_width_8 {
    width: 100% !important; }
  .gh_float .gh_tabs_block_list_item > .gh_col_width_9,
  .gh_float > .float_block_template_repeat_form > .gh_col_width_9 {
    width: 100% !important; }
  .gh_float .gh_tabs_block_list_item > .gh_col_width_10,
  .gh_float > .float_block_template_repeat_form > .gh_col_width_10 {
    width: 100% !important; }
  .gh_float .gh_tabs_block_list_item > .gh_col_width_11,
  .gh_float > .float_block_template_repeat_form > .gh_col_width_11 {
    width: 100% !important; }
  .gh_float .gh_tabs_block_list_item > .gh_col_width_12,
  .gh_float > .float_block_template_repeat_form > .gh_col_width_12 {
    width: 100% !important; }
  gh-view .ghViewContainer.ghForm .gh_float .float_block_template_repeat_form:has(.dropdown_element) {
    position: initial; }
  gh-view .ghViewContainer.ghForm .gh_float .continer_decorator:has(.dropdown_element) {
    position: initial; }
  gh-view .ghViewContainer.ghForm .gh_flex:has(.dropdown_element) {
    position: relative; }
  gh-view .ghViewContainer.ghForm div.dropdown_element {
    position: initial; }
    gh-view .ghViewContainer.ghForm div.dropdown_element .dropdown_element_childs {
      min-width: 100%;
      width: 100%; }
      gh-view .ghViewContainer.ghForm div.dropdown_element .dropdown_element_childs gh-element {
        padding: 0 15%; } }

/* ============================ GH_VIEW STYLE TEMPLATES FORM ============================ */
gh-view .ghViewContainer.ghForm {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  font-weight: 300; }
  gh-view .ghViewContainer.ghForm .gh_flex {
    height: 100%;
    display: flex;
    overflow-y: auto;
    scroll-behavior: smooth; }
    gh-view .ghViewContainer.ghForm .gh_flex.bottom_shadow_on {
      position: relative; }
      gh-view .ghViewContainer.ghForm .gh_flex.bottom_shadow_on::after {
        content: '';
        position: absolute;
        bottom: 5px;
        left: 0;
        width: 100%;
        height: 3px;
        box-shadow: -1px 2px 4px rgba(0, 0, 128, 0.1);
        border-bottom: 1px solid #e7e7ee; }
    gh-view .ghViewContainer.ghForm .gh_flex:has(.dropdown_element) {
      overflow-y: unset; }
  gh-view .ghViewContainer.ghForm .gh_tabs {
    float: left;
    width: 100%;
    height: 100%;
    padding: 5px;
    display: flex; }
    gh-view .ghViewContainer.ghForm .gh_tabs .gh_tabs_block_nav .gh_tabs_block_nav_btn {
      color: #bbbcc5;
      font-size: 18px;
      font-weight: 300;
      line-height: 1;
      text-transform: uppercase;
      display: inline-flex;
      padding: 5px 30px 15px 5px;
      align-items: center;
      transition: all .3s;
      cursor: pointer;
      float: left;
      position: relative; }
      gh-view .ghViewContainer.ghForm .gh_tabs .gh_tabs_block_nav .gh_tabs_block_nav_btn::before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background: #d9d9d9;
        left: 0;
        bottom: 7px;
        position: absolute; }
      gh-view .ghViewContainer.ghForm .gh_tabs .gh_tabs_block_nav .gh_tabs_block_nav_btn:last-child::after {
        width: 100%; }
      gh-view .ghViewContainer.ghForm .gh_tabs .gh_tabs_block_nav .gh_tabs_block_nav_btn.--active_tab {
        color: #0893d2; }
      gh-view .ghViewContainer.ghForm .gh_tabs .gh_tabs_block_nav .gh_tabs_block_nav_btn .gh_tabs_block_nav_btn_icon {
        display: none;
        margin: 0 3px; }
      gh-view .ghViewContainer.ghForm .gh_tabs .gh_tabs_block_nav .gh_tabs_block_nav_btn .gh_tabs_block_nav_btn_title {
        display: none; }
      gh-view .ghViewContainer.ghForm .gh_tabs .gh_tabs_block_nav .gh_tabs_block_nav_btn:hover {
        color: #0893d2; }
    gh-view .ghViewContainer.ghForm .gh_tabs .gh_tabs_block_list {
      float: left;
      -webkit-overflow-scrolling: touch;
      width: 100%;
      height: 100%;
      position: relative;
      overflow-y: auto; }
      gh-view .ghViewContainer.ghForm .gh_tabs .gh_tabs_block_list .gh_tabs_block_list_item {
        height: 100%;
        width: 100%;
        float: left; }
  gh-view .ghViewContainer.ghForm .gh_float {
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    float: left;
    display: flex;
    flex-wrap: wrap; }
    gh-view .ghViewContainer.ghForm .gh_float .template_icon_title_block_form {
      display: flex;
      width: 100%;
      font-weight: 200;
      font-size: 34px;
      line-height: 40px;
      color: inherit;
      overflow: hidden;
      align-items: flex-end; }
      gh-view .ghViewContainer.ghForm .gh_float .template_icon_title_block_form .template_icon_form {
        display: none;
        max-width: 1.3em; }
      gh-view .ghViewContainer.ghForm .gh_float .template_icon_title_block_form .template_title_form {
        display: none;
        margin-left: 0.3em;
        border-color: inherit;
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-weight: 300;
        color: #0D99FF; }
    gh-view .ghViewContainer.ghForm .gh_float .float_block_template_repeat_form {
      width: 100%;
      height: 100%;
      -webkit-overflow-scrolling: touch;
      display: inline-block;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: flex-start;
      position: relative; }
    gh-view .ghViewContainer.ghForm .gh_float.margin_top {
      margin-top: 2em; }
    gh-view .ghViewContainer.ghForm .gh_float.margin_bottom {
      margin-bottom: 2em; }
    gh-view .ghViewContainer.ghForm .gh_float.padding_left {
      padding-left: 2em; }
    gh-view .ghViewContainer.ghForm .gh_float.padding_right {
      padding-right: 2em; }
    gh-view .ghViewContainer.ghForm .gh_float.align_center {
      float: none;
      margin: 0 auto; }
    gh-view .ghViewContainer.ghForm .gh_float.align_right {
      float: right; }
    gh-view .ghViewContainer.ghForm .gh_float.horizont_scroll {
      overflow-x: auto;
      overflow-y: hidden;
      scroll-behavior: smooth;
      -webkit-overflow-scrolling: touch;
      height: max-content; }
      gh-view .ghViewContainer.ghForm .gh_float.horizont_scroll .gh_float_block_list {
        width: auto;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch; }
        gh-view .ghViewContainer.ghForm .gh_float.horizont_scroll .gh_float_block_list p, gh-view .ghViewContainer.ghForm .gh_float.horizont_scroll .gh_float_block_list span {
          white-space: nowrap; }
      gh-view .ghViewContainer.ghForm .gh_float.horizont_scroll > .float_block_template_repeat_form {
        width: auto;
        display: flex;
        flex-wrap: nowrap; }
        gh-view .ghViewContainer.ghForm .gh_float.horizont_scroll > .float_block_template_repeat_form p, gh-view .ghViewContainer.ghForm .gh_float.horizont_scroll > .float_block_template_repeat_form span {
          white-space: nowrap; }
    gh-view .ghViewContainer.ghForm .gh_float.gh_icon > .continer_decorator > .template_icon_title_block_form > .template_icon_form {
      display: flex;
      max-width: 1.3em; }
  gh-view .ghViewContainer.ghForm gh-element {
    float: left;
    flex: 0 1 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    width: 100%;
    max-width: 100%; }
    gh-view .ghViewContainer.ghForm gh-element gh-element {
      padding: 0; }
    gh-view .ghViewContainer.ghForm gh-element .field-wrap-name {
      display: inline-block;
      width: 100px;
      padding-right: 15px;
      line-height: 1em; }
      gh-view .ghViewContainer.ghForm gh-element .field-wrap-name span.field-block-name {
        min-width: 100px;
        max-width: 100px;
        white-space: nowrap;
        text-align: right;
        display: flex;
        justify-content: flex-end;
        position: relative; }
      gh-view .ghViewContainer.ghForm gh-element .field-wrap-name span.field-name {
        user-select: none;
        padding: 0 10px 0 0;
        font-size: 12px;
        font-weight: 500;
        color: #bbbcc5;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1em;
        display: inline-block;
        white-space: normal; }
      gh-view .ghViewContainer.ghForm gh-element .field-wrap-name.top_position {
        width: auto;
        min-width: initial;
        max-width: none;
        line-height: inherit;
        display: flex; }
  gh-view .ghViewContainer.ghForm gh-element[data-position*=left] {
    float: left;
    width: auto; }
  gh-view .ghViewContainer.ghForm gh-element[data-position*=right] {
    float: right;
    width: auto; }
  gh-view .ghViewContainer.ghForm gh-element[data-position*=center] {
    justify-content: center; }
  gh-view .ghViewContainer.ghForm gh-element[data-position*=beetwen] {
    width: 100% !important; }
  gh-view .ghViewContainer.ghForm gh-element[element-type=table] {
    height: 100%;
    padding: 0; }
  gh-view .ghViewContainer.ghForm .dropdown_element {
    position: relative;
    height: 100%;
    float: left; }
    gh-view .ghViewContainer.ghForm .dropdown_element .template_icon_title_block_form {
      align-items: center; }
      gh-view .ghViewContainer.ghForm .dropdown_element .template_icon_title_block_form .template_icon_form {
        display: block; }
      gh-view .ghViewContainer.ghForm .dropdown_element .template_icon_title_block_form .template_title_form {
        display: block;
        color: #bbbcc5;
        font-size: 14px;
        font-weight: 700;
        width: auto;
        cursor: default; }
    gh-view .ghViewContainer.ghForm .dropdown_element .caret {
      margin-left: 5px;
      display: flex; }
      gh-view .ghViewContainer.ghForm .dropdown_element .caret svg path {
        stroke: #bbbcc5;
        stroke-width: 25px; }
    gh-view .ghViewContainer.ghForm .dropdown_element_childs {
      height: 0;
      display: none;
      background: #FFFFFF;
      box-shadow: 0px 1px 4px 2px rgba(0, 0, 0, 0.1);
      border-radius: 2px;
      padding: 0 6px;
      position: absolute;
      left: 0;
      top: 50px;
      min-width: 150px;
      width: 100%;
      z-index: 5; }
      gh-view .ghViewContainer.ghForm .dropdown_element_childs gh-element {
        width: 100% !important;
        padding: 5px 0; }
        gh-view .ghViewContainer.ghForm .dropdown_element_childs gh-element:not(:last-child) {
          border-bottom: 1px solid #DEE0E7; }
    gh-view .ghViewContainer.ghForm .dropdown_element:hover .dropdown_element_childs:has(gh-element) {
      height: auto;
      display: block; }
    gh-view .ghViewContainer.ghForm .dropdown_element:hover .caret svg {
      transform: rotate(180deg); }

.gh-ui-dialog .float_block_template_repeat_form {
  height: auto !important; }

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------ */
/* --------------------------------------------------- AVATAR ------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
gh-avatar {
  display: block; }
  gh-avatar > div {
    cursor: pointer;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto; }
  gh-avatar > div.photo {
    width: 180px;
    height: 180px; }
  gh-avatar .file-reader {
    border: none;
    background-color: transparent; }
    gh-avatar .file-reader .file-reader-content {
      height: 100%; }
      gh-avatar .file-reader .file-reader-content img {
        min-height: 100%;
        min-width: 100%;
        max-height: 100%;
        max-width: 100%; }

gh-avatar > div {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 2px #edf2f7;
  -moz-box-shadow: 0 0 0 2px #edf2f7;
  box-shadow: 0 0 0 2px #edf2f7; }

gh-avatar input[type=file] {
  display: none; }

gh-avatar .avatar {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

gh-avatar md-progress-circular {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -25px;
  margin-left: -25px; }

gh-avatar .cloud-keyframe {
  display: none;
  background-color: #FF5B5B;
  top: 0;
  left: 0;
  border-radius: 50%;
  position: absolute; }

gh-avatar > div.hover .cloud-keyframe,
gh-avatar > div:hover .cloud-keyframe {
  display: block; }

gh-avatar .cloud-keyframe span {
  position: absolute;
  top: 64%;
  width: 82%;
  left: 50%;
  margin-left: -41%;
  color: white;
  font-size: 13px;
  font-weight: 300; }

gh-avatar .user-logo img {
  padding: 6px; }

.nav.navbar-nav gh-avatar .user-logo img {
  padding: 0; }

gh-avatar .cloud-keyframe svg {
  position: relative;
  top: 0; }

gh-avatar .cloud-keyframe svg {
  -webkit-animation: cloud-animate-avatar 0.6s infinite alternate;
  -moz-animation: cloud-animate-avatar 0.6s infinite alternate;
  -o-animation: cloud-animate-avatar 0.6s infinite alternate;
  animation: cloud-animate-avatar 0.6s infinite alternate; }

@-webkit-keyframes cloud-animate-avatar {
  0% {
    top: 0; }
  100% {
    top: 5px; } }

@-moz-keyframes cloud-animate-avatar {
  0% {
    top: 0; }
  100% {
    top: 5px; } }

@-o-keyframes cloud-animate-avatar {
  0% {
    top: 0; }
  100% {
    top: 5px; } }

@keyframes cloud-animate-avatar {
  0% {
    top: 0; }
  100% {
    top: 5px; } }

@media screen and (max-width: 968px) {
  .gh-form > .row > .column h2 {
    font-size: 32px; } }

@media screen and (max-width: 768px) {
  .gh-auth-form .closeBtn svg {
    width: 100%;
    height: 100%; } }

.context-menu {
  position: fixed;
  z-index: 999;
  padding: 15px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 8px 0 rgba(78, 78, 78, 0.31); }
  .context-menu ul li {
    border-bottom: 1px solid #ececec;
    padding: 10px 5px;
    font-size: 14px;
    cursor: pointer; }
    .context-menu ul li:last-child {
      border-bottom: none; }

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------ */
/* --------------------------------------------------- INPUT --------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
.emoji-tooltip {
  position: absolute;
  z-index: 5;
  width: 100%;
  top: 100%;
  right: 0;
  display: none; }

@media screen and (max-width: 350px) {
  emoji-picker {
    width: 100%;
    --num-columns: 6; } }

emoji-picker .nav {
  overflow-y: scroll; }

emoji-picker .indicator-wrapper {
  display: none; }

body.gudhub input.emoji-active-input {
  width: calc(100% - 6px); }

.emoji-button {
  position: absolute;
  right: -11px;
  bottom: 0.5em;
  background: none;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  opacity: 0;
  transition: all 0.3s ease-in-out; }

.emoji-button:hover svg path {
  fill: #0D99FF; }

.emoji-button svg path {
  fill: #bbbcc5; }

.emoji-tooltip.active {
  display: block; }

gh-input:hover .emoji-button {
  opacity: 1;
  transition: all 0.3s ease-in-out; }

body.gudhub input, body.gudhub input:focus {
  padding-bottom: 0.5em;
  padding-top: 14px;
  color: inherit; }

body.gudhub input::placeholder {
  color: inherit;
  opacity: .2; }

gh-input {
  display: block;
  position: relative; }

/* -------------------------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------- GH-INPUT ------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
gh-input {
  display: block;
  cursor: pointer;
  position: relative;
  width: 100%; }
  gh-input > span {
    width: 100%; }
  gh-input .cross,
  gh-input .edit {
    display: none;
    height: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  gh-input .cross {
    top: 0;
    width: 30px;
    height: 100%;
    background-color: transparent;
    background-color: #fafdfd;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafdfd',endColorstr='#fafdfd');
    zoom: 1;
    -webkit-transform: translate(0,0);
    -khtml-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0); }
    gh-input .cross svg {
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -khtml-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%); }
  gh-input input.gh-input {
    background: none;
    font-weight: 300;
    border-width: 0;
    border-radius: 0;
    box-shadow: none !important;
    width: 100% !important;
    border-bottom: 1px solid #e7e7ee; }
    gh-input input.gh-input.gh-input-error, gh-input input.gh-input.gh-input-error:focus, gh-input input.gh-input.gh-input-error:hover {
      border-color: #FF3333;
      color: #FF3333; }
    gh-input input.gh-input:focus, gh-input input.gh-input:hover {
      box-shadow: none;
      cursor: text;
      border-bottom: 1px solid #0D99FF; }
  gh-input:hover input.gh-input {
    border-bottom: 1px solid #0D99FF; }
  gh-input:hover .cross {
    display: block; }
  gh-input md-input-container:after {
    display: none !important; }
  gh-input md-autocomplete {
    background-color: transparent;
    border-width: 0; }
    gh-input md-autocomplete md-autocomplete-wrap {
      box-shadow: none !important; }
      gh-input md-autocomplete md-autocomplete-wrap md-progress-linear {
        display: none; }
      gh-input md-autocomplete md-autocomplete-wrap button md-icon {
        -webkit-transform: translate3d(-50%,-50%,0) scale(1);
        -khtml-transform: translate3d(-50%,-50%,0) scale(1);
        -moz-transform: translate3d(-50%,-50%,0) scale(1);
        -ms-transform: translate3d(-50%,-50%,0) scale(1);
        -o-transform: translate3d(-50%,-50%,0) scale(1);
        transform: translate3d(-50%,-50%,0) scale(1); }
        gh-input md-autocomplete md-autocomplete-wrap button md-icon svg path {
          fill: #d9d9d9; }
        gh-input md-autocomplete md-autocomplete-wrap button md-icon:hover svg path {
          fill: #0D99FF; }
  gh-input md-autocomplete[disabled]:not([md-floating-label]) {
    background: transparent; }
    gh-input md-autocomplete[disabled]:not([md-floating-label]) input {
      border-bottom: 0px; }

.gh-input {
  background: none;
  font-weight: 300;
  border-width: 0;
  border-radius: 0;
  box-shadow: none !important;
  width: 100% !important;
  border-bottom: 1px solid #e7e7ee; }

.gh-input-small {
  padding: 2px 8px;
  margin: 10px 2px 2px; }

body.gudhub .md-autocomplete-suggestions-container {
  z-index: 999;
  background-color: transparent;
  background-color: #fafdfd;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafdfd',endColorstr='#fafdfd');
  zoom: 1; }

md-input-container {
  min-width: 14.29em; }

.gh_input_wrap {
  display: inline-block; }

md-autocomplete input:not(.md-input) {
  padding-left: 0;
  height: auto;
  font-size: 100%; }

md-input-container .md-input {
  height: auto;
  line-height: 1em;
  padding-left: 0;
  padding-right: 0;
  color: inherit !important; }

md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #0D99FF; }

md-input-container .md-input[disabled] {
  color: #626262;
  background-image: none; }

md-input-container .md-input {
  padding-top: 14px; }

.gh-not-found-add-item {
  display: flex;
  align-items: center; }
  .gh-not-found-add-item .gh-not-found-add-item-icon {
    display: flex;
    align-items: center;
    margin-right: 5px; }
    .gh-not-found-add-item .gh-not-found-add-item-icon svg {
      border-radius: 100%;
      margin: 3px 0;
      padding: 2px;
      border: 1px solid #bbbcc5; }

gh-not-found .gh-not-found-add-item-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: 0 2px 5px 1px #bbbcc5;
  transform: translateX(-50%);
  background: #fff;
  width: calc(100% - 20px);
  border-radius: 5px;
  overflow: hidden;
  z-index: 1; }
  gh-not-found .gh-not-found-add-item-popup li {
    transition: 0.5s;
    padding: 0px 10px; }
    gh-not-found .gh-not-found-add-item-popup li:hover {
      background: #e6e6e6; }

.md-not-found {
  overflow: visible !important; }
  .md-not-found .md-virtual-repeat-scroller {
    overflow: visible !important; }

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------ */
/* --------------------------------------------------- INPUT LIST --------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
gh-input-list {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-wrap: wrap; }
  gh-input-list .input-list-item
gh-input {
    width: auto; }
  gh-input-list .list-item {
    position: relative;
    border: 1px solid #e7e7ee;
    color: #575757;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0.5em; }
    gh-input-list .list-item .gh-input-list_name div {
      border: none;
      transition: all .5s; }
    gh-input-list .list-item:hover div {
      transform: translateX(-4px);
      color: #0D99FF; }
    gh-input-list .list-item .gh-hover_close {
      display: block;
      position: absolute;
      float: right;
      margin: 0;
      opacity: 0;
      transition: all 0.2s;
      top: 50%;
      right: 6px;
      transform: translateY(-50%); }
    gh-input-list .list-item:hover .gh-hover_close {
      opacity: 1; }
  gh-input-list .list-item-notEditable {
    position: relative;
    border: 1px solid #e7e7ee;
    color: #575757;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0.5em; }

gh-input-list {
  /*float: left;*/ }
  gh-input-list .block_icon {
    align-self: flex-end;
    margin-bottom: 7px;
    margin-left: 10px; }
    gh-input-list .block_icon svg {
      border-radius: 50%;
      padding: 2px;
      border: 1px solid #bbbcc5;
      cursor: pointer; }
  gh-input-list gh-field .text-not-etitable {
    padding-right: 0px;
    padding-top: 0px; }

.list-item:hover {
  color: #0D99FF; }

.input-list-item.multiple.show_input {
  display: inline-block !important; }

.block_add {
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  align-self: center;
  padding-top: 14px; }

.block_add_icon svg {
  border-radius: 100%;
  margin: 3px 0;
  padding: 2px;
  border: 1px solid #d9d9d9; }

.block_add:hover .block_add_icon svg {
  border: 1px solid #0D99FF; }

.block_add_text {
  text-transform: capitalize;
  color: #d9d9d9;
  margin-left: 5px; }

.block_add:hover .block_add_text {
  color: #0D99FF; }

.block_add:hover .block_add_icon svg path {
  fill: #0D99FF; }

.block_icon_delet {
  cursor: pointer;
  align-self: center;
  margin-left: 5px; }

.block_icon_delet:hover svg path {
  fill: #0D99FF; }

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
/* --------------------------------------------------- GH-FILTER ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
gh-filter {
  height: 100%;
  overflow: auto;
  padding-right: 8px;
  padding-bottom: 45px;
  display: block;
  width: 100%; }
  gh-filter .gh-filter-container-full {
    width: 100%; }
  gh-filter .filter-content {
    overflow: hidden;
    max-height: 0;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently not supported by any browser */
    -webkit-transition: max-height 0.5s ease;
    -khtml-transition: max-height 0.5s ease;
    -moz-transition: max-height 0.5s ease;
    -ms-transition: max-height 0.5s ease;
    -o-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease; }
    gh-filter .filter-content.open {
      max-height: 10000px;
      overflow: visible; }
    gh-filter .filter-content .current_mode {
      font-size: 12px; }
      gh-filter .filter-content .current_mode.capitalize {
        text-transform: capitalize; }
  gh-filter .filter-item {
    position: relative;
    margin: 10px 0; }
    gh-filter .filter-item .filter-wrap .filter-name {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      border-bottom: 1px solid #0D99FF; }
      gh-filter .filter-item .filter-wrap .filter-name .expand_button {
        min-width: 22px;
        max-width: 22px; }
        gh-filter .filter-item .filter-wrap .filter-name .expand_button.open {
          -webkit-transform: rotate(180deg);
          -khtml-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg); }
      gh-filter .filter-item .filter-wrap .filter-name .cross-button {
        min-width: 22px;
        max-width: 22px; }
      gh-filter .filter-item .filter-wrap .filter-name p {
        height: 100%;
        font-weight: 300;
        font-size: 18px;
        width: 100%;
        color: #0D99FF;
        padding: 5px 0; }
  gh-filter .layout, gh-filter .layout-column, gh-filter .layout-row {
    display: inline-block;
    margin: 0px 5px; }
  gh-filter .filter-input {
    width: 100%; }
  gh-filter .gh-dropdown {
    margin: 0;
    padding: 0;
    vertical-align: -webkit-baseline-middle; }
  gh-filter .layout-margin {
    margin: 8px 0; }
  gh-filter .filter_value input {
    margin-bottom: 10px; }
  gh-filter .add_filter-btn {
    margin-top: 10px; }
  gh-filter .strategy_mode {
    position: relative; }

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
/*************** GH-SWITCH *****************/
.switch {
  background: #fff;
  border: 1px solid #dfdfdf;
  position: relative;
  display: inline-block;
  box-sizing: content-box;
  overflow: visible;
  width: 42px;
  height: 25px;
  padding: 0px;
  margin: 0px;
  border-radius: 20px;
  cursor: pointer;
  box-shadow: #dfdfdf 0px 0px 0px 0px inset;
  transition: 0.3s ease-out all;
  -webkit-transition: 0.3s ease-out all;
  top: -1px;
  margin-top: 5px; }

.switch.wide {
  width: 80px; }

.switch small {
  background: #fff;
  border-radius: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0px;
  left: 0px;
  transition: 0.3s ease-out all;
  -webkit-transition: 0.3s ease-out all; }

.switch.checked {
  background: #64bd63;
  border-color: #64bd63; }

.switch.checked small {
  left: 17px; }

.switch.wide.checked small {
  left: 52px; }

.switch .switch-text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px; }

.switch .off {
  display: block;
  position: absolute;
  right: 10%;
  top: 25%;
  z-index: 0;
  color: #A9A9A9; }

.switch .on {
  display: none;
  z-index: 0;
  color: #fff;
  position: absolute;
  top: 25%;
  left: 9%; }

.switch.checked .off {
  display: none; }

.switch.checked .on {
  display: block; }

.md-virtual-repeat-container .md-virtual-repeat-sizer {
  width: 100%; }

gh-gallery .navigation {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 10px; }

gh-gallery .navigation .category {
  text-align: center;
  position: relative;
  padding: 10px 15px;
  margin: 5px 0px;
  font-size: 20px;
  align-self: center;
  border-bottom: 1px solid #d9d9d9; }

gh-gallery .navigation .category.selected {
  border-bottom: 1px solid #0893d2; }

gh-gallery .navigation .category.selected:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0px;
  bottom: 0px;
  background-color: #0893d2; }

gh-gallery figure {
  overflow: hidden; }

gh-gallery figure .info {
  display: none;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  top: 0;
  right: 0;
  width: 100%;
  height: 100%; }

gh-gallery figure:hover .info {
  display: block;
  cursor: pointer; }

gh-gallery figure .info .image_name {
  position: absolute;
  bottom: 5px;
  left: 5px;
  color: white;
  font-weight: normal;
  font-size: 16px;
  margin: 5px; }

gh-gallery figure .info .search_icon {
  position: absolute;
  top: 30%;
  left: 30%;
  width: 40%; }

gh-gallery figure .image,
gh-gallery figure .image div {
  width: 100%;
  height: inherit !important;
  max-height: 100%;
  min-height: 100%;
  position: relative;
  display: block; }

md-switch.md-checked:not([disabled]) .md-bar {
  background-color: transparent; }

/* ------------------------------------------------------------------------------------------------------------------ */
/* ---------------------------------------------- CODE GENERATOR ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
gh-embed {
  display: block;
  position: relative;
  width: 100%; }

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------- OPTION TABLE ----------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
gh-option-table {
  display: block;
  position: relative;
  width: 100%;
  font-size: 14px; }
  gh-option-table .item {
    -webkit-box-flex-grow: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex-grow: 1;
    /* Chrome */
    -moz-box-flex-grow: 1;
    /* OLD - Firefox 19- */
    -ms-flex-grow: 1;
    /* IE 10 */
    flex-grow: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex-shrink: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex-shrink: 1;
    /* Chrome */
    -moz-box-flex-shrink: 1;
    /* OLD - Firefox 19- */
    -ms-flex-shrink: 1;
    /* IE 10 */
    flex-shrink: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex-basis: 0;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex-basis: 0;
    /* Chrome */
    -moz-box-flex-basis: 0;
    /* OLD - Firefox 19- */
    -ms-flex-basis: 0;
    /* IE 10 */
    flex-basis: 0;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    max-height: 100%; }
    gh-option-table .item.icon {
      min-width: 32px;
      max-width: 32px;
      cursor: pointer; }
      gh-option-table .item.icon.move {
        cursor: move; }
  gh-option-table .thead,
  gh-option-table edit-form-field-setting,
  gh-option-table ul > li {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative; }
    gh-option-table .thead > *,
    gh-option-table edit-form-field-setting > *,
    gh-option-table ul > li > * {
      align-self: center; }
  gh-option-table edit-form-field-setting {
    border-radius: 10px;
    border: 1px solid #0D99FF;
    position: absolute;
    z-index: 100;
    background-color: #fafdfd;
    width: 100%;
    height: 100%;
    top: 0; }
    gh-option-table edit-form-field-setting option-setting md-autocomplete .md-show-clear-button button {
      top: -5px;
      right: -12px; }
  gh-option-table .thead {
    color: #0D99FF;
    font-size: 16px;
    text-align: center; }
  gh-option-table ul.option-list {
    margin-bottom: 10px;
    padding-top: 10px; }
    gh-option-table ul.option-list li {
      height: 45px;
      text-align: center; }
      gh-option-table ul.option-list li option-setting {
        text-align: left;
        margin: 0 2px; }
        gh-option-table ul.option-list li option-setting md-autocomplete .md-show-clear-button button {
          top: -5px; }
      gh-option-table ul.option-list li:not(:last-child) {
        border-bottom: 1px solid #d9d9d9; }
      gh-option-table ul.option-list li:hover {
        background-color: rgba(8, 146, 210, 0.14) !important; }
        gh-option-table ul.option-list li:hover .icon.move svg path {
          fill: #0D99FF; }
      gh-option-table ul.option-list li.dndPlaceholder {
        display: block;
        background-color: transparent;
        background-color: rgba(13, 153, 255, 0.14);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0D99FF',endColorstr='#0D99FF');
        zoom: 1;
        border-radius: 0;
        width: 100%;
        height: 45px;
        padding: 0;
        margin: 0; }
  gh-option-table .add-option {
    position: relative;
    height: 45px; }

.add-option input {
  padding-top: 0; }

/* ------------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------------- OPTION ----------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
gh-option {
  display: block;
  position: relative; }

body.gudhub option-setting input, body.gudhub option-setting input:focus {
  padding-top: 0; }

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------ */
/* --------------------------------------------------- GH-RANGE ----------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
gh-range {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 14px; }
  gh-range .inputWrapper {
    display: flex;
    align-items: center; }
    gh-range .inputWrapper input[type=range] {
      margin: 6.15px 10px 6.15px 0;
      background-color: transparent;
      -webkit-appearance: none;
      outline: none;
      border: none; }
    gh-range .inputWrapper input[type=range]:focus {
      outline: none; }
    gh-range .inputWrapper input[type=range]::-webkit-slider-runnable-track {
      background: #0893d2;
      border: 0;
      height: 3.7px;
      cursor: pointer; }
    gh-range .inputWrapper input[type=range]::-webkit-slider-thumb {
      margin-top: -6.15px;
      width: 16px;
      height: 16px;
      background: #ffffff;
      border: 0.2px solid #0893d2;
      border-radius: 50px;
      cursor: pointer;
      -webkit-appearance: none; }
    gh-range .inputWrapper input[type=range]:focus::-webkit-slider-runnable-track {
      background: #0893d2; }
    gh-range .inputWrapper input[type=range]::-moz-range-track {
      background: #0893d2;
      border: 0;
      height: 3.7px;
      cursor: pointer; }
    gh-range .inputWrapper input[type=range]::-moz-range-thumb {
      width: 16px;
      height: 16px;
      background: #ffffff;
      border: 0.2px solid #0893d2;
      border-radius: 50px;
      cursor: pointer; }
    gh-range .inputWrapper input[type=range]::-ms-track {
      background: transparent;
      border-color: transparent;
      border-width: 7.15px 0;
      color: transparent;
      height: 3.7px;
      cursor: pointer; }
    gh-range .inputWrapper input[type=range]::-ms-fill-lower {
      background: #0893d2;
      border: 0; }
    gh-range .inputWrapper input[type=range]::-ms-fill-upper {
      background: #0893d2;
      border: 0; }
    gh-range .inputWrapper input[type=range]::-ms-thumb {
      width: 16px;
      height: 16px;
      background: #ffffff;
      border: 0.2px solid #0893d2;
      border-radius: 50px;
      cursor: pointer;
      margin-top: 0px;
      /*Needed to keep the Edge thumb centred*/ }
    gh-range .inputWrapper input[type=range]:focus::-ms-fill-lower {
      background: #0893d2; }
    gh-range .inputWrapper input[type=range]:focus::-ms-fill-upper {
      background: #0893d2; }
    @supports (-ms-ime-align: auto) {
      gh-range .inputWrapper {
        /* Pre-Chromium Edge only styles, selector taken from hhttps://stackoverflow.com/a/32202953/7077589 */ }
        gh-range .inputWrapper input[type=range] {
          margin: 0;
          /*Edge starts the margin from the thumb, not the track as other browsers do*/ } }
    gh-range .inputWrapper .value {
      width: 75px;
      font-weight: 300;
      color: #575757; }
      gh-range .inputWrapper .value.no_valid {
        color: #FF3333;
        border-color: #FF3333; }
  gh-range .gh_range {
    width: 100%; }
    gh-range .gh_range .gh_range_container {
      height: 1em;
      position: relative;
      width: calc(100% - 2em);
      margin-left: 1em; }
      gh-range .gh_range .gh_range_container .range_all_line {
        height: 2px;
        background: #e7e7ee;
        position: absolute;
        left: 0;
        width: 100%;
        top: 50%; }
      gh-range .gh_range .gh_range_container .gh_range_line {
        position: absolute;
        height: 2px;
        background: #0D99FF;
        top: 50%; }
      gh-range .gh_range .gh_range_container .gh_range_pointer_a {
        transform: translateX(-100%); }
      gh-range .gh_range .gh_range_container .gh_range_pointer_a, gh-range .gh_range .gh_range_container .gh_range_pointer_b {
        position: absolute;
        border-radius: 50%;
        height: 1em;
        width: 1em;
        background: #fff;
        user-select: none;
        cursor: pointer;
        border: 1px solid #0D99FF; }
    gh-range .gh_range .range_container_input {
      display: flex;
      justify-content: space-between; }
      gh-range .gh_range .range_container_input .for_point_a, gh-range .gh_range .range_container_input .for_point_b {
        width: 75px;
        font-weight: 300;
        color: #575757; }
        gh-range .gh_range .range_container_input .for_point_a.no_valid, gh-range .gh_range .range_container_input .for_point_b.no_valid {
          color: #FF3333;
          border-color: #FF3333; }

/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
.wrap_loader_dots {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .wrap_loader_dots .bounceball {
    position: relative;
    display: inline-block;
    height: 37px;
    width: 25px; }
    .wrap_loader_dots .bounceball:before {
      position: absolute;
      content: '';
      display: block;
      top: 0;
      width: 15px;
      height: 15px;
      border-radius: 50%;
      background-color: #fbae17;
      transform-origin: 50%; }
  .wrap_loader_dots .blue:before {
    background-color: #0D99FF; }
  .wrap_loader_dots .blue:after {
    border: 3px solid #0D99FF;
    border-color: #0D99FF transparent #0D99FF transparent; }
  .wrap_loader_dots .light-blue:before {
    background-color: #EDF2F6; }
  .wrap_loader_dots .light-blue:after {
    border: 3px solid #EDF2F6;
    border-color: #EDF2F6 transparent #EDF2F6 transparent; }
  .wrap_loader_dots .sky-blue:before {
    background-color: #ddf0f9; }
  .wrap_loader_dots .sky-blue:after {
    border: 3px solid #ddf0f9;
    border-color: #ddf0f9 transparent #ddf0f9 transparent; }
  .wrap_loader_dots .green:before {
    background-color: #10cfbd; }
  .wrap_loader_dots .green:after {
    border: 3px solid #10cfbd;
    border-color: #10cfbd transparent #10cfbd transparent; }
  .wrap_loader_dots .red:before {
    background-color: #FF3333; }
  .wrap_loader_dots .red:after {
    border: 3px solid #FF3333;
    border-color: #FF3333 transparent #FF3333 transparent; }
  .wrap_loader_dots .pure-white:before {
    background-color: #fff; }
  .wrap_loader_dots .pure-white:after {
    border: 3px solid #fff;
    border-color: #fff transparent #fff transparent; }
  .wrap_loader_dots .white:before {
    background-color: #fafdfd; }
  .wrap_loader_dots .white:after {
    border: 3px solid #fafdfd;
    border-color: #fafdfd transparent #fafdfd transparent; }
  .wrap_loader_dots .black:before {
    background-color: #575757; }
  .wrap_loader_dots .black:after {
    border: 3px solid #575757;
    border-color: #575757 transparent #575757 transparent; }
  .wrap_loader_dots .light-grey:before {
    background-color: #e7e7ee; }
  .wrap_loader_dots .light-grey:after {
    border: 3px solid #e7e7ee;
    border-color: #e7e7ee transparent #e7e7ee transparent; }
  .wrap_loader_dots .grey:before {
    background-color: #d9d9d9; }
  .wrap_loader_dots .grey:after {
    border: 3px solid #d9d9d9;
    border-color: #d9d9d9 transparent #d9d9d9 transparent; }
  .wrap_loader_dots .dark-grey:before {
    background-color: #bbbcc5; }
  .wrap_loader_dots .dark-grey:after {
    border: 3px solid #bbbcc5;
    border-color: #bbbcc5 transparent #bbbcc5 transparent; }
  .wrap_loader_dots .one {
    animation: bounce 510ms alternate infinite ease; }
  .wrap_loader_dots .two {
    animation: bounce 520ms alternate infinite ease; }
  .wrap_loader_dots .three {
    animation: bounce 530ms alternate infinite ease; }

.text {
  color: #fbae17;
  display: inline-block;
  margin-left: 5px; }

@keyframes bounce {
  0% {
    top: 30px;
    height: 5px;
    border-radius: 60px 60px 20px 20px;
    transform: scaleX(2); }
  35% {
    height: 15px;
    border-radius: 50%;
    transform: scaleX(1); }
  100% {
    top: 0; } }

.lds-dual-ring {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto; }

.lds-dual-ring:after {
  content: ' ';
  display: block;
  width: 60px;
  height: 60px;
  margin: 4px;
  border-radius: 50%;
  animation: lds-dual-ring 1.2s linear infinite; }

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

lost-connection {
	display: flex;
	align-items: center;
	justify-content: center;
}

lost-connection .internet_error-bg {
	width: 100%;
	height: 100%;
	background: rgb(0,0,0,0.8);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
lost-connection .internet_error {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
lost-connection .internet_error h2 {
	color: #d7d7d7;
	font-size: 70px;
	text-align: center;
	margin-bottom: 40px;
	margin-top: 15px;
}
lost-connection .internet_error p {
	color: #d7d7d7;
	font-size: 35px;
	text-align: center;
	margin-bottom: 50px;
	width: 70%;
}
lost-connection .internet_error .refresh {
	width: 70px;
	fill: #fff;
	cursor: pointer;
}
lost-connection .tryAgain_btn {
	padding: 8px 20px;
	border-radius: 50px;
	margin: 10px;
	color: #fff;
	border: 2px solid #fff;
	background: transparent;
	cursor: pointer;
	font-size: 25px;
}
@media all and (max-width:576px) {
	lost-connection .internet_error h2 {
		font-size: 40px;
	}
	lost-connection .internet_error p {
		font-size: 25px;
		padding-left: 15px;
		padding-right: 15px;
		width: 100%;
	}
	lost-connection .internet_error .refresh {
		width: 40px;
	}
}
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
.gudhub.gh-ui-dialog.fireworks-dialog.no-background .gh-ui-dialog-backdrop {
  background: none; }

.gudhub.gh-ui-dialog.fireworks-dialog .gh-ui-dialog-content-wrap {
  background: none; }
  .gudhub.gh-ui-dialog.fireworks-dialog .gh-ui-dialog-content-wrap .content {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; }
  .gudhub.gh-ui-dialog.fireworks-dialog .gh-ui-dialog-content-wrap .fireworks {
    width: 100%; }
    .gudhub.gh-ui-dialog.fireworks-dialog .gh-ui-dialog-content-wrap .fireworks .text-content p {
      text-align: center;
      font-size: 100px;
      color: #fff;
      user-select: none; }

gh-automation {
  position: relative;
  display: block;
  min-height: 35vh;
  height: calc(100vh - 62px);
  width: 100%;
  background: #EDEFF0; }
  gh-automation .gh-automation-controls {
    position: absolute;
    right: 10px;
    top: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    gh-automation .gh-automation-controls span {
      cursor: pointer; }
    gh-automation .gh-automation-controls__item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      gh-automation .gh-automation-controls__item:nth-child(1) {
        margin-right: 25px; }
      gh-automation .gh-automation-controls__item .text {
        color: #0D99FF;
        margin: 0;
        font-size: 14px; }
  gh-automation .node.active {
    animation-name: automationBlinking;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    border-color: red; }

@keyframes automationBlinking {
  0% {
    background: rgba(211, 47, 47, 0.8); }
  50% {
    background: rgba(110, 136, 255, 0.8); }
  100% {
    background: rgba(211, 47, 47, 0.8); } }
  gh-automation .gh-automation-settings {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%; }
  gh-automation .gh-automation-render {
    width: calc(100% - 300px); }
  gh-automation gh-element[element-type='additional_settings'] {
    float: left; }
  gh-automation .add-node-button {
    display: inline-block;
    margin: 5px 5px;
    padding: 5px;
    border: 1px solid #607D8B;
    cursor: pointer; }
  gh-automation .gh-automation-apply-button {
    float: left; }
  gh-automation .gh-node-content {
    height: 140px; }
    gh-automation .gh-node-content gh-automation-settings {
      display: inline-block;
      text-align: left; }
    gh-automation .gh-node-content .gh-delete-node {
      display: inline-block;
      text-align: left;
      margin-left: 95px; }
    gh-automation .gh-node-content .active path {
      animation-name: blinkRun;
      animation-duration: 1s;
      animation-iteration-count: infinite; }

@keyframes blinkRun {
  0% {
    fill: #d32f2f; }
  50% {
    fill: #fff; }
  100% {
    fill: #d32f2f; } }
    gh-automation .gh-node-content .automation-settings-icon {
      display: inherit;
      text-align: center; }
    gh-automation .gh-node-content .node-notes {
      width: 140px;
      height: 50px;
      display: block;
      overflow: hidden;
      color: #ffffff; }
  gh-automation .node.trigger, gh-automation .node.gh-element-node, gh-automation .node.quiz-node, gh-automation .node.smartinput, gh-automation .node.task {
    background: #2196F3; }
    gh-automation .node.trigger:hover, gh-automation .node.gh-element-node:hover, gh-automation .node.quiz-node:hover, gh-automation .node.smartinput:hover, gh-automation .node.task:hover {
      background: #03A9F4; }
  gh-automation .node.selected.selected-active {
    border: red;
    animation: borderBlink 1s infinite; }

@keyframes borderBlink {
  0% {
    border: 3px solid red; }
  50% {
    border: 3px solid rgba(255, 0, 0, 0); }
  100% {
    border: 3px solid red; } }
  gh-automation .node.selected.trigger, gh-automation .node.selected.gh-element-node, gh-automation .node.selected.quiz-node, gh-automation .node.selected.smartinput, gh-automation .node.selected.task {
    background: #00bcd4;
    border-color: #009688; }
  gh-automation .node .socket.items-array {
    background: #8bc34a; }
  gh-automation .node .socket.field-value {
    background: #29b6f6; }
  gh-automation .node .socket.field-value-deleted-field {
    background: #FF3333; }
    gh-automation .node .socket.field-value-deleted-field + .input-title {
      color: #FF3333; }
  gh-automation .node .socket.object-value {
    background: #ab47bc; }
  gh-automation .node .socket.instance {
    background: orange; }
  gh-automation .send-message {
    max-width: 180px; }

.gh-automation-paste__toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.gh-automation-paste__content {
  min-width: 600px;
  min-height: 300px;
  border-top: 1px solid #0D99FF;
  border-bottom: 1px solid #0D99FF; }
  .gh-automation-paste__content textarea {
    width: 100%;
    height: 100%;
    min-height: 300px;
    resize: none;
    padding: 10px; }

.gh-automation-paste__bottom {
  display: flex;
  align-items: center;
  justify-content: center; }

.pyro > .before,
.pyro > .after {
  position: absolute;
  width: 5px;
  height: 5px;
  top: 100px;
  border-radius: 50%;
  box-shadow: -120px -218.66667px blue, 248px -16.66667px #00ff84, 190px 16.33333px #002bff, -113px -308.66667px #ff009d, -109px -287.66667px #ffb300, -50px -313.66667px #ff006e, 226px -31.66667px #ff4000, 180px -351.66667px #ff00d0, -12px -338.66667px #00f6ff, 220px -388.66667px #99ff00, -69px -27.66667px #ff0400, -111px -339.66667px #6200ff, 155px -237.66667px #00ddff, -152px -380.66667px #00ffd0, -50px -37.66667px #00ffdd, -95px -175.66667px #a6ff00, -88px 10.33333px #0d00ff, 112px -309.66667px #005eff, 69px -415.66667px #ff00a6, 168px -100.66667px #ff004c, -244px 24.33333px #ff6600, 97px -325.66667px #ff0066, -211px -182.66667px #00ffa2, 236px -126.66667px #b700ff, 140px -196.66667px #9000ff, 125px -175.66667px #00bbff, 118px -381.66667px #ff002f, 144px -111.66667px #ffae00, 36px -78.66667px #f600ff, -63px -196.66667px #c800ff, -218px -227.66667px #d4ff00, -134px -377.66667px #ea00ff, -36px -412.66667px #ff00d4, 209px -106.66667px #00fff2, 91px -278.66667px #000dff, -22px -191.66667px #9dff00, 139px -392.66667px #a6ff00, 56px -2.66667px #0099ff, -156px -276.66667px #ea00ff, -163px -233.66667px #00fffb, -238px -346.66667px #00ff73, 62px -363.66667px #0088ff, 244px -170.66667px #0062ff, 224px -142.66667px #b300ff, 141px -208.66667px #9000ff, 211px -285.66667px #ff6600, 181px -128.66667px #1e00ff, 90px -123.66667px #c800ff, 189px 70.33333px #00ffc8, -18px -383.66667px #00ff33, 100px -6.66667px #ff008c;
  animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards; }

.pyro > .after {
  animation-delay: 1.25s, 1.25s, 1.25s;
  animation-duration: 1.25s, 1.25s, 6.25s; }

@keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }

@keyframes gravity {
  to {
    transform: translateY(200px);
    opacity: 0; } }

@keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 20%; }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%; }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%; }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%; }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%; } }

/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
.automation-container {
  height: 100%; }
  .automation-container__search {
    padding: 10px 15px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .automation-container__search input {
      width: calc(100% - 40px); }
    .automation-container__search div {
      margin-top: 4px; }
  .automation-container__wrapper {
    height: 100%; }
  .automation-container__elements {
    width: 300px;
    height: calc(100% - 58px);
    background: #fff;
    overflow-y: scroll; }
    .automation-container__elements::-webkit-scrollbar {
      width: 8px; }
    .automation-container__elements::-webkit-scrollbar-track {
      background: #ffffff; }
    .automation-container__elements::-webkit-scrollbar-thumb {
      background: #0D99FF; }
    .automation-container__elements .add-node-button {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      background: #ffffff;
      box-shadow: 0px 1px 4px 2px rgba(0, 0, 0, 0.1);
      border-radius: 10px;
      border: none;
      margin: 10px 15px;
      padding: 15px;
      transition: 0.2s all;
      border: 1px solid #fff; }
      .automation-container__elements .add-node-button:hover {
        border: 1px solid #0D99FF;
        transition: 0.2s all; }
      .automation-container__elements .add-node-button div[gh-icon] {
        margin-right: 20px; }

/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
.gh-automation-dialog-apply {
  display: inline-flex; }

.iterator-settings__title {
  font-size: 17px;
  color: #bbbcc5;
  margin-left: 10px;
  height: 100%;
  display: inline-flex;
  align-items: center;
  height: 40px; }
  .iterator-settings__title span {
    margin-right: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center; }

.iterator-settings__toolbar {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }

.iterator-settings__apply {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0; }

.iterator-settings__tabs {
  display: flex;
  align-items: flex-start;
  justify-content: center; }
  .iterator-settings__tabs label {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-top: 4px solid transparent;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 300;
    color: #bbbcc5; }
    .iterator-settings__tabs label .icon {
      margin-right: 5px; }
    .iterator-settings__tabs label.active {
      color: #0D99FF;
      border-bottom: 4px solid #0D99FF; }
      .iterator-settings__tabs label.active svg path {
        fill: #0D99FF !important; }

.gudhub.gh-ui-dialog.gh-automation-dialog__popup .gh-ui-dialog-content-wrap .toolbar {
  padding: 0; }
  .gudhub.gh-ui-dialog.gh-automation-dialog__popup .gh-ui-dialog-content-wrap .toolbar .toolbar-controls {
    display: flex;
    align-items: center;
    justify-content: center; }

.gudhub.gh-ui-dialog.gh-automation-dialog__popup .gh-ui-dialog-content-wrap .content .sync-evaluation {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 5px;
  margin-bottom: 10px; }

iterator-debugger {
  position: absolute;
  z-index: 15;
  top: 10px;
  left: 10px;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background: #fff; }
  iterator-debugger .iterator-debugger {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    iterator-debugger .iterator-debugger__run {
      margin-left: 25px; }

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------ */
/* ---------------------------------------------- GH-ELEMENT -------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
div[gh-element] {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  width: 100%;
  /* -------- Aling content in conteiner ------- */ }
  div[gh-element] > .action {
    width: fit-content;
    display: flex;
    margin: 0 auto; }
  div[gh-element] span.field-name {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: block;
    text-align: right;
    font-size: 12px;
    font-weight: 500;
    color: #bbbcc5;
    text-overflow: ellipsis;
    padding: 14px 14px 0 0;
    min-width: 100px;
    max-width: 100px; }
  div[gh-element] input,
  div[gh-element] textarea {
    line-height: normal;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    box-shadow: none !important;
    border-bottom: 1px solid #d9d9d9; }
  div[gh-element] input:focus,
  div[gh-element] textarea:focus {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -khtml-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-color: #0D99FF; }
  div[gh-element][element-type="doc_template"] > span, div[gh-element][element-type="file"] > span, div[gh-element][element-type="image"] > span, div[gh-element][element-type="text_editor"] > span, div[gh-element][element-type="timeline"] > span {
    align-self: flex-start; }
  div[gh-element][data-position*='left'] {
    width: initial;
    -webkit-justify-content: start;
    justify-content: start; }
  div[gh-element][data-position*='right'] {
    width: initial;
    -webkit-justify-content: end;
    justify-content: end; }
  div[gh-element][data-position*='center'] {
    -webkit-justify-content: center;
    justify-content: center; }
  div[gh-element][data-position*='beetwen'] > *:not(span) {
    -webkit-box-flex-grow: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex-grow: 1;
    /* Chrome */
    -moz-box-flex-grow: 1;
    /* OLD - Firefox 19- */
    -ms-flex-grow: 1;
    /* IE 10 */
    flex-grow: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex-shrink: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex-shrink: 1;
    /* Chrome */
    -moz-box-flex-shrink: 1;
    /* OLD - Firefox 19- */
    -ms-flex-shrink: 1;
    /* IE 10 */
    flex-shrink: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex-basis: auto;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex-basis: auto;
    /* Chrome */
    -moz-box-flex-basis: auto;
    /* OLD - Firefox 19- */
    -ms-flex-basis: auto;
    /* IE 10 */
    flex-basis: auto;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    text-alling: center; }
  div[gh-element][data-position*='full'] {
    width: 100% !important; }
    div[gh-element][data-position*='full'] gh-date-input div[ng-switch-default],
    div[gh-element][data-position*='full'] gh-date-input div[ng-switch-when="small"] {
      -webkit-justify-content: center;
      justify-content: center; }
    div[gh-element][data-position*='full'] gh-color > div > .gh-color-item {
      margin: 0 auto; }
    div[gh-element][data-position*='full'] gh-file .gh-file-list {
      margin: 0 auto; }
    div[gh-element][data-position*='full'] gh-file .gh-file-list {
      margin: 0 auto; }
    div[gh-element][data-position*='full'] gh-image .gh-image-list {
      margin: 0 auto; }
      div[gh-element][data-position*='full'] gh-image .gh-image-list img {
        width: auto;
        min-height: 100%;
        max-height: 100%;
        max-width: none; }

.field-wrap-name {
  padding-right: 15px;
  white-space: normal;
  position: relative;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  min-width: 100px;
  max-width: 100px;
  overflow: hidden;
  line-height: 14px;
  color: #bbbcc5;
  font-style: normal; }
  .field-wrap-name .gh_element_name {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    padding-top: 14px;
    font-size: 12px;
    font-weight: 500;
    color: inherit;
    display: inline-block;
    white-space: normal; }

/* ------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------- GH-TOOL-TIP -------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------- */
gh-tool-tip {
  display: inline-block;
  text-align: left;
  margin: 0 auto;
  white-space: normal; }

gh-element:hover .field-tooltip .field-tooltip-icon,
div[gh-element]:hover .field-tooltip .field-tooltip-icon {
  opacity: 1; }

gh-element .field-tooltip,
div[gh-element] .field-tooltip {
  position: relative; }
  gh-element .field-tooltip:hover .field-tooltip-container,
  div[gh-element] .field-tooltip:hover .field-tooltip-container {
    display: flex; }
  gh-element .field-tooltip .field-tooltip-icon,
  div[gh-element] .field-tooltip .field-tooltip-icon {
    border-radius: 100%;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    padding-top: 2px;
    border: 1px solid #d9d9d9;
    color: #bbbcc5;
    display: flex;
    font-size: 11px;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    opacity: 0;
    z-index: 999;
    position: relative; }
    gh-element .field-tooltip .field-tooltip-icon:hover,
    div[gh-element] .field-tooltip .field-tooltip-icon:hover {
      border: 1px solid #EDF2F6;
      color: #0D99FF; }
  gh-element .field-tooltip .field-tooltip-container,
  div[gh-element] .field-tooltip .field-tooltip-container {
    display: none;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    box-shadow: 0 1px 2px 0 #d9d9d9;
    border-radius: 15px;
    padding: 15px;
    width: 320px;
    z-index: 998;
    max-height: 640px;
    font-size: 12px;
    font-weight: 300;
    color: #24292f; }
    gh-element .field-tooltip .field-tooltip-container:before,
    div[gh-element] .field-tooltip .field-tooltip-container:before {
      content: '';
      position: absolute;
      left: 16px;
      width: 10px;
      height: 10px;
      display: block;
      bottom: 17px;
      background-color: #fff;
      z-index: 1;
      border-width: 1px 1px 0 0;
      border-style: solid;
      border-color: #d9d9d9;
      transform: rotate(135deg); }
    gh-element .field-tooltip .field-tooltip-container h3,
    div[gh-element] .field-tooltip .field-tooltip-container h3 {
      font-weight: 600;
      font-size: 16px;
      font-family: "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
      margin-top: 0;
      margin-bottom: 16px;
      line-height: 1;
      color: #24292f;
      border: none; }
    gh-element .field-tooltip .field-tooltip-container p,
    div[gh-element] .field-tooltip .field-tooltip-container p {
      font-size: 16px;
      font-family: "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
      line-height: 1.5;
      word-wrap: break-word; }
    gh-element .field-tooltip .field-tooltip-container .field-tooltip-block,
    div[gh-element] .field-tooltip .field-tooltip-container .field-tooltip-block {
      width: 100%;
      overflow-x: hidden;
      display: flex;
      justify-content: space-between; }
      gh-element .field-tooltip .field-tooltip-container .field-tooltip-block .field-tooltip-edit,
      div[gh-element] .field-tooltip .field-tooltip-container .field-tooltip-block .field-tooltip-edit {
        cursor: pointer;
        display: flex;
        align-items: flex-end; }

.field-tooltip-wrap {
  position: fixed;
  transform: translate(-20px, calc(-100% + 3px));
  padding-bottom: 21px;
  z-index: 998; }
  .field-tooltip-wrap gh-loader .lds-dual-ring {
    margin-top: -20px;
    width: 30px;
    height: 30px; }
    .field-tooltip-wrap gh-loader .lds-dual-ring::after {
      width: 30px;
      height: 30px;
      margin: 2px; }
  .field-tooltip-wrap ul {
    list-style: disc; }
  .field-tooltip-wrap.no_positioning {
    position: relative;
    padding: 0px 10px;
    transform: none; }
    .field-tooltip-wrap.no_positioning .wrap_loader_dots {
      position: static;
      transform: none;
      min-height: 330px; }
    .field-tooltip-wrap.no_positioning .lds-dual-ring {
      margin-top: 0; }

.update_check {
  position: absolute;
  right: 1px;
  display: inline-block;
  overflow: hidden;
  width: 10px;
  height: 10px; }

.update_check:before {
  content: "";
  height: 2px;
  border-radius: 2px;
  background: #10cfbd;
  transform: rotate(45deg);
  top: 6px;
  left: 1px;
  transition: width 50ms ease 50ms;
  transform-origin: 0% 0%;
  width: 5px;
  transition: width 100ms ease;
  opacity: 0;
  position: absolute; }

.gh_element_name {
  width: 100%; }

.update_check:after {
  content: "";
  height: 2px;
  border-radius: 2px;
  background: #10cfbd;
  transform: rotate(305deg);
  top: 10px;
  left: 1px;
  position: absolute;
  transition: width 50ms ease;
  transform-origin: 0% 0%;
  width: 10px;
  transition: width 150ms ease 100ms;
  opacity: 0; }

.update_check.show_update {
  display: inline;
  float: right;
  margin-left: 5px; }

.update_check.show_update:before {
  opacity: 1; }

.update_check.show_update:after {
  opacity: 1; }

.automation-activation-in-settings field-setting:nth-child(1) {
  position: absolute;
  top: 5px;
  left: 311px;
  height: 44px;
  max-height: 44px;
  background: #fff;
  z-index: 10; }

.gh-element-automation-debugger field-setting:nth-child(2) {
  position: absolute;
  top: 5px;
  left: 455px;
  height: 44px;
  max-height: 44px;
  background: #fff;
  z-index: 10; }
  .gh-element-automation-debugger field-setting:nth-child(2) .gh-automation-debug-mode {
    font-size: 12px;
    font-weight: 500;
    color: #bbbcc5; }

.gh-element-automation-debugger__mocks {
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.gh-element-automation-debugger__title {
  font-size: 12px;
  font-weight: 500;
  color: #bbbcc5;
  margin-right: 10px; }

.gh-element-automation-debugger__switch {
  margin-right: 10px; }
  .gh-element-automation-debugger__switch.gh-api-btn-switch {
    padding-top: 0 !important; }

.gh-element-automation {
  width: 100%;
  position: relative; }
  .gh-element-automation gh-element-automation-debugger {
    position: absolute;
    top: 0;
    left: 450px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    z-index: 10;
    min-height: 44px;
    background: #fff; }

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
.form-editor_editing-row {
  overflow: visible;
  border-radius: 10px;
  border: 1px solid #0893D2;
  table-layout: fixed;
  position: absolute;
  z-index: 100;
  background-color: white;
  width: 100%;
  margin: 0;
  left: 0; }
  .form-editor_editing-row tr {
    overflow: visible; }
  .form-editor_editing-row td {
    border-top: 0 !important;
    overflow: visible; }

.md-scroll-mask {
  position: initial; }

/* -------------------------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------- GH-Window ------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
gh-window {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #fafdfd;
  top: 0;
  left: 0;
  overflow: hidden;
  padding: 10px 0 0; }
  gh-window.add_items .gh-form-wrapper {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto; }
    gh-window.add_items .gh-form-wrapper .gh-form {
      position: absolute; }
  gh-window.add_items .add-items-footer {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex-grow: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex-grow: 1;
    /* Chrome */
    -moz-box-flex-grow: 1;
    /* OLD - Firefox 19- */
    -ms-flex-grow: 1;
    /* IE 10 */
    flex-grow: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex-shrink: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex-shrink: 1;
    /* Chrome */
    -moz-box-flex-shrink: 1;
    /* OLD - Firefox 19- */
    -ms-flex-shrink: 1;
    /* IE 10 */
    flex-shrink: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex-basis: auto;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex-basis: auto;
    /* Chrome */
    -moz-box-flex-basis: auto;
    /* OLD - Firefox 19- */
    -ms-flex-basis: auto;
    /* IE 10 */
    flex-basis: auto;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 67px;
    min-height: 67px;
    padding-left: 20px;
    box-shadow: 0 0 3px rgba(0, 0, 128, 0.2);
    z-index: 2; }
  gh-window.app_constructor {
    background-color: #f6f7f7; }
    gh-window.app_constructor .toolbar {
      box-shadow: none !important; }
    gh-window.app_constructor .height_on_all_container {
      height: 100%; }
  gh-window.edit_container, gh-window.edit_field, gh-window.edit_field_interpretation {
    height: 100%;
    background-color: #F0F0F3;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: start;
    justify-content: space-around;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: distribute;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    gh-window.edit_container .toolbar, gh-window.edit_field .toolbar, gh-window.edit_field_interpretation .toolbar {
      background-color: transparent;
      background-color: #fafdfd;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafdfd',endColorstr='#fafdfd');
      zoom: 1; }
    gh-window.edit_container > div, gh-window.edit_field > div, gh-window.edit_field_interpretation > div {
      -webkit-order: 0;
      -ms-flex-order: 0;
      order: 0;
      -webkit-flex: 0;
      -ms-flex: 0;
      flex: 0 0 auto;
      -webkit-align-self: auto;
      -ms-flex-item-align: auto;
      align-self: auto; }
  gh-window .open_app .toolbar > ul > li:last-child {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end; }
  gh-window .open_app .field > div {
    min-width: 100%; }
  gh-window .open_item .toolbar > ul > li:last-child {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end; }

.gh-form_editable {
  border: 1px dashed #a0a7ad; }

.gh-form:not(:first-child) {
  margin-top: 30px; }

.gh-form-wrapper_editable {
  background-color: #edeff0 !important; }

.gh-form-wrapper_editable .sidepanel {
  background-color: #fafafa;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 100; }

.gh-form-wrapper_editable .sidepanel .nav-tabs {
  margin-top: 15px;
  margin-bottom: 10px;
  border-bottom: 1px solid #c5c5c5; }

.gh-form-wrapper_editable .sidepanel .nav-tabs.nav-justified > .active > a,
.gh-form-wrapper_editable .sidepanel .nav-tabs.nav-justified > .active > a:focus,
.gh-form-wrapper_editable .sidepanel .nav-tabs.nav-justified > .active > a:hover {
  background-color: transparent;
  border: 0;
  border-bottom: 3px solid #00b0ff; }

.gh-form-wrapper_editable .sidepanel .nav-tabs li a {
  padding: 5px 0;
  background-color: transparent;
  border: 0;
  font-size: 14px;
  border-bottom: 3px solid transparent; }

.gh-form-wrapper_editable .sidepanel .fields-block .row {
  margin: 10px;
  padding: 0;
  background-color: transparent !important; }

.gh-form-wrapper_editable .sidepanel .field-constructor-item {
  border: 1px solid transparent;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2);
  width: 100%;
  border-radius: 10px;
  padding: 10px; }

.gh-form-wrapper_editable .sidepanel .field-constructor-item:hover {
  border: 1px solid #00b0ff; }

.gh-form-wrapper__form-caption {
  font-size: 28px;
  line-height: 40px;
  font-weight: 200;
  color: #0893d2;
  margin-bottom: 25px;
  border-bottom: 1px solid #0893d2; }

.gh-form-wrapper__table-settings-caption {
  font-size: 48px;
  line-height: 50px;
  font-weight: 200;
  color: #0893d2;
  margin-bottom: 25px; }

gh-source-code {
  width: 100%; }

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------ GH-TIMELINE ----------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
.gh-timeline {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 14px; }

.gh-timeline .timeline__wrap {
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 5px;
  max-height: 400px; }
  .gh-timeline .timeline__wrap .timeline-item {
    min-height: 95px;
    position: relative; }
  .gh-timeline .timeline__wrap gh-user-selecting {
    position: absolute;
    width: 80px;
    top: 0;
    left: 0;
    font-size: 11px; }

.gh-timeline .timeline_ul {
  list-style-type: none;
  position: relative;
  border: 1px solid #e4e4e4;
  margin: 5px 0 5px 90px;
  border-radius: 5px;
  padding: 15px;
  text-align: left; }

.gh-timeline .timeline_ul:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: #fff;
  top: 13px;
  left: -4px;
  position: absolute;
  transform: rotate(45deg);
  border-left: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4; }

.gh-timeline .timelineDate {
  color: #b9b9b9;
  font-size: 12px;
  border-bottom: 1px solid #e4e4e4;
  display: block;
  padding-bottom: 8px;
  margin-bottom: 10px; }

.gh-timeline .timeline_ul .timeline_li {
  position: relative;
  font-size: 14px;
  font-weight: 300;
  margin: 6px 0;
  word-break: break-word;
  padding-left: 20px; }
  .gh-timeline .timeline_ul .timeline_li .icon {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.gh-timeline .timeline_ul li .message {
  margin-right: 5px; }
  .gh-timeline .timeline_ul li .message * {
    display: inline-block; }

.gh-timeline .timeline_textarea {
  width: 100%;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  resize: none;
  position: relative;
  color: #000;
  padding: 6px; }

.gh-timeline .timeline_textarea:focus {
  border: 1px solid #0893d2; }

.gh-timeline .timeline_textarea::-moz-placeholder {
  color: #000000; }

.gh-timeline .timeline_textarea:-moz-placeholder {
  color: #000000; }

.gh-timeline .timeline_textarea:-ms-input-placeholder {
  color: #000000; }

.gh-dialog-timeline-wrapper {
  overflow-y: auto; }
  .gh-dialog-timeline-wrapper .timeline__wrap {
    overflow-y: initial;
    overflow-x: initial; }

.timeline_bttn {
  margin: 10px 5px 0 0;
  float: right; }

gh-checkbox-list {
  display: block;
  padding: 5px;
  position: relative; }
  gh-checkbox-list md-checkbox {
    width: 100%; }

.gh-user .name {
  padding-top: 14px; }

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ CONSTANTS --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------- COLOR - LIST ----------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
gh-color-list {
  display: block;
  position: relative; }
  gh-color-list ul.color-list li {
    display: inline-block;
    float: left;
    margin: 2px;
    position: relative;
    text-align: center; }
    gh-color-list ul.color-list li .color {
      width: 2.5em;
      height: 2.5em;
      border: 3px solid #fafdfd;
      border-radius: 50%;
      -webkit-box-shadow: 0 0 0 1px #d9d9d9;
      -moz-box-shadow: 0 0 0 1px #d9d9d9;
      box-shadow: 0 0 0 1px #d9d9d9;
      position: relative; }
    gh-color-list ul.color-list li .color-name {
      font-size: 14px; }
    gh-color-list ul.color-list li .gh-color-name_block {
      margin-right: 5px;
      height: 17px;
      overflow: hidden;
      position: relative; }
    gh-color-list ul.color-list li .color-item-wrap {
      display: flex;
      flex-direction: column;
      align-items: center; }
    gh-color-list ul.color-list li .check {
      display: none;
      position: absolute;
      width: 13px;
      height: 8px;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%,-50%) rotate(-45deg);
      -khtml-transform: translate(-50%,-50%) rotate(-45deg);
      -moz-transform: translate(-50%,-50%) rotate(-45deg);
      -ms-transform: translate(-50%,-50%) rotate(-45deg);
      -o-transform: translate(-50%,-50%) rotate(-45deg);
      transform: translate(-50%,-50%) rotate(-45deg);
      border-width: 0 0 2px 2px;
      border-style: solid; }
    gh-color-list ul.color-list li.selected .check {
      display: block; }

/* ------------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------- COLOR ------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
.color-block-advanced {
  display: flex;
  flex-wrap: wrap; }
  .color-block-advanced .color-input-container {
    width: 80%;
    min-width: 80%; }
  .color-block-advanced .swatch {
    font-size: 14px;
    width: 2.5em;
    height: 2.5em;
    border: 3px solid #fafdfd;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 1px #d9d9d9;
    -moz-box-shadow: 0 0 0 1px #d9d9d9;
    box-shadow: 0 0 0 1px #d9d9d9;
    position: relative;
    margin: 10px 10px 10px 0px; }

.colorPicker {
  margin-top: 10px; }

.color-picker-buttons {
  border-top: 1px solid #d9d9d9;
  padding: 15px 0 0px;
  text-align: center;
  margin: 0 20px; }
  .color-picker-buttons button {
    display: inline-block;
    background-color: transparent;
    color: #0893d2;
    font-size: 15px;
    line-height: 6px;
    font-weight: 100;
    padding: 0 5px;
    border-radius: 15px;
    border: 1px solid transparent;
    opacity: 0.7; }
    .color-picker-buttons button:hover {
      opacity: 1; }
    .color-picker-buttons button svg {
      display: inline-block; }
    .color-picker-buttons button [gh-icon] {
      cursor: pointer;
      position: relative;
      margin: 0;
      right: 0;
      top: 0; }

gh-color {
  display: block;
  position: relative;
  font-size: 18px;
  font-weight: 200;
  line-height: 34px;
  color: #0D99FF;
  padding-top: 14px; }
  gh-color .gh-color-item {
    height: 34px;
    width: 34px;
    border-radius: 50%;
    cursor: pointer; }
  gh-color [gh-icon],
  gh-color md-switch {
    cursor: pointer;
    position: absolute;
    margin: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0%,-50%);
    -khtml-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%); }
  gh-color #color-menu {
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    z-index: 100;
    position: fixed;
    background-color: #fff;
    width: 300px;
    border-radius: 5px;
    padding: 20px; }
    gh-color #color-menu > div {
      position: relative; }
      gh-color #color-menu > div:not(:last-child) {
        border-bottom: 1px solid #0893d2; }
    gh-color #color-menu .color-list {
      padding: 10px 5px; }
      gh-color #color-menu .color-list > div {
        margin: 2px;
        float: left; }
    gh-color #color-menu .color-picker {
      margin: 0; }
      gh-color #color-menu .color-picker color-picker .color-picker-wrapper.color-picker-swatch-only {
        width: inherit; }
        gh-color #color-menu .color-picker color-picker .color-picker-wrapper.color-picker-swatch-only .color-picker-panel {
          margin: 5px auto; }