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);
}
}