.modal
{
    top: 28% !important;
}

.modal_top
{
    top: 10% !important;
}

.modal_input
{
    margin-bottom: 10px;
}

.modal_pin_width
{
    width: 150px;
}

.uploadlaber
{
    font-size: large;
    cursor:    pointer;
}

#fileForUpload
{
    max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}

.file_in_uploader_modal
{
    float:         left;
    width:         100%;
    text-align:    left;
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
}

#openModalOpen
{
    top: 0 !important;
}

#modalDialogOpenFile
{
    /*position:   relative;*/
    /*overflow-y: auto;*/
    /*overflow-x: auto;*/
    /*width:      initial;*/
    /*min-width:  300px;*/
    height: 100%;
}

.modalOpenContent
{
    height:             100%;
    background-color:   transparent !important;
    border:             0 !important;
    box-shadow:         none !important;
    -webkit-box-shadow: none !important;
}

.modalOpenHeader
{
    height:           55px;
    background-color: #fff !important;
}

.downloadFileOpen
{
    float:        right;
    width:        95px;
    height:       35px;
    line-height:  1px;
    margin-right: 12px;
    margin-top:   -7px;
}

#openModalDialog
{
    height:     -webkit-fill-available;
    width:      auto;
    height:     auto;
    max-height: 100%;
}

#modalBodyOpenFile, #modalBodyOpenFileGallery
{
    scale:  1;
    height: calc(100% - 90px);
}

#containerImage
{
    position:        relative;
    display:         flex;
    justify-content: center;
    top:             56px;
}

#openFileContainer
{
    display:    inline-block;
    text-align: center;
    /*height: inherit;*/
    width:      100%;
    position:   fixed;
    top:        10%;
}

#containerOffice
{
    width:            95%;
    height:           100%;
    background-color: #fff;
    overflow:         auto;
}

#openModalLeftArrow
{
    font-size:    27px;
    left:         0;
    margin-right: 8px;
    margin-left:  10px;
    z-index:      99;
}

#openModalRightArrow
{
    font-size:    27px;
    margin-left:  10px;
    margin-right: 8px;
    right:        0;
    z-index:      99;
}

.arrow_open_file
{
    cursor:             pointer;
    position:           fixed;
    width:              32px;
    border-radius:      43px;
    height:             32px;
    line-height:        33px;
    top:                50%;
    display:            flex;
    justify-content:    center;
    align-items:        center;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition:    all 0.2s ease-in-out;
    transition:         all 0.2s ease-in-out;
}

#openModalTitle
{
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
    max-width:     425px;
}

.link_protected_check_text
{
    float:        left;
    margin-right: 12px;
    line-height:  34px;
    font-size:    large;
}

.switch_link_checkbox
{
    position: relative;
    display:  inline-block;
    width:    60px;
    height:   34px;
}

.switch_link_checkbox input
{
    display: none;
}

.link_protected_checkbox_span
{
    position:           absolute;
    cursor:             pointer;
    top:                0;
    left:               0;
    right:              0;
    bottom:             0;
    -webkit-transition: .4s;
    transition:         .4s;
}

.link_protected_checkbox_span:before
{
    position:           absolute;
    content:            "";
    height:             26px;
    width:              26px;
    left:               4px;
    bottom:             4px;
    -webkit-transition: .4s;
    transition:         .4s;
}

.link_protected_checkbox:checked + .link_protected_checkbox_span:before
{
    -webkit-transform: translateX(26px);
    -ms-transform:     translateX(26px);
    transform:         translateX(26px);
}

.link_protected_checkbox_span.round
{
    border-radius: 34px;
}

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

.link_bucket_modal_content
{
    list-style:    none;
    padding-left:  0;
    padding-right: 1em;
    max-height:    140px;
    overflow-y:    auto;
}

#link_bucket_expiredate
{
    display:     inline-block;
    position:    absolute;
    margin-left: 10%;
    font-size:   large;
    margin-top:  4px;
}

#data_time_link
{
    display:   inline-block;
    font-size: medium;
}

.li_link_modal_bucket
{
    --hover-bg-color:    rgba(211, 211, 211, 0.5);
    --deleting-bg-color: rgba(255, 0, 0, 0.4);

    display:             flex;
    justify-content:     start;
    align-items:         center;
    gap:                 0.5em;
    margin-bottom:       10px;
    padding-left:        0.5em;
}

.li_link_modal_bucket:hover
{
    background-color: var(--hover-bg-color);
}

.li_link_modal_bucket.deleting
{
    background-color:   var(--deleting-bg-color);
    -webkit-transition: background-color 0.1s ease-out;
    -moz-transition:    background-color 0.1s ease-out;
    transition:         background-color 0.1s ease-out;
}

.li_link_modal_bucket_image
{
    width:        22px;
    margin-right: 10px;
}

.li_link_modal_bucket_remove_icon
{
    font-size:   1.5em;
    cursor:      pointer;
    padding:     0 0.5em;
    margin-left: auto;
}

.li_link_modal_bucket_remove_icon:hover
{
    color: #000;
}

table#tableProperties th,
table#tableProperties td
{
    border: none;
}

.new_share_user_text_input
{
    float:        left;
    margin-right: 12px;
    line-height:  34px;
}

#searchNewShareUserText
{
    display: inline-block;
    width:   66% !important;
}

.search_user_newshare
{
    width:       18px; /* Matte1 la lente di ingrandimento ora è di dimensioni consone */
    margin-left: 18px;
    cursor:      pointer;
}

.div_for_table_newshare
{
    max-height: 130px;
    overflow-y: auto;
}

table#tableNewShare > tbody > tr
{
    height: 35px;
}

.th_username_newshare
{
    width: 250px;
}

.th_rw_newshare
{
    width:      115px;
    text-align: center;
}

.th_ro_newshare
{
    width:      100px;
    text-align: center;
}

.th_remove_newshare
{
    opacity:               0;
    visibility:            hidden;
    -webkit-touch-callout: none;
    -webkit-user-select:   none;
    -khtml-user-select:    none;
    -moz-user-select:      none;
    -ms-user-select:       none;
    user-select:           none;
    cursor:                default;
}

.newshare_removeuser:hover
{
    cursor: pointer;
}

.addadduser_toshare_button
{
    margin-top: 20px;
}

.addnewsharebutton
{
    margin-top: 20px;
}

#urlLinkInput
{
    width:         100%;
    border:        0;
    font-size:     medium;
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
    max-width:     90%;
}

.copyurlLinkUrlOpen
{
    margin-top: 19px;
}

#versionOpen
{
    top: 6% !important;
}

.version_div_table_container
{
    max-height: 400px;
    overflow-y: auto;
}

#version_file_table
{
    margin-bottom: 0 !important;
}

.version_button
{
    cursor:       pointer;
    display:      inline-block;
    margin-right: 16px;
}

.tr_version_table
{
    background-color:   transparent;
    z-index:            21;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition:    all 0.2s ease-in-out;
    transition:         all 0.2s ease-in-out;
}

.tr_version_table > td
{
    border: 0 !important;
}

#manageDeviceOpen
{
    top: 7% !important;
}

.device_name
{
    display:       inline-block;
    float:         left;
    min-width:     210px;
    max-width:     210px;
    text-overflow: ellipsis;
    white-space:   nowrap;
    overflow:      hidden;
}

.rename_device
{
    display:     inline-block;
    margin-left: 43px;
    cursor:      pointer;
}

.rename_device:hover
{
    cursor: pointer;
}

#deviceContent
{
    max-height: 400px;
    overflow:   auto;
}

.operation_on_device
{
    display:      inline-block;
    float:        right;
    margin-right: 15px;
}

.disable_device
{
    display: inline-block;
}

.disable_device:hover
{
    cursor: pointer;
}

.enable_device
{
    display: inline-block;
}

.enable_device:hover
{
    cursor: pointer;
}

.remove_device
{
    display: inline-block;
}

.remove_device:hover
{
    cursor: pointer;
}

.submit_rename
{
    display:     inline-block;
    margin-left: 43px;
    cursor:      pointer;
}

.copy_open_list_container
{
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

.move_open_list_container
{
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

.copyfilebutton
{
    margin-top: 20px;
}

.movefilebutton
{
    margin-top: 20px;
}

.folder_ul_copy_move
{
    margin-bottom:   0;
    display:         block;
    list-style-type: none
}

.folder_li
{
    font-size:          large;
    background-color:   transparent;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition:    all 0.2s ease-in-out;
    transition:         all 0.2s ease-in-out;
    z-index:            2;
    position:           relative;
}

.folder_li.closed > ul
{
    display: none;
}

.folder_li.opened > ul
{
    display: block;
}

.bab_arrow_right_modal
{
    width:              0;
    float:              left;
    margin-left:        7px;
    height:             0;
    margin-top:         10px;
    padding-right:      8px;
    position:           absolute;
    z-index:            20;
    border-top:         5px solid transparent;
    border-bottom:      5px solid transparent;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition:    all 0.2s ease-in-out;
    transition:         all 0.2s ease-in-out;
    -ms-transform:      rotate(0deg) scale(1, 1) !important; /* IE 9 */
    -webkit-transform:  rotate(0deg) scale(1, 1) !important; /* Chrome, Safari, Opera */
    transform:          rotate(0deg) scale(1, 1) !important;
    -moz-transform:     rotate(0deg) scale(1, 1) !important;
}

.folder_li.closed > .bab_arrow_right_modal
{
    -ms-transform:     rotate(0deg) !important; /* IE 9 */
    -webkit-transform: rotate(0deg) !important; /* Chrome, Safari, Opera */
    transform:         rotate(0deg) !important;
    -moz-transform:    rotate(0deg) !important;
    margin-left:       7px;
    margin-right:      0;
    margin-top:        10px;
}

.folder_li.opened > .bab_arrow_right_modal
{
    -ms-transform:     rotate(90deg) !important; /* IE 9 */
    -webkit-transform: rotate(90deg) !important; /* Chrome, Safari, Opera */
    transform:         rotate(90deg) !important;
    -moz-transform:    rotate(90deg) !important;
    margin-left:       3px;
    margin-right:      4px;
    margin-top:        13px;
}

.folder_li.opened > .bab_arrow_right_modal:hover
{
    cursor:            pointer;
    -ms-transform:     rotate(90deg) scale(1.2, 1.2) !important; /* IE 9 */
    -webkit-transform: rotate(90deg) scale(1.2, 1.2) !important; /* Chrome, Safari, Opera */
    transform:         rotate(90deg) scale(1.2, 1.2) !important;
    -moz-transform:    rotate(90deg) scale(1.2, 1.2) !important;
}

.folder_li.closed > .bab_arrow_right_modal:hover
{
    cursor:            pointer;
    -ms-transform:     scale(1.2, 1.2) !important; /* IE 9 */
    -webkit-transform: scale(1.2, 1.2) !important; /* Chrome, Safari, Opera */
    transform:         scale(1.2, 1.2) !important;
    -moz-transform:    scale(1.2, 1.2) !important;
}

.hidden_foldertree_layout_modal
{
    width:       calc(100% - 19px);
    margin-left: 19px;
    height:      29px;
    position:    absolute;
    z-index:     0;
    top:         0;
}

.version_button_length
{
    width: 140px;
}

.hidden_foldertree_layout_modal:hover
{
    cursor: pointer;
}

#deviceContent
{
    overflow:   auto;
    max-height: 400px;
}

.remove_button_modal
{
    cursor:     pointer;
    margin-top: 3px;
}

.radio_span_clusterize_by
{
    border:             0 solid !important;
    padding:            0 !important;
    width:              65px !important;
    min-width:          9px !important;
    height:             34px !important;
    max-width:          36px !important;
    border-radius:      65px !important;
    background:         transparent !important;
    -webkit-transition: 100ms ease-in-out;
    -moz-transition:    100ms ease-in-out;
    transition:         100ms ease-in-out;
}

.radio_span_clusterize_by:hover
{
    border: 1px solid !important;
}

.radio_span_clusterize_by.selected
{
    border: 1px solid !important;
}

.radio_span_clusterize_by:hover
{
    cursor: pointer;
}

.radio_button_tab_bab
{
    border:             1px solid !important;
    border-radius:      40px !important;
    min-width:          100px !important;
    height:             15px !important;
    padding:            0 !important;
    -webkit-transition: 300ms ease-in-out;
    -moz-transition:    300ms ease-in-out;
    transition:         300ms ease-in-out;
}

.radio_button_tab_bab:hover
{
    cursor: pointer;
}

.label_modal_admin
{
    min-height:    100%;
    height:        auto !important;
    line-height:   35px;
    width:         100%;
    margin-bottom: 0;
}

#radio_button_tab_bab > label :hover
{
    cursor: pointer;
}

.favourite_cookie_div
{
    height:       29px;
    line-height:  27px;
    padding-left: 13px;
    width:        95%;
    display:      inline-block;
}

.favourite_cookie_div:hover
{
    cursor: pointer;
}

.cancel_button_favorite_cluster
{
    display:     inline-block;
    float:       right;
    position:    relative;
    line-height: 27px;
}

.cancel_button_favorite_cluster:hover
{
    cursor: pointer;
}

#guideOpen
{
    top: 0 !important;
}

.guide
{
    text-align: center;
    font-size:  20px;
}

.guideButtons
{
    background-color: transparent;
    border:           none;
    margin:           auto;
}

.buttonsGuideDiv
{
    text-align: center;
}

.guideType
{
    text-align: center;
}

.guideImage
{
    height: 200px;
    margin: auto;
}

#zipGuideButton
{
    width:      103px;
    text-align: center;
    margin:     auto;
}

.wbSheets.handsontable.htRowHeaders.htColumnHeaders
{
    height: calc(100% - 44px) !important;
}

.ht_master.handsontable.innerBorderTop
{
    height: 100% !important;
}

.handsontable .wtSpreader
{
    width: auto !important;
}

.handsontable .wtHider
{
    width:       auto !important;
    margin-left: 4px !important;
}


.notPreviewableFileContainer
{
    background-color: #fff;
}

.notPreviewableFile
{
    background-color: #fff;
    height:           100px !important;
    width:            100px;
    position:         absolute;
    top:              32%;
    bottom:           0;
}

#openModalOpen
{
    padding-left: 0 !important;
}

@media screen and (max-width: 720px)
{
    #in_zoom_btn_gallery
    {
        width:  70px;
        height: 30px;
    }

    .downloadFileOpen, #out_zoom_btn_gallery
    {
        width:  65px;
        height: 30px;
    }

    #openModalTitle
    {
        max-width: 260px;
    }
}

#openFileContainer video
{
    width:            100%;
    height:           auto;
    max-height:       100%;
    max-width:        100%;
    background-color: #0f0f0f;
}