html,body{
    background-color: #fff !important;
    /* background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(238,238,238,1) 100%) !important; */
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    font-family: "Inter", Arial, sans-serif !important;
}

body{
    padding-bottom: 32px;
}

br {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.body_container {
    transition: filter 0.75s ease-in-out;
    -webkit-transition: filter 0.75s ease-in-out;
}


#ext_lms_scoped_key_check {
    opacity: 0;
    z-index: -1;
    display: inline;
    position: absolute !important;
}


.loading {
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    display: block;
    margin: auto;
    border: 4px solid transparent;
    border-bottom: 4px solid #F26522;
    border-left: 4px solid #F26522;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 0.45s linear infinite;
    z-index: 99999999999999999999;
}

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


.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    min-height: 68px;
    padding-bottom: 0px;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    transition: top 0.5s ease-in-out;
    -webkit-transition: top 0.5s ease-in-out;
    z-index: 99999;
    background-color: #fff;
}

.header .header_top {
    position: relative;
    display: block;
    width: calc(100% - 32px);
    height: 60px;
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
}


  .header .header_bottom {
    background-color: #fff;
    position: relative;
    display: block;
    width: 100% ;
    padding: 0 32px;
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
  }



 /* background_overlay */
.background_overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999999999999999999;
    background: #3337;
  }




  body {
      overflow: hidden;
  }

  .hide {
      display: none;
  }

  .body_container {
      height: 100%;
  }



  .undo_div {
      position: fixed;
      top: -98px;
      left: 50%;
      transform: translate(-50%, 0);
      z-index: 9999999999;
      padding: 8px 16px;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      -ms-user-select: none;
      user-select: none;
      outline: none;
      box-sizing: border-box;
      -webkit-box-sizing:border-box;
      -moz-box-sizing: border-box;
      box-shadow: 0 3px 8px -2px #0003;
      background-color: #fff;
      border-radius: 8px;
      border: 1px solid #999;
      -webkit-transition: top 0.75s ease-in-out;
      -moz-transition:    top 0.475s5s ease-in-out;
      -ms-transition:     top 0.75s ease-in-out;
      -o-transition:      top 0.75s ease-in-out;
      transition:         top 0.75s ease-in-out;
  }

  .undo_div p {
      display: inline;
      color: palevioletred;
      font-weight: bold;
  }

  .undo_div a {
      display: inline-block;
      cursor: pointer;
      margin-left: 24px;
  }

  .undo_div a:hover, .undo_div a:focus {
      text-decoration: none;
  }



  .preview_note {
    position: fixed;
    top:  8px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 9999999999;
    padding: 8px 16px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    box-shadow: 0 3px 12px -2px #0006;
    background-color: #111;
    border-radius: 8px;
    border: 1px solid #999;
    -webkit-transition: top 0.75s ease-in-out;
    -moz-transition:    top 0.475s5s ease-in-out;
    -ms-transition:     top 0.75s ease-in-out;
    -o-transition:      top 0.75s ease-in-out;
    transition:         top 0.75s ease-in-out;
    opacity: 0.9;
    vertical-align: middle;
  }

  .preview_note p {
    display: inline-block;
    color: #fff;
    width: calc(100% - 24px);
    margin: 0;
    /* font-weight: bold; */
  }

  .preview_note a {
    color: #5cb7f7;
    text-decoration: underline;
  }

  .preview_note span {
    color: palevioletred;
  }

  .preview_note a:hover {
    color: #268BD2;
  }

  .preview_note div {
    float: right;
    display: inline-block;
    width: 24px !important;
    height: 40px !important;
    cursor: pointer;
    text-align: right;
    color: #999;
    font-weight: bolder;
    padding-top: 9px;
  }


  .header_logo {
      position: relative;
      top: 13px;
      left: 0px;
      display: inline-block;
      background: url('../../assets/farebin_em.png');
      background-size: 38px;
      background-repeat: no-repeat;
      background-position: left center;
      width: 38px;
      height: 32px;
  }


  .header_actions {
      position: absolute;
      top: 20px;
      left: 38px;
  }

  .header_title {
      position: relative;
      display: inline-block;
      width: 148px;
      min-width: 100px;
      padding: 0 16px 2px 8px;
      color: #000;
      font-weight: normal;
      border: none;
      text-overflow:ellipsis;
      background: transparent;
  }

  .header_title:hover {
      background: transparent url('../../assets/edit.png');
      background-size: 13px;
      background-repeat: no-repeat;
      background-position: right 51%;
  }

  .header_title:focus {
      outline: none;
      width: 210px;
      background: transparent;
      border-bottom: 1px solid #ccc;
  }


  .header .save_status {
      position: relative;
      display: inline-block;
      font-size: 12px;
      padding-left: 8px;
  }


  .header .form_actions {
      position: absolute;
      top: 14px;
      right: 40px;
      display: block;
      height: 32px;
      padding: 0;
      list-style: none;
      margin: 0 auto;
      text-align: center;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      /* background-color: blue; */
  }

  .header .form_actions li {
      position: relative;
      top: -5px;
      display: inline-block;
      margin: 0 0 0 4px;
      padding: 0;
      cursor: pointer;
      border-radius: 50%;
      /* height: 32px;
      width: 100%; */
  }

  .header .form_actions li:hover {
      background-color: #E5E7EB;
  }

  .header .form_actions .more_options {
      background: url("../../assets/more.png");
      background-size: 24px;
      background-repeat: no-repeat;
      background-position: center;
      width: 42px;
      height: 42px;
  }



  .header .form_actions .send {
      position: relative;
      top: -19px;
      height: 42px;
  }

  .header .form_actions .send:hover {
      background-color: transparent;
  }

  .header .form_actions .send span {
      position: relative;
      top: 0px;
      background-color: #111;
      color: #fff;
      border-radius: 4px;
      padding: 8px 24px;
      margin: 0;
  }

  .header .form_actions .send span:hover, .header .form_actions .send span:focus {
      text-decoration: none;
      color: #fff;
      background-color: #000;
      box-shadow: 1px 2px 4px -1px #0004;
  }


  .header .form_actions li a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }


  .form_theme {
    display: none !important;
    background: url("../../assets/theme.png");
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: 15px center;
  }

  .form_preview {
    display: none !important;
    background: url("../../assets/preview.png");
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: 15px center;
  }


  .header .form_actions .preview {
      background: url("../../assets/preview.png");
      background-size: 24px;
      background-repeat: no-repeat;
      background-position: center;
      width: 42px;
      height: 42px;
  }


  .header .form_actions .theme {
      background: url("../../assets/theme.png");
      background-size: 24px;
      background-repeat: no-repeat;
      background-position: center;
      width: 42px;
      height: 42px;
  }



.dp {
    position: absolute;
    top: 14px;
    right: 0px;
    border-radius: 50%;
    border: 1px solid #444;
    width: 32px;
    height: 32px;
    margin: auto;
    overflow: hidden;
    object-fit: cover;
    cursor: pointer;
    background: #eee;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
  }




  .header .form_options_div {
    position: absolute;
      display: none;
      top: 56px;
      right: 40px;
      width: 250px;
      color: palevioletred;
      border-radius: 8px;
      border: 1px solid #bbb;
      padding: 0px !important;
      background-color: #fff;
      box-shadow: 0 4px 16px -3px #0003;
      z-index: 9999999999999;
  }


  .header .form_options_div ul {
    list-style: none;
    margin: 0;
    padding: 8px;
  }


  .header .form_options_div ul li {
    display: block;
    border: none;
    padding: 8px 8px 8px 48px;
    margin: 0;
    color: #000;
  }


  .header .form_options_div ul li a, .header .form_options_div ul li a:hover {
    text-decoration: none;
    color: #000;
  }


  .header .form_options_div ul .form_duplicate {
    background: url("../../assets/copy.png");
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: 8px center;
  }


  .header .form_options_div ul .form_reminder {
    background: url("../../assets/new_notify.png");
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: 15px center;
  }


  .header .form_options_div ul .form_due_date {
    background: url("../../assets/date_picker.png");
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: 8px center;
  }


  .header .form_options_div ul .form_link {
    background: url("../../assets/url_icon.png");
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: 8px center;
  }


  .header .form_options_div ul .form_trash {
    color: palevioletred;
    background: url("../../assets/delete_icon.png");
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: 8px center;
  }


  .header .form_options_div ul .form_save_template {
    background: url("../../assets/save_template.png");
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: 8px center;
  }


  .header .form_options_div ul .form_pre_filled_link {
    background: url("../../assets/url_icon.png");
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: 8px center;
  }


  .header .form_options_div ul .form_print {
    background: url("../../assets/print_icon.png");
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: 8px center;
  }


  .header .form_options_div ul li:hover {
    background-color: #f4f4f4;
    cursor: pointer;
  }








  .header .header_bottom {
      padding: 0;
  }


  .outline_head {
    display: none;
  }

  .header_bottom .top_controls ul {
      list-style: none;
      display: block;
      margin: 0;
      padding: 0 !important;
      text-align: left;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
  }

  .header_bottom .top_controls ul li {
      position: relative;
      display: inline-block;
      padding: 0;
      margin: 5px 0 0 0 !important;
      border: 1px solid #E5E7EB;
  }

  .header_bottom .top_controls ul li:hover {
      background-color: #E5E7EB;
      border: 1px solid #ccc;
      cursor: pointer;
  }

  .header_bottom .top_controls ul .add_field {
      background: #eee url("../../assets/add.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: center;
      width: 32px;
      height: 32px;
  }

  .header_bottom .top_controls ul .add_title_desc {
      background: #eee url("../../assets/add_title_desc.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: center;
      width: 32px;
      height: 32px;
  }

  .header_bottom .top_controls ul .add_section {
      background: #eee url("../../assets/add_section.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: center;
      width: 32px;
      height: 32px;
  }

  .header_bottom .top_controls ul .delete {
      background: transparent url("../../assets/delete_icon.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: center;
      width: 32px;
      height: 32px;
      float: right;
      border: 1px solid #FDFDF8;
  }



  .header_bottom .top_controls ul .duplicate {
      background: transparent url("../../assets/copy.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: center;
      width: 32px;
      height: 32px;
      float: right;
      border: 1px solid #FDFDF8;
  }





  .header_bottom .top_controls .top_controls_dropdown {
      position: absolute;
      display: none;
      top: 38px;
      left: -8px;
      width: 200px;
      color: #000;
      border-radius: 8px;
      border: 1px solid #bbb;
      padding: 3px 8px 8px 8px !important;
      background-color: #fff;
      box-shadow: 0 4px 16px -3px #0003;
      z-index: 9999999999999;
  }

  .header_bottom .top_controls ul .delete .delete_dropdown {
      color: palevioletred;
  }


  .header_bottom .top_controls ul .top_controls_dropdown ul {
      list-style: none;
      padding: 0;
      margin: 0 !important;
      overflow: hidden;
  }

  .header_bottom .top_controls ul .delete .delete_dropdown ul li {
      display: block;
      border: none;
      padding: 8px 8px 8px 40px;
      margin: 0;
      background: url("../../assets/delete_icon.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: left center;
  }

  .header_bottom .top_controls ul .duplicate .duplicate_dropdown ul li {
      display: block;
      border: none;
      padding: 8px 8px 8px 40px;
      margin: 0;
      background: url("../../assets/copy.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: left center;
  }


  .header_bottom .top_controls .section_dropdown .option_section_blank, .header_bottom .top_controls .title_desc_dropdown .title_desc_blank, .header_bottom .top_controls .field_dropdown .field_blank {
      display: block;
      border: none;
      padding: 8px 8px 8px 40px;
      margin: 0;
      background: url("../../assets/save_template.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: left center;
  }

  .header_bottom .top_controls .section_dropdown .option_section_template, .header_bottom .top_controls .title_desc_dropdown .title_desc_template, .header_bottom .top_controls .field_dropdown .field_template {
      display: block;
      border: none;
      padding: 8px 8px 8px 40px;
      margin: 0;
      background: url("../../assets/use_template_icon.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: 1px center;
  }

  .header_bottom .top_controls ul .top_controls_dropdown ul li:hover {
      /* background-color: #E5E7EB; */
      background-color: #f4f4f4 !important;
  }




  /* .header_bottom .top_controls ul .add_image {
      background: #eee url("../../assets/add_image.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: center;
      width: 50px;
      height: 32px;
  }

  .header_bottom .top_controls ul .add_video {
      background: #eee url("../../assets/add_video.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: center;
      width: 50px;
      height: 32px;
  } */







  .form {
      position: relative;
      top: 102px;
      height: calc(100% - 72px);
      margin: 0 !important;
  }

  .row {
      width: 100%;
      display: block !important;
      margin: 0 auto !important;
  }

  /* .form .row .outline::-webkit-scrollbar-track, .form .row .builder::-webkit-scrollbar-track {
  	background-color: #E5E7EB !important;
  }

  .form .row .outline::-webkit-scrollbar {
    background-color: #ccc !important;
    width: 6px !important;
    border-radius: 2px !important;
  }

  .form .row .builder::-webkit-scrollbar {
    background-color: #ccc !important;
    width: 12px !important;
    border-radius: 2px !important;
  }

  .form .row .outline::-webkit-scrollbar-thumb, .form .row .builder::-webkit-scrollbar-thumb {
    background-color: #999 !important;
    width: 4px !important;
    border-radius: 2px !important;
    border: 1px solid transparent !important;
    background-clip: content-box !important;
  } */


  .form .row {
      display: block;
      height: 100%;
  }

  .form .outline {
      height: 100%;
      border-right: 1px solid #ccc;
      overflow: hidden;
      overflow-y: auto;
      padding-top: 8px;
      padding-left: 2px;
      padding-right: 8px;
  }

  .form .outline ol {
      padding: 8px 8px 0 0;
      text-align: left;
      margin-left: 0;
      counter-reset: item;
      width: 100%;
      list-style: none;
      overflow-x: hidden;
  }

  .form .outline ol li {
      position: relative;
      padding: 2px 8px 2px 0px;
      cursor: pointer;
      color: #000;
      /* counter-increment: item; */
      font-weight: bold;
      font-size: 13px;
  }

  .form .outline .main_list {
    overflow-x: hidden;
  }


  .form .outline .main_list .section div > .outline_block_name {
      /* background: transparent url('../../assets/add_section.png');
      background-size: 24px;
      background-repeat: no-repeat;
      background-position: left; */
      color: #777;
      font-weight: bold;
      font-size: 13px;
      /* padding-left: 24px; */
  }

  .form .outline .main_list li.section {
      border-left: 2px solid #F5F5EE;
      padding-left: 6px;
      /* border-bottom: 1px solid #E5E7EB;
      margin-bottom: 0;
      padding-top: 8px; */
  }

  .form .outline .main_list li.section.active {
      border-left: 2px solid #268BD2;
  }


  .form .outline .main_list li.section.active div .outline_block_name {
      color: #000;
  }

  .form .outline .main_list li.section.deleting div .outline_block_name {
    color: palevioletred !important;
  }


  .form .outline .main_list .section div:hover > .edit {
      display: inline-block;
  }

  .form .outline ol li ol li:hover .edit {
      display: inline-block;
  }

  .form .outline ol li .outline_block_name {
      display: inline-block;
      padding: 0 2px 2px 2px;
      color: #000;
      font-weight: normal;
      border: none;
      text-overflow:ellipsis;
      width: calc(100% - 24px);
      background: transparent;
      cursor: pointer;
  }

  .form .outline ol .section .section_block_name {
      width: calc(100% - 16px);
  }

  /* .form .outline ol li .edit {
      position: absolute;
      top: 0;
      right: 24px;
      display: none;
      height: 20px;
      width: 16px;
      background: transparent url('../../assets/edit.png');
      background-size: 13px;
      background-repeat: no-repeat;
      background-position: right 75%;
      cursor: pointer;
      opacity: 0.5;
  } */

  .form .outline ol li .edit:hover {
      opacity: 1;
  }

  .form .outline ol li .outline_block_name:focus {
      outline: none;
      background: transparent;
  }

  .form .outline ol li .outline_block_name_editing {
      outline: none;
      background: transparent;
      border-bottom: 1px solid #ccc;
      cursor: auto;
  }

  .form .outline ol li .outline_block_name:focus > .form .outline ol li:hover .form .outline ol li .edit {
      display: none;
  }



  .form .outline ol li:hover {
      text-decoration: none;
      cursor: move;
      background: transparent url('../../assets/handle.png');
      background-size: 24px;
      background-repeat: no-repeat;
      background-position: right top;
  }

  .form .outline ol li ol {
      padding: 2px 0 8px 10px;
      margin: 0;
      /* list-style: none; */
  }

  .form .outline ol li ol li {
      display: block;
      padding: 0;
      font-size: 12px;
  }

  .form .outline ol li ol .field .outline_block_name {
      color: #000;
      font-weight: normal;
      font-size: 13px;
  }

  .form .outline ol li ol .active, .form .outline ol li ol .active .outline_block_name {
      color: #268BD2;
      text-decoration: none;
  }

  .form .outline ol li ol li {
      display: inline-block;
      color: #999;
      font-size: 13px;
      width: 100%;
      /* white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important; */
  }

  .form .outline ol li ol li:before {
      /* content: counters(item, ".") ". "; */
  }



  .form .builder {
      position: relative;
      height: 100%;
      overflow: hidden;
      overflow-y: auto;
      padding-top: 32px;
  }

  .form .builder .block_container {
    position: relative !important;
    display: block;
    margin: 16px auto;
    padding-bottom: 16px;
    padding-top: 35px;
    width: 100%;
    border-right: 2px solid transparent;
  }






  /* Dropdown */

  .form .builder .block_container .block_type_container {
      position: absolute;
      top: 0;
      right: 18.5%;
      -webkit-transition: right 0.35s ease-in-out;
      -moz-transition:    right 0.35s ease-in-out;
      -ms-transition:     right 0.35s ease-in-out;
      -o-transition:      right 0.35s ease-in-out;
      transition:         right 0.35s ease-in-out;
  }

  .form .builder .active .block_type_container {
      right: 17%;
      padding-left: 32px;
  }

  .form .builder .block_container .block_type_container .block_type_dropdown {
      position: relative;
      right: 0;
      color: #000;
      font-weight: bold;
      margin: 0;
      padding: 0px 24px 0px 8px;
      box-shadow: none;
      border-radius: 8px;
      transition: all ease-in-out 0.3s;
      background: transparent url('../../assets/dropdown_dark.png');
      background-size: 10px;
      background-repeat: no-repeat;
      background-position: right center;
      cursor: pointer;
      /* min-width: 120px; */
      max-width: 232px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      opacity: 0.5;
  }

  .form .builder .active .block_type_container .block_type_dropdown {
      opacity: 1;
      color: #666;
  }

  .form .block_type_container .block_type_menu {
      position: absolute;
      left: -32px;
      top: 100%;
      display: none;
      width: 250px;
      height: 480px;
      color: #000;
      border-radius: 8px;
      border: 1px solid #bbb;
      padding: 16px 8px 16px 8px;
      margin-top: 8px;
      background-color: #ffffff;
      box-shadow: 0 4px 16px -3px #0003;
      z-index: 9999999999999;
      overflow-y: scroll;
  }

  .form .block_container .block_type_container .block_type_menu ul {
      list-style: none;
      padding: 0;
      margin: 0;
      overflow: hidden;
  }

  .form .block_container .block_type_container .block_type_menu ul li {
      padding: 8px 8px 8px 48px;
      cursor: pointer;
  }

  .form .block_container .block_type_container .block_type_menu ul li:not(.type_line_break):hover {
      background-color: #E5E7EB;
  }

  .form .block_container .block_type_container .block_type_menu ul li.active {
      background-color: #E5E7EB;
      color: #268BD2;
  }

  .form .block_type_container .block_type_menu ul .type_line_break {
      border-bottom: 1px solid #ccc;
      margin-bottom: 16px;
  }

  .form .block_type_container .block_type_menu ul .type_template {
      background: url("../../assets/use_template_icon.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: 8px center;
  }

  .block_type_menu ul .type_upload, .active .head_type_upload, .template_div .template_results .type_upload {
      background: url("../../assets/upload.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: 8px center;
  }


.block_type_menu ul .type_download, .active .head_type_download, .template_div .template_results .type_download {
    background: url("../../assets/download.png");
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: 8px center;
}

  .block_type_menu ul .type_multi, .active .head_type_multi, .template_div .template_results .type_multi {
      background: url("../../assets/radio_checked.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: 8px center;
  }

  .block_type_menu ul .type_checkbox, .active .head_type_checkbox, .template_div .template_results .type_checkbox {
      background: url("../../assets/checkbox_checked.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: 8px center;
  }


  .block_type_menu ul .type_dropdown, .active .head_type_dropdown, .template_div .template_results .type_dropdown {
      background: url("../../assets/dropdown_icon.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: 8px center;
  }


  .block_type_menu ul .type_multi_choice_grid, .active .head_type_multi_choice_grid, .template_div .template_results .type_multi_choice_grid {
    background: url("../../assets/multiple_choice_grid.png");
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: 8px center;
  }


  .block_type_menu ul .type_checkbox_grid, .active .head_type_checkbox_grid, .template_div .template_results .type_checkbox_grid {
    background: url("../../assets/checkbox_grid.png");
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: 8px center;
  }


  .block_type_menu ul .type_short_answer_list, .active .head_type_short_answer_list, .template_div .template_results .type_short_answer_list {
    background: url("../../assets/short_list_answer.png");
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: 8px center;
}

.block_type_menu ul .type_long_answer_list, .active .head_type_long_answer_list, .template_div .template_results .type_long_answer_list {
    background: url("../../assets/long_list_answer.png");
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: 8px center;
}

.block_type_menu ul .type_grouped_answer, .active .head_type_grouped_answer, .template_div .template_results .type_grouped_answer {
    background: url("../../assets/grouped_answer.png");
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: 8px center;
}


  .block_type_menu ul .type_short, .active .head_type_short, .template_div .template_results .type_short {
      background: url("../../assets/short_answer.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: 8px center;
  }

  .block_type_menu ul .type_long, .active .head_type_long, .template_div .template_results .type_long {
      background: url("../../assets/long_answer.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: 8px center;
  }

  .block_type_menu ul .type_color, .active .head_type_color, .template_div .template_results .type_color {
      background: url("../../assets/color_picker.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: 8px center;
  }

  .block_type_menu ul .type_email, .active .head_type_email, .template_div .template_results .type_email {
      background: url("../../assets/email.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: 8px center;
  }

  .block_type_menu ul .type_phone, .active .head_type_phone, .template_div .template_results .type_phone {
      background: url("../../assets/phone.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: 8px center;
  }

  .block_type_menu ul .type_url, .active .head_type_url, .template_div .template_results .type_url {
      background: url("../../assets/url_icon.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: 8px center;
  }

  .block_type_menu ul .type_date, .active .head_type_date, .template_div .template_results .type_date {
      background: url("../../assets/date_picker.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: 8px center;
  }

  .dropdown-open .block_type_menu.dropdown-active {
      display: block;
  }







  .form .builder .block_container .block_name {
      display: block;
      padding: 0 216px 8px 2px;
      margin: 0 auto;
      width: 65%;
      color: #bbb;
      font-weight: normal;
      border: none;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      background: transparent;
      -webkit-transition: width 0.35s ease-in-out, height 0.25s ease-in-out;
      -moz-transition:    width 0.35s ease-in-out, height 0.25s ease-in-out;
      -ms-transition:     width 0.35s ease-in-out, height 0.25s ease-in-out;
      -o-transition:      width 0.35s ease-in-out, height 0.25s ease-in-out;
      transition:         width 0.35s ease-in-out, height 0.25s ease-in-out;
  }

  .form .builder .active .block_name {
      width: 68%;
      color: #666;
  }

  .form .builder .section {
      position: relative;
      margin: 0 auto 132px auto;
      padding: 0;
      width: 100%;
  }

  .form .builder .section .section_head {
      margin: 0 auto 24px auto;
      padding: 8px 0;
      width: 80%;
      background: transparent;
      border-bottom: 1px solid #000;
  }



  .form .builder .section .section_head .section_more_options {
      position: absolute;
      top: 16px;
      right: 10%;
      background: url("../../assets/more.png");
      background-size: 24px;
      background-repeat: no-repeat;
      background-position: center;
      width: 32px;
      height: 32px;
      cursor: pointer;
      opacity: 0.8;
  }

  .form .builder .section .section_head .section_more_options:hover {
      opacity: 1;
  }

  .form .builder .section .section_head .section_name {
      /* display: inline-block;
      margin: 0 auto;
      width: auto;
      max-width: 55%;
      padding: 8px 24px 8px 16px;
      color: #fff;
      font-weight: bold;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      background: #000;
      border-top-left-radius: 6px;
      border-top-right-radius: 32px; */
      display: inline-block;
      margin: 0 auto;
      width: calc(100% - 45px);
      min-width: 100px;
      padding: 8px;
      color: #000;
      font-weight: bold;
      font-size: 24px;
      border: none;
      border-bottom: 1px solid transparent;
      text-overflow:ellipsis;
      background: transparent;
      box-sizing: border-box;
      -webkit-box-sizing:border-box;
      -moz-box-sizing: border-box;
  }

  .form .builder .section .section_head .section_name:hover {
      background: transparent url('../../assets/edit.png');
      background-size: 16px;
      background-repeat: no-repeat;
      background-position: right 49%;
  }

  .form .builder .section .section_head .section_name:focus {
      outline: none;
      /* width: calc(100% - 50px); */
      background: transparent;
      /* border-bottom: 1px solid #ccc; */
  }


  .form .builder .block_container .block {
      cursor: auto;
      position: relative;
      display: block;
      margin: 0 auto;
      padding: 24px;
      width: 65%;
      background-color: #eee;
      border: 2px solid #ccc;
      border-radius: 6px;
      box-shadow: 0 4px 12px -3px #0002;
      -webkit-transition: width 0.5s ease-in-out, height 0.35s ease-in-out;
      -moz-transition:    width 0.5s ease-in-out, height 0.35s ease-in-out;
      -ms-transition:     width 0.5s ease-in-out, height 0.35s ease-in-out;
      -o-transition:      width 0.5s ease-in-out, height 0.35s ease-in-out;
      transition:         width 0.5s ease-in-out, height 0.35s ease-in-out;
  }

  .form .builder .active .block {
      width: 68%;
      border: 2px solid #268BD2;
      -webkit-transition: border 0.75s ease-in-out;
      -moz-transition:    border 0.75s ease-in-out;
      -ms-transition:     border 0.75s ease-in-out;
      -o-transition:      border 0.75s ease-in-out;
      transition:         width 0.15s ease-in-out, border 0.75s ease-in-out;
  }


  .form .builder .block_container .block .error {
      color: palevioletred;
      padding: 4px 8px;
      font-size: 12px;
  }


  .block .short_answer, .block .long_answer, .block .color_div, .block .email, .block .url_answer, .block .date, .list_answer_block .options_ul .option input, .list_answer_block .options_ul .option textarea {
    opacity: 0.6;
  }

  .active .block .short_answer, .active .block .long_answer, .active .block .color_div, .active .block .email, .active .block .url_answer, .active .block .date {
    opacity: 0.7;
  }

  .form .builder .block input[type = text], .form .builder .block input[type = email], .form .builder .block input[type = date], .form .builder .block input[type = number], .form .builder .block input[type = url] {
      padding: 12px 14px;
      margin: 0 0 8px 0;
      border: 1px solid #ccc;
      border-radius: 8px;
      width: 100%;
      color: #000 !important;
      text-align: left !important;
      -webkit-user-select: text;
      -khtml-user-select: text;
      -moz-user-select: text;
      -o-user-select: text;
      -ms-user-select: text;
      user-select: text;
      outline: none;
      box-sizing: border-box;
      -webkit-box-sizing:border-box;
      -moz-box-sizing: border-box;
      box-shadow: 0 3px 8px -3px #0001;
  }


  .form .block textarea {
      padding: 12px 14px;
      margin: 0 0 8px 0;
      border: 1px solid #ccc;
      border-radius: 8px;
      width: 100%;
      color: #000 !important;
      text-align: left !important;
      -webkit-user-select: text;
      -khtml-user-select: text;
      -moz-user-select: text;
      -o-user-select: text;
      -ms-user-select: text;
      user-select: text;
      outline: none;
      box-sizing: border-box;
      -webkit-box-sizing:border-box;
      -moz-box-sizing: border-box;
      box-shadow: 0 3px 8px -3px #0001;
  }

  .form .builder .block input[type = email], .form .builder .block input[type = date] {
      width: 100% !important;
  }

  .form .builder .block input[type = text]:focus, .form .builder .block input[type = date]:focus, .form .block textarea:focus {
      border-color: #268BD2;
  }

  .form .builder .block input:read-only, .form .builder .block textarea:read-only {
      cursor: not-allowed;
  }

  .form .builder .block input:read-only:focus, .form .builder .block textarea:read-only:focus {
      border-color: #ccc;
  }


  .form .builder .long_answer_block textarea {
      background: #fff !important;
      height: 100px;
      min-height: 100px !important;
      max-height: 550px !important;
      min-width: 100% !important;
      max-width: 100% !important;
  }


  .form .builder .block .required_div {
      position: relative;
      text-align: right;
      margin-top: 16px;
      padding: 30px 8px 8px 8px;
      border-top: 1px solid #999;
      height: 48px;
  }

  .form .builder .desc_container .required_div {
      margin-top: 24px;
  }


  .form .builder .block .required_div p {
      position: absolute;
      top: 25px;
      right: 80px;
      padding: 0 16px;
      display: inline-block;
      border-left: 1px solid #ccc;
  }


  .form .builder .block .required_div .more_options {
      position: absolute;
      top: 19px;
      right: 0px;
      background: url("../../assets/more.png");
      background-size: 24px;
      background-repeat: no-repeat;
      background-position: center;
      width: 32px;
      height: 32px;
      cursor: pointer;
      opacity: 0.8;
  }

  .form .builder .block .required_div .more_options:hover {
      opacity: 1;
  }

  /* The switch - the box around the slider */
  .switch {
      position: relative;
      right: 32px;
      display: inline-block;
      width: 40px;
      height: 12px;
      margin: 0;
    }

    /* Hide default HTML checkbox */
    .switch input {
      opacity: 0;
      width: 0;
      height: 0;
    }

    /* The slider */
    .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #E5E7EB;
      box-shadow: 0 0 1px #000e;
      border: 1px solid #ccc;
      -webkit-transition: .4s;
      transition: .4s;
    }

    .slider:before {
      position: absolute;
      content: "";
      height: 20px;
      width: 20px;
      left: -2px;
      bottom: -5px;
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s;
      border: 1px solid #aaa;
    }

    input:checked + .slider {
      background-color: #ccc;
    }

    input:focus + .slider {
      box-shadow: 0 0 1px #268BD2;
    }

    input:checked + .slider {
      border: 1px solid #aaa;
    }

    input:checked + .slider:before {
      -webkit-transform: translateX(22px);
      -ms-transform: translateX(22px);
      transform: translateX(22px);
      background-color: #1a73e8;
      border: 1px solid #fff;
    }

    /* Rounded sliders */
    .slider.round {
      border-radius: 20px;
    }

    .slider.round:before {
      border-radius: 50%;
    }


    .form .section .section_more_options_div {
      position: absolute;
      top: 53px;
      right: 13%;
      width: 366px;
      display: none;
      box-shadow: 0 3px 16px -3px #0005 !important;
      border-radius: 4px !important;
      z-index: 999999999;
      background: #fff;
      border: 1px solid #ddd;
    }


    .form .block .more_options_div {
      position: absolute;
      bottom: 16px;
      right: 16px;
      width: 366px;
      display: none;
      box-shadow: 0 3px 16px -3px #0006 !important;
      border-radius: 4px !important;
      z-index: 999999999;
      background: #fff;
      border: 1px solid #e2e2e2;
    }


    .form .block .more_options_div .more_options_div_a, .section_more_options_div .more_options_div_a {
      position: relative;
      display: block;
      padding: 6px 8px !important;
    }

    .form .block .more_options_div .more_options_delete, .section_more_options_div .more_options_delete {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
    }

    .form .block .more_options_div .more_options_save, .section_more_options_div .more_options_save {
      border-bottom: 1px solid #e2e2e2;
      font-weight: bold;
    }

    .form .block .more_options_div .more_options_div_a:hover, .section_more_options_div .more_options_div_a:hover {
      cursor: pointer;
      background-color: #f4f4f4;
    }

    .form .block .more_options_div .more_options_div_a span, .section_more_options_div .more_options_div_a span {
      text-decoration: none;
      color: #333;
      display: inline-block;
      position: relative;
      top: 1px;
    }

    .form .block .more_options_div .more_options_delete span, .section_more_options_div .more_options_delete span {
      color: palevioletred;
      font-weight: bold;
    }

    .form .block .more_options_div img, .section_more_options_div img {
      width: 28px;
      height: 28px;
      object-fit: cover;
      margin-right: 8px;
      display: inline-block;
      border: none !important;
      position: relative;
      top: -1px;
    }

    .form .block .more_options_div input, .section_more_options_div input {
      display: inline-block;
      position: absolute;
      top: 10px;
      right: 12px;
      pointer-events: none;
      /* accent-color: #000; */
      opacity: 0.7;
    }









    .form .builder .block .subtitle_div {
      border: 1px solid #ccc;
      margin: 0 0 8px 0;
      border-radius: 8px;
      box-shadow: 0 3px 8px -3px #0001;
    }


    .form .builder .block .subtitle {
      height: auto;
      min-height: 38px !important;
      min-width: 100% !important;
      max-width: 100% !important;
      /* overflow: hidden; */
      background-color: transparent;
      border: none;
      margin: 0;
      /* border: 1px solid #ccc; */
      /* border-radius: 8px; */
      font-family: "Inter", Arial, sans-serif !important;
      font-size: 14px;
      z-index: 99999999;
  }


  .form .builder .block .subtitle .ql-editor {
      height: auto;
      overflow: hidden;
      background-color: #fff;
      color: #000;
      border-radius: 0;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
      /* border: 1px solid #fff;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ccc; */
  }


  .form .builder .block .subtitle .ql-editor:focus {
      /* border: 1px solid #fff; */
      /* border-left: 1px solid #268BD2;
      border-right: 1px solid #268BD2;
      border-right: 1px solid #268BD2;
      border-bottom: 1px solid #268BD2; */
  }


  .form .builder .input_container .block .ql-toolbar {
      position: relative;
      display: block;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #fff;
      border: none;
      /* border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
      border-top: 1px solid #ccc; */
  }


  input[type="radio"] {
      height: 16px;
      width: 16px;
      margin-right: 6px !important;
  }


  .form .builder .desc_container .block .editor_div {
      position: relative;
      padding-bottom: 0px;
      border: 1px solid #ccc;
      border-radius: 8px;
  }


  .form .builder .desc_container .block .ql-toolbar {
      /* display: none; */
      /* position: absolute; */
      /* left: 0;
      right: 0;
      bottom: 0; */
      border-top: none;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      /* box-shadow: 0 3px 8px -3px #0001; */
      background-color: #fff;
      /* width: 100%; */
      /* transform: translateY(100%); */
  }

  .form .builder .block .editor {
      position: relative;
      /* overflow: hidden;
      overflow-y: auto; */
      height: auto;
      max-height: 1000px;
      background-color: #fff;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
      margin-top: 0;
    }

    .form .builder .block .editor .ql-editor {
      height: auto;
      min-height: 100px;
      max-height: 1000px;
      font-size: 14px;
      /* border: 1px solid #ccc; */
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
      overflow-y: auto;
    }

    .form .builder .block .editor_div .ql-editor {
      height: auto;
      min-height: 50px;
      max-height: 1000px;
    }

    .form .builder .block .editor .ql-editor:focus {
      border-color: #268BD2;
    }


    .form .builder .block .options_ul {
      list-style: none;
      padding: 0;
    }

    .form .builder .block .options_ul {
    position: relative;
    list-style: none;
    padding: 0;
  }

  .form .builder .multiple_choice_grid_block .options_ul, .form .builder .checkbox_grid_block .options_ul {
    position: relative;
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 51%;
    vertical-align: top;
  }

  .form .builder .block .options_ul_rows {
    width: 48%;
  }


    .form .builder .block .options_ul li {
      position: relative;
      padding: 0 32px 0 68px !important;
      vertical-align: middle;
      /* border: 1px solid red; */
    }

    .form .builder .block .options_ul .choice_li .handle {
      display: none;
      position: absolute;
      top: 10px;
      left: 0;
      width: 32px;
      height: 32px;
      background: transparent url('../../assets/handle.png');
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: left center;
      cursor: move;
    }

    .form .builder .block .options_ul .choice_li:hover > .handle {
      display: inline-block;
    }

    .form .builder .multiple_choice_block .options_ul li .radio {
      position: absolute;
      top: 0;
      left: 24px;
      display: inline-block;
      width: 32px;
      height: 32px;
      background: transparent url('../../assets/radio.png');
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: left center;
      cursor: auto;
    }


    .form .builder .checkbox_block .options_ul li .checkbox {
      position: absolute;
      top: 0;
      left: 24px;
      display: inline-block;
      width: 32px;
      height: 32px;
      background: transparent url('../../assets/checkbox.png');
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: left center;
      cursor: auto;
    }


    .form .builder .checkbox_block .validate_div {
      margin-left: 24px;
    }


    .form .builder .multiple_choice_grid_block .options_ul_columns li .radio {
    position: absolute;
    top: 0;
    left: 24px;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: transparent url('../../assets/radio.png');
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: left center;
    cursor: auto;
  }


  .form .builder .checkbox_grid_block .options_ul_columns li .checkbox {
    position: absolute;
    top: 0;
    left: 24px;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: transparent url('../../assets/checkbox.png');
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: left center;
    cursor: auto;
  }

  .form .builder .block .options_ul_rows .dropdown_counter {
    position: absolute;
    top: 16px;
    left: 24px;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: transparent;
    cursor: auto;
    text-align: center;
  }

  .form .builder .block .options_ul_rows {
    counter-reset: item;
  }

  .form .builder .block .options_ul_rows li {
    counter-increment: item;
  }

  .form .builder .block .options_ul_rows li .dropdown_counter:before {
    content: counters(item, ".") ". ";
  }


    .form .builder .block .options_ul .option input {
      display: inline-block;
      width: calc(100% - 50px);
      border: none;
      text-overflow: ellipsis;
      background-color: transparent;
      border-radius: 0;
      border-bottom: 1px solid #ccc;
      cursor: auto;
      pointer-events: auto !important;
      padding-right: 16px;
      z-index: 999999999;

    }

    .form .builder .multiple_choice_grid_block .options_ul .option input {
      width: calc(100% - 26px);
    }

    .form .builder .checkbox_grid_block .options_ul .option input {
      width: calc(100% - 26px);
    }

    .form .builder .block .options_ul .option input:focus {
      outline: none;
      /* background-color: #fff; */
    }

    /* .form .builder .block .options_ul .option .add_option_image {
      position: absolute;
      top: 8px;
      right: 74px;
      width: 32px;
      height: 32px;
    }


    .form .builder .block .options_ul .option .add_option_image .btn {
      width: 32px;
      height: 32px;
      background: transparent url('../../assets/add_image.png');
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: left center;
      margin: 0;
      opacity: 0.5;
      cursor: pointer;
      box-shadow: none;
    }


    .form .builder .block .options_ul .option .add_option_image .option_image_preview {
      width: 32px;
      height: 32px;
      object-fit: contain;
      border: 1px solid #999;
      cursor: default;
      background-color: #fff;
    }

    .form .builder .block .options_ul .option .add_option_image .option_image_loading {
        position: absolute;
        top: calc(50% - 10px);
        left: calc(50% - 10px);
        display: block;
        margin: auto;
        border: 3px solid transparent;
        border-bottom: 3px solid #268BD2;
        border-left: 3px solid #268BD2;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        z-index: 999;
        animation: spin 0.45s linear infinite;
    } */
  /*
    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    } */


    /* .form .builder .block .options_ul .option .add_option_image .option_image_preview_close {
      position: absolute;
      top: -8px;
      right: -8px;
      width: 20px;
      height: 20px;
      background: #fff url('../../assets/close.png');
      background-size: 16px;
      background-repeat: no-repeat;
      background-position: center;
      margin: 0;
      cursor: pointer;
      border-radius: 50%;
      border: 1px solid #999;
      cursor: pointer;
    } */


    /* .form .builder .block .options_ul .option .add_option_image_hide_show_section {
      right: 220px;
    } */


    .form .builder .block .options_ul .option .delete_option {
      position: absolute;
      top: 8px;
      right: 32px;
      display: inline-block;
      width: 32px;
      height: 32px;
      background: url('../../assets/close.png');
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: left center;
      margin: 0;
      opacity: 0.5;
      cursor: pointer;
    }

    .form .builder .block .options_ul li .delete_option:hover {
      opacity: 1;
      cursor: pointer;
    }


    /* .form .builder .block .options_ul li .hide_show_section {
      display: inline-block;
      position: relative;
      top: 1px;
      left: 17px;
      width: 125px;
      height: 32px;
      padding: 0 30px 0 8px;
      outline: none;
      border: 1px solid #ccc;
      border-radius: 8px;
      color: #000 !important;
      text-align: left !important;
      -webkit-user-select: text;
      -khtml-user-select: text;
      -moz-user-select: text;
      -o-user-select: text;
      -ms-user-select: text;
      user-select: text;
      box-sizing: border-box;
      -webkit-box-sizing:border-box;
      -moz-box-sizing: border-box;
      box-shadow: 0 3px 8px -3px #0001;
      -moz-appearance:none;
      -webkit-appearance:none;
      appearance:none;
      background: transparent url('../../assets/dropdown_dark.png');
      background-size: 10px;
      background-repeat: no-repeat;
      background-position: calc(100% - 10px) center;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      cursor: pointer;
    } */




    .form .builder .block .options_ul .add_option input {
      width: 104px;
      text-overflow: ellipsis;
      background-color: transparent;
      border: none;
      border-radius: 0;
      border-bottom: 1px solid #ccc;
      cursor:text;
    }

    .form .builder .multiple_choice_grid_block .options_ul .add_option input, .form .builder .checkbox_grid_block .options_ul .add_option input {
      width: 130px;
    }

    .form .builder .block .options_ul .add_option * {
      display: inline;
      cursor: pointer;
    }

    .form .builder .block .options_ul .add_option .add_other {
      text-decoration: none;
      padding: 2px 8px;
      font-weight: bold;
    }

    .form .builder .block .options_ul .add_option p {
      cursor: auto;
    }




    .form .builder .dropdown_block .options_ul {
      /* padding-left: 50px; */
      /* list-style: decimal; */
    }

    .form .builder .dropdown_block .options_ul .dropdown_counter, .form .builder .list_answer_block .options_ul .dropdown_counter, .form .builder .group_answer_block .options_ul .dropdown_counter {
      position: absolute;
      top: 16px;
      left: 24px;
      display: inline-block;
      width: 32px;
      height: 32px;
      background: transparent;
      cursor: auto;
      text-align: center;
    }

    .form .builder .dropdown_block .options_ul, .form .builder .list_answer_block .options_ul, .form .builder .group_answer_block .options_ul {
    counter-reset: item;
  }

  .form .builder .dropdown_block .options_ul li, .form .builder .list_answer_block .options_ul li, .form .builder .group_answer_block .options_ul li {
    counter-increment: item;
  }

  .form .builder .dropdown_block .options_ul li .dropdown_counter:before,  .form .builder .list_answer_block .options_ul li .dropdown_counter:before,  .form .builder .group_answer_block .options_ul li .dropdown_counter:before {
    content: counters(item, ".") ". ";
  }

  .form .builder .dropdown_block .options_ul .option input {
    padding-right: 12px;
  }

  .form .builder .list_answer_block .options_ul .option input {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    margin: 6px 0 8px 0;
    height: auto;
	  width: calc(100%);
    padding: 12px 14px;
    border-radius: 8px !important;
    border: none !important;
    border: 1px solid #ccc !important;
    color: #000 !important;
    text-align: left !important;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
    -ms-user-select: text;
    user-select: text;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    box-shadow: 0 3px 8px -3px #0001;
    text-overflow: ellipsis;
    background-color: #fff;
    cursor: not-allowed;
  }


  .form .builder .list_long_answer_block .options_ul .option textarea {
      background: #fff !important;
      height: 80px;
      min-height: 80px !important;
      max-height: 550px !important;
      min-width: 100% !important;
      max-width: 100% !important;
  }

  .form .builder .list_answer_block .options_ul .choice_li .handle {
    display: block;
  }

    /* .form .builder .dropdown_block .options_ul .option:hover {
      background: transparent url('../../assets/handle.png');
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: left center;
      cursor: move;
    } */





.form .builder .block .sharing_warning {
  font-size: 10px;
  color: #999;
  padding-left: 4px;
  text-align: center;
}

.form .builder .block .sharing_warning span {
  font-weight: bold;
}


.form .builder .block .file_drop_area {
  position: relative;
  width: 100%;
  height: 190px;
  margin: 0 auto 8px auto;
  padding: 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background-color: #fff;
  -webkit-transition: padding 0.25s ease-in-out;
    -moz-transition:    padding 0.25s ease-in-out;
    -ms-transition:     padding 0.25s ease-in-out;
    -o-transition:      padding 0.25s ease-in-out;
    transition:         padding 0.25s ease-in-out;
    box-shadow: 0 4px 8px -3px #0001;
}

.form .builder .block .is-dragover {
  padding: 24px;
  /* background-color: #C9DBE2; */
  background-color: #E6EFF4;
}

.form .builder .block .inner_file_drop_area {
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 6px;
  border: 2px dashed #ccc;
}

.form .builder .block .is-dragover .inner_file_drop_area {
  border-radius: 8px;
  border: 2px dashed #268BD2;
}

.form .builder .block .inner_file_drop_area .file_upload {
  /* display: none; */
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}

.form .builder .block .inner_file_drop_area .file_upload:focus {
  outline: none;
}

.form .builder .block .inner_file_drop_area div {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 90%;
  padding: 50px 8px 0 8px;
  margin: 0 auto;
  text-align: center;
  background: transparent url('../../assets/upload.png');
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: top center;
  z-index: 99;
  cursor: pointer;
  pointer-events: none;
  font-size: 16px;
}

.form .builder .block .inner_file_drop_area div .choose {
  display: inline-block;
  color: #268BD2;
  padding: 8px 5px 8px 8px;
}

.form .builder .block .inner_file_drop_area:hover .choose {
  text-decoration: underline;
}

.form .builder .block .inner_file_drop_area div .drag_here {
  display: inline-block;
}

.form .builder .download_block .doc_list {
  list-style: none;
  padding: 16px 16px 8px 16px;
  width: 100%;
}

.form .builder .download_block .doc_list li {
  position: relative;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0 16px;
  margin: 8px auto;
  background: #fff;
  box-shadow: 0 4px 8px -3px #0002;
}

.form .builder .download_block .doc_list li .file_name {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 16px 40px 16px 0;
  margin: 0;
  width: auto;
  max-width: 99%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form .builder .download_block .doc_list .failed .file_name {
  color: palevioletred;
}

.form .builder .download_block .doc_list li .file_delete {
  position: absolute;
  top: 6px;
  right: 8px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: transparent url('../../assets/delete_icon.png');
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  opacity: 0.6;
}


.form .builder .download_block .doc_list li .file_delete:hover {
  opacity: 1;
}


.form .builder .download_block .doc_list li .file_loading {
  position: absolute;
  top: calc(50% - 10px);
  right: 48px;
  color: #666;
  font-size: 12px;
  padding: 1px 8px;
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 8px;
  border: 1px solid #ccc;
}

.form .builder .download_block .doc_list li .file_loading_icon {
  position: absolute;
  top: calc(50% - 10px);
  right: 18px;
  display: block;
  margin: auto;
  border: 2px solid transparent;
  border-bottom: 2px solid #268BD2;
  border-left: 2px solid #268BD2;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  z-index: 999;
  animation: spin 0.45s linear infinite;
}

.form .builder .download_block .doc_list li .file_delete_icon {
  border: 2px solid transparent;
  border-bottom: 2px solid palevioletred;
  border-left: 2px solid palevioletred;
}

/* File Reviewer End --------------------------*/




    .form .builder .upload_block .settings_ul {
      padding: 0;
      list-style: none;
    }


    .form .builder .upload_block .settings_ul .option {
      position: relative;
      padding: 8px 0 0 8px !important;
      vertical-align: middle;
    }


    .form .builder .upload_block .settings_ul .option * {
      display: inline-block;
    }


    .form .builder .upload_block .settings_ul .option p {
      margin-right: 16px;
    }


    .form .builder .upload_block .settings_ul .option .switch {
      top: -6px;
      right: 0;
    }


    .form .builder .upload_block .settings_ul .option input[type=number] {
      padding: 12px 14px;
      margin: 0 0 8px 0;
      border: 1px solid #ccc;
      border-radius: 8px;
      color: #000 !important;
      text-align: left !important;
      -webkit-user-select: text;
      -khtml-user-select: text;
      -moz-user-select: text;
      -o-user-select: text;
      -ms-user-select: text;
      user-select: text;
      outline: none;
      box-sizing: border-box;
      -webkit-box-sizing:border-box;
      -moz-box-sizing: border-box;
      box-shadow: 0 3px 8px -3px #0001;
      cursor: pointer;
      width: 120px;
   }


   .form .builder .upload_block .settings_ul .option select {
      padding: 12px 30px 12px 14px;
      margin: 0 0 8px 0;
      border: 1px solid #ccc;
      border-radius: 8px;
      color: #000 !important;
      text-align: left !important;
      -webkit-user-select: text;
      -khtml-user-select: text;
      -moz-user-select: text;
      -o-user-select: text;
      -ms-user-select: text;
      user-select: text;
      outline: none;
      box-sizing: border-box;
      -webkit-box-sizing:border-box;
      -moz-box-sizing: border-box;
      box-shadow: 0 3px 8px -3px #0001;
      -moz-appearance:none; /* Firefox */
      -webkit-appearance:none; /* Safari and Chrome */
      appearance:none;
      background: #fff url('../../assets/dropdown_dark.png');
      background-size: 11px;
      background-repeat: no-repeat;
      background-position: calc(100% - 12px) center;
      cursor: pointer;
      width: 120px;
   }


   .form .builder .upload_block .settings_ul .option input:focus {
      border-color: #268BD2;
   }


   .form .builder .upload_block .settings_ul .option .type_ul {
      position: relative;
      display: block;
      padding: 0;
      width: 280px;
      margin: 0;
   }


   .form .builder .upload_block .settings_ul .option .type_ul li {
      position: relative;
      width: calc(48% - 0px);
      margin: 0 0 0 0;
      padding: 0;
      display: inline-block;
      list-style: none;
      overflow: hidden;
    }


   .form .builder .upload_block .settings_ul .option .type_ul input[type=checkbox] {
      width: 20px;
      height: 20px;
      margin: 0;
      cursor: pointer;
   }

   .form .builder .upload_block .settings_ul .option .type_ul li label {
      font-weight: normal;
      position: relative;
      top: -4px;
      margin-left: 8px;
   }


  .form .builder .block .phone {
      display: block;
      width: 100% !important;
      border: 2px solid #000;
  }

  .intl-tel-input {
      width: 100%;
      /* margin: 0px; */
  }


  .form .builder .color_block .color_div {
    position: relative;
    padding: 0 !important;
    margin: 0 0 8px 0;
    border: 1px solid #ccc;
    border-radius: 8px;
    width: 100%;
    height: auto !important;
    color: #000 !important;
    background-color: #fff !important;
    text-align: left !important;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
    -ms-user-select: text;
    user-select: text;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    cursor: not-allowed;
      overflow: hidden;
      box-shadow: 0 3px 8px -3px #0001;
  }


  .form .builder .color_block .color_div .color_picker {
    position: relative;
    display: inline-block;
    height: 34px;
    width: 40px;
    padding: 0;
    margin: 0 0 0 6px !important;
    border: 1px solid #ccc;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    vertical-align: middle !important;
    background-color: #F26522;
    pointer-events: none !important;
  }


  .form .builder .color_block .color_div .color_picker input {
    position: relative;
    visibility: hidden !important;
    padding: 0;
    margin: 0 !important;
    border: none;
    vertical-align: middle !important;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
  }

  .form .builder .color_block .color_div .color_value_hash {
    position: relative !important;
    top: 0 !important;
    display: inline-block !important;
    width: 16px !important;
    text-align: right !important;
    font-size: 15px;
    padding: 13px 0 12px 0 !important;
    margin: 0 !important;
    border: 0;
    border-radius: 0px !important;
    background-color: #fff;
    vertical-align: middle !important;
    pointer-events: none !important;
  }

  .form .builder .color_block .color_div .color_value {
    display: inline-block!important;
    width: calc(100% - 62px) !important;
    padding: 12px 14px 12px 1px !important;
    margin: 0;
    border: 0;
    border-radius: 0px !important;
    background-color: #fff;
    color: #777 !important;
    vertical-align: middle !important;
  }






  .form .builder .input_container .block .validate_div {
      position: relative;
      margin-top: 24px;
  }

  .form .builder .input_container .block .validate_div ul {
      list-style: none;
      padding: 0;
  }

  .form .builder .input_container .block .validate_div ul li {
      position: relative;
      margin: 0 0 0 0;
      padding: 0;
      display: inline-block;
  }

  .form .builder .input_container .block .validate_div ul .valid_input {
      width: 150px;
  }

  .form .builder .input_container .block .validate_div ul .range_input {
      width: 49%;
  }

  .form .builder .input_container .block .validate_div ul .condition {
      width: calc(97% - 396px);
      margin-left: 6px;
  }

  .form .builder .input_container .block .validate_div ul .condition input:focus {
    border-color: #268BD2;
  }

  .form .builder .input_container .block .validate_div ul .valid_input select {
      width: 100%;
      padding: 12px 40px 12px 14px;
      margin: 0 0 8px 0;
      border: 1px solid #ccc;
      border-radius: 8px;
      outline: none;
      -webkit-user-select: text;
      -khtml-user-select: text;
      -moz-user-select: text;
      -o-user-select: text;
      -ms-user-select: text;
      user-select: text;
      box-sizing: border-box;
      -webkit-box-sizing:border-box;
      -moz-box-sizing: border-box;
      box-shadow: 0 3px 8px -3px #0001;
      -moz-appearance:none; /* Firefox */
      -webkit-appearance:none; /* Safari and Chrome */
      appearance:none;
      background: #E5E7EB url('../../assets/dropdown_dark.png');
      background-size: 11px;
      background-repeat: no-repeat;
      background-position: calc(100% - 12px) center;
      cursor: pointer;
  }

  .form .builder .input_container .block .validate_div ul select:focus {
    border-color: #268BD2;
  }

  .form .builder .input_container .block .validate_div ul .if_div {
      width: 15px;
      text-align: center;
      font-size: 12px;
      font-weight: bolder;
      color: #000;
  }

  .form .builder .input_container .block .validate_div ul .then_div {
      width: 35px;
      text-align: center;
      font-size: 12px;
      font-weight: bolder;
      color: #000;
  }


  .form .builder .input_container .block .validate_div ul .cancel_validate {
      position: absolute;
      top: 7px;
      right: 0;
      display: inline-block;
      width: 32px;
      height: 32px;
      background: url('../../assets/close.png');
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: right center;
      margin: 0;
      padding: 0;
      opacity: 0.5;
      cursor: pointer;
    }


    .form .builder .input_container .block .validate_div ul .cancel_validate:hover {
      opacity: 1;
    }






    /* SAVE TEMPLATE */

    .save_template_div, .template_div, .share_request_div {
      position: absolute;
      top: 5%;
      bottom: 5%;
      left: 15%;
      /* max-height: 90%; */
      width: 70%;
      background: #fff;
      border-radius: 4px;
      border: 1px solid #000;
      box-shadow: 0 3px 16px -3px #0005;
      z-index: 99999999999;
    }


    .save_template_div .top_controls, .template_div .top_controls, .share_request_div .top_controls {
      position: relative;
      padding: 24px 8px;
      display: block;
      margin: 8px 32px;
      border-bottom: 1px solid #ccc;
    }


    .save_template_div h2, .template_div h2 {
      font-size: 18px;
      display: inline;
      padding-left: 38px;
      background: url('../../assets/use_template_icon.png');
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: left center;
    }


    .share_request_div h2 {
      font-size: 18px;
      display: inline;
      padding-left: 32px;
      background: url('../../assets/send.png');
      background-size: 24px;
      background-repeat: no-repeat;
      background-position: left center;
    }


    .close_save_template_div, .close_template_div, .close_share_request_div {
      position: absolute;
      top: 17px;
      right: 0;
      display: inline-block;
      width: 32px;
      height: 32px;
      background: url('../../assets/close.png');
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: left center;
      margin: 0;
      opacity: 0.5;
      cursor: pointer;
    }

    .close_save_template_div {
      right: -32px;
    }

    .close_save_template_div:hover, .close_template_div:hover, .close_share_request_div:hover {
      opacity: 1;
      cursor: pointer;
    }


    .save_template_div div {
      display: block;
      margin: 0 32px;
      padding: 8px 8px 0 8px;
    }


    .save_template_div div p {
      font-size: 12px;
      margin: 0;
    }

    .save_template_div div input {
      padding: 12px 14px;
      margin: 6px 0 8px 0;
      border: 1px solid #ccc;
      border-radius: 8px;
      width: 100%;
      color: #000 !important;
      text-align: left !important;
      -webkit-user-select: text;
      -khtml-user-select: text;
      -moz-user-select: text;
      -o-user-select: text;
      -ms-user-select: text;
      user-select: text;
      outline: none;
      box-sizing: border-box;
      -webkit-box-sizing:border-box;
      -moz-box-sizing: border-box;
      box-shadow: 0 3px 8px -3px #0001;
    }


    .save_template_div div input:focus, .save_template_div div select:focus {
      border-color: #268BD2;
    }


    .save_template_div .new_folder_div {
      position: relative;
    }


    .save_template_div .new_folder_div input {
      margin: 6px 0 0 0;
      padding-right: 40px;
    }


    .save_template_div div .add_folder_cancel {
      display: none;
      position: absolute;
      top: 38px;
      right: 4px;
      width: 32px;
      height: 32px;
      background: url('../../assets/close.png');
      background-size: 24px;
      background-repeat: no-repeat;
      background-position: center;
      border-radius: 6px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      padding: 8px 24px;
      margin: 0;
      cursor: pointer;
      text-decoration: none !important;
      opacity: 0.9;
    }




    .save_template_div .folder_results {
      display: none;
      position: absolute;
      left: 10px;
      right: 10px;
      padding: 0;
      list-style: none;
      background-color: #fff;
      box-shadow: 0 3px 16px -3px #0003;
      border: 1px solid #ccc;
      border-top: none;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
      z-index: 999999999;
      max-height: 105px;
      overflow-y: auto;
    }

    .save_template_div .folder_results li {
      font-size: 12px;
      padding: 6px 8px;
      color: #268BD2;
    }

    .save_template_div .folder_results li span {
      color: #111 !important;
    }

    .save_template_div .folder_results li:first-child {
      margin-top: 8px;
    }

    .save_template_div .folder_results li:hover {
      background-color: #f4f4f4;
      cursor: pointer;
    }


    .save_template_div .error {
      display: block;
      padding: 4px 0px;
      margin: 0 0 8px 0;
      color: palevioletred;
      font-size: 12px;
     }


    .save_template_div .bottom_controls {
      position: absolute;
      bottom: 0;
      right: 0;
      left: 0;
      padding: 32px 8px;
      display: block;
      margin: 8px 32px;
    }


    .share_request_div .bottom_controls {
      position: relative;
      bottom: 0;
      right: 0;
      left: 0;
      padding: 16px 8px 16px 8px;
      display: block;
      margin: 0 32px 1px 8px;
      background: #fffd;
      border-top: 1px solid #ccc;
    }

    .save_template_div .bottom_controls .save_template_btn, .share_request_div .bottom_controls .confirm_send_request, .share_request_div .bottom_controls .create_link_request {
      display: inline-block;
      position: relative;
      background-color: #111;
      color: #fff;
      border-radius: 4px;
      padding: 8px 32px;
      margin: 0;
      cursor: pointer;
    }


    .save_template_div .bottom_controls .save_template_btn:hover, .share_request_div .bottom_controls .confirm_send_request:hover, .share_request_div .bottom_controls .create_link_request:hover {
      background-color: #000;
      box-shadow: 1px 2px 4px -1px #0004;
    }


    .bottom_controls .save_template_btn_loading {
      background: #fff !important;
      margin: auto;
      padding: 8px !important;
      border: 4px solid transparent !important;
      border-bottom: 4px solid #1a73e8 !important;
      border-left: 4px solid #1a73e8 !important;
      border-radius: 50% !important;
      width: 32px !important;
      height: 32px !important;
      z-index: 999;
      overflow: hidden !important;
      color: transparent !important;
      animation: spin 0.45s linear infinite;
      pointer-events: none !important;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
    }


    .bottom_controls .save_template_btn_loading:focus, .bottom_controls .save_template_btn_loading:hover {
      background: #fff !important;
    }










    .template_div  .search_div .search_bar {
      display: block;
      position: relative;
      top: auto;
      left: auto;
      margin: 16px auto 0 auto;
      height: 32px;
  	  width: calc(100% - 88px);
      padding: 11px 24px 10px 26px;
  	  background: #fff url("../../assets/search-hover.png") !important;
      background-repeat: no-repeat !important;
      background-position: 5px 48% !important;
      background-size: 17px !important;
      border-radius: 6px !important;
      border: none !important;
      border: 1px solid #aaa !important;
      color: #000 !important;
      text-align: left !important;
      -webkit-user-select: text;
      -khtml-user-select: text;
      -moz-user-select: text;
      -o-user-select: text;
      -ms-user-select: text;
      user-select: text;
      outline: none;
      box-sizing: border-box;
      -webkit-box-sizing:border-box;
      -moz-box-sizing: border-box;
      box-shadow: 0 3px 8px -3px #0001;
    }


    .template_div .search_bar:focus {
      border-color: #268BD2 !important;
    }


    .template_div .search_bar:-webkit-autofill,
    .template_div .search_bar:-webkit-autofill:hover,
    .template_div .search_bar:-webkit-autofill:focus,
    .template_div .search_bar:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    }


    .filter_div {
      display: block;
      margin: 0 auto;
      padding-left: 32px;
      width: calc(100% - 88px);
      background: transparent url("../../assets/filter_light.jpg");
      background-size: 14px;
      background-repeat: no-repeat;
      background-position: 8px 60%;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }

    .block_template_div .app-custom-select-search {
      display: inline-block !important;
      margin: 0 auto;
      width: calc(50% - 4px);
    }

    .section_template_div .app-custom-select-search, .title_desc_template_div .app-custom-select-search {
      display: block !important;
      margin: 8px auto 0 auto !important;
      width: calc(100%);
    }


    .app-custom-select {
      top: 0;
      margin: 0 !important;
      position: relative;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      -ms-user-select: none;
      user-select: none;
      outline: none;
    }


    .app-group-search-empty {
      padding: 0 10px 0 11px;
      color: #999;
      font-size: 13px;
      margin: 10px auto;
      display: block;
      text-align: center;
    }


   .app-select-selected {
      display: inline-block;
      margin: 0 0 0 0 !important;
      background: #fff url("../../assets/dropdown_dark.png") !important;
      background-repeat: no-repeat !important;
      background-position: calc(100% - 8px) center !important;
      background-size: 10px !important;
      width: 100%;
      height: 32px;
      -webkit-user-select: text;
     	 -khtml-user-select: text;
     	 -moz-user-select: text;
     	 -o-user-select: text;
     	 -ms-user-select: text;
     	 user-select: text;
     	 outline: none;
       color: #000;
       padding: 8px 16px 8px 8px;
       border: 1px solid #aaa !important;
       border-radius: 6px !important;
       cursor: pointer;
       box-sizing: border-box !important;
       -webkit-box-sizing:border-box;
       -moz-box-sizing: border-box;
    }


   .app-select-selected-focused {
      border: 1px solid #268BD2 !important;
    }


    .app-custom-select select {
      display: none; /*hide original SELECT element: */
      padding: 0 10px;
    }

    /* Style the arrow inside the select element: */
    .app-select-selected:after {
      position: absolute !important;
      content: "" !important;
      top: 16px !important;
      right: 10px !important;
      width: 0 !important;
      height: 0 !important;
      border: 6px solid transparent !important;
      border-color: #999 transparent transparent transparent !important;
    }

    /* Point the arrow upwards when the select box is open (active): */
   .app-select-selected.app-select-arrow-active:after {
      border-color: transparent transparent #999 transparent !important;
      top: 8px !important;
    }

    /* style the items (options), including the selected item: */
    .app-select-items {
      position: absolute;
      background: #fff;
      top: 41px;
      left: 0;
      right: 0;
      z-index: 99999999;
      color: #000 !important;
   	  font-size: 14px !important;
      height: auto;
      max-height: 200px;
      overflow: hidden;
      overflow-y: auto;
      margin: 0;
      border-radius: 8px;
      border: 1px solid #bbb;
      padding: 16px 8px 16px 8px;
      background-color: #ffffff;
      box-shadow: 0 4px 16px -3px #0003;
    }


    .app-select-items {
      padding: 8px 0;
    }

  .app-select-items div {
    border-radius: 0px;
    color: #000;
    padding: 4px 8px;
    border: 2px solid #ddd;
    border: none;
    cursor: pointer;
    box-sizing: border-box !important;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
  }


  .app-select-items .app-selected-group {
    padding-left: 8px;
    margin: 0 0 8px 0;
    display: inline-block;
    color: #999;
  }

  .app-select-items .app-selected-group-ul {
    list-style: none;
    padding: 0 0 4px 0;
    margin: 0 0 6px 0;
    border-bottom: 1px solid #ddd;
  }

  .app-select-items .app-selected-group-ul li {
    padding: 1px 8px;
  }


  .app-select-items .app-selected-group-ul li:hover {
    cursor: pointer;
    background: #f6f6f6;
  }


  .app-select-items input[type=checkbox] {
    position: relative;
    top: -2px;
    display: inline-block;
  	width: 16px;
    height: 16px;
    margin-right: 12px;
    cursor: pointer;
    pointer-events: none;
    vertical-align: middle;
  }

  .app-select-items div p, .app-select-items ul p {
    display: inline-block;
    width: calc(100% - 38px);
    margin: 0px;
    padding: 0 32px 0 0;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    vertical-align: middle;
  }


    /* Hide the items when the select box is closed: */
    .app-select-hide {
      display: none;
    }

  .app-select-items div:hover {
    /* color: #fff !important; */
    background-color: #E5E7EB !important;
  }



  .block_template_div .block_type_container {
    display: inline-block;
    position: relative;
    top: 11px;
    margin: 0;
    width: calc(50% - 0px);
    -webkit-transition: right 0.35s ease-in-out;
    -moz-transition:    right 0.35s ease-in-out;
    -ms-transition:     right 0.35s ease-in-out;
    -o-transition:      right 0.35s ease-in-out;
    transition:         right 0.35s ease-in-out;
  }

  .section_template_div .block_type_container, .title_desc_template_div .block_type_container {
    display: none;
  }



  .template_div .active .block_type_container {
    right: 17%;
    padding-left: 32px;
  }

  .template_div .block_type_container .block_type_dropdown {
    position: relative;
    right: 0;
    color: #888;
    margin: 0;
    padding: 5px 8px;
    box-shadow: none;
    border: 1px solid #aaa;
    border-radius: 6px;
    transition: all ease-in-out 0.3s;
    background: #fff url('../../assets/dropdown_dark.png');
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: calc(100% - 8px) center;
    cursor: pointer;
    height: 32px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 1;
  }

  .template_div .dropdown-open .block_type_dropdown {
    border: 1px solid #268BD2;
  }

  .template_div .block_type_menu {
    position: absolute;
    left: 0 !important;
    top: 100%;
    display: none;
    width: 100% !important;
    color: #000;
    border-radius: 8px;
    border: 1px solid #bbb;
    padding: 16px 8px 16px 8px;
    margin-top: 8px;
    background-color: #ffffff;
    box-shadow: 0 4px 16px -3px #0003;
    z-index: 9999999999999;
    max-height: 200px;
    overflow-y: auto;
  }

  .template_div .block_type_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
  }

  .template_div .block_type_menu ul li {
    padding: 6px 8px 6px 48px;
    cursor: pointer;
  }

  .template_div .block_type_menu ul li:hover {
    background-color: #E5E7EB;
    /* color: #fff; */
  }


  .template_div .block_type_menu ul .temp_filter_default {
    background: transparent url("../../assets/filter_light.jpg") !important;
    background-size: 16px !important;
    background-repeat: no-repeat !important;
    background-position: 16px center !important;
    border-bottom: 1px solid #E5E7EB;
    margin-bottom: 8px;
  }

  .template_div .block_type_menu ul .temp_filter_default {
    color: #268BD2;
  }



  .template_div .block_type_menu ul li.active {
    background-color: #E5E7EB;
    color: #268BD2;
  }




    .template_div .temp_loading {
      position: absolute;
      top: calc(50% - 10px);
      left: calc(50% - 10px);
      display: block;
      margin: auto;
      border: 3px solid transparent;
      border-bottom: 3px solid #268BD2;
      border-left: 3px solid #268BD2;
      border-radius: 50%;
      width: 20px;
      height: 20px;
      z-index: 999;
      animation: spin 0.45s linear infinite;
    }


    .template_div .template_results {
      display: block;
      position: relative;
      margin: 16px auto 0 auto;
      height: calc(100% - 185px);
      width: calc(100% - 0);
      padding: 0 76px 16px 76px;
      list-style: none;
      overflow-y: auto;
    }


    .template_div .template_results li {
      position: relative;
      padding: 52px 8px 8px 12px;
      margin: 8px 0 0 0;
      border-radius: 6px;
      /* border: 1px solid #ddd; */
      background: transparent url("../../assets/use_template_icon.png");
      background-size: 50px;
      background-repeat: no-repeat;
      background-position: left top;
      opacity: 0.4;
      /* overflow: hidden; */
    }

    .template_div .template_results li h3 {
      display: block;
      margin: 0 0 4px 0;
    }

    .template_div .template_results li p {
      display: block;
      margin: 0;
      color: #000;
      font-size: 16px;
      vertical-align: top;
      overflow: hidden;
    }

    .template_div .template_results li .temp_title {
      position: absolute;
      left: 208px;
      top: 16px;
      height: auto;
      width: calc(100% - 212px);
      color: #000;
      font-size: 15px;
      font-weight: bold;
      white-space: nowrap;
      text-overflow: ellipsis;
    }


    .template_div .template_results li .temp_summary {
      position: relative;
      top: 32px;
      left: 20px;
      height: 60px;
      width: calc(100% - 232px);
    }


    .template_div .template_results li .temp_time {
      display: none;
      position: absolute;
      right: 16px;
      bottom: 16px;
      height: auto;
      width: 132px;
      font-size: 12px;
      font-weight: normal;
      text-align: right;
    }

    .template_div .template_results li .temp_type {
      position: absolute;
      left: 208px;
      bottom: 16px;
      height: auto;
      width: 116px;
      font-size: 12px;
      font-weight: bold;
      padding: 0 0 0 24px;
      background-size: 24px;
      background-position: left center;
      color: #444;
      text-align: left;
    }

    .template_div .template_results .section {
      background: url("../../assets/add_section.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: 8px center;
    }

    .template_div .template_results .type_desc {
      background: url("../../assets/add_title_desc.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: 8px center;
    }


    .template_div .template_results li:hover .temp_img {
      border: 2px solid #268BD2;
      box-shadow: 1px 8px 16px -1px #9996;
    }

    .template_div .template_results .temp_no_results {

    }






    .share_request_div .via_options {
      position: relative;
      list-style: none;
      padding: 0;
      margin: 16px 32px 8px 32px;
      border-bottom: 1px solid #ccc;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }

    .share_request_div .via_options li {
      display: inline-block;
      padding: 2px 8px;
      margin: 0;
      width: 124px;
    }

    .share_request_div .via_options .via_tip {
      color: #999;
      width: 75px;
    }

    .share_request_div .via_options .via_option:not(.active):hover {
      color: #268BD2;
      /* background-color: #eee; */
    }

    .share_request_div .via_options .via_email {
      cursor: pointer;
      padding: 6px 8px 4px 33px;
      background: #fff url("../../assets/email.png");
      background-repeat: no-repeat;
      background-position: 2px 1px;
      background-size: 31px;
    }

    .share_request_div .via_options .via_link {
      cursor: pointer;
      padding: 6px 8px 4px 33px;
      background: #fff url("../../assets/url_icon.png");
      background-repeat: no-repeat;
      background-position: 2px 1px;
      background-size: 31px;
    }

    .share_request_div .via_options .via_option_bar {
      position: absolute;
      cursor: pointer;
      height: 2px;
      background: #268BD2;
      bottom: -1px;
      left: 79px;
      z-index: 999;
      padding: 0;
      -webkit-transition: left 0.25s;
      -moz-transition:    left 0.25s;
      -ms-transition:     left 0.25s;
      -o-transition:      left 0.25s;
      transition:         left 0.25s;
    }

    .share_request_div .via_options .via_option {
      -webkit-transition: background-color 0.5s;
        -moz-transition:    background-color 0.5s;
        -ms-transition:     background-color 0.5s;
        -o-transition:      background-color 0.5s;
        transition:         background-color 0.5s;
    }

    .share_request_div .via_options .via_option.active {
      background-color: #eee;
      /* color: #268BD2; */
    }


    .share_request_div .via_link_container {
      position: relative;
      top: 0;
      height: calc(100% - 166px);
      /* border: 1px solid #ccc; */
      /* border-top: 2px solid #ccc; */
      /* padding: 8px; */
      margin: 0 32px;
    }

    .share_request_div .via_link_container .via_link_container_contents {
      position: relative;
      height: calc(100% - 72px);
      overflow: hidden;
      padding: 8px;
    }


    .share_request_div .via_link_container .shareable_link_actions {
      pointer-events: none;
    }


    .share_request_div .via_link_container .shorten_link input {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin: 0 4px;
      accent-color: #268BD2;
      cursor: pointer;
      vertical-align: middle;
      box-shadow: 0 3px 8px -3px #0002;
    }

    .share_request_div .via_link_container .shorten_link p {
      display: inline-block;
      position: relative;
      top: 1px;
      color: #999;
      font-weight: bold;
    }





    .share_request_div .via_email_container {
      position: relative;
      top: 0;
      height: calc(100% - 166px);
      margin: 0 32px;
    }

    .share_request_div .via_email_container .via_email_container_contents {
      position: relative;
      height: calc(100% - 72px);
      /* border: 1px solid #ccc; */
      /* border-top: 2px solid #ccc; */
      padding: 8px 8px 116px 8px;
      overflow-y: scroll;
    }




    .share_request_div .share_request_div_section {
      position: relative;
      display: block;
      margin: 0;
      padding: 8px 8px 0 8px;
    }


    .share_request_div .share_request_div_section p {
      font-size: 12px;
      margin: 0;
    }

    .share_request_div .share_request_div_section p span {
      color: palevioletred;
    }

    .share_request_div_section input[type="text"], .share_request_div_section input[type="date"] {
      display: block;
      position: relative;
      top: auto;
      left: auto;
      margin: 6px 0 8px 0;
      height: auto;
  	  width: calc(100%);
      padding: 12px 14px;
  	  /* background: #fff url("../../assets/search-hover.png");
      background-repeat: no-repeat;
      background-position: 6px 49%;
      background-size: 17px; */
      border-radius: 8px !important;
      border: none !important;
      border: 1px solid #ccc !important;
      color: #000 !important;
      text-align: left !important;
      -webkit-user-select: text;
      -khtml-user-select: text;
      -moz-user-select: text;
      -o-user-select: text;
      -ms-user-select: text;
      user-select: text;
      outline: none;
      box-sizing: border-box;
      -webkit-box-sizing:border-box;
      -moz-box-sizing: border-box;
      box-shadow: 0 3px 8px -3px #0001;
    }

    .share_request_div .due_div .due_date {
      /* background: #fff url("../../assets/date_picker.png") !important;
      background-repeat: no-repeat !important;
      background-position: 1px center !important;
      background-size: 25px !important; */
      padding: 12px 14px;
      cursor: pointer;
    }

    .share_request_div .due_div .due_date::-webkit-inner-spin-button, .share_request_div .due_div .due_date::-webkit-calendar-picker-indicator {
      -moz-appearance:none;
      -webkit-appearance:none;
      appearance:none;
      display: none;
    }

    .share_request_div .due_div .due_date:focus::-webkit-inner-spin-button, .share_request_div .due_div .due_date:focus::-webkit-calendar-picker-indicator {
      -moz-appearance:auto;
      -webkit-appearance:auto;
      appearance:auto;
      display: block;
    }

    .share_request_div .due_div .date_selected {
      border-color: #268BD2 !important;
    }

    .share_request_div .link_div .shareable_link {
      background: #fff url("../../assets/url_icon.png") !important;
      background-repeat: no-repeat !important;
      background-position: 2px center !important;
      background-size: 25px !important;
      padding: 12px 48px 12px 27px;
      cursor: auto;
    }

    .share_request_div .link_div .shareable_link_copy {
      position: absolute;
      top: 38px;
      right: 16px;
      height: 32px;
      width: 32px;
      background: transparent url("../../assets/copy.png") !important;
      background-repeat: no-repeat !important;
      background-position: center !important;
      background-size: 32px !important;
      padding: 0;
      cursor: pointer;
      filter: invert(50%) sepia(19%) saturate(3123%) hue-rotate(172deg) brightness(89%) contrast(84%);
      opacity: 0.8;
    }


    .share_request_div .link_div .shareable_link_copy:hover {
      opacity: 1;
    }


    .share_request_div .link_div .shareable_link_copy_loading {
      top: 44px;
      background: #fff !important;
      margin: auto;
      padding: 8px !important;
      border: 2px solid transparent !important;
      border-bottom: 2px solid #1a73e8 !important;
      border-left: 2px solid #1a73e8 !important;
      border-radius: 50% !important;
      width: 20px !important;
      height: 20px !important;
      z-index: 999;
      overflow: hidden !important;
      color: transparent !important;
      animation: spin 0.45s linear infinite;
      pointer-events: none !important;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      filter: none;
    }


    .share_request_div .link_div .shareable_link_copy_loading:focus, .share_request_div .link_div .shareable_link_copy_loading:hover {
      background: #fff !important;
    }


    .shareable_link_tip {
      color: #888;
      padding-left: 2px;
    }



    .share_request_div_section input:focus {
      border-color: #268BD2 !important;
    }


    .share_request_div .copy_link_success {
      font-size: 12px;
    }



    .share_request_div .error {
      display: block;
      padding: 4px 0px;
      margin: 0 0 8px 0;
      color: palevioletred;
      font-size: 12px;
     }


     .share_request_div .client_div {
       position: relative;
     }


     .share_request_div .client_div .search_bar_client {
       position: relative;
       padding-right: 42px;
     }


     .app-search-filter {
       display: none;
       position: absolute !important;
       top: 38px;
       right: 15px;
       width: 32px !important;
       height: 32px !important;
       opacity: 1 !important;
       cursor: pointer !important;
       padding: 9px !important;
       object-fit: contain !important;
       box-sizing: border-box !important;
       -webkit-box-sizing:border-box !important;
       -moz-box-sizing: border-box !important;
       border-radius: 50%;
       -webkit-touch-callout: none;
       -webkit-user-select: none;
       -khtml-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
       /* pointer-events: none !important; */
       /* display: none; */
     }

     .app-search-filter:hover {
       /* opacity: 1 !important; */
     }

     .share_request_div_section .search_bar_client:focus + .app-search-filter {
       display: block;
     }


     .app-filter-dropdown {
       display: none;
       position: absolute;
       background: #fff;
       top: 79px;
       left: 8px;
       right: 8px;
       z-index: 99999999999999999;
       color: #333 !important;
       font-size: 14px !important;
       height: auto;
       max-height: 268px;
       overflow: hidden;
       margin: 0;
       padding: 16px 0 0 0;
       border-bottom-left-radius: 8px;
       border-bottom-right-radius: 8px;
       border: 1px solid #bbb !important;
       border-color: transparent #bbb #bbb #bbb;
       box-shadow: 0 3px 16px -3px #0004;
       -webkit-user-select: none;
       -khtml-user-select: none;
       -moz-user-select: none;
       -o-user-select: none;
       -ms-user-select: none;
       user-select: none;
     }


     .app-filter-dropdown .app-filter-clear {
       position: relative;
       top: 0px;
       float: right;
       width: 32px;
       margin: 0 12px 0 0;
       font-size: 13px;
       color: #1a73e8;
       cursor: pointer;
       text-decoration: none;
     }


     .app-filter-heading {
       display: inline-block;
       position: relative;
       margin: 0 auto 2px 12px !important;
       height: 32px;
       width: calc(100% - 68px);
       color: #999;
     }


     .app-filter-dropdown ul {
       position: relative !important;
       top: 0 !important;
       margin: 0;
       padding: 0 0 8px 0;
       height: auto;
       max-height: 172px;
       list-style: none;
       overflow: hidden;
       overflow-y: auto;
     }


     .app-filter-dropdown ul li {
       position: relative;
       padding: 4px 12px;
       margin: 0;
       color: #333;
       border-radius: 0px;
     }

     .app-filter-dropdown ul li input[type=checkbox] {
       position: relative;
       top: -1px;
       float: left;
       width: 18px;
       height: 18px;
       margin-right: 8px;
       cursor: pointer;
       pointer-events: none;
       vertical-align: middle;
     }

     .app-filter-dropdown ul li span {
       vertical-align: middle;
     }

     .app-filter-dropdown ul li svg {
       position: absolute;
       top: 5px;
       right: 8px;
       vertical-align: middle;
     }

     .app-filter-dropdown ul li:hover {
       cursor: pointer;
       background: #f6f6f6;
     }





     .share_request_div .share_request_div_section .client_results, .share_request_div .share_request_div_section .reminder_results {
       position: absolute;
       top: 79px;
       left: 8px;
       width: calc(100% - 16px);
       background: #fff;
       z-index: 99999;
       color: #333 !important;
       font-size: 14px !important;
       height: auto;
       min-height: 32px;
       max-height: 176px;
       overflow: hidden;
       overflow-y: auto;
       margin: 0;
       padding: 0;
       border-bottom-left-radius: 8px;
       border-bottom-right-radius: 8px;
       border: 1px solid #bbb !important;
       border-color: transparent #bbb #bbb #bbb;
       box-shadow: 0 3px 16px -3px #0004;
       -webkit-user-select: none;
       -khtml-user-select: none;
       -moz-user-select: none;
       -o-user-select: none;
       -ms-user-select: none;
       user-select: none;
     }


     .share_request_div .share_request_div_section .results_ul li {
       position: relative;
       border: 1px solid #ccc;
       border-color: transparent transparent #ccc transparent;
       padding: 16px 8px 16px 12px;
       margin: 0;
       cursor: pointer;
     }

     .share_request_div_section .results_ul li:last-child {
       border-color: transparent;
     }

     .share_request_div_section .results_ul li:hover {
       background: #eee;
     }



     .share_request_div .client_div .client_results {

     }

     .share_request_div_section .results_ul li .avatar {
       display: inline-block;
       width: 26px;
       height: 26px;
       padding: 0;
       margin-right: 12px;
       border-radius: 50%;
       border: 1px solid #000;
       object-fit: cover;
       font-size: 10px;
       text-align: center;
       vertical-align: middle;
       line-height: 26px;
       background: #f4f4f4;
       opacity: 1;
       -webkit-transition: opacity 0.15s ease-in-out;
       -moz-transition:    opacity 0.15s ease-in-out;
       -ms-transition:     opacity 0.15s ease-in-out;
       -o-transition:      opacity 0.15s ease-in-out;
       transition:         opacity 0.15s ease-in-out;
     }

     .remind_div .reminder_results li .avatar {
       background: #f4f4f4 url("../../assets/new_notify.png");
       background-repeat: no-repeat;
       background-position: center;
       background-size: 70%;
     }

     .share_request_div_section .results_ul li .email {
       position: absolute;
       top: 27px;
       left: 50px;
       display: inline-block;
       font-weight: normal;
       color: #999;
     }

     .share_request_div_section .results_ul li .name {
       position: relative;
       top: -4px;
       vertical-align: top;
       display: inline-block;
       font-weight: bold;
     }

     .client_div .client_results li .name span {
       display: inline-block;
       color: #999;
       font-weight: normal;
       margin-left: 8px;
     }


     .client_div .client_results li svg {
       margin-left: 8px;
       vertical-align: top;
       position: absolute;
       top: 2px;
     }


     .client_div .selected_client_div, .remind_div .selected_reminder_div {
       position: relative;
       display: block;
       padding: 8px;
       margin-top: 8px;
       margin-bottom: 8px;
       border: 1px solid #268BD2;
       border-radius: 8px;
       box-shadow: 0 3px 8px -3px #0001;
       background: #eee;
       /* background: linear-gradient(180deg, rgba(26,115,232,1) 0%, rgba(24,107,217,1) 35%, rgba(9,88,193,1) 100%) !important; */
     }


     .selected_client_close, .selected_reminder_close {
       position: absolute;
       display: inline-block;
       float: right;
       /* top: -38px; */
       /* right: -8px; */
       z-index: 99999999999999999999;
       top: 8px;
       /* transform: translateY(-50%);
       -webkit-transform: translateY(-50%); */
       right: 8px;
       width: 24px;
       height: 24px;
       background: url('../../assets/create_post_03.png');
       background-size: 24px;
       background-repeat: no-repeat;
       background-position: center;
       filter: invert(50%) sepia(19%) saturate(3123%) hue-rotate(172deg) brightness(89%) contrast(84%);
       transform: rotate(45deg);
       margin: 0;
       opacity: 0.9;
       border-radius: 50%;
       cursor: pointer;
     }

     .selected_client_close:hover, .selected_reminder_close:hover {
       opacity: 1;
     }

     .selected_client {
       position: relative;
       margin: 0 0 2px 0;
       padding: 8px;
       display: inline-block;
       width: calc(100% - 40px);
       /* background: #268BD2; */
       /* background: linear-gradient(180deg, rgba(26,115,232,1) 0%, rgba(24,107,217,1) 35%, rgba(9,88,193,1) 100%) !important; */
       border-radius: 8px;
       /* border: 1px solid #fff; */
       box-shadow: 0 3px 8px -3px #0001;
     }

     .client_div .selected_client_div .selected_client_email input, .client_div .selected_client_div .selected_client_phone input {

     }

     .client_div .selected_client_div .selected_client .avatar {
       display: inline-block;
       width: 26px;
       height: 26px;
       padding: 0;
       margin-right: 12px;
       border-radius: 50%;
       border: 1px solid #000;
       object-fit: cover;
       font-size: 10px;
       text-align: center;
       vertical-align: top;
       line-height: 26px;
       background: #f4f4f4;
       opacity: 1;
       -webkit-transition: opacity 0.15s ease-in-out;
       -moz-transition:    opacity 0.15s ease-in-out;
       -ms-transition:     opacity 0.15s ease-in-out;
       -o-transition:      opacity 0.15s ease-in-out;
       transition:         opacity 0.15s ease-in-out;
     }



     .client_div .selected_client_div .selected_client .avatar_info {
       display: inline-block;
     }


     .client_div .selected_client_div .selected_client .name {
       position: relative;
       top: 0;
       vertical-align: middle;
       display: inline-block;
       font-weight: bold;
       /* color: #fff; */
     }

     .client_div .selected_client_div .selected_client .name span {
       display: inline-block;
       color: #999;
       font-weight: normal;
       margin-left: 8px;
     }

     .client_div .selected_client_div .selected_client svg {
       margin-left: 8px;
       vertical-align: top;
       position: relative;
       top: -1px;
     }

     .selected_client_div input {
       background: #fff;
       padding: 12px 14px;
     }

     .client_div .selected_client_div .selected_client .email {
       position: relative;
       top: 0;
       left: 0;
       display: block;
       font-weight: normal;
       color: #268BD2;
     }

     .client_div .selected_client_div .selected_client .phone {
       position: relative;
       top: 0;
       left: 0;
       margin-top: 1px;
       display: block;
       font-weight: normal;
       font-size: 11px;
       color: #268BD2;
     }





     .share_request_div .share_request_div_section .reminder_results li:last-child {
       border: none;
     }


     .share_request_div .share_request_div_section .reminder_results li:hover {
       background: #eee;
     }

     .share_request_div .share_request_div_section .results_ul .create_li {
       padding: 0;
     }


     .share_request_div .share_request_div_section .results_ul li img {
       display: inline-block;
       width: 24px;
       height: 24px;
       padding: 0;
       margin-right: 8px;
       border-radius: 50%;
       border: 1px solid #000;
       object-fit: cover;
       vertical-align: middle;
     }

     .share_request_div .remind_div .results_ul li img {
       border: none;
       padding: 0 2px 2px 2px;
     }


     .share_request_div .share_request_div_section .results_ul .create_li a {
       display: block;
       width: 100%;
       text-decoration: none !important;
       padding: 16px 8px 16px 14px;
     }

     .share_request_div .share_request_div_section .results_ul .create_li img {
       width: 20px;
       height: 20px;
       padding: 0;
       margin-right: 10px;
       filter: invert(50%) sepia(19%) saturate(3123%) hue-rotate(172deg) brightness(89%) contrast(84%);
       border: 2px solid #268BD2;
     }

     .share_request_div .share_request_div_section .results_ul .create_li span {
       color: #268BD2;
       font-weight: bold;
       text-decoration: none;
     }

     .share_request_div .share_request_div_section  .reminder_results li * {
       display: inline-block;
     }










     .remind_div .selected_reminder_div ul.selected_reminder {
       list-style: none;
       position: relative;
       margin: 0 0 2px 0;
       padding: 8px;
       display: inline-block;
       width: calc(100% - 40px);
       overflow-y: auto;
     }


     .remind_div .selected_reminder_div ul li {
       padding: 8px 0;
       color: #000;
       font-size: 12px;
       border-bottom: 1px dashed #ccc;
     }

     .remind_div .selected_reminder_div ul li:nth-child(even) {
       background: #f4f4f4;
     }

     .remind_div .selected_reminder_div ul li:last-child {
       /* border: none; */
     }


     .remind_div .selected_reminder_div ul .selected_reminder_title p {
       color: #268BD2;
       font-size: 14px;
       font-weight: bold;
       padding-left: 20px;
       background: #eee url("../../assets/new_notify.png");
       background-repeat: no-repeat;
       background-position: left center;
       background-size: 16px;
     }

     .remind_div .selected_reminder_div ul .selected_reminder_title span {
       display: block;
       /* color: #999; */
       font-size: 12px;
       margin-top: 2px;
     }


     .remind_div .selected_reminder_div ul li .reminder_pos {
       display: inline-block;
       font-weight: bold;
       min-width: 90px;
     }


     .remind_div .selected_reminder_div ul li .sched {
       margin-left: 8px;
       /* padding: 4px 12px; */
       font-style: italic;
       color: #000;
       color: #268BD2;
       border-radius: 4px;
       /* border: 1px solid #999; */
     }














    .form .outline .main_list.screenshot li.section.active {
      border-left: 2px solid transparent;
    }

    .form .outline .main_list.screenshot li.section div .outline_block_name, .form .outline .main_list.screenshot li.section.active div .outline_block_name {
        color: #000;
    }

    .form .outline .main_list.screenshot li ol .active .outline_block_name {
        color: #000;
    }

    .form .outline .main_list.screenshot li.section.deleting div .outline_block_name {
      color: #000 !important;
    }



    @media print {
      .form .outline {
        display: none !important;
      }
    }




    @media (max-width: 1000px) {
      .header_bottom .header_outline {
        padding: 0 2px;
      }

      .form .builder .section .section_head {
        width: 99%;
      }

      .form .builder .section .section_head .section_more_options {
        right: 9px;
      }

      .form .builder .block_container .block_type_container {
        right: 18px;
      }

      .form .block_type_container .block_type_menu {
        position: absolute;
        right: -16px;
        left: auto;
      }

      .form .builder .block_container .block {
        width: 99%;
      }

      .save_template_div, .template_div, .share_request_div {
        position: absolute;
        top: 5%;
        bottom: 5%;
        left: 5%;
        /* max-height: 90%; */
        width: 90%;
      }
    }




    @media (max-width: 768px) {

      .header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        min-height: 68px;
      }

      .header .form_actions {
        /* top: 14px; */
        top: 14px;
        right: 34px;
        display: block;
        height: 32px;
      }
      .header .form_actions li {
        margin: 0;
      }

      .theme, .preview {
        display: none !important;
      }

      .form_theme, .form_preview {
        display: block !important;
      }

      .header_logo {
        position: relative;
        top: 13px;
        left: -8px;
      }

      .header_title {
        width: 140px;
        min-width: 90px;
        padding: 0 16px 2px 1px;
      }

      .header .save_status {
        position: fixed;
        top: 73px;
        right: 16px;
        z-index: 99999999999999999;
        color: #999;
        font-size: 11px;
      }

      .header_bottom .header_outline ul {
        width: 168px;
      }

      .form .outline {
        position: fixed;
        top: 61px;
        bottom: auto;
        left: -110%;
        width: 100%;
        height: calc(100% - 62px);
        /* display: none; */
        z-index: 99999999999999999999 !important;
        background-color: #fff;
        -webkit-transition: left 0.45s;
        -moz-transition:    left 0.45s;
        -ms-transition:     left 0.45s;
        -o-transition:      left 0.45s;
        transition:         left 0.45s;
        padding-top: 64px;
      }

      .form .outline .main_list {
        border-top: 1px solid #ccc;
      }

      .form .builder {
        padding-top: 64px;
      }

      .form .outline.opened {
        left: 0px;
      }

      .form .outline_head {
        display: block;
        position: absolute;
        top: 12px;
        left: 48px;
        color: #444;
        font-size: 15px;
        font-weight: bold;
        padding: 10px 16px 0 10px;
      }

      .form .outline_icon {
        display: block;
        position: fixed;
        top: 116px;
        left: 8px;
        background: #FDFDF8 url("../../assets/outline_icon.png");
        background-size: 31px;
        background-repeat: no-repeat;
        background-position: center;
        width: 40px;
        height: 40px;
        cursor: pointer;
        border-radius: 50%;
        border: 1px solid #ccc;
        opacity: 0.7;
        z-index: 99999999999;
        box-shadow: 0 3px 8px -2px #0003;
      }

      .form .outline_icon:hover {
        opacity: 1;
        background-color: #eee;
      }

      .form .outline_icon.opened {
        top: 72px;
        left: 8px;
        opacity: 1;
        background: #eee url("../../assets/close.png");
        background-size: 31px;
        background-repeat: no-repeat;
        background-position: center;
      }


      .form .builder .block .required_div {
        padding: 30px 0 8px 8px;
      }

      .form .builder .block .required_div p {
        right: 68px;
      }

      .form .builder .block .required_div .more_options {
        right: -8px;
      }

      .form .builder .input_container .block .validate_div ul .valid_input {
        width: 70px;
      }

      .form .builder .input_container .block .validate_div ul .range_input {
        width: 29%;
      }

      .form .builder .input_container .block .validate_div ul .condition {
        width: calc(97% - 226px);
      }

      .form .builder .block .options_ul .choice_li .handle {
        display: block;
      }

    }




    @media (max-width: 450px) {
      .main_div {
        width: 98%;
        padding: 16px 16px;
      }

      .share_request_div {
        top: 1%;
        bottom: 1%;
        left: 2%;
        width: 96%;
      }

      .share_request_div .bottom_controls {
        margin: 1px 8px;
      }

      .save_template_div .top_controls, .template_div .top_controls, .share_request_div .top_controls, .media_div .top_controls, .upgrade_div .top_controls {
        margin: 8px 16px;
      }

      .header_bottom .top_controls ul .delete, .header_bottom .top_controls ul .duplicate {
        display: none;
      }

      .share_request_div .via_options {
        position: relative;
        list-style: none;
        padding: 0;
        margin: 16px 0px 8px 6px;
      }

      .share_request_div .via_email_container, .share_request_div .via_link_container {
        margin: 0;
      }

      .form .builder .block .options_ul li {
        /* padding: 0 32px 0 68px !important; */
      }

      .form .builder .block .options_ul .option input {
        width: calc(100% - 10px);
      }

      .form .builder .multiple_choice_grid_block .options_ul, .form .builder .checkbox_grid_block .options_ul {
        width: 100%;
        padding-top: 16px;
      }

      .form .builder .block .options_ul .option .delete_option {
        right: 1px;
      }

      .form .section .section_more_options_div {
        right: 0%;
        width: 324px;
      }

      .form .block .more_options_div {
        right: -8px;
        width: 324px;
      }

      .preview_note {
        left: 5%;
        transform: translate(-2.5%, 0);
      }

      .preview_note div {
        padding-top: 0;
      }


    }




    @media (max-width: 380px) {
      .share_request_div {
        top: 0%;
        bottom: 0%;
        left: 0%;
        width: 100%;
      }
    }