html { overflow: auto; } body { box-sizing: border-box; } #content { position: relative; width: 100%; background-color: #FBFBFB; } #center { background-color: white; } #list-container * { font-family: AlbertaSans, Roboto, sans-serif; } #list-container .fa { font-family: FontAwesome; } #list-container .fal { font-family: "Font Awesome 5 Pro" !important; } #list-container { position: relative; display: table; width: 100%; min-height: calc(100% - 76px); } @media only screen and (min-width: 620px) { .mobile { display: none !important; } } @media only screen and (max-width: 620px) { .desktop { display: none !important; } } /* FOLDER INFO BLOCK (LEFT) */ #left { display: table-cell; width: 340px; max-width: 340px; font-size: 12px; min-height: 160px; background-color: white; color: black; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; vertical-align: top; display: none; box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 15%); } .left_menu_visible #left { display: table-cell; z-index: 11112; } #left_container_close { display: inline-block; height: 30px; line-height: 30px; right: 0; cursor: pointer; float: right; color: #2C3E52; text-align: center; width: 30px; font-family: 'Font Awesome 5 Pro'; font-size: 18px; position: -webkit-sticky; position: sticky; top: 0; z-index: 1; } #left_container_close i { line-height: 30px; } #upload_info { position: -webkit-sticky; position: sticky; top: 0; } #info_head { width: 100%; background-color: transparent; text-align: center; padding-top: 8px; display: block; } #info_head { display: flex; gap: 30px; padding: 16px 20px 0; overflow: auto; width: calc(100% - 40px); align-items: center; } #info_head h1 { font-size: 16px; flex: 1; line-height: 15px; text-align: left; display: -webkit-inline-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold; color: #2C3E52; } #list-container .thumbnail-wrapper { position: relative; display: inline-flex; justify-content: center; } #list-container .thumbnail-wrapper img { height: 46px; max-width: 100%; } #list-container .thumbnail-wrapper img.custom-image { width: 46px; object-fit: cover; max-width: unset; } #folder-info { line-height: 40px; text-transform: uppercase; font-weight: bold; color: #2C3E52; border-bottom: 2px solid #F1F3F4; padding: 0 20px; padding-top: 5px; } /* folder info */ #upload_info_image_details { padding: 0 20px 20px; border-bottom: 2px solid #F1F3F4; } #upload_info_details { display: inline-block; width: 100%; list-style: none; margin: 0; margin-top: 10px; color: #969696; } #upload_info_details li { margin-bottom: 5px; display: flex; align-items: center; line-height: 19px; font-size: 14px; } #upload_info_details li:last-child { margin-bottom: 0; } .upload_info_details_desc { display: inline-block; flex: 1; } .upload_info_details_icon { height: 14px; width: 14px; margin-right: 4px; } .upload_info_details_text { flex: 1; line-height: 16px; text-align: right; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #upload_info_details a { color: #417FF2; display: block; width: 100%; line-height: 18px; } #upload_info_image { display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 0px 0px 10px #75879c; background: #677c88; border-radius: 60px; height: 90px; width: 90px; text-align: center; position: absolute; top: 0; right: 20px; background-size: cover; background-position: center center; } #upload_info_image img { height: 42px; width: 42px; margin-top: 18px; } /* folder description */ #upload_description_edit { padding: 13px 0; border-bottom: 2px solid #F1F3F4; margin-bottom: 10px; } .list-menu-divider { margin-bottom: 14px; margin-top: 22px; } .list-menu-divider .divider-line-container, #upload_description_edit .editable_field_edit_button { color: #2C3E52; text-align: left; display: block; font-size: 14px; } #upload_description_edit .editable_field_edit_button .editable_field_edit_button_text img { height: 10px; width: 20px; display: inline-block; vertical-align: bottom; } .editable_field_edit_button_text { position: relative; left: -4px; } .list-menu-divider .divider-line-container .divider-line .divider-line-contents .fa { margin-right: 4px; } #list-view_upload-access-switch { border-bottom: 2px solid #F1F3F4; } #upload_settings_table { border-bottom: 0; padding: 5px 20px 10px; } #upload_settings_table td { padding: 5px; height: 15px; color: #2C3E52; font-size: 11px; vertical-align: middle; padding: 10px; } #upload_settings_table tr td { vertical-align: middle; font-size: 11px; } #upload_settings_table tr td:first-child { padding-right: 0; padding-left: 0; } #upload_settings_table tr td:nth-child(2) { padding-left: 6px; text-align: right; } #upload_settings_table tr td:nth-last-child(2) { width: 137px; text-align: right; } #upload_settings_table tr td:nth-last-child(2) img { margin-right: 5px; height: 12px; } #upload_settings_table tr td:last-child { padding-left: 0; padding-right: 0; font-size: 12px; text-align: right; } #upload_settings_table .toggle_option_container { display: inline-block; } #center .inheritance_message { margin: 10px 20px 0; font-size: 9px; background-color: #EFF7FF; color: #6A7784; padding: 5px; border: 2px solid #D1E8FF; line-height: 12px; border-radius: 2px; } #center .inheritance_message .fa-question-circle { color: #A3A3A3; font-size: 12px; float: right; line-height: 24px; } #center .inheritance_message a { text-decoration: none; font-weight: bold; color: #6A7784 !important; font-size: 9px; line-height: 12px; } #center .blocked { cursor: default !important; position: relative; opacity: .5; pointer-events: none; } /* FOLDER CONTENT BLOCK (RIGHT) */ #right_container { } #right_container.uploadifive-allow-dd.dragged-over { background-color: #EDF4FA; } #right { padding: 0 30px 83px 30px; overflow: unset; } #center.show_ads #right { padding-bottom: 150px; } .header-owner { display: flex; position: relative; min-height: 70px; width: 100%; min-height: 225px; box-sizing: border-box; align-items: flex-start; flex-direction: column; padding-bottom: 20px; } .header-owner.guillotine #header_backdrop__image_guillotine{ display: block; } .header-owner.guillotine .header_backdrop__move, .header-owner.guillotine .header_profile_info, .header-owner.guillotine .header_folder_info, .header-owner.guillotine .upload_info_stats, .header-owner.guillotine .header_backdrop__mask { pointer-events: none; } .header-owner.guillotine .header_profile_info .header_profile__edit_wrap { pointer-events: all; } .header-owner.guillotine .header_backdrop__move { width: 60px; height: 60px; background-color: #FFFFFF99; background-repeat: no-repeat !important; background-position: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-image: url(/images/UI_icons/move_thick.svg); position: absolute; top: min(50%, calc(50vh - 55px)); left: 50%; transform: translate(-50%, -50%); z-index: 1; background-size: 27px; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); } #list-container.header-hide .header-owner.guillotine .header_backdrop__move { top: min(50%, 50vh); } .header-owner.cover-medium { min-height: calc(60vh - 75px); } #list-container.header-hide .header-owner.cover-medium { min-height: 60vh; } .header-owner.cover-large { min-height: calc(100vh - 75px); } #list-container.header-hide .header-owner.cover-large { min-height: 100vh; } .header-owner.position-center { align-items: center; } .header-owner .header_backdrop { position: absolute; top: 0; left: -30px; width: calc(100% + 60px); height: 100%; } #header_backdrop__image_guillotine { display: none; } #header_backdrop__image_guillotine, .header-owner .header_backdrop .header_backdrop__image, .header-owner .header_backdrop .header_backdrop__mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .header-owner .header_backdrop .header_backdrop__image { z-index: 0; background-position: center center; background-size: cover; } .header-owner .header_backdrop .header_backdrop__mask { background: #2B3D52; } .header-owner .header_profile_info { box-sizing: border-box; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; height: 23px; gap: 10px; margin-top: 30px; color: white; margin-bottom: 27px; z-index: 1; } .header-owner.position-center .header_profile_info { justify-content: center; } .header-owner .header_profile_info .header_profile_info_left { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .header-owner .header_profile_info .header_profile_info_left .header_profile_image { width: 23px; height: 23px; margin: auto; background-position: center; background-size: cover; border-radius: 50%; position: relative; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.16); display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .header-owner .header_profile_info .header_profile_info_left .header_profile_image .header-owner_image{ height: 100%; width: 100%; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 50%; height: 100%; background-size: cover; background-position: center center; margin-right: 10px; border: 1px solid white; background-color: white; } .header-owner .header_profile_info .header_profile_info_right { justify-content: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .header-owner .header_profile_info .header_profile_info_right .header-owner_name { max-width: 100%; display: flex; gap: 10px; } .header-owner .header_profile_info .header_profile_info_right .header-owner_name a, .header-owner .header_profile_info .header_profile_info_right .header-owner_name div { color: white; text-decoration: none !important; width: unset; max-width: 110px; line-height: 19px; text-align: left; white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; width: unset; font-size: 14px; line-height: 19px; max-height: 39px; max-width: calc(100vw - 60px - 10px - 28px - 150px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 0.8; } .header-owner .header_profile_info .header_profile_info_right .header-owner_name a { color: unset !important; } .header-owner .header_profile_info .header_profile_info_right .header-owner_name a:hover { text-decoration: underline !important; } #header_profile__edit_wrap_slider { position: absolute; right: 0; z-index: 1; top: 30px; bottom: 30px; z-index: 99998; } .header-owner .header_profile__edit_wrap { align-self: flex-start; right: 0; position: -webkit-sticky; position: sticky; top: 30px; float: right; } .header-owner .header_profile__edit_wrap .header_profile__edit_label { background: none; padding: 0 45px 0 50px; border-radius: 10px; height: 50px; font-size: 16px; display: inline-flex; align-items: center; background-image: url(/images/UI_icons/white/sparkles.svg), url(/images/UI_icons/inputs/dropdown_white_transparent.svg), linear-gradient(196deg, #9441F2 0%, #005AFF 210%); background-repeat: no-repeat; background-position-x: 15px, calc(100% - 17px), 0; background-position-y: 50%, 50%, 0; background-size: 20px, auto, auto; transition: background-color 0.5s ease, color 0.5s ease; cursor: pointer; border: 1.5px solid white; box-sizing: border-box; color: white; } .header-owner .header_profile__edit_wrap .header_profile__edit_label:hover { background-image: url(/images/UI_icons/white/sparkles.svg), url(/images/UI_icons/inputs/dropdown_white_transparent.svg), linear-gradient(196deg, #7329c7 0%, #005AFF 210%); } .header-owner .header_profile__edit_wrap .header_profile__edit_label.open { background-image: url(/images/UI_icons/white/sparkles.svg), url(/images/UI_icons/inputs/dropdown_active_white_transparent.svg), linear-gradient(196deg, #9441F2 0%, #005AFF 210%); } .header-owner .header_profile__edit_wrap .header_profile__edit_label.open:hover { background-image: url(/images/UI_icons/white/sparkles.svg), url(/images/UI_icons/inputs/dropdown_active_white_transparent.svg), linear-gradient(196deg, #7329c7 0%, #005AFF 210%); } .header-owner .header_profile__edit_wrap .header_profile__edit_label.open:after { content: ''; display: block; height: 15px; z-index: 1; position: absolute; bottom: -15px; left: 0; right: 0; } .header-owner .header_profile__edit_wrap div.tag { height: 19px; line-height: 20px; padding: 0 9px; border-radius: 10px; font-size: 10px; display: inline-block; color: white; vertical-align: bottom; font-weight: 600; position: absolute; right: -4px; top: -9px; } .header-owner .header_profile__edit_wrap div.tag.new { background-color: #2AD498; } .header-owner .header_profile__edit_wrap div.tag.pro { background-color: #F23047; background-image: url(/images/UI_icons/white/crown.svg); background-repeat: no-repeat; background-position: 7px center; padding-left: 21px; text-transform: uppercase; background-size: 9px; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer { display: flex; max-height: 0; background: white; position: absolute; border-radius: 15px; flex-direction: column; -webkit-box-shadow: 0 0 40px rgb(4 30 77 / 12%); box-shadow: 0 0 40px rgb(4 30 77 / 12%); transition: 0.5s ease; overflow: hidden; flex-wrap: nowrap; align-items: flex-start; opacity: 0; top: calc(100% + 15px); max-width: calc(100vw - 30px); right: 0; z-index: 999999; min-width: 100%; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer-item-wrap { min-width: 230px; } .header-owner .header_profile__edit_wrap .header_profile__edit_label.open + .header_profile__edit_drawer { max-height: 1000px; opacity: 1; padding: 10px 0; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .reset-button, .header-owner .header_profile__edit_wrap .header_profile__edit_drawer-item { width: 100%; min-height: 50px; line-height: 21px; background-color: unset; background-position-y: center; background-repeat: no-repeat; background-size: 20px 20px; background-position-x: 16px; font-size: 16px; color: #242424; align-items: flex-start; text-decoration: unset; box-sizing: border-box; transition: 0.5s ease; padding: 0 28px 0 50px; cursor: pointer; white-space: nowrap; display: flex; flex-direction: column; justify-content: center; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer-item.disabled { cursor: auto; opacity: 0.5; pointer-events: none; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer-item:not(.disabled):hover { background-color: #F7F7F7; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer-item.image-pic { background-image: url(/images/UI_icons/image_plus.svg); } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer-item.image-delete { background-image: url(/images/UI_icons/trash.svg); } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer-item.image-cover { background-image: url(/images/UI_icons/expand2.svg); } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer-item.image-brush { background-image: url(/images/UI_icons/brush.svg); } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer-item.image-move { background-image: url(/images/UI_icons/move_rectangle.svg); } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer-item.image-font { background-image: url(/images/UI_icons/font.svg); } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer-item.image-text { background-image: url(/images/UI_icons/align_left.svg); } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer-item.image-layout { background-image: url(/images/UI_icons/layout.svg); } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer-item span { color: #9A9A9A; font-size: 12px; line-height: 16px; } .header-owner .header_profile__edit_wrap .divider { height: 1px; overflow: hidden; margin: 5px 0; background-color: #EDEDED; width: 100%; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub { display: flex; background: white; border-radius: 15px; flex-direction: column; -webkit-box-shadow: 0 0 40px rgb(4 30 77 / 12%); box-shadow: 0 0 40px rgb(4 30 77 / 12%); transition: unset; overflow: hidden; flex-wrap: nowrap; align-items: flex-start; z-index: 999999; position: fixed; } .header-owner .header_profile__edit_wrap.submenu-open .header_profile__edit_drawer_sub-close { background-image: url(/images/UI_icons/close.svg); background-size: 12px; background-position: center; width: 40px; height: 40px; background-repeat: no-repeat; position: absolute; right: 0; opacity: 0.3; cursor: pointer; top: 0; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub-item { padding: 20px 25px; display: none; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub-item[data-drawertype="font"], .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub-item[data-drawertype="overlay"] { max-width: 220px; } .divider.media-size, .header_profile__edit_drawer_sub-item-wrap.media-size { display: none; } #right:is(.horizontal_view, .vertical_view) .divider.media-size, #right:is(.horizontal_view, .vertical_view) .header_profile__edit_drawer_sub-item-wrap.media-size { display: block; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .divider { margin: 15px 0; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .divider.full { position: relative; left: -25px; width: calc(100% + 50px); } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .reset-button { background-image: url(/images/UI_icons/undo.svg); border-radius: 10px; background-size: 16px; background-position-x: 0; padding: 0 28px 0 34px; min-height: 30px; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .title { color: #A0A0A0; text-transform: uppercase; font-size: 12px; line-height: 16px; padding-bottom: 10px; padding-right: 20px; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub #text_color, .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub #overlay_color { width: 220px; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub #text_color { margin-top: 15px } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub #text_color .IroColorPicker, .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub #overlay_color .IroColorPicker { justify-content: space-between; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub #text_color .IroSlider .IroHandle, .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub #overlay_color .IroSlider .IroHandle { filter: drop-shadow(rgba(0, 0, 0, 0.63) 0px 0px 10px); } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .edit_drawer_sub_button_wrap { display: flex; gap: 17px; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .edit_drawer_sub_button { text-decoration: unset; position: relative; margin-bottom: 21px; height: 50px; display: inline-block; width: 50px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background-position: center; background-repeat: no-repeat; transition: background-color 0.5s ease; cursor: pointer; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .edit_drawer_sub_button:hover:not(.active) { background-color: #f7f7f7; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .edit_drawer_sub_button.active { background-color: #F1F6FE; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .edit_drawer_sub_button span { color: #242424; position: absolute; bottom: -21px; font-size: 12px; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .edit_drawer_sub_button.active span { color: #417FF2; font-weight: bold; } .switch-view-button.list:not(.active) { background-image: url(/images/UI_icons/layout/list_black.svg); } .switch-view-button.grid:not(.active) { background-image: url(/images/UI_icons/layout/grid_black.svg); } .switch-view-button.hor:not(.active) { background-image: url(/images/UI_icons/layout/horizontal_black.svg); } .switch-view-button.ver:not(.active) { background-image: url(/images/UI_icons/layout/vertical_black.svg); } .edit_drawer_sub_button.media-size.small { background-image: url(/images/UI_icons/layout/media_small_black.svg); } .edit_drawer_sub_button.media-size.small.active { background-image: url(/images/UI_icons/layout/media_small_blue.svg); } .edit_drawer_sub_button.media-size.medium { background-image: url(/images/UI_icons/layout/media_medium_black.svg); } .edit_drawer_sub_button.media-size.medium.active { background-image: url(/images/UI_icons/layout/media_medium_blue.svg); } .edit_drawer_sub_button.media-size.large { background-image: url(/images/UI_icons/layout/media_large_black.svg); } .edit_drawer_sub_button.media-size.large.active { background-image: url(/images/UI_icons/layout/media_large_blue.svg); } .edit_drawer_sub_button.cover-size.small { background-image: url(/images/UI_icons/layout/cover_small_black.svg); } .edit_drawer_sub_button.cover-size.small.active { background-image: url(/images/UI_icons/layout/cover_small_blue.svg); } .edit_drawer_sub_button.cover-size.medium { background-image: url(/images/UI_icons/layout/cover_medium_black.svg); } .edit_drawer_sub_button.cover-size.medium.active { background-image: url(/images/UI_icons/layout/cover_medium_blue.svg); } .edit_drawer_sub_button.cover-size.large { background-image: url(/images/UI_icons/layout/cover_large_black.svg); } .edit_drawer_sub_button.cover-size.large.active { background-image: url(/images/UI_icons/layout/cover_large_blue.svg); } .edit_drawer_sub_button.text-position.left { background-image: url(/images/UI_icons/layout/text_align_left_black.svg); } .edit_drawer_sub_button.text-position.left.active { background-image: url(/images/UI_icons/layout/text_align_left_blue.svg); } .edit_drawer_sub_button.text-position.center { background-image: url(/images/UI_icons/layout/text_align_center_black.svg); } .edit_drawer_sub_button.text-position.center.active { background-image: url(/images/UI_icons/layout/text_align_center_blue.svg); } .edit_drawer_sub_button.text-position.right { background-image: url(/images/UI_icons/layout/text_align_right_black.svg); } .edit_drawer_sub_button.text-position.right.active { background-image: url(/images/UI_icons/layout/text_align_right_blue.svg); } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .input-label-wrap { display: flex; gap: 10px; margin-top: 15px; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .input-label { position: relative; margin-bottom: 12px; width: 100%; display: inline-block; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .input-label input { padding: 14px 12px 14px 18px; border: 1px solid #D8D8D8; height: 50px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 16px !important; line-height: 20px; background: white; -webkit-appearance: none; appearance: none; margin: 0; margin-top: 8px; width: 100%; color: #242424; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .input-label:focus-within label { color: #417FF2; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .input-label input:focus { border: 1px solid #417FF2; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .input-label.has_error label { color: #CA1913 !important; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .input-label.has_error input { border: 1px solid #CA1913 !important; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .input-label label { position: absolute; font-size: 12px; background: white; min-width: unset; left: 10px; z-index: 1; line-height: 16px; width: fit-content; padding: 0 7px; color: #919191; text-align: left; text-align-last: left; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .input-label:is(.opacity, .hex):after { display: block; content: '%'; position: absolute; font-size: 16px; color: #919191; bottom: 14px; line-height: 20px; right: 15px; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .input-label.hex:after { content: '#'; right: unset; left: 13px; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .input-label.hex input { padding-left: 25px; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .input-label.opacity input { padding-right: 30px; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .styled-select { height: 50px; width: 225px; border-radius: 8px; box-sizing: border-box; background: #fff; border: none; margin-top: 8px; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .styled-select select { height: 53px!important; width: 100%!important; padding: 0 27px!important; font-size: 14px; color: #808b97!important; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; box-sizing: border-box } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .styled-select .select-items { font-size: 16px; border: 1px solid #e6e6e6; background: #fff; box-shadow: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; top: calc(100% - 1px); overflow: hidden; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .styled-select .select-items div { color: #242424; transition: 0.5s ease; padding: 13px 16px; font-size: 16px; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .styled-select .select-items div:hover, .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .styled-select .same-as-selected { background-color: #f7f7f7; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .styled-select .select-selected { padding: 0 20px; color: #242424; font-size: 14px; border-radius: 10px; border: 1px solid #D8D8D8; display: flex; padding-top: 2px; height: 50px; align-items: center; box-sizing: border-box; font-size: 16px; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .styled-select .select-selected.select-arrow-active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; background: #fff } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .styled-select .select-selected:after { background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4xMjEiIGhlaWdodD0iNS43NDEiIHZpZXdCb3g9IjAgMCAxMC4xMjEgNS43NDEiPgogIDxwYXRoIGlkPSJjYXJldCIgZD0iTTEuNDc1LDEzLjVoOC43NTlhLjY4LjY4LDAsMCwxLC40OCwxLjE2MUw2LjMzNiwxOS4wNDJhLjY4Mi42ODIsMCwwLDEtLjk2MywwTDEsMTQuNjYxQS42OC42OCwwLDAsMSwxLjQ3NSwxMy41WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuNzk0IC0xMy41KSIgZmlsbD0iI2Q2ZDZkNiIvPgo8L3N2Zz4=) no-repeat center center; top: calc(50% - 2px); background-size: 10px; } .header-owner #header_profile__edit_button { z-index: 1; background: #DEEDFF; background-image: url(/images/UI_icons/blue/edit.svg); background-repeat: no-repeat !important; background-position-y: center !important; background-position-x: 20px !important; background-size: 13px; cursor: pointer; border-radius: 6px; box-sizing: content-box !important; color: #417FF2; font-size: 16px; height: 38px; padding: 0px 15px 0 45px; min-width: 106px; display: flex; text-align: left; text-decoration: none; align-items: center; transition: background-color 0.5s ease, color 0.5s ease, transform 0.5s ease; margin-left: auto; position: relative; right: -20px; } .header-owner #header_profile__edit_button:hover { background-color: #417FF2; transform: scale(1.07); background-image: url(/images/UI_icons/white/edit.svg); background-repeat: no-repeat !important; background-position-y: center !important; background-position-x: 20px !important; background-size: 13px; color: white; } .header-owner .header_folder_info { z-index: 1; width: 100%; display: flex; flex-direction: column; height: 100%; flex: 1; justify-content: center; } .header-owner .upload_info__delete_warning { display: inline-flex; color: #EE2B3A; background: #fef1f2; line-height: 16px; padding: 0 10px; min-height: 20px; border-radius: 13px; font-size: 10px; margin-top: 0; font-size: 11px; align-items: center; text-align: center; z-index: 9999; box-sizing: border-box; opacity: 1; margin-bottom: 5px; } .header-owner .upload_info__delete_warning.orange { color: #F27330; background: #FDE6D9; } .header-owner .upload_info_name { position: relative; box-sizing: border-box; } .header-owner .upload_info_name textarea { font-weight: bold; color: inherit; width: 100%; overflow-y: hidden; padding: 0; position: relative; box-sizing: border-box; display: block; font-family: inherit !important; word-break: break-all; text-decoration-thickness: 3px; text-underline-offset: 8px; word-break: unset; white-space: break-spaces; line-height: 1.1em; padding-top: 0.05em; padding-bottom: 0.15em; height: 0; font-size: 50px; } .test-piece { border: 1px solid red; margin-bottom: 15px; font-size: 40px; line-height: 1.1em; padding-top: 0.05em; padding-bottom: 0.15em; } .header-owner.cover-medium .upload_info_name textarea { font-size: 60px; } .header-owner.cover-large .upload_info_name textarea { font-size: 70px; } .header-owner:is(.cover-medium, .cover-large) .upload_info_name textarea { margin-bottom: 10px; } .header-owner div:is(.upload_info_name, .upload_info_desc) { width: 70%; } .header-owner .upload_info_desc { max-width: calc(100vw - 60px); z-index: 9999; display: flex; align-items: flex-end; flex-direction: column; position: relative; box-sizing: border-box; } .header-owner .upload_info_desc textarea { color: inherit; overflow: hidden; font-size: 16px; max-width: 100%; padding: 0; margin-right: auto; font-family: inherit !important; word-break: break-all; height: 0; width: 100%; text-decoration-thickness: 1px; text-underline-offset: 3px; word-break: unset; white-space: break-spaces; line-height: 1.1em; padding-top: 0.05em; padding-bottom: 0.15em; height: 0; } .header-owner.cover-large .upload_info_desc textarea { font-size: 18px; } .header-owner div:is(.upload_info_name, .upload_info_desc) textarea { background: transparent; border: unset; resize: none; -webkit-text-decoration-color: #ffffff50 !important; text-decoration-color: #ffffff50 !important; } .header-owner div:is(.upload_info_name, .upload_info_desc) textarea:not([readonly]):hover { text-decoration: underline; } .header-owner div:is(.upload_info_name, .upload_info_desc) textarea.invalid { color: #F23047; text-decoration: underline; -webkit-text-decoration-color: #F2304780 !important; text-decoration-color: #F2304780 !important; } .header-owner.position-center div:is(.upload_info_name, .upload_info_desc) textarea { text-align: center; } .header_folder_info_center { display: flex; flex-direction: column; width: 100%; justify-content: center; color: white; max-width: 100%; } .header-owner.position-center .header_folder_info_center { align-items: center; } .header-owner .upload_info_stats { z-index: 9999; padding-top: 30px; font-size: 14px; justify-content: flex-start; color: white; display: flex; line-height: 25px; flex-wrap: wrap; row-gap: 5px; margin-bottom: 5px; } .header-owner .upload_info_stats span:last-child { margin: 0 !important; } .header-owner .upload_info_stats > * { opacity: 0.7; } .header-owner .upload_info_stats i { font-family: "FontAwesome" !important; padding-right: 5px; } /* folder top actions */ .head_download__button_desktop { display: inline-block; } .head_download__button_mobile { display: none; } #head { padding: 12px 15px 12px 20px; display: flex; width: calc(100% + 60px); left: -30px; position: relative; box-sizing: border-box; background: white; transition: box-shadow 0.5s ease; border-bottom: 1px solid #EDEDED; } #head_sticky { position: -webkit-sticky; position: sticky; top: -1px; background: white; width: 100%; box-sizing: border-box; z-index: 11112; } #head_sticky.is-pinned #head { box-shadow: 0px 0px 30px 0px #07265f1a; border-bottom: unset; } #head.overflow_hidden { overflow: hidden; } #head.no-sharewrap, #head.no-buttons { display: flex; } .left_menu_visible #head.no-sharewrap, .left_menu_visible #head.no-buttons { display: none; } #head.no-sharewrap #head__all-files-actions { justify-content: center; } #head.no-buttons #head__all-files-actions { justify-content: flex-end; } #upload_head_menu { display: inline-block; font-size: 25px; cursor: pointer; border-color: transparent; border-radius: 10px; width: 50px; height: 50px; padding: 0; background-repeat: no-repeat; background-position: center; background-size: 20px 20px; transition: background-color 0.5s ease; background-image: url("/images/UI_icons/info.svg"); margin-left: auto; } #upload_head_menu span { display: none; } #upload_head_menu:hover { background-color: #f7f7f7; } .left_menu_visible #upload_head_menu { display: none; } #head__all-files-actions.add-button { gap: 10px; } #head__all-files-actions > .list_view__add_files_button { display: inline-flex; height: 50px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; align-items: center; transition: 0.5s ease; background-color: #f23047; color: white !important; background-image: url(/images/UI_icons/white/plus.svg); padding: 0 20px 0 45px; width: auto; font-size: 16px; background-position: 15px center; background-repeat: no-repeat; background-size: 16px; } #head__all-files-actions:not(.has-download) .upload-info-button { } #head__all-files-actions:not(.add-button) > .list_view__add_files_button { display: none; } #head__all-files-actions > .list_view__add_files_button:hover { background-color: #D80E29; color: white !important; } /* folder download button */ .head_download { display: inline-block; height: 50px; position: relative; } .head_download__button { display: inline-flex; height: 50px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 16px; font-size: 14px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: background-color 0.5s ease; color: #242424 !important; cursor: pointer; text-align: center; align-items: center; justify-content: center; position: relative; font-size: 16px; text-decoration: none; background-image: url(/images/UI_icons/download.svg); background-repeat: no-repeat !important; background-position: 10px center; background-size: 11px; padding: 0 20px 0 33px; } .head_download__button:hover { background-color: #F7F7F7; } .head_download__dropdown { display: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 14px; position: absolute; top: 55px; z-index: 99999; background: #fff; border-radius: 15px; -webkit-box-shadow: 0 0 40px rgb(4 30 77 / 12%); box-shadow: 0 0 40px rgb(4 30 77 / 12%); padding: 10px 0; min-width: 240px; overflow: hidden; } .head_download__dropdown a.strong { font-weight: bold; } #head_download__dropdown__top_cut { height: 6px; font-size: 0; } .head_download__dropdown a { display: inline-flex; width: 100%; height: 35px; background-color: unset; background-position-y: center; background-repeat: no-repeat; background-size: 16px; padding: 0 28px 0 20px; background-position-x: 20px; font-size: 16px; color: #242424 !important; align-items: center; text-wrap: nowrap; text-decoration: unset; box-sizing: border-box; transition: 0.5s ease; white-space: nowrap; } .head_download__dropdown a:hover { background: #f7f7f7; } .head_download__dropdown a span.recommended { font-size: 14px; height: 26px; color: #55BA32; background: #E3F4DE; line-height: 26px; margin-left: 15px; padding: 0 15px; border-radius: 13px; } #head__all-files-actions #buy_all_files__button , #head__all-files-actions #buy_folder__button { display: inline-flex; height: 50px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 16px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #42B219; transition: 0.5s ease; color: white !important; cursor: pointer; text-align: center; align-items: center; padding: 0 15px 0 40px; justify-content: flex-start; position: relative; margin-right: 10px; font-size: 16px; text-decoration: none; margin-left: 20px; background-repeat: no-repeat; background-position: 13px center; background-size: 17px; background-image: url(/images/UI_icons/white/cart.svg); } #head__all-files-actions #buy_all_files__button:hover , #head__all-files-actions #buy_folder__button:hover { background-color: #3A9C17; } #head__all-files-actions #buy_all_files__button img , #head__all-files-actions #buy_folder__button img { width: 17px; height: 16px; margin-right: 7px; } #head__all-files-actions #buy_all_files__button #buy_all_button__text_selected { display: none; } #head__all-files-actions #buy_folder__button #buy_folder__price { margin-left: 4px; } /* folder menu button */ #head_menu { position: relative; } #head_menu__button { display: inline-flex; height: 50px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; text-align: center; align-items: center; justify-content: center; line-height: 50px; vertical-align: middle; transition: color 0.5s ease; color: #242424; font-size: 16px; background-image: url(/images/UI_icons/more.svg); background-size: 16px 15px; background-repeat: no-repeat !important; background-position: 10px center; padding: 0 20px 0 33px; } #head_menu__button:hover { background-color: #F7F7F7; } #head_menu__dropdown { display: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 14px; position: absolute; top: 55px; z-index: 99999; background: #fff; border-radius: 15px; -webkit-box-shadow: 0 0 40px rgb(4 30 77 / 12%); box-shadow: 0 0 40px rgb(4 30 77 / 12%); padding: 10px 0; min-width: 240px; } #head_menu__dropdown .list-view_upload-info-buttons { display: block; padding: 0; width: 100%; } #head_menu__dropdown a { display: inline-flex; width: 100%; height: 35px; background-color: unset; background-position-y: center; background-repeat: no-repeat; background-size: 16px 16px; background-position-x: 16px; font-size: 16px; color: #242424; align-items: center; text-wrap: nowrap; text-decoration: unset; box-sizing: border-box; transition: 0.5s ease; padding: 0 28px 0 50px; width: -webkit-fill-available; white-space: nowrap; text-wrap: nowrap; } #head_menu__dropdown a:hover { background-color: #f7f7f7; } .upload-info-button.blocked { cursor: default !important; opacity: 0.5; } .upload-info-button img { height: 14px; width: 14px; margin-right: 5px; vertical-align: bottom; } .upload-info-button .fa { font-size: 14px; margin-right: 5px; } .list_view__add_files_button { background-image: url("/images/UI_icons/plus.svg"); } .list_view__delete_button { background-image: url("/images/UI_icons/trash.svg"); } .list_view__set_price_button { background-image: url("/images/UI_icons/euro.svg"); } .list_view__embed_button { background-image: url("/images/UI_icons/code.svg"); } .list_view__slideshow_button { background-image: url("/images/UI_icons/play.svg"); } #upload-info-button_printing-order { background-image: url("/images/UI_icons/print.svg"); } .list_view__order_button { background-image: url("/images/UI_icons/cup.svg"); } .list_view__eparaksts_button { background-image: url("/images/UI_icons/eParaksts.svg"); } .list_view__bf_button { background-image: url("/images/UI_icons/store.svg"); } #upload-info-button__photobook { background-image: url("/images/UI_icons/book.svg"); } .list_view__share_button { background-image: url("/images/UI_icons/share.svg"); } /* folder link and email share fields */ #head_input_fields_container { display: inline-block; width: 100%; text-align: left; flex: 1; } #head.head_show_upload_button #head_input_fields_container { width: calc( (100% - 544px) ) } .left_menu_visible #head.head_show_upload_button #head_input_fields_container { width: calc( (100% - 477px) ) } #head_input_fields_container_justify { width: 100%; display: inline-block; } .head_input_field { height: 50px; min-width: 50px; padding: 0; } #head_email_share { padding: 0; } .head_input_field form { display: flex; align-items: center; width: 100%; line-height: 42px; height: 100%; } .head_input_field:first-child { margin-left: 0; } .head_input_field__input { display: inline-block; color: #417FF2 !important; font-size: 12px; text-decoration: none; cursor: pointer; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 0 !important; border: none; border-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; font-size: 13px; height: 100%; background: transparent; width: 100%; padding: 0; } #head_email_share .head_input_field__input{ padding: 0 5px 0 10px; color: #1a2533 !important; } #head_email_share.has_error .head_input_field__input{ background-color: #ffe7e7; } .head_input_field__button { display: inline-flex; cursor: pointer; box-sizing: border-box; background: transparent; height: 32px; margin: 0; padding: 0 20px 0 33px; text-align: center; align-items: center; transition: background-color 0.5s ease, color 0.5s ease; background-repeat: no-repeat !important; background-position: 10px center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: unset; justify-content: flex-start; background-image: url(/images/UI_icons/share.svg); background-size: 11px; } #head_share__selected-files.head_input_field__button { margin-right: auto; position: unset; height: 50px; } .head_input_field__button:hover { background-color: #F7F7F7; } .head_input_field__button span { color: #242424; font-size: 14px; line-height: 20px; vertical-align: middle; font-size: 16px; min-width: 50px; } #copy_link_button { height: 100%; } #head_email_share_button { background-image: url("/images/UI_icons/blue/mail.svg"); height: 100%; padding: 0 20px 0 35px; background-position-x: 11px !important; border-top-left-radius: 0; border-bottom-left-radius: 0; background-size: 14px; } #head_email_share_button:hover { background-image: url("/images/UI_icons/white/mail.svg"); } /* order change button */ #head_view_sort_switch_wrap { height: 50px; display: inline-flex; align-items: center; position: relative; margin-left: auto; } #head_view_sort_switch_title { height: 50px; margin-left: 5px; position: relative; display: inline-flex; line-height: 17px; text-align: center; cursor: pointer; align-items: center; color: #1a2533; font-size: 14px; gap: 5px; padding: 0 20px 0 40px; background-image: url(/images/UI_icons/inputs/sort_arrows_default.svg); background-repeat: no-repeat; background-position-x: 16px; background-position-y: center; transition: background-color 0.5s ease, color 0.5s ease; border-radius: 10px; } #head_view_sort_switch_wrap:hover #head_view_sort_switch_title { background-color: #f7f7f7; } #head__all-files-actions , #head__selected-files-actions { display: inline-flex; flex: 1; width: 100%; } #head__selected-files-actions { display: none; font-size: 12px; justify-content: space-between; } #right .trailing_element:after { content: ""; display: inline-block; width: 100%; } #password_form { height: 100%; flex: 1; background: #EFEFEF; display: flex; justify-content: center; padding: 0 16px; } #password_form form { background: white; height: fit-content; border: 1px solid #D9D9D9; padding: 40px 45px 35px; border-radius: 10px; margin: 45px 0; max-width: 470px; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; } #password_form form b { line-height: 26px; font-size: 20px; text-align: center; } #password_form form input[type="text"] { min-width: 235px; max-width: 100%; border-radius: 10px; padding: 0 15px; font-size: 16px; box-sizing: border-box; margin: 40px 0 60px; border: 1px solid #D9D9D9; height: 50px; line-height: 19px; color: #242424 !important; } #password_form form input[type="text"]:focus { border-color: #417FF2; } #password_form form input[type="submit"] { font-size: 16px; display: flex; background: #417FF2; color: #fff; text-align: center; height: 50px; text-decoration: none; cursor: pointer; border-radius: 10px; align-items: center; justify-content: center; font-weight: bold; padding: 0; line-height: 18px; box-shadow: none; width: 235px; transition: background-color 0.5s ease, color 0.5s ease; } #password_form form input[type="submit"]:hover { background: #1F68EF; } #password_form form input[type="text"]:invalid + input[type="submit"] { background: #E6E6E6; color: #9A9A9A; cursor: default; pointer-events: none; } #password_form form input[type="text"]:invalid + input[type="submit"]:hover { background: #E6E6E6; } #password_form .wrong { background: #FEF1F2; min-height: 50px; display: flex; align-items: center; padding: 10px 25px; border-radius: 10px; box-sizing: border-box; width: 100%; margin-top: 20px; } #password_form .wrong * { color: #48050E !important; font-weight: unset; line-height: 16px; font-size: 12px; } @media only screen and (max-width: 500px) { #password_form form { padding: 35px 25px; } #password_form form b { text-align: left; } #password_form form input[type="text"] { width: 100%; margin: 40px 0 50px; } #password_form form input[type="submit"] { width: 100%; } } #center .info { position: relative; width: auto; margin: 0 260px 0 20px; padding: 0; min-width: 200px; min-height: 200px !important; border: 1px solid #dadada; background-color: #fff; padding: 7px; } .printing_order_braintree_result_container_in_main_page { margin: 20px 24px 0 20px; display: none; } #cont_left .printing_order_braintree_result_container_in_main_page { margin: 20px 24px 0 24px; width: 820px; } .grid_view #all_items { display: block; grid-template-columns: repeat(auto-fill, minmax(195px, 1fr)); gap: 10px; } .has_folders.grid_view #all_items, .has_files.grid_view #all_items { display: grid; grid-auto-flow: dense; } .item { position: relative; } #all_items.hide-not-selected.selection-mode DIV.item:not(.item_selected) { display: none !important; } .horizontal_view .selection-mode DIV.item .thumb, .vertical_view .selection-mode DIV.item .thumb, .horizontal_view .selection-mode DIV.item .tools-middle, .vertical_view .selection-mode DIV.item .tools-middle, .grid_view .selection-mode DIV.item .tools-middle { pointer-events: none; } .list_view DIV.item .overlay-on-hover { display: none; background-color: transparent !important; } .list_view DIV.item .off-hover { display: block !important; } @media only screen and (hover: hover) { DIV.item:hover .overlay-on-hover { display: block; } } DIV.item.active-hover .overlay-on-hover { display: block; } DIV.item.upload.active-hover .overlay-on-hover .tools-bottom-right { display: none; } .list_view DIV.item.active-hover .off-hover { display: none !important; } DIV.item .overlay-on-hover .buttons A { display: inline-block; width: 80px; color: #fff !important; text-align: center; text-decoration: none; height: 30px; font-size: 12px; line-height: 30px; font-size: 12px; text-align-last: auto; display: none; } DIV.item .overlay-on-hover .buttons A.red { background-color: #CA1913 !important; } DIV.item.file .tools, DIV.item.upload .tools, DIV.item.file.active-hover .tools, DIV.item.upload.active-hover .tools { background-color: transparent !important; } DIV.item .item_name I { float: left; margin: 0 3px 0 3px; } .item .visible-on-hover { visibility: hidden; } .item.active-hover .visible-on-hover { visibility: visible; } .item .tools I.fa { color: #fff; } .item .tools .vote.has_voted I.fa { color: #CA1913 !important; } .item .tools .report_btn.has_reported I.fa { color: #FF0000 !important; } /* deleted upload page */ .deleted_wrapper { color: #2C3E52; font-size: 24px; } .deleted_wrapper .deleted_inner { width: 725px; margin: 0 auto; position: relative; border-bottom: 2px solid #EDEDED; padding: 60px 0; } .deleted_wrapper .deleted_vertical_center { display: flex; } .deleted_wrapper h1 { font-size: 20px; font-weight: bold; line-height: 26px; } .deleted_wrapper .deleted_inner_left h1 { display: none; } .deleted_wrapper p { margin: 15px 0; font-size: 16px; line-height: 21px; } .deleted_wrapper ul { font-size: 20px; } .deleted_wrapper ul li { line-height: 30px; font-size: 16px; } .deleted_wrapper ul li img { margin-right: 30px; width: 10px; } .deleted_wrapper .deleted_inner_left { width: 42%; display: flex; align-items: center; justify-content: center; } .deleted_wrapper .deleted_inner_right { width: 58%; } .deleted_footer { font-size: 26px; color: #1489F9; background: #fff; box-sizing: border-box; background: #E8F4FF; padding: 30px; padding-bottom: 40px; border-radius: 8px; max-width: 420px; margin: 40px auto; } .deleted_footer a { font-size: 16px; display: flex; background: #1489F9; color: #fff !important; text-align: center; height: 42px; text-decoration: none; cursor: pointer; border-radius: 5px; align-items: center; justify-content: center; font-weight: bold; padding: 0; line-height: 18px; box-shadow: none; margin-top: 20px; transition: background-color 0.5s ease, color 0.5s ease; } .deleted_footer a:hover { background-color: #0066CC; } .deleted_footer__pricing_container { background-color: #F0F2F2; background-image: linear-gradient(#F0F2F2, #fff); overflow: hidden; padding: 20px; } .deleted_footer__faq_container { margin-bottom: 50px; } #ist_no_files_message { border: 1px solid #E8E8E8; padding: 35px 30px; text-align-last: left; margin-right: 6px; margin-top: 20px; font-size: 16px; color: #000000; } .horizontal_view DIV.item { display: inline-block; height: 200px; } .list_view DIV.item { background: white; } .list_view DIV.upload_header { cursor: pointer; } .list_view DIV.item.upload .overlay-on-hover .tools-top-right .copy_button, .list_view DIV.item.file .overlay-on-hover .tools-top-right .copy_button, .list_view .tools-middle { display: none !important; } #list-container .grid_view DIV.upload_header { display: none; } #list-container .upload_header span i { visibility: hidden; } #list-container .upload_header span:hover .fa-chevron-down, #list-container .upload_header span.active i.active { visibility: visible; } #upload_context_menu_drawer, #file_context_menu_drawer { max-width: 230px; overflow: hidden; -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 13%); border-radius: 10px; box-shadow: 0px 0px 10px 0px #00000033; border: 1px solid #E3E3E3; margin: 0; min-width: 230px; padding: 0; } #upload_context_menu_drawer .copy_button_drawer, #file_context_menu_drawer .copy_button_drawer { max-height: 1000px; opacity: 1; padding: 15px 0; position: unset; border-radius: none; box-shadow: none; } #upload_context_menu_drawer .copy_button_drawer div, #file_context_menu_drawer .copy_button_drawer div{ padding: 5px 20px; } #list-container .file_context_menu { max-width: 250px; overflow: hidden; -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 13%); box-shadow: 0 0 10px rgb(0 0 0 / 13%); border: 1px solid #E3E3E3; margin: 0; min-width: 235px; } #list-container .file_context_menu .file_context_menu_close { color: #2C3E52; text-align: center; width: 36px; height: 36px; position: absolute; right: 0; top: 0; cursor: pointer; display: block; } #list-container .file_context_menu .file_context_menu_close i { font-size: 18px !important; font-family: "Font Awesome 5 Pro" !important; line-height: 35px; text-align: center; } #head_view_sort_switch_dropdown { z-index: 99999; border-radius: 15px; -webkit-box-shadow: 0 0 40px rgb(4 30 77 / 12%); box-shadow: 0 0 40px rgb(4 30 77 / 12%); position: absolute !important; right: 0; left: unset; min-width: 100%; top: 55px; background: white; padding: 30px 25px 20px; box-sizing: border-box; display: none; } #head_view_sort_switch_dropdown .head_view_sort_switch_dropdown_title { font-size: 12px; color: #A0A0A0; text-transform: uppercase; line-height: 16px; margin-bottom: 12px; } #head_view_switch_wrap { display: flex; gap: 10px; margin-bottom: 50px; position: relative; } #head_view_switch_wrap:after { content: ""; display: block; width: calc(100% + 50px); left: -25px; border-top: 1px solid #E2E2E2; position: absolute; bottom: -20px; } .switch-view-button { height: 50px; display: inline-block; width: 50px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background-position: center; background-repeat: no-repeat; transition: background-color 0.5s ease; } .switch-view-button:hover:not(.active) { background-color: #f7f7f7; } .switch-view-button.active { background-color: #F1F6FE; } .switch-view-button.list { background-image: url(/images/UI_icons/layout/list.svg); } .switch-view-button.list.active { background-image: url(/images/UI_icons/layout/list_blue.svg); } .switch-view-button.grid { background-image: url(/images/UI_icons/layout/grid.svg); } .switch-view-button.grid.active { background-image: url(/images/UI_icons/layout/grid_blue.svg); } .switch-view-button.hor { background-image: url(/images/UI_icons/layout/horizontal.svg); } .switch-view-button.hor.active { background-image: url(/images/UI_icons/layout/horizontal_blue.svg); } .switch-view-button.ver { background-image: url(/images/UI_icons/layout/vertical.svg); } .switch-view-button.ver.active { background-image: url(/images/UI_icons/layout/vertical_blue.svg); } #head_sort_switch_wrap a { text-decoration: unset; line-height: 40px; display: block; color: #192432; display: flex; justify-content: space-between; } #head_sort_switch_wrap a.active-sort { color: #417FF2; font-weight: bold; } #head_sort_switch_wrap a:not(.active-sort) img { display: none !important; } #head_sort_switch_wrap a img {width: 12px;} .undelete__wrapper { background: white; padding: 40px 20px; color: #2b3d52; } .undelete__inner { width: 725px; margin: 0 auto; font-size: 0; display: flex; justify-content: center; position: relative; } .undelete_msg__wrapper, .deleted_info__wrapper { display: inline-block; } .undelete_msg__wrapper { width: 58%; box-sizing: border-box; background: #E8F4FF; padding: 30px; padding-bottom: 40px; border-radius: 8px; } .undelete_msg__header { font-size: 26px; font-weight: bold; margin-bottom: 25px; color: #1489F9; } .undelete_msg__info_txt { font-size: 16px; line-height: 21px; margin-bottom: 20px; } .undelete_msg__info_txt div { margin-bottom: 20px; } .undelete_msg__button { font-size: 16px; display: flex; background: #1489F9; color: #fff !important; text-align: center; height: 42px; text-decoration: none; cursor: pointer; border-radius: 5px; align-items: center; justify-content: center; font-weight: bold; padding: 0; line-height: 18px; box-shadow: none; transition: background-color 0.5s ease, color 0.5s ease; } .undelete_msg__button:hover { background-color: #0066CC; } .undelete__preloader { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.8); text-align: center; } .undelete__preloader i { font-size: 32px; } .undelete__preloader span { font-size: 26px; margin-left: 12px; } .deleted_info__wrapper { width: 42%; } .deleted_info__header { font-size: 16px; margin-bottom: 20px; font-weight: bold; margin-top: 15px; } .deleted_info__table { font-size: 14px; color: #2b3d52; } .deleted_info__table td { padding: 0 5px 5px 0; line-height: 21px; font-size: 16px; } .deleted_info__table td:first-child{ text-align: center; padding-right: 20px; vertical-align: middle; } .deleted_info__table .fa-file { font-size: 12px; position: relative; top: -2px; } .deleted_info__table_icon { width: 14px; } .deleted_info__table_icon.folder { width: 17px; } #list_bottom_banner_970and728 , #list_bottom_banner_728and320 { padding-left: 20px; } #list_bottom_banner_970and728 .list_bottom_banner_728x90 , #list_bottom_banner_970and728 .list_bottom_banner_320x50 , #list_bottom_banner_728and320 .list_bottom_banner_320x50 { display: none; } #list_bottom_banner_responsive_taboola { margin: 0 20px 20px 20px; } #list_bottom_banner_responsive_taboola_row { height: 320px; } #list_bottom_banner_responsive_taboola_box { width: 320px; height: 450px; display: none; } #head_upload { display: inline-block; width: 210px; margin: 0; height: 35px; padding: 8px 20px; margin-left: 20px; text-align: center; } #head_upload .fal { margin-left: 5px; } #item_add_new { cursor: pointer; position: relative; background-image: none !important; background-color: unset; border: 1px dashed #D9D9D9; text-align: center; min-width: 150px; min-height: 150px; grid-column: 1 / -1; width: 100%; height: 236px !important; border-radius: 20px; margin-top: 40px; padding: 55px 0 75px; box-sizing: border-box; max-width: unset; justify-content: center; } #item_add_new.empty { min-height: 236px; height: calc(100vh - 80px - 280px - 75px - 20px - 40px - 83px) !important; } #list-container.header-hide #item_add_new.empty { min-height: 236px; height: calc(100vh - 80px - 280px - 20px - 40px - 83px) !important; } #item_add_new.empty #item_add_new__wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; } #item_add_new_float { padding: 0 25px 0 55px; background: #F23047; height: 70px; color: white; font-size: 22px; position: fixed; z-index: 99997; display: flex; border-radius: 12px; flex-direction: column; justify-content: center; background-image: url(/images/UI_icons/white/plus.svg); background-position-x: 19px !important; background-position-y: center !important; background-repeat: no-repeat !important; background-size: 18px; right: 50px; bottom: 50px; cursor: pointer; transition: background-color 0.5s ease, bottom 0.5s ease; } #item_add_new_float:hover { background-color: #CC1026; } #item_add_new_float.down { bottom: -70px; } .left_menu_visible #item_add_new_float{ right: 387px; } #item_add_new_float_title { line-height: 26px; font-weight: bold; } #item_add_new_float_desc { font-size: 14px; line-height: 15px; } .item_add_new__text { font-size: 20px; margin-top: 15px; line-height: 27px; font-weight: bold; color: #242424; } .item_add_new__text span { text-decoration: underline; } #item_add_new__empty { font-size: 16px; line-height: 21px; color: #9A9A9A; margin-top: 15px; } #head__select-all__wrapper { height: 60px; position: relative; display: flex; align-items: center; width: calc(100% + 20px); } #head__select-all_chkbox + label, #head__select-all_chkbox:checked + label:after { background-size: 14px; padding: 0; padding-left: 25px; height: 50px; background-color: transparent; line-height: 50px; top:0; } #head__select-all_chkbox + label{ font-size: 14px; background-image: url(/images/UI_icons/inputs/checkbox_checked_grey.svg); } #head__select-all_chkbox:checked + label { font-size: 0; } #head__select-all_chkbox:checked + label:after { background-image: url(/images/UI_icons/inputs/checkbox_checked.svg); } .disable_select #head__select-all_chkbox + label, .disable_select .item_selection_chkbox_container, .no_items #head__select-all_chkbox + label, .no_items .item_selection_chkbox_container { display: none !important; } .buy_files_select .item_selection_chkbox_container:not(.item_selection_chkbox_container_buy) { display: none !important; } .one_item #sort_button_short, .no_items #head_view_sort_switch_wrap { display: none !important; } .no_items #head_view_sort_switch_wrap, .no_items #head__select-all__wrapper { height: unset; line-height: unset; } .no_items #head__select-all__wrapper { min-height: 20px; } #head__select-all__text { display: none; font-size: 14px; color: #1A2533; } #head__select-all__show-selected, #head__select-all__show-all { display: none; font-size: 14px; color: #417FF2; margin-left: 10px; cursor: pointer; } .selection-mode.hide-not-selected #head__select-all__show-all, .selection-mode:not(.hide-not-selected) #head__select-all__show-selected { display: block; } .no-selected-files #head__select-all__show-all, .no-selected-files #head__select-all__show-selected { display: none !important; } #pagination_wrapper { color: #707070; font-weight: bold; padding-top: 15px; margin-top: 0; display: flex; justify-content: space-between; } #pagination_wrapper .all-items { border: 1px solid #E2E2E2; overflow: hidden; min-height: 36px; border-radius: 5px; line-height: 16px; padding: 0 10px; color: #1A2533 !important; text-decoration: none; display: flex; align-items: center; } #pagination_wrapper .gotoPage { width: 78.5px; height: 38px; line-height: 3; border: 1.3px solid #E2E2E2; overflow: hidden; border-radius: 5px; margin-left: 10px; padding: 0 10px; box-sizing: border-box; margin-right: 5px; } #pagination_wrapper #pagination { display: inline-flex; align-items: center; } #pagination_wrapper .prev, #pagination_wrapper .next { width: 39.25px; height: 38px; background-color: #C6DFFD; background-repeat: no-repeat; background-position: center; } #pagination_wrapper .prev { background-image: url(/images/UI_icons/blue/caret_left.svg); border-top-left-radius: 5px; border-bottom-left-radius: 5px; margin-left: 15px; } #pagination_wrapper .next { background-image: url(/images/UI_icons/blue/caret_right.svg); border-top-right-radius: 5px; border-bottom-right-radius: 5px; } #pagination_wrapper .prev.disabled, #pagination_wrapper .next.disabled { background-color: #E2EFFF; pointer-events: none; } @media only screen and (max-width: 550px) { .list_view .upload_header { display: none !important; } .list_view .selection-mode DIV.item.upload .modified_date { margin-left: 74px; } .list_view .selection-mode DIV.item.upload:is(.active-hover, .item_active, .item_selected) .modified_date { margin-left: 80px; } } @media only screen and (max-width: 1150px) { #list_bottom_banner_responsive_taboola_row { display: none; } #list_bottom_banner_responsive_taboola_box { display: block; } } @media only screen and (max-width: 1340px) { #list_bottom_banner_970and728 .list_bottom_banner_970x90 , #list_bottom_banner_970and728 .list_bottom_banner_320x50 { display: none; } #list_bottom_banner_970and728 .list_bottom_banner_728x90 { display: block; } } @media only screen and (max-width: 1120px) { #list_bottom_banner_970and728 .list_bottom_banner_728x90 , #list_bottom_banner_728and320 .list_bottom_banner_728x90 { display: none; } #list_bottom_banner_728and320 .list_bottom_banner_320x50 , #list_bottom_banner_970and728 .list_bottom_banner_320x50 { display: block; } } @media only screen and (max-width: 900px) { .printing_order_braintree_result_container_in_main_page { margin: 20px 24px 0 20px; } #center .info { margin: 20px 30px 0 30px; } #list_bottom_banner_970and728 .list_bottom_banner_728x90 , #list_bottom_banner_728and320 .list_bottom_banner_728x90 { display: block; } #list_bottom_banner_728and320 .list_bottom_banner_320x50 , #list_bottom_banner_970and728 .list_bottom_banner_320x50 { display: none; } } @media only screen and (max-width: 1700px) { .left_menu_visible #head.head_show_upload_button #head_input_fields_container { text-align: justify; width: 100%; margin-top: 20px; } .left_menu_visible #head.head_show_upload_button .head_input_field { margin: 0; width: 45%; } .left_menu_visible #head.head_show_upload_button #head_view_switch { top: 0; } #head.head_show_upload_button .head_input_field { width: 270px; margin-left: 60px; } } @media only screen and (max-width: 1400px) { .left_menu_visible #head_view_switch { top: 0; } } @media only screen and (max-width: 1100px) { #head_input_fields_container , #head.head_show_upload_button #head_input_fields_container { text-align: justify; } #head_view_switch { top: 0; } #head.head_show_upload_button .head_input_field__button span { display: none; } #head_email_share_button { padding: 0; width: 40px; background-position-x: center !important; } } @media only screen and (max-width: 1000px) { .left_menu_visible #head_email_share { display: none; } #head_upload { display: block; margin-left: 47px; margin-top: 20px; } .left_menu_visible #head_upload { margin-left: 0; } } @media only screen and (max-width: 900px) { .left_menu_visible #head_email_share { display: none; } .left_menu_visible #head_input_fields_container #copy_link_button { border-radius: 5px; width: 42px; background-position-x: 50% !important; } .left_menu_visible #head_input_fields_container #copy_link_text { display: none; } } @media only screen and (max-width: 800px) { .deleted_wrapper { padding: 0 20px; } .deleted_wrapper .deleted_inner { width: auto; height: auto; } .undelete__inner { width: auto; } } @media only screen and (max-width: 770px) { #list_bottom_banner_970and728 .list_bottom_banner_728x90 , #list_bottom_banner_728and320 .list_bottom_banner_728x90 { display: none; } #list_bottom_banner_728and320 .list_bottom_banner_320x50 , #list_bottom_banner_970and728 .list_bottom_banner_320x50 { display: block; } } @media only screen and (min-width: 501px) and (max-width: 620px) { #buy_all_files__button::after , #buy_all_folder__button::after { display: none !important; } } @media only screen and (max-width: 620px) { #list-container { min-height: calc(100% - 56px); } #item_add_new.empty { height: calc(100vh - 55px - 300px - 1px - 20px - 40px - 83px - 40px) !important; margin-bottom: 40px; } #list-container.header-hide #item_add_new.empty { height: calc(100vh - 300px - 1px - 20px - 40px - 83px - 40px) !important; } #right { padding-right: 16px !important; padding-left: 16px !important; } #center.show_ads #right { padding-bottom: 83px; } .header-owner { height: unset; min-height: 220px; } .header-owner.cover-medium { min-height: calc(60svh - 55px - 76px); } #list-container.header-hide .header-owner.cover-medium { min-height: calc(60svh - 76px); } .header-owner.cover-large { min-height: calc(100svh - 55px - 76px); } #list-container.header-hide.header-owner.cover-large { min-height: calc(100svh - 76px); } .header-owner .header_backdrop { left: -16px; width: calc(100% + 32px); } .header-owner .header_profile_info .header_profile_info_right .header-owner_name div { max-width: calc(100vw - 60px - 10px); } .header-owner .header_folder_info { margin: 0; flex: 1; display: flex; justify-content: flex-end; } .header-owner .upload_info__delete_warning { padding-top: 0; } .header-owner .upload_info_name { padding: 0; } .header-owner div:is(.upload_info_name, .upload_info_desc) { width: 100%; } .header-owner .upload_info_name textarea { font-size: 30px; } .header-owner.cover-medium .upload_info_name textarea { font-size: 40px; } .header-owner.cover-large .upload_info_name textarea { font-size: 50px; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub #text_color, .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub #overlay_color { width: unset; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub #text_color { margin-top: 15px; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .input-label-wrap { display: none; } .header_folder_info_center { position: unset; padding: 0; margin: 0; height: 100%; display: flex; flex-wrap: wrap; flex-direction: column; flex: 1; } .header-owner .upload_info_desc { max-width: 100%; min-height: 20px; } #head_sticky { position: unset; background: unset; width: unset; box-sizing: unset; z-index: 1; } #head_sticky.is-pinned #head { box-shadow: 0 -10px 12px rgb(0 0 0 / 10%); } #head { transition: bottom 0.5s ease; width: 100%; left: 0; position: fixed; bottom: 0; background: white; right: 0; z-index: 99999; padding: 10px; padding-bottom: 0; box-shadow: 0 -10px 12px rgb(0 0 0 / 10%); top: unset; } #head.nozindex { z-index: 0; } #head__select-all__wrapper { width: calc(100% + 16px); } #head__selected-files-actions { gap: 20px; justify-content: space-around; } .list-view_upload-info-buttons { display: none; } #head_menu__dropdown__content #upload-info-button-container { display: block; } #head_menu__dropdown__content #upload-info-button-container #list-view_upload-access-switch { display: unset; } #head_menu__dropdown__content #upload-info-button-container .inheritance_message { display: block; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer-item, #head:not(.no-sharewrap) #head_menu__dropdown a { border-radius: 0; height: 50px; font-size: 18px !important; padding: 0 28px 0 65px; background-position-x: 23px !important; width: 100%; background-size: 20px 20px !important; } #head.no-sharewrap { max-width: 100%; } #head.no-sharewrap #head_menu__dropdown { display: block !important; position: unset; border: unset; box-shadow: unset; padding: 0 !important; } #head.no-sharewrap .dropdown_close, #head.no-sharewrap .item-name, #head.no-sharewrap #head_menu__button{ display: none !important; } #head.no-sharewrap .list-view_upload-info-buttons { display: flex; padding: 0 !important; max-width: 100%; } #head.no-sharewrap #head_menu__dropdown a { width: unset; line-height: 14px !important; white-space: unset; height: unset; min-height: 32px; padding-top: 5px; padding-bottom: 5px; } #head_menu__dropdown a.list_view__order_button { background-size: 13px !important; } #left { width: 100vw; max-width: none; flex: 1; height: 100vh; position: fixed; top: 0; z-index: 99999; } #left.visible { display: block; } .left_menu_visible #right_container { display: none; } #head_menu { display: inline-flex !important; margin-left: 0; max-width: 100%; order: 5; height: 56px; min-width: 56px; justify-content: center; } #upload_description_edit { padding: 0; border: none; } .left_menu_visible .head_input_field { width: calc(50% - 10px); } .left_menu_visible #head_email_share { display: inline-block; } .left_menu_visible #head_input_fields_container #copy_link_button { border-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; width: unset; background-position-x: 10px !important; } .left_menu_visible #head_input_fields_container #copy_link_text { display: inline-block; } #head__all-files-actions.add-button { gap: 0; } #head__all-files-actions.add-button .head_download, #head__all-files-actions.add-button .head_download__button { width: unset; } #head__all-files-actions.add-button .head_download__button { background-position-x: calc(100% - 15px) !important; padding-right: 40px; padding-left: 15px; margin: 0; } #head__all-files-actions.add-button .head_download__button span.head_download__button_mobile { display: block; } #head__all-files-actions.add-button .head_download__button span.head_download__button_desktop { display: none; } #head__all-files-actions.add-button .head_download__button:after { display: none; } #head__all-files-actions .upload-info-button:after { display: block; content: ''; position: absolute; height: 100%; right: -21px; border-left: 2px solid #f5f3f3; } #head.head_show_upload_button .head_input_field__button span { min-width: 50px; margin-left: 10px; } .head_input_field__button { padding: 15px; } #head_input_fields_container { width: 100%; max-width: unset; margin: 0; } #head_input_fields_container { min-width: unset; } #head_menu #head_input_fields_container { display: block; } #upload_info_image_details { margin: 10px 0 0; border-bottom: none; padding-bottom: 0; margin-bottom: 20px; } .editable_field_textarea { font-size: 16px; } #head__all-files-actions { display: flex; justify-content: space-around; } #head__all-files-actions:not(.add-button) > .list_view__add_files_button { display: flex; margin: 0; } #head__all-files-actions .upload-info-button { padding: 0; height: 56px; width: 56px; border-radius: 50%; background-position: center; background-size: 21px; order: 3; min-width: 56px; } #head__all-files-actions .upload-info-button span { display: none; } .head_download { height: 56px; } #head__all-files-actions.add-button .head_download__button, #head__all-files-actions #buy_all_files__button, #head__all-files-actions #buy_folder__button, #head_share__selected-files.head_input_field__button, #head_menu__button, #copy_link_button, .head_download__button, #upload_head_menu { display: flex; flex-direction: column; margin: unset; justify-content: flex-end; height: 56px; padding: 0; background-position: center 5px; background-size: 24px 24px; margin: 0; min-width: 56px; margin-bottom: 10px; background-color: unset; } #head_buy__all-files { display: flex; justify-content: center; } #head__all-files-actions #buy_all_files__button, #head__all-files-actions #buy_folder__button { display: flex; background-color: unset; background-image: url(/images/UI_icons/cart.svg); box-sizing: border-box; flex: 1; height: 60px; margin-bottom: 5px; } #head__all-files-actions.add-button .head_download__button:hover, #head__all-files-actions #buy_all_files__button:hover, #head__all-files-actions #buy_folder__button:hover, #head_share__selected-files.head_input_field__button:hover, #head_menu__button:hover, #copy_link_button:hover, .head_download__button:hover, #upload_head_menu:hover, #head__all-files-actions #buy_all_files__button:hover, #head__all-files-actions #buy_folder__button:hover { background-color: unset; } #head__all-files-actions #buy_all_files__button span, #head__all-files-actions #buy_folder__button span { background: #00b715; padding: 4px 9px; border-radius: 10px; display: inline-block; width: max-content; line-height: 11px; font-size: 12px; margin-bottom: 0px; margin-top: 5px !important; } #head__all-files-actions #buy_folder__button #buy_folder__text_all { display: none; } .head_download { order: 1; height: 56px; min-width: 56px; } #head_link { order: 2; height: 56px; min-width: 56px; } #head_menu__button.open, .head_download__button.open { color: #407FF2 !important; } #head_menu__button.open { background-image: url(/images/UI_icons/blue/more.svg); } .head_download__button.open { background-image: url(/images/UI_icons/blue/download.svg); } #upload_head_menu { order: 3; height: 56px; min-width: 56px; } #upload_head_menu span { display: block; } #head__all-files-actions.add-button .head_download__button span, #head__all-files-actions #buy_all_files__button span, #head__all-files-actions #buy_folder__button span, #head_share__selected-files span, #head_menu__button span, #copy_link_button span, .head_download__button span, #upload_head_menu span { font-size: 11px; line-height: 15px; margin: 0; text-align: center; box-sizing: border-box; } #item_add_new_float { display: none; } .header-owner .header_profile__edit_wrap { top: 20px; } .header-owner .header_profile__edit_wrap .header_profile__edit_label { background-image: url(/images/UI_icons/inputs/dropdown_white_transparent.svg), linear-gradient(196deg, #9441F2 0%, #005AFF 210%); background-position-x: calc(100% - 17px), 0; background-position-y: 50%, 0; background-size: auto, auto; padding: 0 45px 0 25px; } .header-owner .header_profile__edit_wrap .header_profile__edit_label:hover { background-image: url(/images/UI_icons/inputs/dropdown_white_transparent.svg), linear-gradient(196deg, #7329c7 0%, #005AFF 210%); } .header-owner .header_profile__edit_wrap .header_profile__edit_label.open { background-image: url(/images/UI_icons/inputs/dropdown_active_white_transparent.svg), linear-gradient(196deg, #9441F2 0%, #005AFF 210%); } .header-owner .header_profile__edit_wrap .header_profile__edit_label.open:hover { background-image: url(/images/UI_icons/inputs/dropdown_active_white_transparent.svg), linear-gradient(196deg, #7329c7 0%, #005AFF 210%); } .dropdown_close_before { display: none; position: fixed; top: 0; left: 0; right: 0; height: calc(100% - 75px); z-index: 99999; } .dropdown_close_before:before { content: ''; position: fixed; top: 0; left: 0; right: 0; z-index: 99999; bottom: 76px; background-color: rgba(0,0,0,0.3); transition: background-color 0.5s ease; } .header_profile__edit_wrap.submenu-open .dropdown_close_before:before { background-color: transparent; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer, .head_download__dropdown, #head_menu__dropdown { top: unset; bottom: 76px; position: fixed; z-index: 100000; padding-bottom: 10px; left: 0; right: 0; overflow: hidden; border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: unset; border-bottom: 1px solid #E2E2E2; transition: unset; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer{ bottom: 0; -webkit-box-shadow: 0 0 40px rgb(4 30 77 / 16%); box-shadow: 0 0 40px rgb(4 30 77 / 16%); } .header-owner .header_profile__edit_wrap.submenu-open .header_profile__edit_drawer { -webkit-box-shadow: 0 0 50px rgb(0 0 0); box-shadow: 0 0 50px rgb(0 0 0); } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub { position: unset; box-shadow: unset; border-radius: unset; width: 100%; max-height: 70vh; overflow: auto; } .header_profile__edit_drawer-item-wrap { width: 100%; } .header-owner .header_profile__edit_wrap.submenu-open .header_profile__edit_drawer .header_profile__edit_drawer-item-wrap { display: none; } .header-owner .header_profile__edit_wrap ::-webkit-scrollbar { width: 7px; height: 7px; } .header-owner .header_profile__edit_wrap ::-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; } .header-owner .header_profile__edit_wrap :hover::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.55) } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub-item[data-drawertype="font"], .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub-item[data-drawertype="overlay"] { max-width: unset; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub-item, .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .styled-select { width: 100%; box-sizing: border-box; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .title { padding-bottom: 20px; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .edit_drawer_sub_button_wrap { flex-direction: column; gap: 0; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .edit_drawer_sub_button { margin-bottom: unset; background-color: unset; width: 100%; background-position-x: 0; padding-left: 50px; box-sizing: border-box; justify-content: flex-start; height: 45px; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .edit_drawer_sub_button.active { background-color: unset; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .edit_drawer_sub_button.active { background-color: unset; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .edit_drawer_sub_button.active:after { content: ''; background: transparent url(/images/UI_icons/blue/check.svg) no-repeat center center; background-size: contain; display: block; width: 15px; height: 100%; z-index: 1; position: absolute; right: 0; } .header-owner .header_profile__edit_wrap .header_profile__edit_drawer_sub .edit_drawer_sub_button span { font-size: 18px; display: block; position: unset; } #head_view_sort_switch_dropdown { top: unset !important; position: fixed !important; bottom: 0; left: 0; right: 0; z-index: 100000; width: 100%; border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: unset; border-bottom: 1px solid #E2E2E2; } .head_download__button.open:after, #head_menu__button.open:after { content: ' '; height: 15px; width: 15px; display: inline-block; background: white; border-right: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; transform: rotate(45deg); box-sizing: border-box; position: absolute; z-index: 999999999; top: -18px; } .head_download__dropdown a { font-size: 18px; height: 50px; } #item_add_new { margin-bottom: 30px; } } @media only screen and (max-width: 500px) { #left { margin-bottom: 0; } .grid_view #all_items { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 5px; } .horizontal_view DIV.item { height: 110px; } #head_menu__dropdown a { width: 100%; } #head.no-buttons { display: none; } #head.sticktobottom { position: fixed; bottom: 0; margin: 0; z-index: 99999; left: 0; right: 0; background: white; padding: 10px; padding-bottom: 0; transition: bottom 0.5s ease; box-sizing: border-box; box-shadow: 0 -10px 12px rgb(0 0 0 / 10%); bottom: -75px; } #head.sticktobottom.up { bottom: 0; } #head:not(.sticktobottom) { bottom: 0 !important; } #head.sticktobottom + #head__select-all__wrapper { margin-top: 0; } #head_input_fields_container, .head_download__button:after, #head__all-files-actions .upload-info-button:after { display: none; } #head__all-files-actions.add-button .head_download__button { padding: 0; background-position-x: center !important; min-width: unset; } #buy_all_files__button , #buy_folder__button { width: calc(100% - 22px); margin: 0; } .deleted_footer { max-width: calc(100% - 40px); } .deleted_wrapper .deleted_vertical_center { flex-direction: column; align-items: flex-start; } .deleted_wrapper .deleted_inner_right h1 { display: none; } .deleted_wrapper .deleted_inner_left h1 { display: block; } .undelete__wrapper{ padding: 20px; } .deleted_wrapper .deleted_inner { width: 100%; padding-bottom: 20px; } .deleted_wrapper .deleted_inner_left, .deleted_wrapper .deleted_inner_right, .undelete_msg__wrapper , .deleted_info__wrapper { width: 100%; } .deleted_wrapper .deleted_inner_left { display: flex; justify-content: flex-start; column-gap: 20px; margin-bottom: 10px; } .deleted_wrapper .deleted_inner_left img { height: 90px; } .deleted_info__wrapper { margin-top: 0; } .deleted_info__header { margin-top: 0; } .deleted_info__table { margin: 0; } .head_input_field , #head.head_show_upload_button .head_input_field { margin: 0; } #head.head_show_upload_button .head_input_field__button span { display: unset; font-weight: bold; font-size: 16px; } #head__all-files-actions.add-button .head_input_field__button { padding: 0; } .buy_files_select #head__all-files-actions .head_input_field { flex: unset; } #buy_all_files__button::after , #buy_folder__button::after { display: block; } .head_input_field__button img { margin-bottom: 1px; } #head_share__selected-files.head_input_field__button { width: auto; } #upload_info_details li:last-child { margin: 0 0 10px 0; } .upload_info_details_icon { margin: 0; } #upload_info_image { top: 15px; left: calc( 50% - 45px ); } #left.upload_without_owner #upload_info_image , #left.upload_without_owner #upload_info_details__user { display: none; } #upload-info-button-container #upload-info-button_printing-order { display: block; margin-top: 20px; } .undelete__inner { flex-direction: column; row-gap: 30px; } #head__select-all_chkbox + label, #head__select-all_chkbox:checked + label:after { background-size: 16px; } .grid_view #head__select-all_chkbox + label { margin-left: 5px; } .head_download__button_desktop { display: none; } .head_download__button_mobile { display: inline-block; } #list-container.files .grid_view .file_context_menu, #list-container.files .horizontal_view .file_context_menu, #list-container.files .vertical_view .file_context_menu, #list-container.files .list_view .file_context_menu { top: unset !important; bottom: 0 !important; right: 0 !important; left: 0 !important; position: fixed; max-width: unset !important; width: 100%; height: 100%; background: rgba(0,0,0,0.3); flex-direction: column; justify-content: flex-end; padding-bottom: 0; border-radius: 0; border: 0 !important; } #list-container.files .grid_view .file_context_menu_close, #list-container.files .horizontal_view .file_context_menu_close, #list-container.files .vertical_view .file_context_menu_close, #list-container.files .list_view .file_context_menu_close { display: none !important; } #list-container.files .grid_view .file_context_menu_handle, #list-container.files .horizontal_view .file_context_menu_handle, #list-container.files .vertical_view .file_context_menu_handle, #list-container.files .list_view .file_context_menu_handle { width: 30px; border: 1px solid #E6E6E6; border-radius: 5px; margin: 7px auto; } #list-container.files .grid_view .file_context_menu li:nth-child(2), #list-container.files .horizontal_view .file_context_menu li:nth-child(2), #list-container.files .vertical_view .file_context_menu li:nth-child(2), #list-container.files .list_view .file_context_menu li:nth-child(2) { width: 100% !important; } #list-container.files .grid_view .file_context_menu li:last-child, #list-container.files .horizontal_view .file_context_menu li:last-child, #list-container.files .vertical_view .file_context_menu li:last-child, #list-container.files .list_view .file_context_menu li:last-child { padding-bottom: 5px; } } #list_floating_file_upload_btn { height: 60px; width: 60px; display: inline-block; position: fixed; bottom: 0; right: 0; z-index: 99999; background-image: url(../../images/public/start-upload.svg); background-size: 60px 60px; background-repeat: no-repeat; cursor: pointer; } #stick-top { position: sticky; top: 95px; } body.show_header_flag #stick-top { top: 115px; } body.non-sticky #stick-top{ top: 10px; } @media only screen and (max-width: 620px) { #stick-top { position: unset; } } #file_embed_popup { top: 150px; left: calc( 50vw - 225px ); position: fixed !important; } @media only screen and (max-height: 700px) { #file_embed_popup { top: 20px; } } body.ui-mobile #file_embed_popup { left: 0; } #file_embed_popup_inner:before , #file_embed_popup_inner:after { display: none; } #context_menu_close_backdrop { display: none; } #file_context_menu { max-width: 250px; overflow: hidden; border: unset; margin: 0; min-width: 235px; border-radius: 15px; -webkit-box-shadow: 0 0 40px rgb(4 30 77 / 12%); box-shadow: 0 0 40px rgb(4 30 77 / 12%); font-family: AlbertaSans, Roboto, sans-serif; } #file_context_menu #file_context_menu_close { color: #2C3E52; text-align: center; width: 36px; height: 36px; position: absolute; right: 0; top: 0; cursor: pointer; display: block; } #file_context_menu #file_context_menu_close i { font-size: 18px !important; font-family: "Font Awesome 5 Pro" !important; line-height: 35px; text-align: center; } #file_context_menu .divider { margin: 5px 0; background-color: #EDEDED; } #file_context_menu .item-name { margin-top: 5px; display: inline-flex; align-items: center; font-size: 12px; line-height: 16px; padding: 15px 15px 15px 0; width: calc(100% - 40px); } #file_context_menu .title { display: inline-block; display: -webkit-inline-box; font-size: 12px; line-height: 16px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #242424; } #file_context_menu li, #file_context_menu li.inner-menu > a + ul li { padding: 0; } #file_context_menu li > a, #file_context_menu li.inner-menu > a + ul li > a { height: 35px; color: #242424; transition: 0.5s ease; padding: 0; box-sizing: border-box; display: flex; align-items: center; padding-right: 20px; } #file_context_menu li > a .context-img, #file_context_menu li > .context-img, #file_context_menu li.inner-menu > a + ul li > a .context-img { display: inline-flex; min-width: 40px; justify-content: center; } #file_context_menu li.inner-menu > a + ul li > a { display: block; padding: 3px 10px 3px 25px; clear: both; font-weight: normal; white-space: nowrap; font-size: 16px; height: unset; width: 100%; box-sizing: border-box; } #file_context_menu li.inner-menu > a { background-image: url(/images/UI_icons/caret_down.svg); background-repeat: no-repeat; background-position-x: calc(100% - 11px); background-position-y: calc(50% + 1px); background-size: 10px; } #file_context_menu li.inner-menu > a + ul { display: none; padding: 5px 0; max-width: 235px; } #file_context_menu li.inner-menu > a:hover + ul, #file_context_menu li.inner-menu > a + ul:hover { display: block; } #file_context_menu li.inner-menu > a + ul a:hover { background-color: #F2F5F8; } #file_context_menu li.inner-menu > a + ul a span { font-size: 14px; line-height: 19px; display: block; text-align: left; color: #1a2533; } #file_context_menu li.inner-menu > a + ul a span.desc { color: #919191; font-size: 10px; line-height: 13px; width: 100%; white-space: normal; } #file_context_menu li .new { height: 26px; padding: 0 13px; border-radius: 13px; font-size: 12px; display: inline-flex; color: white; font-weight: bold; margin-left: 15px; background-color: #2AD498; vertical-align: bottom; align-items: center; } @media only screen and (max-width: 400px) { #file_context_menu li > a { padding: 2px 15px 2px 0; } } #file_context_menu li > a:hover, #file_context_menu li > a:focus { color: #1A2533; background-color: #F2F5F8; } #file_context_menu img { width: 14px; height: 14px; object-fit: contain; } #file_context_menu I { min-width: 24px; text-align: left; color: #1A2533; } @media only screen and (max-width: 620px) { #file_context_menu { top: unset !important; bottom: 0 !important; right: 0 !important; left: 0 !important; position: fixed !important; max-width: unset !important; width: 100%; height: unset; flex-direction: column; justify-content: flex-end; border-radius: 15px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 0 !important; } #file_context_menu #file_context_menu_close { display: none; } #file_context_menu .button-wrap { max-height: 60vh; overflow: auto; } #file_context_menu .divider { margin-bottom: 0; } #file_context_menu .item-name { width: 100%; box-sizing: border-box; } #file_context_menu.dropdown-menu .title { font-size: 14px; } #file_context_menu.dropdown-menu li.inner-menu > a.open-menu + ul { max-width: unset; padding: 5px 20px 5px 65px; } #file_context_menu.dropdown-menu li > a, #file_context_menu.dropdown-menu li.inner-menu > a + ul li > a { height: 50px; font-size: 18px; padding: 0 28px 0 0; width: 100%; } #file_context_menu.dropdown-menu li > .context-img, #file_context_menu.dropdown-menu li > a .context-img, #file_context_menu.dropdown-menu li.inner-menu > a + ul li > a .context-img { min-width: 65px; } #file_context_menu.dropdown-menu li > .context-img { width: 18px; height: 18px; } #file_context_menu.dropdown-menu li > a .context-img img, #file_context_menu.dropdown-menu li.inner-menu > a + ul li > a .context-img img { width: 20px; height: 20px; } #context_menu_close_backdrop { display: block; position: fixed; top: 0; left: 0; right: 0; height: 100%; z-index: 99998; } #context_menu_close_backdrop:before { content: ''; position: fixed; top: 0; left: 0; right: 0; z-index: 99998; bottom: 0; background-color: rgba(0,0,0,0.3); } }