#share_popup {
  display: none;
  z-index: 10009999;
  color: #242424;
  font-family: AlbertaSans, Roboto, sans-serif;
  font-size: 12px;
  line-height: 16px;
  --popup-width: 830px;
  --share-copy-shift: 0px;
}
#share_popup *::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
#share_popup *::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.45);
  border-radius: 10px;
  box-shadow: rgba(255, 255, 255, 0.3) 0 0 0 1px;
}
#share_popup *:hover::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.55);
}
#share_popup:before {
  content: none;
}
#share_popup .modal-content {
  padding: 0;
  border: 0;
  overflow: unset;
  height: 100%;
  display: flex;
  flex-direction: column;
  max-height: unset;
}
@media screen and (max-width: 840px) {
  #share_popup .modal-content {
    max-height: unset;
    height: 100%;
    overflow: auto;
  }
}
#share_popup .modal-inner {
  display: none;
  max-height: calc(100% - 240px);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  width: var(--popup-width);
  margin-left: calc(var(--popup-width) / 2 * -1);
  top: calc(120px - var(--share-copy-shift));
}
#share_popup .modal-inner * {
  box-sizing: border-box;
}
@media screen and (max-height: 840px) {
  #share_popup .modal-inner {
    max-height: calc(100% - 120px);
    top: calc(60px - var(--share-copy-shift));
  }
}
@media screen and (max-width: 840px) {
  #share_popup .modal-inner {
    width: auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 42px;
    left: 0;
    right: 0;
    padding-top: 0;
    height: calc(100% - 42px);
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 0 !important;
    overflow: hidden;
    max-height: unset;
  }
}
#share_popup .modal-close:before {
  opacity: 0.7;
  cursor: default;
  display: block;
}
#share_popup .modal-close:after {
  background: url(/images/popups/close-shadow3.svg) center no-repeat;
  margin-left: calc(var(--popup-width) / 2 - 25px);
  top: calc(92px - var(--share-copy-shift));
  color: #FFFFFF;
  z-index: 10000001;
  position: absolute;
  font-size: 0px;
  height: 15px;
  width: 15px;
}
@media screen and (max-height: 840px) {
  #share_popup .modal-close:after {
    top: calc(32px - var(--share-copy-shift));
  }
}
@media screen and (max-width: 840px) {
  #share_popup .modal-close:after {
    padding: 2px 8px;
    margin-left: 0;
    top: 12px;
    left: auto;
    right: 10px;
  }
}
#share_popup .business_feature {
  display: none;
}
#share_popup.is_business_account .business_feature {
  display: block;
}
#share_popup .enterprise_feature {
  display: none;
}
#share_popup.is_enterprise .enterprise_feature {
  display: none;
}
#share_popup .modal-content .head {
  background: #DFE4E6;
  font-size: 0;
  position: relative;
}
#share_popup .modal-content .head .content {
  display: flex;
  background: white;
  min-height: 45px;
  width: 100%;
  padding: 15px 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #EDEDED;
  align-items: center;
}
@media screen and (max-width: 30em) {
  #share_popup .modal-content .head .content {
    padding: 13px 16px;
  }
}
#share_popup .modal-content .head .content #shared-icon {
  width: 23px;
  min-width: 23px;
  height: 20px;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain;
  display: inline-block;
  align-self: flex-start;
}
#share_popup .modal-content .head .content #shared-icon.all_files {
  background-image: url("/images/folder_types/folder-default.svg");
}
#share_popup .modal-content .head .content #shared-icon.one_file {
  background-image: url("/images/file_types_v2/default.svg?v=2");
}
#share_popup .modal-content .head .content h5 {
  padding-top: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  padding-left: 10px;
}
#share_popup .modal-content .head .content span.head-label {
  font-size: 14px;
  padding: 0 2px 0 0;
  font-weight: normal;
}
#share_popup .modal-content .head .content span.item-name {
  text-align: left;
  word-break: break-all;
}
#share_popup .modal-content .head .close {
  display: inline-block;
  width: 23px;
  height: 23px;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 20px;
}
#share_popup .modal-content #share-popup_all-files-sharing-info,
#share_popup .modal-content #share-popup_eparaksts-private-file-sharing-info {
  margin: 20px 20px 0 20px;
  font-size: 14px;
}
#share_popup .modal-content #share-popup_all-files-sharing-info i,
#share_popup .modal-content #share-popup_all-files-sharing-info b,
#share_popup .modal-content #share-popup_eparaksts-private-file-sharing-info i,
#share_popup .modal-content #share-popup_eparaksts-private-file-sharing-info b {
  color: #008ddf;
}
#share_popup .modal-content > .content {
  padding: 25px;
  padding-top: 12px;
}
@media screen and (max-width: 30em) {
  #share_popup .modal-content > .content {
    padding: 20px 16px;
  }
}
#share_popup .modal-content > .content .header .item-name {
  font-size: 14px;
  margin-bottom: 15px;
}
#share_popup .modal-content > .content .header .item-name .label {
  font-weight: bold;
}
#share_popup .modal-content > .content .shared_with_container H3 {
  margin-bottom: 13px;
  color: #777A7C;
  line-height: 12px;
  position: relative;
  padding-top: 13px;
  cursor: pointer;
  border-top: 1px solid #EDEDED;
  margin-top: 50px;
}
#share_popup .modal-content > .content .shared_with_container H3:after {
  content: "";
  display: inline-block;
  height: 12px;
  width: 7px;
  background-image: url(/images/share_popup/toggle-arrow.svg);
  background-repeat: no-repeat !important;
  background-position: center !important;
  transform: rotate(180deg);
  margin-left: 10px;
  position: absolute;
}
#share_popup .modal-content > .content .shared_with_container H3.open:after {
  transform: rotate(0deg);
}
#share_popup .modal-content > .content .shared_with_container #upload_sharing_form__table table {
  display: none;
}
#share_popup .modal-content > .content .shared_with_container #upload_sharing_form__table table.open {
  display: block;
  overflow: auto;
}
#share_popup .modal-content > .content .shared_with_container #upload_sharing_form__table table.photobook-sharing-table {
  width: 100%;
  margin-top: 50px;
}
#share_popup .modal-content > .content .shared_with_container #upload_sharing_form__table table.photobook-sharing-table td, #share_popup .modal-content > .content .shared_with_container #upload_sharing_form__table table.photobook-sharing-table th {
  width: 1px;
  white-space: nowrap;
  padding: 7px;
}
#share_popup .modal-content > .content .shared_with_container #upload_sharing_form__table table.photobook-sharing-table td:first-child {
  width: 100%;
  min-width: 170px;
}
#share_popup .modal-content > .content .shared_with_container #upload_sharing_form__table table.photobook-sharing-table .photobook-share-toggle.disable {
  opacity: 0.7;
  pointer-events: none !important;
  cursor: default !important;
}
#share_popup .modal-content > .content .social_inner {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-direction: row;
}
@media screen and (max-width: 30em) {
  #share_popup .modal-content > .content .social_inner {
    padding-top: 20px;
  }
}
#share_popup .modal-content > .content .social_inner .social_button {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #fff;
  cursor: pointer;
  transition: 0.5s ease;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
}
#share_popup .modal-content > .content .social_inner .social_button:hover {
  transform: scale(1.1);
}
#share_popup .modal-content > .content .social_inner .social_button.whatsapp {
  background-image: url(../images/share_popup/whatsapp.svg);
  background-size: cover;
}
#share_popup .modal-content > .content .social_inner .social_button.general {
  background-image: url(/images/UI_icons/share.svg);
  background-color: #EDEDED;
  background-size: 16px;
}
#share_popup .modal-content > .content .social_inner .social_button.qr {
  background-image: url(/images/UI_icons/qr.svg);
  background-size: auto;
  background-color: #EDEDED;
}
#share_popup .modal-content > .content #seperator-or {
  line-height: 70px;
  text-align: center;
  position: relative;
}
#share_popup .modal-content > .content #seperator-or span {
  background: white;
  padding: 0 10px;
  text-transform: uppercase;
  color: #A3A3A3;
  font-size: 12px;
}
#share_popup .modal-content > .content #seperator-or:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 100%;
  position: absolute;
  left: 0;
  z-index: -1;
  background-image: linear-gradient(to right, #D9D9D9 33%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 7px 1px;
  background-repeat: repeat-x;
}
#share_popup .modal-content > .content .share_type_container {
  border: none;
}
#share_popup .modal-content > .content .share_type_container .ms-choice {
  display: none;
}
#share_popup .modal-content > .content .share_type_container .ms-drop {
  position: unset;
  border-radius: 12px;
  border: 1px solid #D9D9D9;
  background: white;
  width: 100%;
  box-shadow: unset;
}
#share_popup .modal-content > .content .share_type_container .ms-drop .ms-search {
  width: 100%;
  padding: 6px;
  height: 42px;
}
#share_popup .modal-content > .content .share_type_container .ms-drop .ms-search input {
  border: 1px solid #D9D9D9;
  font-size: 14px;
  font-family: AlbertaSans, Roboto, sans-serif;
  color: #242424;
  border-radius: 8px;
  padding: 0 15px 0 25px;
  background-image: url(/images/UI_icons/grey/search.svg);
  background-position-x: 5px;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  height: 100% !important;
}
#share_popup .modal-content > .content .share_type_container .ms-drop ul {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}
#share_popup .modal-content > .content .share_type_container .ms-drop ul li {
  padding: 5px 12px;
}
#share_popup .modal-content > .content .share_type_container .ms-drop ul li label {
  font-size: 14px;
  font-family: AlbertaSans, Roboto, sans-serif;
  color: #242424;
  line-height: 16px;
  white-space: normal;
  background: url(/images/UI_icons/inputs/checkbox_grey.svg) no-repeat left center transparent;
  background-size: 14px;
  padding: 0;
  padding-left: 22px;
  padding-top: 2px;
  height: 100%;
}
#share_popup .modal-content > .content .share_type_container .ms-drop ul li label input[type=checkbox] {
  display: none;
}
#share_popup .modal-content > .content .share_type_container .ms-drop ul li.selected label {
  background-image: unset;
  font-weight: bold;
}
#share_popup .modal-content > .content .share_type_container .ms-drop ul li.selected label::after {
  content: "";
  font-size: 14px;
  width: 14px;
  height: 14px;
  position: absolute;
  background: url(/images/UI_icons/inputs/checkbox_checked.svg) no-repeat left center transparent;
  background-size: 14px;
  left: 0;
  top: calc(50% - 7px);
}
#share_popup .modal-content > .content .share_type_container .selectize-dropdown {
  border-radius: 5px;
  width: auto;
  min-width: 100%;
}
#share_popup .modal-content > .content .share_type_container .selectize-dropdown-content {
  border-radius: 5px;
  border: 1px solid #DEDEDE;
  background: white;
  width: 99%;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  margin-top: -1px;
  overflow-x: hidden;
}
#share_popup .modal-content > .content .share_type_container .selectize-dropdown-content .option {
  font-size: 14px;
  font-family: AlbertaSans, Roboto, sans-serif;
  color: #242424;
  line-height: 16px;
  padding: 5px 8px;
}
#share_popup .modal-content > .content .email_container P {
  font-size: 11px;
  color: #B5BFC4;
  text-align: right;
}
#share_popup .modal-content > .content .email_wrapper {
  position: relative;
}
#share_popup .modal-content > .content .email_wrapper #email_send_button {
  position: absolute;
  bottom: 6px;
  right: 9px;
  background-color: #3995C4;
  color: #fff;
  padding: 5px 27px;
  border: 0;
  border-radius: 25px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  cursor: pointer;
}
#share_popup .modal-content > .content .email_input_wrapper,
#share_popup .modal-content > .content .email_description_input_wrapper,
#share_popup .modal-content > .content .url_wrapper {
  position: relative;
  border: 0;
  border-radius: 12px;
  background-color: #fff;
  overflow: hidden;
  margin: 9px 0;
}
#share_popup .modal-content > .content .email_input_wrapper label,
#share_popup .modal-content > .content .email_description_input_wrapper label,
#share_popup .modal-content > .content .url_wrapper label {
  line-height: 19px;
  margin-bottom: 7px;
  display: inline-block;
}
#share_popup .modal-content > .content .email_input_wrapper input,
#share_popup .modal-content > .content .email_input_wrapper textarea,
#share_popup .modal-content > .content .email_description_input_wrapper input,
#share_popup .modal-content > .content .email_description_input_wrapper textarea,
#share_popup .modal-content > .content .url_wrapper input,
#share_popup .modal-content > .content .url_wrapper textarea {
  position: relative;
  color: #242424;
  width: 100%;
  min-height: 48px;
  padding: 10px 18px;
  border: unset;
  vertical-align: top;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: AlbertaSans, Roboto, sans-serif;
}
#share_popup .modal-content > .content .email_input_wrapper input#share_popup_url,
#share_popup .modal-content > .content .email_input_wrapper textarea#share_popup_url,
#share_popup .modal-content > .content .email_description_input_wrapper input#share_popup_url,
#share_popup .modal-content > .content .email_description_input_wrapper textarea#share_popup_url,
#share_popup .modal-content > .content .url_wrapper input#share_popup_url,
#share_popup .modal-content > .content .url_wrapper textarea#share_popup_url {
  color: #417FF2 !important;
  text-decoration: none;
  display: inline-block;
  line-height: 21px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: transparent;
  border: unset;
  padding: 0;
}
#share_popup .modal-content > .content .email_input_wrapper input#description_input,
#share_popup .modal-content > .content .email_input_wrapper textarea#description_input,
#share_popup .modal-content > .content .email_description_input_wrapper input#description_input,
#share_popup .modal-content > .content .email_description_input_wrapper textarea#description_input,
#share_popup .modal-content > .content .url_wrapper input#description_input,
#share_popup .modal-content > .content .url_wrapper textarea#description_input {
  min-height: 78px;
  resize: vertical;
}
#share_popup .modal-content > .content .email_input_wrapper ::placeholder,
#share_popup .modal-content > .content .email_description_input_wrapper ::placeholder,
#share_popup .modal-content > .content .url_wrapper ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #A3A3A3;
  opacity: 1;
  /* Firefox */
}
#share_popup .modal-content > .content .email_input_wrapper :-ms-input-placeholder,
#share_popup .modal-content > .content .email_description_input_wrapper :-ms-input-placeholder,
#share_popup .modal-content > .content .url_wrapper :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #A3A3A3;
}
#share_popup .modal-content > .content .email_input_wrapper ::-ms-input-placeholder,
#share_popup .modal-content > .content .email_description_input_wrapper ::-ms-input-placeholder,
#share_popup .modal-content > .content .url_wrapper ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #A3A3A3;
}
#share_popup .modal-content > .content .email_input_wrapper {
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  padding: 0 18px;
  padding-top: 5px;
}
#share_popup .modal-content > .content .email_input_wrapper input {
  border: 0;
  padding: 10px 18px;
  padding-top: 5px;
  margin-left: -18px;
  width: calc(100% + 22px);
}
#share_popup .modal-content > .content .email_input_wrapper .bootstrap-tagsinput .tag {
  background-color: #F7F7F7;
  border-radius: 15px;
  color: #242424;
  box-shadow: none;
  border: 1px solid #F7F7F7;
  padding: 7px 13px 7px 18px;
  margin: 9px 14px 0 0;
  font-size: 12px;
  line-height: 16px;
}
#share_popup .modal-content > .content .email_input_wrapper .bootstrap-tagsinput .tag [data-role=remove]:after {
  background-image: url(/images/UI_icons/grey/close.svg);
  background-size: contain;
}
#share_popup .modal-content > .content .email_description_input_wrapper {
  margin: 15px 0 7px 0;
  border-radius: unset;
  border: unset;
}
#share_popup .modal-content > .content .email_description_input_wrapper textarea {
  border-radius: 12px;
  border: 1px solid #D9D9D9;
}
#share_popup .modal-content > .content .url_wrapper {
  overflow: unset;
  z-index: 1;
  --url-height: 50px;
  height: var(--url-height);
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  min-width: 50px;
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  padding: 0 5px 0 9px;
  margin: 0;
  margin-top: 10px;
}
#share_popup .modal-content > .content .url_wrapper.switch {
  margin: 0;
  top: calc(var(--url-height) * -1 + 10px);
}
#share_popup .modal-content > .content .url_wrapper #url_wrapper__sher-link-icon {
  width: 33px;
  height: 33px;
  min-width: 33px;
  transition: background-color 0.5s ease, max-width 0.5s ease;
  background: rgba(85, 186, 15, 0.1490196078) url(/images/UI_icons/green/link.svg) no-repeat center center;
  background-size: 15px;
  border-radius: 50%;
  cursor: pointer;
}
#share_popup .modal-content > .content .url_wrapper #url_wrapper__sher-link-icon.locked {
  background: #FFE1E1 url(/images/UI_icons/red/link_lock.svg) no-repeat center center;
  background-size: 15px;
}
#share_popup .modal-content > .content .url_wrapper .social_inner {
  gap: 5px;
}
@media screen and (max-width: 30em) {
  #share_popup .modal-content > .content .url_wrapper .social_inner {
    padding-top: 0;
  }
}
#share_popup .modal-content > .content .url_wrapper .social_inner .social_button {
  width: 30px;
  height: 30px;
}
#share_popup .modal-content > .content .url_wrapper .social_inner .social_button.general {
  background-size: 13px;
}
#share_popup .modal-content > .content .url_wrapper .social_inner .social_button.qr {
  background-size: 15px;
}
#share_popup .modal-content > .content .url_wrapper .copy_button_wrapper_popup {
  position: relative;
}
#share_popup .modal-content > .content .url_wrapper .copy_button_wrapper_popup .copy_button_popup {
  display: inline-flex;
  height: 40px;
  border-radius: 8px;
  align-items: center;
  transition: background-color 0.5s ease;
  color: #417FF2;
  background: #E6EFFC;
  min-width: fit-content;
  overflow: hidden;
  margin-left: auto;
  padding: 0 32px 0 20px;
  background-image: url(/images/UI_icons/inputs/dropdown_lblue.svg);
  background-repeat: no-repeat;
  background-position-x: calc(100% - 12px);
  background-position-y: 50%;
  background-size: 10px;
  box-sizing: border-box;
}
#share_popup .modal-content > .content .url_wrapper .copy_button_wrapper_popup .copy_button_popup.copied {
  background: #42C689;
  color: white;
  padding: 0 15px;
}
#share_popup .modal-content > .content .url_wrapper .copy_button_wrapper_popup .copy_button_popup.copied .copy_text_popup {
  max-width: 200px;
  display: inline;
  color: white;
}
#share_popup .modal-content > .content .url_wrapper .copy_button_wrapper_popup .copy_button_popup.copied .copy_text_popup .copied {
  display: inline-block;
}
#share_popup .modal-content > .content .url_wrapper .copy_button_wrapper_popup .copy_button_popup.copied .copy_text_popup div.hover_popup {
  display: none;
}
#share_popup .modal-content > .content .url_wrapper .copy_button_wrapper_popup .copy_button_popup .copy_text_popup {
  overflow: hidden;
  max-width: 300px;
}
#share_popup .modal-content > .content .url_wrapper .copy_button_wrapper_popup .copy_button_popup .copy_text_popup div {
  transition: background 0.5s ease, max-width 0.5s ease;
  display: inline-block;
  white-space: nowrap;
  font-size: 14px;
}
#share_popup .modal-content > .content .url_wrapper .copy_button_wrapper_popup .copy_button_popup .copy_text_popup div.copied {
  display: none;
}
#share_popup .modal-content > .content .url_wrapper .copy_button_wrapper_popup.copy_input_value_to_clipboard_no_tooltip #copy_button_drawer_popup {
  display: none;
}
#share_popup .modal-content > .content .url_wrapper .copy_button_wrapper_popup.copy_input_value_to_clipboard_no_tooltip .copy_button_popup {
  background-image: unset !important;
  cursor: pointer;
  padding: 0 20px !important;
}
#share_popup .modal-content > .content .url_wrapper .copy_button_wrapper_popup.open_popup .copy_button_popup:not(.copied) {
  background: #417FF2;
  background-image: url(/images/UI_icons/inputs/dropdown_white.svg);
  background-repeat: no-repeat;
  background-position-x: calc(100% - 12px);
  background-position-y: 50%;
  background-size: 10px;
  color: white;
}
#share_popup .modal-content > .content .url_wrapper .copy_button_wrapper_popup.open_popup #copy_button_drawer_popup {
  max-height: 1000px;
  opacity: 1;
  padding: 15px 0;
}
#share_popup .modal-content > .content .url_wrapper .copy_button_wrapper_popup.open_popup:before {
  content: "";
  display: block;
  height: 15px;
  z-index: 1;
  position: absolute;
  bottom: -13px;
  left: 0;
  right: 0;
}
#share_popup .modal-content > .content .url_wrapper .copy_button_wrapper_popup #copy_button_drawer_popup {
  display: flex;
  max-height: 0;
  background: white;
  position: absolute;
  border-radius: 10px;
  flex-direction: column;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  flex-wrap: nowrap;
  align-items: flex-start;
  opacity: 0;
  top: calc(100% + 10px);
  max-width: calc(100vw - 30px);
  z-index: 11;
  min-width: 260px;
  right: 0;
  transition: opacity 0.5s ease;
  gap: 5px;
}
@media only screen and (max-width: 350px) {
  #share_popup .modal-content > .content .url_wrapper .copy_button_wrapper_popup #copy_button_drawer_popup {
    min-width: 240px;
  }
}
#share_popup .modal-content > .content .url_wrapper .copy_button_wrapper_popup #copy_button_drawer_popup div {
  cursor: pointer;
  width: 100%;
  transition: 0.5s ease;
  padding: 5px 10px 5px 35px;
  box-sizing: border-box;
  position: relative;
}
#share_popup .modal-content > .content .url_wrapper .copy_button_wrapper_popup #copy_button_drawer_popup div.checked {
  font-weight: bold;
}
#share_popup .modal-content > .content .url_wrapper .copy_button_wrapper_popup #copy_button_drawer_popup div.checked .desc_popup {
  font-weight: normal;
}
#share_popup .modal-content > .content .url_wrapper .copy_button_wrapper_popup #copy_button_drawer_popup div.checked:before {
  position: absolute;
  content: "";
  top: calc(50% - 10px);
  width: 13px;
  height: 20px;
  background: transparent url(/images/UI_icons/blue/check.svg) no-repeat center center;
  left: 11px;
  background-size: contain;
}
#share_popup .modal-content > .content .url_wrapper .copy_button_wrapper_popup #copy_button_drawer_popup div:hover {
  background-color: #F5F5F5;
}
#share_popup .modal-content > .content .url_wrapper .copy_button_wrapper_popup #copy_button_drawer_popup span {
  font-size: 16px;
  line-height: 19px;
  display: block;
  text-align: left;
  color: #242424;
}
#share_popup .modal-content > .content .url_wrapper .copy_button_wrapper_popup #copy_button_drawer_popup span.desc_popup {
  color: #919191;
  font-size: 12px;
  line-height: 13px;
  margin-top: 3px;
}
#share_popup .modal-content > .content .url_wrapper .copy_button_wrapper_popup.no-dropdown #copy_button_drawer_popup {
  display: none;
}
#share_popup .modal-content > .content .url_wrapper .copy_button_wrapper_popup.no-dropdown .copy_button_popup {
  background-image: unset !important;
  cursor: pointer;
  padding: 0 10px !important;
}
#share_popup .modal-content > .content .url_wrapper #share_popup_ext_link_cont {
  display: none;
}
#share_popup .modal-content > .content .url_wrapper A {
  display: inline-flex;
  height: 40px;
  width: 40px;
  border-radius: 8px;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.5s ease, max-width 0.5s ease;
  overflow: hidden;
  background: #EDEDED url(/images/UI_icons/eye.svg) no-repeat center center;
  background-size: 20px;
}
#share_popup .modal-content > .content .url_wrapper A:hover {
  background: #DEEDFF url(/images/UI_icons/blue/eye.svg) no-repeat center center;
  background-size: 20px;
}
#share_popup .modal-content > .content .share-popup__upload_valid_notif__wrapper {
  position: relative;
  top: -10px;
  display: flex;
}
#share_popup .modal-content > .content .share-popup__upload_valid_notif__wrapper .share_popup_folder-notifications {
  cursor: pointer;
  padding: 5px 0;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(/images/UI_icons/bell.svg);
  padding-left: 17px;
  background-size: 11px;
  line-height: 1.3;
  height: min-content;
  position: relative;
  top: -25px;
  z-index: 1;
}
#share_popup .modal-content > .content .share-popup__upload_valid_notif__wrapper .share_popup_folder-notifications.disable {
  cursor: default;
}
#share_popup .modal-content > .content .share-popup__upload_valid_notif__wrapper .share_popup_folder-notifications.new:after {
  content: "";
  height: 6px;
  width: 6px;
  top: 6px;
  left: 7px;
  position: absolute;
  background: #F23047;
  border: 1px solid white;
  border-radius: 6px;
  box-sizing: border-box;
}
#share_popup .modal-content > .content .shared_with_title {
  margin-top: 12px;
  margin-bottom: 12px;
}
#share_popup .modal-content > .content #upload_sharing_form__folder_name_container {
  display: none;
  font-size: 12px;
  margin-bottom: 12px;
}
#share_popup .modal-content > .content #upload_sharing_form__table TH {
  font-weight: normal;
  font-size: 10px;
  background-color: #ffffff;
  color: #A3A3A3;
  text-transform: uppercase;
  border-bottom: 1px solid #EDEDED;
  border-right: 1px solid #EDEDED;
}
#share_popup .modal-content > .content #upload_sharing_form__table TH:first-child {
  text-align: left;
  min-width: 220px;
}
@media screen and (max-width: 520px) {
  #share_popup .modal-content > .content #upload_sharing_form__table TH:first-child {
    min-width: 190px;
  }
}
#share_popup .modal-content > .content #upload_sharing_form__table TH:last-child {
  text-align: left;
  border-right: 0;
}
#share_popup .modal-content > .content #upload_sharing_form__table TD {
  background-color: transparent;
  font-size: 12px;
  border-bottom: 0;
  min-width: 45px;
  border-right: 1px solid #EDEDED;
  padding: 6px 4px;
  text-align: center;
}
#share_popup .modal-content > .content #upload_sharing_form__table TD .toggle_option_container {
  white-space: nowrap;
}
#share_popup .modal-content > .content #upload_sharing_form__table TD span {
  font-size: 10px;
}
#share_popup .modal-content > .content #upload_sharing_form__table TD.dates {
  white-space: nowrap;
  text-align: left;
}
#share_popup .modal-content > .content #upload_sharing_form__table TD:nth-child(7).dates br {
  display: none;
}
@media screen and (max-width: 840px) {
  #share_popup .modal-content > .content #upload_sharing_form__table TD:nth-child(7).dates br {
    display: block;
  }
}
#share_popup .modal-content > .content #upload_sharing_form__table TD:first-child {
  padding-left: 2px;
  text-align: left;
}
#share_popup .modal-content > .content #upload_sharing_form__table TD:last-child {
  border-right: 0;
}
#share_popup .share_access_rights__wrapper {
  margin: 25px 0 15px 0;
  display: flex;
}
#share_popup .share_access_rights__wrapper .share_access_rights__label {
  display: inline-block;
  margin-right: 10px;
  white-space: nowrap;
  min-width: 50px;
  padding: 5px 0 5px;
}
#share_popup .share_access_rights__wrapper .styled_radioblue_btn + label {
  padding: 2px 5px 2px 20px;
  font-size: 12px;
  line-height: 16px;
}
#share_popup input.style_radio_24 + label {
  font-size: 12px;
  line-height: 14px;
  background-size: 14px;
  padding: 5px 20px;
  text-transform: lowercase;
}
#share_popup input.style_radio_24:checked + label {
  font-weight: bold;
}
#share_popup input.style_chb_24 + label {
  font-size: 12px;
  line-height: 14px;
  background-size: 14px;
  padding: 5px 10px 5px 20px;
}
#share_popup input.style_chb_24:checked + label {
  font-weight: bold;
}
#share_popup input.style_chb_24.switch + label {
  padding: 5px 10px 5px 40px;
  background-image: url(/images/UI_icons/inputs/toggle.svg);
  background-size: 30px;
}
#share_popup input.style_chb_24.switch:checked + label {
  font-weight: normal;
  background-image: url(/images/UI_icons/inputs/toggle_on.svg);
}
#share_popup .share_popup_folder-notifications.disable,
#share_popup .upload-access-switch-hide-download.disable,
#share_popup .share-popup__upload_valid_to_date_user_set__wrapper.disable,
#share_popup .share_access_rights__wrapper.disable,
#share_popup #share_email_send_notification_wrapper.disable,
#share_popup #share_email_save_message_wrapper.disable,
#share_popup .share_email__send_share_email_element.disable,
#share_popup .active_date_input.disable {
  opacity: 0.7;
}
#share_popup .share_popup_folder-notifications.disable *,
#share_popup .upload-access-switch-hide-download.disable *,
#share_popup .share-popup__upload_valid_to_date_user_set__wrapper.disable *,
#share_popup .share_access_rights__wrapper.disable *,
#share_popup #share_email_send_notification_wrapper.disable *,
#share_popup #share_email_save_message_wrapper.disable *,
#share_popup .share_email__send_share_email_element.disable *,
#share_popup .active_date_input.disable * {
  pointer-events: none;
  cursor: default;
}
#share_popup .share_popup_folder-notifications.disable_hide,
#share_popup .upload-access-switch-hide-download.disable_hide,
#share_popup .share-popup__upload_valid_to_date_user_set__wrapper.disable_hide,
#share_popup .share_access_rights__wrapper.disable_hide,
#share_popup #share_email_send_notification_wrapper.disable_hide,
#share_popup #share_email_save_message_wrapper.disable_hide,
#share_popup .share_email__send_share_email_element.disable_hide,
#share_popup .active_date_input.disable_hide {
  display: none;
}
#share_popup .active_date_input {
  margin: 15px 0 15px 0;
  align-items: center;
  min-height: 38px;
  display: flex;
  flex-wrap: wrap;
}
#share_popup .active_date_input .active_date__label {
  display: inline-block;
  margin-right: 10px;
  line-height: 38px;
  white-space: nowrap;
  min-width: 50px;
}
#share_popup .active_date_input .active_date_input__radio_item {
  display: inline-block;
  min-height: 19px;
}
#share_popup .active_date_input .active_date_input__input_item {
  text-align: left;
  display: flex;
  border: 1px solid #D9D9D9 !important;
  border-radius: 10px;
  height: 38px;
  background-repeat: no-repeat;
  background-position-x: calc(100% - 15px);
  background-position-y: 50%;
  background-image: url(/images/UI_icons/calendar.svg);
  background-size: 16px 15px;
  padding: 0 50px 0 12px;
  align-items: center;
  min-width: 230px;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 520px) {
  #share_popup .active_date_input .active_date_input__input_item {
    width: -webkit-fill-available;
  }
}
#share_popup .active_date_input .active_date_input__input_item INPUT {
  display: none;
}
#share_popup .active_date_input .active_date_input__input_item #active_date_input_from {
  font-size: 0;
  display: block;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
#share_popup .active_date_input .active_date_input__input_item #active_date_input_display {
  line-height: 36px;
  width: 100%;
  font-size: 12px;
  height: 100%;
}
#share_popup .active_date_input .active_date_input__input_item #active_date_input_display span {
  color: #D9D9D9;
  width: 15px;
  display: inline-block;
  text-align: center;
}
#share_popup .share_type_radio_bar,
#share_popup .share_type_radio,
#share_popup .share_type_container {
  display: none;
}
#share_popup.is_business_account .share_type_radio_bar {
  display: flex;
  margin-bottom: 20px;
}
#share_popup.is_business_account .share_type_radio_label, #share_popup.is_business_account .share_type_radio {
  display: block;
}
#share_popup.is_business_account .share_type_container.cannot_share {
  margin-left: 0;
}
#share_popup.is_enterprise .share_type_radio__email label {
  display: inline-block;
  width: auto;
}
#share_popup.is_enterprise .share_type_radio__email .styled-select {
  display: inline-block;
  width: 270px;
}
#share_popup.is_enterprise .share_type_radio__email .has_error .select-selected {
  border: 1px solid red;
}
#share_popup .styled-select {
  height: unset;
  background: transparent;
  border: none;
  position: unset;
  width: 100%;
  position: relative;
}
#share_popup .styled-select .select-selected {
  font-size: 16px;
  border: 1px solid #D9D9D9 !important;
  background: 0 0;
  color: #242424;
  height: 38px;
  width: 100%;
  background-repeat: no-repeat;
  background-position-x: calc(100% - 10px);
  background-position-y: calc(50% + 1px);
  background-image: url(/images/UI_icons/inputs/dropdown_grey.svg);
  background-size: 10px;
  line-height: 21px;
  padding: 0 15px;
  border-radius: 10px !important;
  display: flex;
  align-items: center;
  gap: 10px;
}
#share_popup .styled-select .select-selected:after {
  display: none;
}
#share_popup .styled-select .select-selected.select-arrow-active {
  background-image: url(/images/UI_icons/inputs/dropdown_active_grey.svg);
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
#share_popup .styled-select .select-selected + .select-items {
  font-size: 14px;
  border: 1px solid #D9D9D9;
  box-shadow: none;
  border-radius: 0;
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  overflow: hidden;
  top: calc(100% - 1px);
  padding: 5px 0;
  color: #737373;
}
#share_popup .styled-select .select-selected + .select-items > div {
  transition: 0.5s ease;
  color: #242424;
  font-size: 14px;
}
#share_popup .styled-select .select-selected + .select-items > div:hover {
  background: #f0f4f5;
}
#share_popup .block_label {
  margin-right: 5px;
  font-size: 16px;
  line-height: 21px;
  font-weight: bold;
}
#share_popup .share_type_section_options {
  height: 50px;
  display: inline-flex;
  flex-direction: row;
  padding: 5px;
  margin-top: 20px;
  background-color: #F7F7F7;
  gap: 10px;
  border-radius: 10px;
}
#share_popup .share_type_section_options .share_type_section_option {
  position: relative;
  color: #737373;
  transition: color 0.3s ease;
}
#share_popup .share_type_section_options .share_type_section_option .share_type__group_label {
  z-index: 1;
  position: relative;
  padding: 0 15px;
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
  text-align: center;
}
#share_popup .share_type_section_options .share_type_section_option:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 8px;
  transition: background-color 0.3s ease;
}
#share_popup .share_type_section_options .share_type_section_option:hover {
  color: #242424;
}
#share_popup .share_type_section_options .share_type_section_option:hover:before {
  background-color: white;
}
#share_popup .share_type_section_options .share_type_section_option.selected {
  font-weight: bold;
  color: #242424;
}
#share_popup .share_type_section_options .share_type_section_option.selected:before {
  background-color: white;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
}
#share_popup .share_type_section_options_v2 {
  --padding: 7px;
  --padding-inner: 2px;
  height: 35px;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #D9D9D9;
  margin-left: calc(var(--padding-inner) * -1);
  margin-top: 20px;
}
#share_popup .share_type_section_options_v2 .share_type_section_option {
  font-weight: 400;
  padding: 0 var(--padding);
  color: #242424;
  height: 100%;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
}
#share_popup .share_type_section_options_v2 .share_type_section_option .share_type__group_label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  line-height: 35px;
  padding: 0 var(--padding-inner);
}
#share_popup .share_type_section_options_v2 .share_type_section_option.selected {
  background: white;
  position: relative;
  font-weight: bold;
  z-index: 1;
}
#share_popup .share_type_section_options_v2 .share_type_section_option.selected .share_type__group_label {
  color: #407FF2;
}
#share_popup .share_type_section_options_v2 .share_type_section_option.selected.selected:after {
  content: "";
  border-bottom: 3px solid #407FF2;
  width: calc(100% - 14px);
  position: absolute;
  left: var(--padding);
  bottom: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#share_popup .share_type_section_options_v2 .share_type_section_option:first-child {
  margin-left: calc(var(--padding) * -1);
}
#share_popup .share_type_radio_label,
#share_popup .share_type__group_label {
  font-size: 14px;
}
#share_popup .share_type__group_container {
  margin-top: 20px;
}
#share_popup .share_type__group_container__project_team {
  display: none;
}
#share_popup .email_send_wrapper {
  text-align: end;
}
#share_popup .email_send_wrapper label {
  position: relative;
  display: block;
  text-align: left;
}
#share_popup .send_button {
  font-family: AlbertaSans, Roboto, sans-serif;
  background-color: #D9D9D9;
  color: #9A9A9A;
  padding: 0 20px;
  border: 0;
  border-radius: 10px;
  cursor: pointer;
  margin-top: 10px;
  font-size: 16px;
  line-height: 50px;
  transition: 0.5s ease;
  font-weight: bold;
}
#share_popup .send_button.active {
  background-color: #417FF2;
  color: #ffffff;
}
#share_popup .send_button.active:hover {
  background-color: #1F68EF;
}
#share_popup .share-popup_inner-content LABEL,
#share_popup .share-popup_inner-content INPUT,
#share_popup .share-popup_inner-content TEXTAREA,
#share_popup .share-popup_inner-content SELECT {
  font-size: 16px;
  vertical-align: initial;
}
#share_popup .share-popup_inner-content LABEL {
  color: #242424;
  cursor: pointer;
}
#share_popup .share-popup_inner-content LABEL[for=share_em] {
  font-weight: bold;
}
#share_popup {
  /*** Radio buttons ***/
}
#share_popup input[type=radio].small + label {
  line-height: 30px;
}
#share_popup {
  /*** Checkboxes ***/
}
#share_popup input[type=checkbox].small + label,
#share_popup input[type=checkbox].small:checked + label:after {
  padding-top: 0;
  padding-bottom: 0;
}
#share_popup .share-popup_inner-content select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url(/images/UI_icons/inputs/dropdown.svg);
  background-repeat: no-repeat;
  background-position-x: calc(100% - 10px);
  background-position-y: center;
  background-size: 8px;
  width: auto;
  height: 30px;
  border-color: #EDEDED !important;
  font-size: 14px;
  padding: 0 10px;
  border-radius: 5px;
}
#share_popup .share-popup_inner-content select:focus {
  background-image: url(/images/UI_icons/inputs/dropdown_active.svg);
}
#share_popup .share-popup_inner-content select::-ms-expand {
  display: none;
  /* hide the default arrow in ie10 and ie11 */
}
#share_popup .share-popup_inner-content input {
  border-radius: 4px;
  border: 0;
  padding: 0 15px 0 10px;
  line-height: 14px;
  height: 22px;
}
#share_popup .share_type_container {
  margin-bottom: 15px;
}
#share_popup .share_type_container select {
  width: 330px;
  margin-left: 0;
  margin-top: 15px;
}
#share_popup.modal-container .modal-close:before {
  display: block;
}
#share_popup #show_upload_sharing_form__table_link {
  color: #3995c4;
  text-decoration: none;
}

@media screen and (max-width: 30em) {
  #share_popup .modal-content > .content .url_wrapper SPAN img {
    display: inline-block;
    height: 36px;
    width: 19px;
  }
  #share_popup .modal-content > .content .url_wrapper A {
    font-size: 0;
    vertical-align: middle;
  }
}
.ui-autocomplete.styled {
  margin-top: -5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-color: #EDEDED;
  -webkit-box-shadow: 0 0 40px rgba(4, 30, 77, 0.12);
  box-shadow: 0 0 40px rgba(4, 30, 77, 0.12);
  clip-path: inset(0px -40px -40px -40px);
}
.ui-autocomplete.styled .ui-menu-item {
  line-height: 18px;
  font-size: 14px;
  padding: 5px 8px;
  margin: unset;
}
.ui-autocomplete.styled .ui-menu-item.ui-state-focus {
  background-color: #f5fafd;
  border: unset;
  margin: unset;
}

#share-popup-photobook-links {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 10px;
}
#share-popup-photobook-links input {
  color: #417FF2 !important;
  cursor: pointer;
}

.daterangepicker td.in-range {
  background-color: #f1f6fe !important;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #417ff2 !important;
}
.daterangepicker .ranges li.active {
  background-color: #417ff2 !important;
}

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