body.loading {
  display: none;
}

body {
  overflow-y: scroll;
  display: block;
}

.terms_note {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #f0f2f5;
  padding: 24px;
  border-top: 1px solid #e0e0e0;
}

.terms_note a {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 14px;
  border-radius: 4px;
  background-color: #268BD2;
  border: 1px solid #136fb1;
  margin-right: 6px;
}

.terms_note .accept_terms {
  font-weight: 600;
  padding: 6px 16px;
}

.terms_note a:hover, .terms_note a:focus {
  background-color: #136fb1;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.header {
  /* left: 16px; */
  right: 16px;
}

.header_top .new {
  position: absolute;
  top: 16px;
  right: 40px;
  width: 28px;
  height: 28px;
  background: #163300 url("../assets/close_light.png");
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  border: 2px solid #000;
  cursor: pointer;
  transform: rotate(45deg);
  box-shadow: 0 3px 6px -2px #0004;
  /* filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(29deg) brightness(200%) contrast(103%); */
}

/* .header_top .new:hover {
  background-color: #cb4000;
  border: 2px solid rgb(170, 54, 1);
  box-shadow: 0 3px 6px -2px #0006;
} */


.header_top .new:hover {
  box-shadow: 0 0 1px 0 #fff0;
  animation: spinAndReturn 0.5s linear;
}

@keyframes spinAndReturn {
  0% {
    transform: rotate(45deg);
  }
  99% {
    transform: rotate(405deg);
  }
  100% {
    transform: rotate(45deg);
  }
}

.nav_ul .draft_li.opened a {
  color: #268BD2;
}

.nav_ul .templates_li.opened a {
  color: #268BD2;
}

.header .more_options_div_new, .more_options_div_drafts, .more_options_div_templates {
  position: absolute;
  top: 50px;
  right: 42px;
  width: 224px;
  min-height: fit-content;
  height: auto !important;
  display: none;
  margin: 0;
  padding: 0;
  box-shadow: 0 3px 16px -3px #0006 !important;
  border-radius: 4px !important;
  z-index: 999999999999999999999999999999;
  background: #fff;
  border: 1px solid #cfcfcf;
  outline: none;
  user-select: none;
}

.more_options_div_drafts {
  top: 56px;
  right: auto;
  left: 192px;
  width: 264px;
}

.more_options_div_templates {
  top: 56px;
  right: auto;
  left: 282px;
  width: 264px;
}

.header .more_options_div_new .more_options_div_a, .header .more_options_div_drafts .more_options_div_a, .header .more_options_div_templates .more_options_div_a {
  position: relative;
  display: block;
  padding: 3px 8px !important;
  margin: 0;
  vertical-align: middle;
  color: #000;
  user-select: none;
  outline: none;
  text-decoration: none !important;
}

.header .more_options_div_new .more_options_div_a span, .header .more_options_div_drafts .more_options_div_a span, .header .more_options_div_templates .more_options_div_a span {
  vertical-align: middle;
  color: #000;
}

.header .more_options_div_new .more_options_div_a span.soon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  color: #268BD2;
  background: #e1f2ff;
  font-size: 8px;
  font-weight: normal;
  padding: 2px 6px;
  border-radius: 4px;
  border: 2px solid #b3defd;
  margin: 0;
  /* box-shadow: inset 0 4px 12px rgba(149, 195, 230, 0.5), 0 2px 8px rgba(0, 0, 0, 0.1); */
}

.header .more_options_div_new .more_options_div_a:hover, .header .more_options_div_drafts .more_options_div_a:hover, .header .more_options_div_templates .more_options_div_a:hover {
  cursor: pointer;
  background-color: #f4f4f4;
  color: #000;
  text-decoration: none;
}

.header .more_options_div_new img, .header .more_options_div_drafts img, .header .more_options_div_templates img {
  width: 32px;
  height: 32px;
  object-fit: cover;
  margin-right: 8px;
  display: inline-block;
  border: none !important;
  position: relative;
  top: 0;
  padding: 2px;
  background-color: transparent;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(29deg) brightness(25%) contrast(103%);
}

.header .more_options_div_new .more_options_create_sign, .header .more_options_div_drafts .more_options_drafts_sign, .header .more_options_div_templates .more_options_template_sign {
  border-top: 1px solid #ccc;
}

.header .more_options_div_new .more_options_create_sign:hover, .header .more_options_div_drafts .more_options_drafts_sign:hover, .header .more_options_div_templates .more_options_template_sign:hover {
  background-color: #fff;
  cursor: default;
  cursor: pointer;
  background-color: #f4f4f4;
  color: #000;
  text-decoration: none;
}

.header .more_options_div_new .more_options_create_sign img, .header .more_options_div_drafts .more_options_drafts_sign img, .header .more_options_div_templates .more_options_template_sign img {
  padding: 3px;
}



.header .stats {
  position: absolute;
  top: 22px;
  right: 16px;
  font-style: italic;
  font-size: 11px;
  color: #999;
  text-align: right;
  cursor: pointer;
}


.header .draft_count {
  font-size: 12px;
}



.pages {
  position: absolute;
  display: none;
  /* left: 8px; */
  right: 16px;
  top: 10px;
  margin-top: 16px;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  /* border-top: 1px dashed #ccc; */
  z-index: 99999999999999999 !important;
}

.paginationjs-pages {
  display: block !important;
  margin: 0 0 0 0 !important;
  /* box-shadow: 0 3px 8px -3px #0004; */
  box-shadow: 0 3px 8px -3px #0002;
}

.paginationjs-pages ul {
  outline: none !important;
  border: 1px solid #bbb !important;
  border-radius: 8px !important;
  background-color: #F5F5EE !important;
  padding: 6px 6px !important;
}
  
.paginationjs-prev a, .paginationjs-next a {
  font-weight: bolder !important;
  /* background-color: #E9E7E4 !important; */
  background-color: #F5F5EE !important;
}

.paginationjs-next, .paginationjs-next a {
  border-top-right-radius: 7px !important;
  border-bottom-right-radius: 7px !important;
}

.paginationjs-prev, .paginationjs-prev a {
  border-top-left-radius: 7px !important;
  border-bottom-left-radius: 7px !important;
}

.paginationjs-prev:not(.disabled):hover a, .paginationjs-next:not(.disabled):hover a {
  background-color: #eae7e4 !important;
  color: #000 !important;
}

.paginationjs-prev.disabled:hover a, .paginationjs-next.disabled:hover a {
  cursor: not-allowed !important;
}

.paginationjs-page a {
  background-color: #F5F5EE !important;
  /* font-weight: bold; */
  color: #999 !important;
}

.paginationjs-page.active a {
  color: #fff !important;
  background-color: #111 !important;
  font-weight: bold;
  /* border-top: 1px solid #888 !important;
  border-bottom: 1px solid #bbb !important; */
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 1) !important;
}

.paginationjs-page:not(.active):hover a {
  color: #000 !important;
  font-weight: bold;
}

.paginationjs-ellipsis.disabled a {
  color: #000 !important;
  font-weight: bold;
}






.clients_div {
  position: absolute;
  top: 50%;
  /* transform: translateY(-50%);
  -webkit-transform: translateY(-50%); */
  /* left: 15%; */
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  height: 400px;
  width: 500px;
  max-width: 950px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #000;
  box-shadow: 0 3px 16px -3px #0005;
  z-index: 99999999999;
  padding-bottom: 32px;
}

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

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

.clients_div ul {
  list-style: none;
  padding: 0 32px;
  margin: 0;
  overflow: hidden;
  overflow-y: auto;
  max-height: calc(100% - 64px);
}

.clients_div ul li {
  position: relative;
  margin: 6px 0;
  padding: 0;
  border-bottom: 1px solid #eee;
}

.clients_div ul li .client_attached {
  width: 100%;
  position: relative;
  padding: 8px 4px;
}

.clients_div ul li .client_attached .edit_client_info {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  right: -2px;
  display: inline-block;
  width: 32px;
  height: 32px;
  color: #000;
  background: url("../../assets/edit.png");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  opacity: 0.5;
}

.clients_div ul li .client_attached .edit_client_info:hover {
  opacity: 1;
  filter: invert(50%) sepia(19%) saturate(3123%) hue-rotate(172deg) brightness(89%) contrast(84%);
}

.clients_div ul li .client_name {
  display: inline-block;
  position: relative;
  top: 0px;
  vertical-align: top;
  font-size: 13px;
  font-weight: bold;
  color: #444;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
}

.clients_div ul li .client_name span {
  color: #999;
  font-size: 13px;
  margin-left: 8px;
  font-weight: normal;
}


.clients_div ul li .client_email {
  display: block;
  position: absolute;
  left: 44px;
  bottom: 8px;
  color: #444;
  font-size: 13px;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
}


.clients_div ul li .client_avatar {
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 1px 8px 1px 0;
  border-radius: 50%;
  border: 1px solid #666;
  object-fit: cover;
  color: #666;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  line-height: 32px;
  /* background: #f4f4f4; */
  background: #F5F5EE;
  opacity: 1;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.clients_div ul li .client_avatar_eyes {
  overflow: hidden;
  border: 1px solid #aaa;
  /* box-shadow: 0 3px 5px -3px #F26522; */
  box-shadow: 0 3px 5px -3px #0008;
  /* opacity: 0.9; */
}

.clients_div ul li .client_avatar_eyes .eye_container {
  margin-top: 8px;
  width: 100%;
}

.close_clients_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_clients_div:hover {
  opacity: 1;
  cursor: pointer;
}





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


.onboarding_overlay .onboarding_div {
  position: absolute;
  top: 5%;
  bottom: 5%;
  left: 20%;
  width: 60%;
  padding: 32px 0;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #000;
  box-shadow: 0 3px 16px -3px #0005;
  z-index: 99999999999;
  overflow: hidden;
}


.onboarding_div .onboarding_form {
  z-index: 999999999;
  position: absolute;
  top: 45%;
  transform: translateY(-45%);
  width: 100%;
  padding: 0 64px;
}


.onboarding_div .tip {
  font-size: 12px;
  margin: 0;
}

.onboarding_div .tip span {
  color: palevioletred;
}

.onboarding_div input[type=text], .onboarding_div input[type=email], .onboarding_div select {
  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;
}

.onboarding_div select {
 -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;
}

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

.onboarding_div .tip span.tip_sub {
  color: #999 !important;
  font-size: 10px;
}


.onboarding_div .onboarding_url_div {
  padding: 0;
}

.onboarding_div .onboarding_url_div .onboarding_url {
  display: inline-block;
  width: calc(100% - 204px);
}

.onboarding_div .onboarding_url_div .onboarding_url_suffix {
  display: inline-block;
  width: 200px;
  pointer-events: none;
  user-select: none;
}


.onboarding_div .onboarding_error {
  color: #d1574f;
  font-size: 12px;
  padding: 8px 2px 0px 2px;
  text-align: left;
}

.onboarding_div .onboarding_save {
  display: inline-block;
  position: relative;
  background-color: #111;
  color: #fff;
  border-radius: 4px;
  padding: 8px 32px;
  margin: 0;
  text-decoration: none;
  cursor: pointer;
}


.onboarding_save_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;
}

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




.appsumo_review_div {
  position: absolute;
  top: 5%;
  bottom: 5%;
  left: 27%;
  width: 46%;
  background: #fff;
  padding: 24px 0;
  border-radius: 4px;
  border: 1px solid #000;
  box-shadow: 0 3px 16px -3px #0005;
  z-index: 99999999999;
}

.appsumo_review_div .img_div {
  background: url('../../assets/review.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 380px;
  width: 75%;
  margin: 16px auto 0 auto;
  border-radius: 4px;
  border: 2px solid #000;
}

.appsumo_review_div .text_div {
  text-align: center;
  padding: 8px 24px;
}

.appsumo_review_div .text_div h3 {
  font-weight: bold;
}

.appsumo_review_div .text_div p {
  padding: 0 32px;
}

.appsumo_review_div .text_div a {
  display: inline-block;
  margin-top: 20px;
  padding: 8px 40px 8px 16px;
  border-radius: 4px;
  border: 2px solid #c90;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  background: #FFBC00 url("../../assets/chevron-right-dark-24px.png");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 49%;
  box-shadow: 0 3px 12px -3px #0002;
  -webkit-transition: background-position 0.25s ease-in-out;
  -moz-transition:    background-position 0.25s ease-in-out;
  -ms-transition:     background-position 0.25s ease-in-out;
  -o-transition:      background-position 0.25s ease-in-out;
  transition:         background-position 0.25s ease-in-out;
}

.appsumo_review_div .text_div a:hover {
  background-position: calc(100% - 6px) 49%;
  box-shadow: 0 3px 12px -3px #0003;
}

.appsumo_review_div .text_div .skip {
  display: inline-block;
  margin-top: 8px;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  color: #999;
}

.appsumo_review_div .text_div .skip:hover {
  text-decoration: underline;
  cursor: pointer;
}






/* Export div */

/* .form_export_div {
  position: absolute;
  top: 5%;
  bottom: auto;
  left: 27%;
  width: 46%;
  background: #fff;
  padding: 0;
  border: 1px solid #000;
  border-radius: 8px;
  box-shadow: 0 3px 16px -3px #0005;
  z-index: 9999999999999999 !important;
} */

.selection_controls {
  position: relative;
}

.selection_controls .selection_label {
  position: relative;
  display: inline-block;
  top: 2px;
  color: #999;
  text-decoration: none;
  margin-left: 8px !important;
}

.form_export_div {
  position: absolute !important;
  display: block;
  top: 40px;
  right: -268px;
  color: palevioletred;
  border-radius: 8px;
  border: 1px solid #bbb;
  padding: 0px !important;
  background-color: #fff;
  box-shadow: 0 4px 16px -3px #0003;
  z-index: 9999999999999999 !important;
  width: 400px;
}

.more_export .form_export_div_single {
  display: block !important;
  top: 0px;
  left: -364px;
  right: auto;
  width: 350px;
}

.more_export .form_export_div_single ul li {
  padding: 3px 8px !important;
  vertical-align: middle;
}

.form_export_div ul {
  list-style: none;
  margin: 0;
  padding: 8px !important;
  width: 100%;
}


.form_export_div ul li  {
  position: relative;
  display: block;
  border: none;
  margin: 0;
  color: #000;
  padding: 3px 8px !important;
  vertical-align: middle;
  width: 100%;
  font-size: 14px;
}

.form_export_div ul li a {
  display: block;
  padding: 8px 8px 8px 48px !important;
  color: #000;
  width: 100%;
}

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

.form_export_div ul .export_all a {
  /* font-weight: bold; */
  background: url("../../assets/export_all_icon.png");
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: 8px center;
}

.form_export_div ul .export_pdf a {
  background: url("../../assets/pdf_icon.png");
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: 8px center;
}

.form_export_div ul .export_csv a {
  /* font-weight: bold; */
  background: url("../../assets/csv_icon.png");
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: 8px center;
}

.form_export_div ul .export_media a {
  background: url("../../assets/media_icon.png");
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: 8px center;
}

.form_export_div ul .export_docx a {
  background: url("../../assets/docx_icon.png");
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: 8px center;
}

.form_export_div ul .export_json a {
  background: url("../../assets/json_icon.png");
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: 8px center;
}


.form_export_div ul .line_break {
  width: 100%;
  border-bottom: 1px solid #ccc;
  margin: 1px 0 1px 0 !important;
  padding: 1px 8px !important;
  display: block;
}

.more_export .form_export_div_single ul .line_break {
  margin: 1px 0 1px 0 !important;
  padding: 1px 8px !important;
}

.form_export_div ul li:not(.line_break):hover {
  background-color: #f4f4f4 !important;
  cursor: pointer;
}







/* payment success */

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


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

.upgrade_div h2 {
  color: #000;
  font-size: 18px;
  display: inline;
  opacity: 0.8;
}

.upgrade_div h2 span {
  position: relative;
  display: inline-block;
  top: -1px;
  font-size: 18px !important;
  font-weight: bold;
  text-align: center;
  height: 24px;
  width: 24px;
  margin-right: 8px;
  padding-top: 2px;
  border-radius: 50%;
  background: green;
  color: #fff;
}


.close_upgrade_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_upgrade_div:hover {
  opacity: 1;
  cursor: pointer;
}

.upgrade_div .pattern_upgrade_div {
  width: 500px;
  height: 160px;
  overflow: hidden;
  margin: 0 auto;
}

.upgrade_div .pattern_upgrade_div .enterprise_pattern {
  top: 65px;
}

.upgrade_div .upgrade_div_select_plan_div {
  width: 500px;
  margin: 0 auto;
}

.upgrade_div .upgrade_div_select_plan_div .bottom_actions {
  position: absolute;
  bottom: 32px;
}

.upgrade_div p {
  margin-top: 16px;
}

.upgrade_div h1 {
  color: #000;
  font-weight: bolder;
  margin-top: 0;
}

.upgrade_div h4 {
  color: #000;
  line-height: 28px;
}

.upgrade_div .see_plans {
    position: relative;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    background: #000 url("../../assets/chevron-right-light-24px.png");
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: calc(100% - 8px) 49%;
    margin: 16px 0 0 0;
    padding: 12px 48px 12px 16px;
    border-radius: 6px;
    border: 1px solid #000;;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    opacity: 0.9;
}

.upgrade_div .see_plans:hover, .upgrade_div .see_plans:focus {
    text-decoration: none;
    color: #fff;
    opacity: 1;
}

.upgrade_div .back_home {
    display: inline-block;
    padding: 2px 16px;
}




.app-settings {
  position: absolute;
  top: 14px;
  right: 40px;
  display: inline-block;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  border: 1px solid rgba(82, 82, 82, 0);
  background: url('../../assets/settings01.png');
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.9;
}


.app-settings:hover {
  opacity: 1;
  cursor: pointer;
  background-color: rgba(232, 232, 226, 0.95);
  border: 1px solid rgba(215, 215, 215, 0.55);
}





.app-search {
  padding-bottom: 6px;
  display: block;
  position: absolute;
  top: 14px;
  left: calc(50% - 225px);
  /* right: 48px; */
  margin: 0;
  height: 32px;
  width: 450px;
  pointer-events: none;
}



.header .header_top .search_bar {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  height: 32px;
  width: 100%;
  /* background-color: #F0F0E8 !important; */
  /* border: 1px solid #ccc;
  box-shadow: 0 3px 8px -3px #0001, inset 0 0 8px 1px rgb(221, 221, 221, 0.45); */
}



.header_top .preview_note {
  position: fixed;
  top:  8px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 9999999999;
  padding: 8px 16px 8px 43px;
  -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: #E7FDF5 url("../../assets/checkbox_checked.png");
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: 6px 49%;
  border-radius: 8px;
  border: 2px solid #7EAF94;
  -webkit-transition: top 0.75s ease-in-out;
  -moz-transition:    top 0.75s 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: #2D7548;
  width: calc(100% - 24px);
  margin: 0;
  /* font-weight: bold; */
}

.preview_note a {
  color: #268BD2;
  text-decoration: underline;
}

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

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




.app-search-filter {
  position: absolute !important;
  right: 2px;
  top: 0;
  width: 32px !important;
  height: 32px !important;
  opacity: 0.9 !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;
}




.empty_div, .select_plan_div {
  position: relative;
  top: 70px;
  margin: 70px auto 0px auto;
  height: auto !important;
  min-height: 355px !important;
  width: 65%;
  /* box-shadow: 0 8px 8px -3px #0001; */
}

.empty_div {
  margin: 32px auto 150px auto;
}

.empty_div .row, .select_plan_div .row {
    height: auto;
    min-height: 325px !important;
    padding: 0 !important;
    /* border: 1px solid #999; */
    /* border-right: 2px solid #444;
    border-bottom: 2px solid #444; */
    border-bottom: 1px solid #ddd;
}

.empty_div .row .empty_left_div, .select_plan_div .select_plan_left_div {
    height: 100%;
    margin: 0;
    padding: 32px;
    /* background: #fff; */
}

.empty_div .row .empty_left_div h1, .select_plan_div h1 {
    color: #000;
    font-weight: bolder;
}

.empty_div .row .empty_left_div h4, .select_plan_div h4 {
    color: #000;
    line-height: 28px;
    /* font-weight: bold; */
}

.empty_div .row .empty_left_div .empty_create_new, .select_plan_div .see_plans {
    position: relative;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    /* background: #FDA942; */
    cursor: pointer;
    background: #000 url("../../assets/chevron-right-light-24px.png");
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: calc(100% - 8px) 49%;
    margin: 32px 0 0 0;
    padding: 12px 48px 12px 16px;
    border-radius: 6px;
    border: 1px solid #000;;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    opacity: 0.9;
}

.empty_div .row .empty_left_div .empty_create_new:hover, .empty_div .row .empty_left_div .empty_create_new:focus, .select_plan_div .see_plans:hover, .select_plan_div .see_plans:focus {
    text-decoration: none;
    color: #fff;
    opacity: 1;
    /* background-color: #E5E7EB; */
    /* background-color: #FB651E; */
    /* border-right: 2px solid #268BD2;
    border-bottom: 2px solid #268BD2; */

}


.select_plan_div .enterprise_pattern {
  width: 80%;
  top: 160px !important;
}

.empty_div .row .empty_right_div .enterprise_pattern {
    width: 80%;
    top: 190px !important;
    left: 20% !important;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/
    /* height: 100%; */
    /* margin: 0;
    background: transparent url('../../assets/benefits_pattern.png');
    background-size: auto 200px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 38px;
    filter: invert(36%) sepia(17%) saturate(5342%) hue-rotate(346deg) brightness(100%) contrast(92%) blur(0px); */
}









.main_div {
  display: block;
  position: relative;
  /* background: red; */
  top: 105px;
  margin: 16px auto 50px auto;
  height: calc(100% - 105px);
  width: calc(100% - 0);
  padding: 0 76px 16px 76px;
  list-style: none;
}

.main_div .filter_div {
  margin: 0;
  padding: 16px 0 6px 0;
  text-align: left;
  pointer-events: none;
  /* background: yellow; */
}


.main_div .filter_div .filter_div_icon {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url('../../assets/filter_light.png');
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center 40%;
  box-sizing: border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing: border-box;
}


.main_div .filter_div .inner_filter_divs {
  position: relative;
  display: inline-block;
  width: 200px;
  width: calc(99%/5 - 9px);
  margin: 0;
}

.main_div .filter_div .client_div {
  /* width: calc(100% - 900px); */
  /* min-width: 200px; */
}


.main_div .filter_div .folder_div {
  /* width: calc(100% - 700px); */
  /* min-width: 200px; */
}


.main_div .filter_div .select {
  display: inline-block;
  width: 100%;
  height: 32px;
  /* padding: 11px 30px 10px 14px; */
  padding: 0 30px 0 14px;
  margin: 0;
  border: 1px solid #aaa;
  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: #FDFDF8 url('../../assets/dropdown_dark.png');
  background-size: 11px;
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) center;
  cursor: pointer;
}

.client_div .client_search_bar.select {
  cursor: text !important;
}


.main_div .filter_div input {
  width: 100%;
  height: 32px;
  /* padding: 11px 30px 10px 14px; */
  padding: 0 30px 0 14px;
  margin: 0;
  border: 1px solid #aaa;
  border-radius: 8px;
  color: #000 !important;
  background: #FDFDF8;
  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;
}

.main_div .filter_div input:focus, .main_div .filter_div select:focus {
  border-color: #268BD2;
}



.main_div .filter_div ul, .main_div .filter_div .options {
  display: none;
  position: absolute;
  background: #fff;
  top: 35px;
  left: 0;
  right: 0;
  z-index: 99999;
  color: #333 !important;
  font-size: 14px !important;
  height: auto;
  max-height: 300px;
  overflow: hidden;
  margin: 0;
  padding: 0 0 8px 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;
}

.main_div .filter_div ul li, .main_div .time_div .options .disabled {
  position: relative;
  padding: 4px 12px;
  margin: 0;
  color: #333;
  border-radius: 0px;
}

.main_div .filter_div ul .disabled .clear, .main_div .time_div .options .disabled .clear {
  position: absolute;
  top: 6px;
  right: 0px;
  /* float: right; */
  /* width: 32px; */
  margin: 0 8px 0 0;
  padding: 2px 8px;
  font-size: 12px;
  color: #1a73e8;
  border-radius: 8px;
  cursor: pointer;
  text-decoration: none;
  border: 1px solid rgba(229, 231, 235, 0.85);
}

.main_div .filter_div .options .disabled .clear:hover {
  color: #004eb3;
  background-color: rgba(229, 231, 235, 0.5);
  border: 1px solid rgba(229, 231, 235, 1);
}

.main_div .filter_div .options .disabled {
  padding: 8px 0px 8px 12px;
  color: #999;
  font-size: 13px;
}


/* TIME FILTER */

.main_div .time_div .options {
  max-height: 300px;
  overflow-y: auto;
}

.main_div .time_div .options .request_filter_time_div {
  padding: 8px 12px;
}


.main_div .time_div .options input {
  width: 100%;
  margin: 2px 0;
  outline: none;
  padding: 4px;
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing: border-box;
  cursor: pointer;
  font-size: 13px;
}

.main_div .time_div .options .request_filter_time_div input:focus {
  border: 1px solid #268BD2;
}

.main_div .time_div .options .request_filter_time_div p {
  font-size: 12px;
  margin-bottom: 4px;
  font-weight: bold;
  /* color: #999; */
}

.main_div .time_div .options .time_shortcuts {
  display: block;
  margin: 6px 12px;
}

.main_div .time_div .options .time_shortcuts .option {
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
  color: #268BD2;
  font-size: 11px;
  background: #E1F2FF;
  border: 1px solid #ddd;
  padding: 3px 7px;
  margin: 0 0 6px 0;
  display: inline-block;
}

.main_div .time_div .options .time_shortcuts .option:hover {
  background-color: #E1F2FF;
  border: 1px solid #257FDF;;
}







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

.main_div .filter_div ul li span {
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 32px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main_div .filter_div ul li:not(.disabled):hover {
  cursor: pointer;
  background: #f6f6f6;
}


.main_div .filter_div ul .active {
  background: #f6f6f6;
}

.main_div .filter_div .options .line_break {
  border-bottom: 1px solid #ccc;
  margin: 6px 0 12px 0;
  padding: 1px 8px;
  display: block;
}



/* Client filter */

.main_div .filter_div .client_div .options, .main_div .filter_div .folder_div .options {
  overflow-y: auto;
  right: -150%;
  height: auto;
  max-height: 300px;
}


.main_div .filter_div .client_div .options li input[type=checkbox] {
  top: 4px;
  pointer-events: none;
}

.main_div .filter_div .client_div .options .client_li {
  position: relative;
  width: 100%;
  padding: 6px 1px 6px 12px;
  margin: 4px 0;
  font-size: 12px;
}

.main_div .filter_div .client_div .options .selected{
  background-color: #f6f6f6;
}

.client_div .options li input[type=checkbox]:checked ~ p.name {
  color: #268BD2;
}

.client_div .options li input[type=checkbox]:checked ~ .avatar {
  border: 1px solid #268BD2;
  /* filter: invert(50%) sepia(19%) saturate(3123%) hue-rotate(172deg) brightness(89%) contrast(84%); */
}

.main_div .filter_div .client_div .options li .avatar {
  display: inline-block;
  width: 26px;
  height: 26px;
  padding: 0;
  margin-right: 6px;
  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;
}

.main_div .filter_div .client_div .options li .name {
  position: relative;
  top: -3px;
  vertical-align: top;
  display: inline-block;
  font-weight: bold;
  width: calc(99% - 58px);
  white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* width: calc(100% - 60px); */
}

.main_div .filter_div .client_div .options li .name span {
  position: relative;
  display: inline-block;
  color: #aaa;
  font-size: 11px;
  font-weight: normal;
  margin-left: 8px;
  width: auto;
  padding: 0 3px;
  margin: 0 0 0 4px;
  /* background-color: rgba(225, 242, 255, 0.3); */
  border-radius: 4px;
  border: 1px solid rgba(225, 242, 255, 1);
  border: 1px solid #ddd;
}

.main_div .filter_div .client_div .options li:hover .name span {
  color: #666;
  background-color: rgba(225, 242, 255, 0.45);
  border: 1px solid rgba(214, 237, 255, 0.75);
}


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


.main_div .filter_div .client_div .options li .email {
  position: absolute;
  bottom: -5px;
  left: 70px;
  display: inline-block;
  font-weight: normal;
  color: #999;
  width: calc(99% - 69px);
  white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.main_div .filter_div .client_div .options .temp_no_results {
  background-color: transparent;
  padding: 8px 16px;
  color: #999;
  font-size: 13px;
  font-weight: bold;
}

.main_div .filter_div .client_div .options .temp_no_results:hover {
  background-color: transparent;
  cursor: default;
}





/* FOLDERS */

.main_div .folder_div ul.options {
  padding: 0 0 6px 0 !important;
}


.main_div .folder_div ul li:not(.disabled) {
  position: relative;
  height: auto;
  padding: 0 0 0 6px !important;
  margin: 0 !important;
  color: #333;
  border-radius: 0px;
  vertical-align: middle;
}

.main_div .folder_div ul li:hover {
  background-color: transparent !important;
}

.main_div .folder_div ul li ul {
  position: relative !important;
  display: block !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 0 0 0 !important;
  padding: 0 !important;
  list-style: none;
  border-radius: 0 !important;
}

.main_div .folder_div ul li:not(.disabled) ul li {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  /* padding: 0 !important; */
}

.main_div .folder_div ul li span {
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  white-space: normal;
  overflow: auto;
  text-overflow:inherit;
}

.folder_div .options li input[type=checkbox] {
  display: inline-block !important;
  position: relative !important;
  top: -1px !important;
  float: none !important;
  /* width: 12px;
  height: 12px; */
  margin: 0 0px 0 8px !important;
  cursor: pointer;
  vertical-align: middle;
  pointer-events: none;
}

.folder_div .options li input[type=checkbox]:checked ~ p {
  color: #268BD2;
}

.folder_div .options li input[type=checkbox]:checked ~ p span.icon {
  /* border: 1px solid #268BD2; */
  opacity: 1;
  filter: invert(50%) sepia(19%) saturate(3123%) hue-rotate(172deg) brightness(89%) contrast(84%);
}

.folder_div .options li p {
  position: relative;
  display: inline-block !important;
  vertical-align: middle;
  margin: 1px 0;
  padding: 6px 0 6px 4px;
  width: calc(100% - 48px) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  border-radius: 8px;
}

.folder_div .options li:not(.disable) p {
  display: inline-block !important;
  border-radius: 1px;
  /* border: 1px solid transparent; */
  background-color: rgba(242, 242, 242, 0);
  width: calc(100% - 30px) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.folder_div .options li:not(.create_folder) p:hover {
  cursor: pointer;
  background-color: rgba(225, 242, 255, 0.5);
  background-color: #f6f6f6;
  /* border: 1px solid #eee; */
  padding-right: 0px;
}


.folder_div .options li p span.dir_name {
  position: relative;
  top: -9px;
  padding-left: 6px;
  font-size: 12px;
  font-weight: bold;
}

.folder_div .options li p span.dir_path {
  position: absolute;
  top: 19px;
  left: 38px;
  font-size: 11px;
  font-weight: normal;
  color: #aaa;
  white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 40px);
}

.folder_div .options li p span.dir_path b {
  font-weight: normal;
  color: #777;
  color: #aaa;
  margin: 0 1px;
  padding: 0 3px;
  /* background-color: rgba(225, 242, 255, 0.3); */
  border-radius: 4px;
  /* border: 1px solid rgba(225, 242, 255, 0.8); */
  border: 1px solid rgba(225, 242, 255, 0);
  border: 1px solid #ddd;
}

.folder_div .options li:not(.create_folder) p:hover span.dir_path {
  color: #888;
}

.folder_div .options li:not(.create_folder) p:hover span.dir_path b {
  color: #666;
  background-color: rgba(225, 242, 255, 0.4);
  /* border: 1px solid rgba(225, 242, 255, 1); */
  border: 1px solid rgba(214, 237, 255, 0.75);
}


.folder_div .options li p span.icon {
  display: none;
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 28px;
  background: url('../../assets/organize.png');
  background-size: 26px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  opacity: 0.95;
  /* border: 1px solid #666; */
}


/* Collapse all nested lists by default */
.folder_div .options li .nested_folders {
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: 99999;
  color: auto !important;
  height: auto !important;
  max-height: none !important;
  overflow: auto;
  margin: 0 0 0 16px !important;
  padding: 0;
  padding-left: 4px !important;
  border: none !important;
  box-shadow: none;
  position: relative;
  display: block !important;
  background: transparent;
  border-radius: none !important;
  border-left: 1px dashed #ccc !important;
}

/* Rotate arrow when expanded */
.folder_div .options li span.expanded {
  transform: rotate(90deg);
}



.folder_div .options .empty_organize_folders_li {
  display: block;
  position: relative;
  left: 0;
  top: 8px;
  width: 100%;
  min-height: 80px;
  content: "You have no folders to show";
  margin: 0 auto;
  padding: 8px 8px 16px 8px !important;
  color: #999;
  text-align: center;
}

.folder_div .options .empty_organize_folders_li span {
  display: block;
  position: relative;
  top: 9px;
  width: 40px;
  margin: 0 auto;
  min-height: 40px;
  background: url("../../assets/organize.png");
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: center top;
  opacity: 0.55;
}


.folder_div .options .empty_organize_folders_li:before {
  /* content: "Folders\A";
  white-space:pre;
  font-size: 16px;
  font-weight: bold;
  color: #aaa; */
}

.folder_div .options .empty_organize_folders_li:after {
  content: "You have no folders to show";
  font-size: 13px;
  color: #aaa;
}




/* .results_div .stats {
  font-style: italic;
  font-size: 12px;
  color: #999;
} */

.main_div .results_div {
  position: relative;
  display: block;
}

.main_div ul {
  position: relative;
  display: block;
  padding: 0;
  list-style: none;
  border: 1px solid #ccc;
}


.no_results {
  border: none !important;
}

.main_div .results_div .request_list_head {
  position: sticky;
  top: 118px;
  z-index: 9;
  box-shadow: 0 3px 6px -2px #3333;
  background: #F5F5EE;
  border: none;
  border-top: 1px solid transparent;
}

.main_div .results_div .request_list_head .main_request_list_head_li, .main_div .results_div .request_list_head .request_select_head .options li {
  position: relative;
  border-radius: 3px;
  border: none;
  padding: 3px 8px 9px 12px;
  margin: 0;
  height: 40px;
  cursor: pointer;
  font-size: 12px;
  background: #FDFDF8;
  /* background: #ECECE6; */
  pointer-events: none;
}

.main_div .results_div .request_list_head .main_request_list_head_li {
  margin-top: 8px;
  border: 1px solid #ccc;
}


.main_div .results_div li * {
  position: relative;
  display: inline-block;
  margin: 0;
  /* border: 1px solid grey; */
}

.main_div .results_div .temp_no_results {
  padding: 24px 8px;
  color: #999;
  text-align: center;
  border: none !important;
  background: transparent !important;
}

.main_div .results_div .temp_no_results h3 {
  background: transparent url('../../assets/search-hover.png');
  background-size: 54px auto;
  background-repeat: no-repeat;
  background-position: center top;
  font-weight: bolder;
  color: #666;
  margin: 24px auto 8px auto;
  padding: 64px 0 0 0;
}

.main_div .results_div .temp_no_results.no_results_init h3 {
  background: transparent url('../../assets/use_template_icon.png');
  background-size: 64px auto;
  background-repeat: no-repeat;
  background-position: center top;
}

.main_div .results_div .temp_no_results h4 {
  display: block;
  margin-bottom: 3px;
  line-height: 1.5;
}

.main_div .results_div .temp_no_results:hover {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}


.request_list_head .accept_action, .request_list_head .unarchive_action, .request_list_head .delete_action, .request_list_head .export_action {
  /* position: absolute !important; */
  top: 2px;
  left: 0px;
  height: 32px;
  width: 34px;
  line-height: 38px;
  padding: 0;
  margin: 0 !important;
  color: #555;
  text-align: left;
  display: inline-block;
  /* border: 1px solid #888; */
  border-radius: 50%;
  font-weight: bold;
  outline: none;
  box-sizing: border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing: border-box;
  vertical-align: middle;
  text-decoration: none;
  /* box-shadow: 0 2px 2px -1px #888f; */
  /* background: #f4f4f4; */
  /* background: linear-gradient(180deg, rgba(240,240,233,1) 0%, rgba(233,233,224,1) 40%, rgba(253,253,248,1) 90%); */
}


.request_list_head .control_btn:hover {
  background-color: #E5E7EB;
  transition: background-color 0.25s ease-in-out;
  -webkit-transition: background-color 0.25s ease-in-out;
  /* border: 2px solid #ccc; */
  /* background: linear-gradient(180deg, rgba(240,240,233,1) 0%, rgba(233,233,224,1) 40%, rgba(253,253,248,1) 90%); */
  /* border: 1px solid #268BD2; */
  /* box-shadow: 0 2px 2px -1px #268BD2; */
  cursor: pointer;
}

.request_list_head .control_btn span {
  /* padding: 0 10px 0 32px; */
  padding: 0;
  width: 100%;
  line-height: 32px;
  height: 32px !important;
  margin: 0;
}


.request_list_head .accept_action span {
  background: transparent url('../../assets/checkbox_checked.png');
  background-size: 33px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: center;
  /* filter: invert(28%) sepia(25%) saturate(779%) hue-rotate(77deg) brightness(100%) contrast(87%); */
}

.request_list_head .accept_action:hover span {
  filter: invert(28%) sepia(25%) saturate(779%) hue-rotate(77deg) brightness(100%) contrast(87%);
}


.request_list_head .unarchive_action span {
  background: transparent url('../../assets/unarchive.png');
  background-size: 33px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: center;
  /* filter: invert(28%) sepia(25%) saturate(779%) hue-rotate(77deg) brightness(100%) contrast(87%); */
}


.request_list_head .export_action span {
  background: transparent url('../../assets/download.png');
  background-size: 33px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: center;
}

.request_list_head .export_action:hover span {
  filter: invert(50%) sepia(19%) saturate(3123%) hue-rotate(172deg) brightness(89%) contrast(84%);
}



.request_list_head .delete_action span {
  font-weight: bolder;
  color: #fff;
  background: transparent url('../../assets/delete_icon.png');
  background-size: 34px;
  background-repeat: no-repeat;
  background-position: center;
  /* filter: invert(17%) sepia(94%) saturate(7374%) hue-rotate(4deg) brightness(99%) contrast(118%); */
  /* filter: invert(56%) sepia(85%) saturate(595%) hue-rotate(300deg) brightness(95%) contrast(79%); */
}

.request_list_head .delete_action:hover span {
  filter: invert(56%) sepia(85%) saturate(595%) hue-rotate(300deg) brightness(95%) contrast(79%);
}



.main_div .results_div .request_list_head li p {
  margin-right: 4px;
  position: relative;
  top: 4px;
  /* display: none; */
}

.main_div .results_div .request_select_head {
  position: relative;
  margin-right: 5px;
  margin-left: 5px;
  top: 9px;
  padding-right: 12px;
  background: url('../../assets/dropdown_dark.png');
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
}

.main_div .results_div .request_select_head input[type=checkbox] {
  vertical-align: middle;
  display: inline-block;
  float: left;
  width: 18px;
  height: 18px;
  cursor: pointer;
  /* pointer-events: none; */
}

.main_div .results_div .request_select_head .options {
  display: none;
  position: absolute;
  background: #fff !important;
  top: 18px;
  left: 18px;
  right: auto;
  z-index: 99999;
  color: #333 !important;
  font-size: 14px !important;
  width: 100px;
  height: auto;
  max-height: 300px;
  overflow: hidden;
  margin: 0;
  padding: 8px 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;
}

.main_div .results_div .request_select_head .options li {
  position: relative;
  display: block;
  padding: 4px 12px !important;
  margin: 0 !important;
  color: #333 !important;
  border-radius: 0px !important;
  /* font-size: 14px; */
  background: #fff !important;
  height: auto !important;
}

.main_div .results_div .request_select_head .options li:hover {
  cursor: pointer;
  background: #f6f6f6 !important;
}






.main_div .results_div .request_name_head {
  width: calc(100% - 730px);
  /* margin-right: 10px !important; */
}

.main_div .results_div .client_info_head {
  width: 300px;
}

.main_div .results_div .sent_date_head, .main_div .results_div .due_date_head {
  width: 100px;
}

.main_div .results_div .status_head {
  width: 78px;
}

.main_div .results_div .other_details_head {
  width: 52px;
}




.main_div .request_list {
  width: 99%;
  margin: 0 auto;
}


.main_div .request_list .result_li {
  position: relative;
  border: 1px solid #ccc;
  border-color: transparent transparent #ccc transparent;
  border-radius: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  /* box-shadow: 0 4px 6px -3px #0001; */
  -webkit-transition: box-shadow 0.35s ease-in-out, background-color 0.15s ease-in-out;
  -moz-transition:    box-shadow 0.35s ease-in-out, background-color 0.15s ease-in-out;
  -ms-transition:     box-shadow 0.35s ease-in-out, background-color 0.15s ease-in-out;
  -o-transition:      box-shadow 0.35s ease-in-out, background-color 0.15s ease-in-out;
  transition:         box-shadow 0.35s ease-in-out, background-color 0.15s ease-in-out;
}


.main_div .request_list .deleting  {
  border-bottom: 1px solid palevioletred;
  background: rgba(245, 61, 61, 0.1);
}



.main_div .request_list .result_li a {
  position: relative;
  text-decoration: none;
  width: 100%;
  padding: 21px 8px 21px 12px;
}

.main_div .request_list .result_li.multi_client a {
  position: relative;
  text-decoration: none;
  width: 100%;
  padding: 18px 8px 18px 12px;
}

.main_div .results_div .request_list li.result_li:hover {
  background: #E8E8E2;
  /* background: #F0F0E8; */
  border-color: transparent transparent #bfbfbf transparent;
  /* border-color: #ECECE6 #ECECE6 #ccc #ECECE6; */
  /* box-shadow: 0 4px 14px -3px #0001; */
  box-shadow: inset 0 0 2px rgba(50, 50, 50, 0.1);
}


.main_div .results_div .request_list .result_li p {
  vertical-align: middle;
  display: inline-block;
  margin-right: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.main_div .results_div .request_list .result_li input[type=checkbox] {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  top: 8px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  /* pointer-events: none; */
}

.main_div .results_div .request_list .result_li .checkbox_div {
  display: inline-block;
  position: absolute;
  top: 50% !important;
  transform: translateY(-50%);
  padding: 0 24px 0 0;
  margin: 0;
  float: left;
  height: 32px;
}


.main_div .results_div .request_list .result_li .request_name {
  position: relative !important;
  width: calc(100% - 720px);
  font-weight: bold;
  /* border-right: 1px solid #ccc; */
  margin-right: 8px;
  margin-left: 42px;
  min-height: 16px;
  border-right: 2px dotted #ccc;
}

.main_div .results_div .request_list .result_li:hover .request_name {
  border-right: 2px dotted #bbb;
}

.main_div .results_div .request_list .result_li .request_name span {
  position: absolute;
  left: 0;
  right: 0;
  top: 50% !important;
  transform: translateY(-50%);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 8px;
}

/* .main_div .results_div .request_list .result_li:hover .request_name {
  padding-right: 56px;
} */


.main_div .results_div .request_list .result_li .client_info {
  position: relative;
  width: 300px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
  /* white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; */
  text-align: left;
  min-height: 24px;
}

.main_div .results_div .request_list .result_li .client_info .client_attached {
  width: 100%;
  margin: 0 auto;
}

.main_div .results_div .request_list .result_li .no_client {

}

.main_div .results_div .request_list .result_li .client_info .client_activity {
  display: none;
  position: absolute;
  left: 40px;
  bottom: -16px;
  font-size: 10px;
  font-weight: normal;
  color: #888;
  padding: 0 0 0 19px;
  background: url("../../assets/activity.png");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: left center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
  opacity: 0.9;
}


.main_div .results_div .request_list .result_li .client_info .client_name {
  position: relative;
  top: 0px;
  vertical-align: top;
  font-size: 13px;
  font-weight: bold;
  color: #444;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
}

.main_div .results_div .request_list .result_li .client_info .client_name span {
  color: #999;
  font-size: 13px;
  margin-left: 8px;
  font-weight: normal;
}


.main_div .results_div .request_list .result_li .client_info .client_email {
  position: absolute;
  left: 40px;
  bottom: 0px;
  color: #444;
  font-size: 13px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
}


.main_div .results_div .request_list .result_li .client_info .client_avatar {
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 1px 8px 1px 0;
  border-radius: 50%;
  border: 1px solid #666;
  object-fit: cover;
  color: #666;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  line-height: 32px;
  /* background: #f4f4f4; */
  background: #F5F5EE;
  opacity: 1;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* .move-area{
  width: 100vw;
  height: 100vh;
  padding: 10% 45%;
}
.container {
  width: 100%;
} */

.main_div .results_div .request_list .result_li .client_info .live {
  display: none;
  position: absolute;
  top: -10px;
  left: 3px;
  width: auto;
  height: auto;
  background: green;
  color: #fff;
  font-weight: bold;
  font-size: 8px;
  border-radius: 4px;
  border: 2px solid #fff;
  padding: 0 4px;
  z-index: 9999999999999999999;
  box-shadow: 0 3px 5px -3px #0009;
  text-transform: uppercase;
  /* animation: shockwaveJump 1s ease-out infinite; */
  /* animation-iteration-count: 1; */
}



.main_div .results_div .request_list .result_li .client_info .client_avatar_eyes {
  overflow: hidden;
  border: 1px solid #aaa;
  /* box-shadow: 0 3px 5px -3px #F26522; */
  box-shadow: 0 3px 5px -3px #0008;
  /* opacity: 0.9; */
}

.main_div .results_div .request_list .result_li .client_info:not(.no_client):hover .client_avatar {
  animation: shockwaveJump 2s ease-out infinite;
  animation-iteration-count: 1;
  z-index: 999;
}

.main_div .results_div .request_list .result_li .client_info .client_avatar_eyes .eye_container {
  margin-top: 8px;
  width: 100%;
  /* background: #F26522;
  border: 1px solid red;
  border-left: 1px solid darkRed;
  border-right: 1px solid darkRed;
  border-bottom: 1px solid darkRed;
  border-radius: 4px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: 0 4px 8px -3px #0009; */
}

.client_avatar_eyes .eye {
  position: relative;
  display: inline-block;
  /* border: 1px solid #444; */
  border: 1px solid #999;
  /* border-bottom: 2px solid darkRed; */
  border-bottom: 1px solid palevioletred;
  border-radius: 50%;
  height: 12px;
  width: 12px;
  background: #ddd;
  /* box-shadow: 0 3px 4px -3px #000a; */
  /* transition: transform 0.1s ease-in;
  -webkit-transition: transform 0.1s ease-in; */
}
.client_avatar_eyes .eye:after { /*pupil*/
  position: absolute;
  bottom: 5px;
  right: 4px;
  width: 3px;
  height: 3px;
  background: #000;
  border-radius: 50%;
  content: " ";
}




.main_div .results_div .request_list .result_li .no_client .client_name {
  top: 9px;
  /* color: #268BD2; */
  /* font-weight: normal; */
  cursor: pointer;
  /* opacity: 0.8; */
}

.main_div .results_div .request_list .result_li .no_client .client_name span {
  margin-left: 6px;
}

.main_div .results_div .request_list .result_li .no_client .client_name:hover {
  /* font-weight: bold; */
  cursor: pointer;
  /* opacity: 1; */
}


.main_div .results_div .request_list .result_li .no_client .client_avatar {
  background: transparent url("../../assets/url_icon.png");
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 4px;
  transition: filter 0.5s ease-in;
  -webkit-transition: filter 0.5s ease-in;
  /* border: none; */
  /* margin: 1px 0px 1px 0; */
  /* filter: invert(36%) sepia(17%) saturate(5342%) hue-rotate(346deg) brightness(100%) contrast(92%) blur(0px); */
  /* filter: invert(50%) sepia(19%) saturate(3123%) hue-rotate(172deg) brightness(89%) contrast(84%); */

}


.main_div .results_div .request_list .result_li .no_client:hover .client_avatar {
  /* transform: rotate(180deg); */
  filter: invert(50%) sepia(19%) saturate(3123%) hue-rotate(172deg) brightness(89%) contrast(84%);
}




.result_li .client_info .client_attached {
  /* border-left: 2px dotted #ddd; */
  /* padding-left: 4px; */
}

.result_li .client_info .client_attached .client_attached_inner {
  margin: 0;
  padding: 0;
  width: auto;
  max-width: calc(100% - 16px);
  height: auto;
  min-height: auto;
  display: inline-block;
  background: transparent;
  /* background: red; */
  /* border-top: 2px dotted #ccc;
  border-bottom: 2px dotted #ccc;
  border-right: 2px dotted #ccc; */
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  /* border-radius: 8px; */
  /* box-shadow: 0 3px 8px -3px #0004; */
  /* box-shadow: 4px 3px 8px -3px #0002; */
  -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;
}

.result_li .client_info .client_attached .client_attached_inner:hover {
  /* padding: 4px 6px; */
  /* border-color: #bbb; */
  /* box-shadow: 4px 3px 8px -3px #0003; */
}

.result_li .client_info .client_attached .clients_list {
  list-style: none;
  border: none;
  padding: 0 8px 0 0;
  margin: 0;
  width: auto;
  max-width: 100%;
  height: 42px;
  /* border: 1px solid #ccc; */
  border-radius: 6px;
  /* background: #FDFDF8; */
  /* -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; */
}

.result_li .client_info .client_attached .clients_list li {
  position: relative;
  /* left: -8px; */
  display: inline-block;
  width: calc(98%/4);
  min-width: 48px;
  /* max-width: 80px; */
  /* height: 40px; */
  /* border: 1px solid #ccc;
  border-radius: 8px; */
  padding: 0;
  margin: 0 1px 0 0;
  text-align: center;
  vertical-align: top;
  /* background: #FDFDF8; */
  /* box-shadow: 0 3px 4px -3px #0004; */
}

.result_li .client_info .client_attached .clients_list li:first-child {
  left: auto;
}

.result_li .client_info .client_attached .clients_list li:hover .client_avatar {
  border: 1px solid #268BD2;
  /* border-top: 1px solid #268BD2 !important; */
}

.result_li .client_info .client_attached .clients_list li:hover .client_avatar_eyes {
  box-shadow: 0 3px 5px -3px #0009;
}

.result_li .client_info .client_attached .clients_list li:hover .client_name {
  border: 1px solid #268BD2;
  box-shadow: 0 4px 4px -3px #0004;
}

.result_li .client_info .client_attached .clients_list li:hover {
  /* box-shadow: 0 3px 4px -3px #0004;
  background: transparent;
  border: 1px solid #268BD2; */
}

.result_li .client_info .client_attached .clients_list li .live {
  display: none;
  position: absolute;
  top: -16px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.result_li .client_info .client_attached .clients_list li.more_clients {
  position: relative;
  top: 1px;
  width: auto;
  min-width: 32px;
  width: calc((98%/4) - 16px);
  height: 40px;
  margin-left: 8px;
  border: none !important;
  border-radius: 50%;
  box-shadow: none;
  background: transparent;
  text-align: center;
}


.result_li .client_info .client_attached .clients_list li.more_clients p {
  font-size: 16px;
  font-weight: bold;
  color: #268BD2;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 50% !important;
  transform: translateY(-50%);
  width: 100%;
  opacity: 0.8;
}

.result_li .client_info .client_attached .clients_list li.more_clients:hover p {
  opacity: 1;
}

.result_li .client_info .client_attached .clients_list li .client_avatar {
  top: -6px;
  margin-right: 0 !important;
  margin-bottom: -4px !important;
  /* border-top: 1px solid #aaa !important; */
  opacity: 1 !important;
}

.result_li .client_info .client_attached .clients_list li .client_name {
  position: absolute;
  top: 2px !important;
  display: block;
  font-size: 9px !important;
  color: #000;
  box-shadow: 0 4px 3px -3px #0003;
  border: 1px solid #ccc;
  background-color: #eee;
  border-radius: 4px;

  /* position: absolute;
  top: 50% !important;
  transform: translateY(-50%);
  left: 0; */
  /* vertical-align: middle; */
  text-align: center;
  margin: 0 1px;
  padding: 1px 4px;
  height: auto;
  max-width: 80px !important;
}

.result_li .client_info .client_attached .clients_list li .client_email {
  display: none;
  width: calc(100% - 48px) !important;
}







.main_div .results_div .request_list .result_li .sent_date, .main_div .results_div .request_list .result_li .due_date {
  width: calc(100px);
  color: #000;
  font-size: 13px;
}

.main_div .results_div .request_list .result_li .past_due {
  color: palevioletred;
}

.main_div .results_div .request_list .result_li .near_deadline {
  color: #c90;
}


.main_div .results_div .request_list .result_li .status {
  width: 75px;
  min-height: 24px;
  text-transform: capitalize;
  padding: 4px 6px;
  border-radius: 32px;
  border: 1px solid #444;
  border-right: 1px solid #666;
  font-size: 10px;
  font-weight: normal;
  color: #000;
  text-align: center;
  /* background-color: #f4f4f4; */
  background-color: #eee;
  box-shadow: 0 4px 8px -3px #0001;
  box-shadow: 0 3px 6px -3px #6666;
}



.main_div .results_div .request_list .result_li p.status:not(.req_status_sent):before {
  /* content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(
    -45deg,
    rgba(253, 253, 248, 1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(253, 253, 248, 1) 50%,
    rgba(253, 253, 248, 1) 75%,
    transparent 75%,
    transparent
  );
  background-size: 100px 100px;
  animation: move 2.5s 5.2s infinite;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden; */
}



.main_div .results_div .request_list .result_li p.status.req_status_complete {
  /* color: #014f01 !important; */
  color: #fff !important;
  font-weight: bold;
  background-color: #cef5ba;
  background-color: green;
}

.main_div .results_div .request_list .result_li p.status.req_status_complete:before {
  background-image: linear-gradient(
    -45deg,
    rgba(3, 84, 3, 0.2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(3, 84, 3, 0.3) 50%,
    rgba(3, 84, 3, 0.4) 75%,
    transparent 75%,
    transparent
  );
  background-size: 50px 50px;
  animation: move 2s linear infinite;
}


.main_div .results_div .request_list .result_li p.status.req_status_complete {
  /* content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  animation: shockwave 1s .65s ease-out infinite; */
  animation: shockwaveJump 1s ease-out infinite;
}

.main_div .results_div .request_list .result_li p.status.req_status_complete:hover {
  animation: none;
}



.main_div .results_div .request_list .result_li p.status.req_status_archived:before {
  background-image: none;
}

.main_div .results_div .request_list .result_li:hover p.status {
  background-color: transparent;
}

.main_div .results_div .request_list .result_li:hover p.status:before {
  background-image: linear-gradient(
    -45deg,
    rgba(253, 253, 248, 1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(253, 253, 248, 1) 50%,
    rgba(253, 253, 248, 1) 75%,
    transparent 75%,
    transparent
  );
  /* z-index: 1; */
  background-size: 50px 50px;
  animation: move 0.6s linear infinite !important;
}



@keyframes shockwaveJump {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.04);
  }
  50% {
     transform: scale(0.98);
  }
  55% {
    transform: scale(1.02);
  }
  60% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}


@keyframes shockwave {
  0% {
    transform: scale(1);
    box-shadow: 0 0 2px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15);
  }
  95% {
    box-shadow: 0 0 50px rgba(0,0,0,0), inset 0 0 30px rgba(0,0,0,0);
  }
  100% {
    transform: scale(2);

  }
}



@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}

.main_div .results_div .request_list .result_li:hover .status span {
  display: none;
}

.main_div .results_div .request_list .result_li .status progress {
  display: none;
  width: 100%;
  -webkit-appearance: none;
  position: relative;
  top: 3px;
}

.main_div .results_div .request_list .result_li .status progress::-webkit-progress-bar {
  background: #fff;
  border: 1px solid #999;
  border-radius: 3px;
  height: 5px !important;
}

.main_div .results_div .request_list .result_li .status progress::-webkit-progress-value {
  background: #F26522;
  background: green;
  /* background: #888; */
}

.main_div .results_div .request_list .result_li .incomplete progress::-webkit-progress-value {
  background: palevioletred;
}

.main_div .results_div .request_list .result_li .complete progress::-webkit-progress-value {
  background: green;
}

.main_div .results_div .request_list .result_li:hover .status progress {
  display: block;
}

.main_div .results_div .request_list .result_li:hover .status {
  border: 1px solid transparent;
  background-color: transparent;
  box-shadow: none;
}



.main_div .results_div .request_list .result_li .other_details {
  width: 58px;
}



.main_div .results_div .result_li .message_option {
  position: absolute;
  top: 21px;
  right: 40px;
  background: url("../../assets/comment_icon.png");
  background-size: 26px;
  background-repeat: no-repeat;
  background-position: center;
  width: 32px;
  height: 32px;
  cursor: pointer;
  /* opacity: 0.6; */
}


.main_div .results_div .result_li .message_option .badge {
  position: absolute;
  /* display: none; */
  bottom: 2px;
  right: 0px;
  padding: 2px 4px;
  border-radius: 50%;
  border: 1px solid #000;
  font-size: 10px;
  color: #fff;
  background-color: #268BD2;
  box-shadow: 0 4px 12px -3px #0009;
}




.main_div .results_div .result_li .more_options {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  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.6;
}

.main_div .results_div li:hover .more_options {
  display: block;
}

.main_div .results_div li .more_options:hover {
  opacity: 1;
}



.main_div .results_div .request_list li .more_options_div {
  position: absolute;
  top: 52px;
  right: 8px;
  width: 290px;
  display: none;
  box-shadow: 0 4px 16px -3px #0003;
  border-radius: 8px !important;
  z-index: 999999999;
  background: #fff;
  border: 1px solid #bbb;
  padding: 8px;
}


.main_div .results_div .request_list li .line_break {
  border-bottom: 1px solid #ccc;
  margin: 6px 0 8px 0;
  padding: 1px 8px;
  display: block;
}


.main_div .results_div .request_list li .more_options_div .more_options_div_a {
  position: relative;
  display: block;
  padding: 3px 8px !important;
  vertical-align: middle;
}


.main_div .results_div .request_list li .more_options_div .more_options_delete span {
  color: palevioletred !important;
  font-weight: bold;
}

.main_div .results_div .request_list li .more_options_div .more_options_archive span {
  font-weight: bold;
}

.main_div .results_div .request_list li .more_options_div .more_options_active_again span {
  font-weight: bold;
}

.main_div .results_div .request_list li .more_options_div .more_options_div_a:hover {
  cursor: pointer;
  background-color: #f4f4f4;
}

.main_div .results_div .request_list li .more_options_div .more_options_div_a:not(.more_options_edit):not(.more_options_preview) span {
  text-decoration: none;
  color: #000;
  display: inline-block;
  vertical-align: middle;
}

.main_div .results_div .request_list li .more_options_div img {
  width: 32px;
  height: 32px;
  object-fit: cover;
  margin-right: 8px;
  display: inline-block;
  border: none !important;
  position: relative;
  top: 0;
  background-color: transparent;
}

.main_div .results_div .request_list li .more_options_div .more_options_edit img, .main_div .results_div .request_list li .more_options_div .more_options_edit_client img, .more_options_view_all_clients img {
  padding: 7px 8px;
}

.main_div .results_div .request_list li .more_options_div .more_options_preview img {
  padding: 6px 6px;
}

.main_div .results_div .request_list li .more_options_div .more_options_view img {
  padding: 6px 6px;
}

.main_div .results_div .request_list li .more_options_div .more_export {
  position: relative;
}

.main_div .results_div .request_list li .more_options_div .more_export img {
  padding: 1px;
}

.main_div .results_div .request_list li .more_options_div .more_options_active_again img {
  padding: 0;
  width: 33px;
  height: 33px;
}

.main_div .results_div .request_list li .more_options_div .more_options_email img {
  padding: 1px 7px;
}

.main_div .results_div .request_list li .more_options_div .more_options_audit_log img {
  padding: 2px 8px;
}

.main_div .results_div .request_list li .more_options_div .more_options_filter_client img {
  padding: 5px 5px;
}

.main_div .results_div .request_list li .more_options_div .more_options_edit_client img, .more_options_view_all_clients img {
  padding: 1px 0px;
}

.main_div .results_div .request_list li .more_options_div .more_options_div_a:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.main_div .results_div .request_list li .more_options_div .more_options_div_a:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}







  @media (max-width: 1050px) {
    .main_div {
      width: 100%;
      padding: 0 16px 16px 16px;
    }


    .upgrade_div {
      position: absolute;
      top: 2%;
      bottom: 2%;
      left: 15%;
      width: 70%;
    }

    .upgrade_div .pattern_upgrade_div {
      width: 90%;
      height: 160px;
    }

    .upgrade_div .pattern_upgrade_div .enterprise_pattern {
      top: 50px;
    }

    .upgrade_div .upgrade_div_select_plan_div {
      width: 90%;
    }

  }





  @media (max-width: 850px) {

    .logo {
      min-width: 40px;
      padding: 8px 0;
      color: transparent;
    }

    body {
      overflow: auto !important;
    }

    .header {
      right: 0 !important;
      width: 100%;
    }

    .app-search {
      left: calc(50% - 200px) !important;
      width: 400px !important;
    }

    .dp {
      right: 8px;
    }

    .header_top .new {
      right: 48px;
    }

    .logo {
      left: 8px;
    }

    .main_div {
      /* width: 200% !important; */
      width: calc(50% + 720px) !important;
      padding: 0 16px 16px 16px;
    }

    
  .main_div .request_list {
    width: 100%;
    margin: 0;
  }

  .main_div .results_div .request_select_head {
    margin-left: 0;
  }


    .header {
      right: 0 !important;
      width: 100%;
    }

    .main_div .filter_div .inner_filter_divs {
      width: calc(33% - 14px);
    }

    .main_div .filter_div .time_div {
      margin-left: 36px !important;
      /* margin-bottom: 8px; */
    }

    /* .main_div .filter_div .status_div {
      margin-bottom: 0;
    } */

    .main_div .filter_div .client_div, .main_div .filter_div .folder_div {
      width: calc(50% - 24px);
      min-width: 50px;
      margin-bottom: 8px;
    }


    .main_div .filter_div .client_div .options, .main_div .filter_div .folder_div .options {
      overflow-y: auto;
      right: 0%;
    }


    .main_div .results_div .request_name_head {
      width: calc(100% - 720px);
    }

    .main_div .results_div .request_list .result_li .request_name {
      width: calc(100% - 720px);
    }


    .empty_div, .select_plan_div {
      width: 88%;
    }

    .empty_div .empty_right_div, .select_plan_div .select_plan_left_div {
      display: none;
    }


    /* .main_div .results_div .request_select_head {
      margin-right: 0;
    }

    .main_div .results_div .request_list .result_li input[type=checkbox] {
      margin-right: 18px;
    }



    .main_div .results_div .request_name_head {
      width: 130px;
    }

    .main_div .results_div .request_list .result_li .request_name {
      width: 130px;
      font-weight: bold;
    }




    .main_div .results_div .client_info_head {
      width: 100px;
    }

    .main_div .results_div .request_list .result_li .client_info {
      width: 100px;
    }

    .main_div .results_div .request_list .result_li .client_info .client_name {
      position: absolute;
      left: 0;
      width: 100px;
      z-index: 10 !important;
    }

    .main_div .results_div .request_list .result_li .client_info .client_name span {
      color: #999;
      font-size: 13px;
      margin-left: 8px;
      font-weight: normal;
    }

    .main_div .results_div .request_list .result_li .client_info .client_email {
      position: absolute;
      left: 0px;
      bottom: 0px;
      width: 100px;
    }

    .main_div .results_div .request_list .result_li .client_info .client_avatar {
      opacity: 0;
      background: transparent;
      color: transparent;
      pointer-events: none;
      z-index: 0;
    }




    .main_div .results_div .sent_date_head {
      display: none;
    }

    .main_div .results_div .request_list .result_li .sent_date{
      display: none;
    }

    .main_div .results_div .due_date_head {
      width: 88px;
    }

    .main_div .results_div .request_list .result_li .due_date{
      width: 88px;
      font-size: 11px;
    } */





    .main_div .results_div .result_li .more_options {
      display: block;
      opacity: 0.9;
    }

    .upgrade_div {
      left: 5%;
      width: 90%;
    }

    .upgrade_div .pattern_upgrade_div {
      width: 90%;
      height: 180px;
    }

    .upgrade_div .upgrade_div_select_plan_div {
      width: 90%;
    }

    .appsumo_review_div {
      left: 10%;
      width: 80%;
      bottom: auto;
    }

    .appsumo_review_div .img_div {
      width: 90%;
      margin: 8px auto 0 auto;
    }

  }


  @media (max-width: 770px) {
    .header .stats {
      display: none;
    }

    .header_top .new {
      position: absolute;
      top: 72px;
      right: 8px;
      z-index: 99999;
    }

    .pages {
      position: fixed;
      left: 8px;
      right: 8px;
      top: auto;
      bottom: 8px;
      text-align: center !important;
      z-index: 99999999999999999 !important;
    }
  
    .paginationjs-pages {
      box-shadow: 0 3px 8px -3px #0004 !important;
    }
  
    div.paginationjs {
      position: relative !important;
      text-align: center !important;
      justify-content: center !important;
    }
  
    .paginationjs-pages ul {
      position: relative !important;
      display: block !important;
      margin: 0 auto !important;
    }

  }



  @media (max-width: 650px) {
    .app-search {
      left: calc(50% - 175px) !important;
      width: 350px !important;
    }

    .header .stats {
      display: none;
    }

    .header_bottom .nav_ul .active {
      display: none;
    }

    .header_bottom .nav_ul .templates_li {
      display: none;
    }
  }
  


  @media (max-width: 450px) {

    .app-search {
      left: calc(50% - 125px) !important;
      width: 250px !important;
    }

    .header_top .new {
      position: absolute;
      top: 74px;
      right: 11px;
      z-index: 99999;
    }

    .clients_div {
      height: 450px;
      width: 99%;
    }

    .clients_div .top_controls {
      margin: 8px 24px;
    }

    .clients_div ul {
      padding: 0 24px;
    }

    .clients_div ul li .client_attached .edit_client_info {
      opacity: 1;
      filter: invert(50%) sepia(19%) saturate(3123%) hue-rotate(172deg) brightness(89%) contrast(84%);
    }

    .main_div {
      width: calc(81% + 720px) !important;
    }

    /* .header_bottom .nav_ul li:last-child {
      display: none;
    } */

    /* .header_bottom .nav_ul li:nth-child(3) {
      display: none;
    } */

    /* .header_bottom .nav_ul li:nth-child(4) {
      display: none;
    } */

    /* .main_div .filter_div .inner_filter_divs {
      width: calc(33% - 16px);
    }

    .main_div .filter_div .client_div {
      width: calc(100% - 45px);
    }



    .main_div .results_div .request_select_head {
      margin-right: 0;
      top: 9px;
      padding-right: 2px;
      background: transparent;
    }

    .main_div .results_div .request_list .result_li input[type=checkbox] {
      margin-right: 9px;
    }



    .main_div .results_div .request_name_head {
      width: 100px;
    }

    .main_div .results_div .request_list .result_li .request_name {
      width: 100px;
    }




    .main_div .results_div .client_info_head {
      width: 80px;
    }

    .main_div .results_div .request_list .result_li .client_info {
      width: 80px;
    }

    .main_div .results_div .request_list .result_li .client_info .client_name {
      position: absolute;
      top: 8px;
      left: 0;
      width: 100px;
      z-index: 10 !important;
    }

    .main_div .results_div .request_list .result_li .client_info .client_email {
      display: none;
    }

    .main_div .results_div .request_list .result_li .client_info .client_avatar {
      opacity: 0;
      background: transparent;
      color: transparent;
      pointer-events: none;
      z-index: 0;
    }




    .main_div .results_div .sent_date_head {
      display: none;
    }

    .main_div .results_div .request_list .result_li .sent_date{
      display: none;
    }

    .main_div .results_div .due_date_head {
      width: 50px;
    }

    .main_div .results_div .request_list .result_li .due_date{
      width: 52px;
      font-size: 10px;
    }




    .main_div .results_div .request_list .result_li .status {
      width: 60px;
      text-transform: capitalize;
      padding: 4px 2px;
      border-radius: 32px;
      border: 1px solid #999;
      font-size: 8px;
      font-weight: normal;
      color: #000;
      text-align: center;
      background-color: #f4f4f4;
      box-shadow: 0 4px 8px -3px #0001;
    } */


    .main_div .results_div .result_li .more_options {
      display: block;
      opacity: 0.9;
    }

    .upgrade_div {
      position: absolute;
      top: 0.5%;
      bottom: 0.5%;
      left: 1%;
      width: 98%;
    }

    .upgrade_div .top_controls {
      margin: 8px 16px;
    }

    .upgrade_div .pattern_upgrade_div {
      width: 90%;
      height: 150px;
    }

    .upgrade_div .upgrade_div_select_plan_div {
      width: 90%;
    }

    .appsumo_review_div {
      left: 5%;
      width: 90%;
      bottom: auto;
    }

    .appsumo_review_div .img_div {
      height: 340px;
      width: 90%;
      margin: 0 auto;
    }

    .main_div .filter_div .filter_div_icon {
      display: none;
    }

    .main_div .filter_div .inner_filter_divs {
      width: calc(33% - 0px);
    }
  
    .main_div .filter_div .time_div {
      margin-left: 0px !important;
      /* margin-bottom: 8px; */
    }
  
    .main_div .filter_div .client_div, .main_div .filter_div .folder_div {
      width: calc(50% - 3px);
      min-width: 50px;
      margin-bottom: 4px;
    }

  }






  @media (max-width: 300px) {
    .upgrade_div {
      position: absolute;
      top: 0%;
      bottom: 0%;
      left: 0%;
      width: 100%;
    }

    .upgrade_div .top_controls {
      margin: 8px;
    }

    .upgrade_div .pattern_upgrade_div {
      width: 90%;
      height: 124px;
    }

    .upgrade_div .upgrade_div_select_plan_div {
      width: 90%;
    }

    .upgrade_div .upgrade_div_select_plan_div .bottom_actions * {
      font-size: 10px;
    }

    .appsumo_review_div .img_div {
      height: 300px;
      width: 90%;
      margin: 0 auto;
    }
  }