#configure_sites,
#uptime_data,
#backup_data,
#content_data,
#snapshot_data,
#restore_data,
#file_data,
#database_backup_data,
#extras_data,
#account_settings {
    width: 95%;
    max-width: 38.89rem;
    /* 700px / 18 = 38.89rem */
    height: 27.22rem;
    /* 490px / 18 = 27.22rem */
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.11rem;
    /* 20px / 18 = 1.11rem */
    margin-bottom: 1.11rem;
    /* 20px / 18 = 1.11rem */
    z-index: 90;
    background-color: #ffffff;
    border-radius: 0.75rem;
    /* Add rounded corners */
    /* visibility:hidden;*/
    padding: 0;
    padding-bottom: 1.5rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 5rem;
    display: none;
}

#configure_sites {
    height: auto;
    padding-top: 0.5rem;
}

#account_settings {
    top: 8.22rem;
    /* 148px / 18 = 8.22rem */
    color: #444;
}

#file_data,
#database_backup_data {
    /* width: 30rem; */
    z-index: 9955;
    font-size: 0.83rem;
    height: 24rem;
    /* 15px / 18 = 0.83rem */
}

#file_data_content,
#database_backup_content {
    position: relative;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    /* 630px / 18 = 35rem */
    top: 1.11rem;
    /* 20px / 18 = 1.11rem */
    height: 15rem;
    /* 350px / 18 = 19.44rem */
    z-index: 9570;
    /* overflow: scroll; */
}

.tabletop {
    background-color: #963;
    color: #fff;
    height: 0.94rem;
    /* 17px / 18 = 0.94rem */
    text-align: center;
    padding: 0.1rem;
}



#restore_hist_table {

    margin-top: 2rem;
    margin-bottom: 2rem;
    height: 15rem;
}
#restore_hist_table table td {
    padding: .3rem;
}

#fd_created {
    width: 10rem;
    /* Increased to prevent wrapping of "Created (per server)" */
}

#fd_backed_up {
    width: 8rem;
    /* Width for "Backed up" column */
}

#fd_size {
    width: 3.44rem;
    /* 62px / 18 = 3.44rem */
}

#fd_permissions {
    width: 4.89rem;
    /* 88px / 18 = 4.89rem */
}



#fd_archived {
    /* 405px / 18 = 22.5rem */
    width: 7.78rem;
    /* 140px / 18 = 7.78rem */
}

#files_table, #database_backups_table, #restore_hist_table {
    /* position: absolute; */
    position: relative;
    left: 0;
    right: 0;
    display: block;
    width: 95%;
    height: 9rem;
    text-align: center;
    font-size: 0.8rem;
    /* 250px / 18 = 13.89rem */
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    scrollbar-width: thin; /* Firefox */
    -webkit-overflow-scrolling: touch; /* iOS smooth scrolling */
}

/* Webkit browsers (Chrome, Safari) - force visible scrollbars */
#files_table::-webkit-scrollbar, #database_backups_table::-webkit-scrollbar, #restore_hist_table::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

#files_table::-webkit-scrollbar-track, #database_backups_table::-webkit-scrollbar-track, #restore_hist_table::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#files_table::-webkit-scrollbar-thumb, #database_backups_table::-webkit-scrollbar-thumb, #restore_hist_table::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

#files_table::-webkit-scrollbar-thumb:hover, #database_backups_table::-webkit-scrollbar-thumb:hover, #restore_hist_table::-webkit-scrollbar-thumb:hover {
    background: #555;
}

#files_table td, #database_backups_table td, #restore_hist_table td {
    height: 0.56rem;
    /* 10px / 18 = 0.56rem */
    text-align: center;
}

#files_table table, #database_backups_table table, #restore_hist_table table {
    margin-left: auto;
    margin-right: auto;
}

#files_table table tbody tr td, #database_backups_table table tbody tr td, #restore_hist_table table tbody tr td {
    border-bottom: 1px solid #fc6;
}

.file_selected {
    background-color: #fc6;
}

#uptime_data,
#backup_data,
#snapshot_data,
#restore_data {
    height: auto;
}
 #snapshot_data {
    padding-bottom: 1rem;
 }

.tab {
    border: none;
    margin: 0;
    padding: 0;
    height: 1.67rem;
    /* 30px / 18 = 1.67rem */
    padding-top: 0.22rem;
    /* 4px / 18 = 0.22rem */
    text-align: center;
    width: 5rem;
    /* 90px / 18 = 5rem */
    border-top-left-radius: 0.5rem;
    /* Rounded top corners */
    border-top-right-radius: 0.5rem;
    /* Rounded top corners */
}

.tab:hover {
    cursor: pointer;
}

.config_content,
.restore_content {
    width: 100%;
    /* 20px / 18 = 1.11rem */
    position: relative;
    font-size: .8rem;
    /* padding-bottom: 3rem; */
}
.config_content {
    /* padding-bottom: 3rem; */
}

.restore_content {
    position: relative;
    font-size: 0.8rem;
    margin-left: auto;
    margin-right: auto;
    /* height: auto; */
    margin-top: -5rem;
    padding-bottom: 1rem;
    /* top: 6.11rem; */
    /* 110px / 18 = 6.11rem */
}
#new_restore_content_container {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    font-size: 1rem;
}
#new_restore_content_container label {
    font-size: 1rem;
    line-height: 0.6;
}


.config_content td,
.config_content label,
.config_content select {
    vertical-align: top;
    font-size: 0.8rem;
}

.config_content table {
    margin: -.1rem;
    padding: 0;
}

.explainer {
    width: 70%;
    /* 625px / 18 = 34.72rem */
    font-size: 0.8rem;
    padding: 0;
    margin: 0;
    margin-left: 8rem;
}

#uptime_graph {
    /* position: absolute; */
    top: 1rem;
    right: 1rem;
    z-index: -100;
}

#uptime_graph img {
    width: 14rem;
}

#download_outages {
    margin-top: 1rem;
    margin-bottom: 2rem;
    text-align: center;
    border: 0;
}

#download_outages img {
    cursor: pointer;
    text-decoration: none;
}

#uptime_data table {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

#uptime_data {
    color: #000;
}

#uptime_data th {
    color: #963;
    text-align: right;
    white-space: nowrap;
    padding-right: 0.5rem;
    font-size: 0.8rem !important;
}

#uptime_data td {
    font-size: 0.8rem !important;
}

#uptime_data h3 {
    text-align: center;
}

#uptime_data_close_button,
/* #account_save_button, */
/* #account_close_button, */
#backup_data_close_button,
#snapshot_data_close_button,
#file_data_close_button,
#database_backup_close_button,
#restore_data_close_button,
#extras_data_close_button {
    position: absolute;
    bottom: 1.39rem;
    /* 25px / 18 = 1.39rem */
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 6.55rem;
    /* 285px / 18 = 15.83rem */
}
#account_save_button,
#account_close_button {
    bottom: 1.39rem;
    /* 25px / 18 = 1.39rem */
    margin-left: auto;
    margin-right: auto;
    /* 285px / 18 = 15.83rem */
}

#backup_selector {
    font-size: 0.8rem;
    height: 1.5rem;
    text-align: center;
    padding-bottom: 0.5rem;
}

.folderThing {
    text-align: right;
    display: inline;

}

.folder_tree {
    position: relative;
    cursor: pointer;
}

#backup_folder_view,
#backup_files_view {
    position: relative;
    /* 145px / 18 = 8.06rem */
    width: 48%;
    /* 325px / 18 = 18.06rem */
    height: 16.39rem;
    /* 295px / 18 = 16.39rem */
    /* left: 0.83rem; */
    /* 15px / 18 = 0.83rem */
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: #a8a8a8;
    border-left-color: #a8a8a8;
    border-bottom-color: #a8a8a8;
    border-top-color: #a8a8a8;
    font-size: 0.8rem;
}

#backup_files_view {
    /* left: 19.78rem; */

    /* 356px / 18 = 19.78rem */
}

#backup_folders_view_label,
#backup_files_view_label {
    position: relative;
    /* 420px / 18 = 23.33rem */
    width: 48%;
    /* 325px / 18 = 18.06rem */
    height: 1.11rem;
    /* 20px / 18 = 1.11rem */
    /* 16px / 18 = 0.89rem */
    font-size: 0.8rem;
    text-align: center;
    background-color: #fc6;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-right-color: #a8a8a8;
    border-left-color: #a8a8a8;
    border-bottom-color: #a8a8a8;
}

#backup_files_view_label {
    /* left: 19.78rem; */
    /* 356px / 18 = 19.78rem */
    /* width: 18.11rem; */
    /* 326px / 18 = 18.11rem */
}

#backup_folders_content,
#backup_files_content {
    width: 100%;
    /* 325px / 18 = 18.06rem */
    height: 16rem;
    /* 269px / 18 = 14.94rem */
    padding-top: 0.28rem;
    padding-bottom: 1rem;
    margin-bottom: 0.5rem;
    /* 5px / 18 = 0.28rem */
    white-space: nowrap;
    text-align: left;
    overflow: scroll;
}
#backup_folders_content {
    height: 15rem;
}

#backup_files_content {
    /* width: 18.11rem; */
    /* 326px / 18 = 18.11rem */
    padding-bottom: 0;
}

#backup_tabs {
    width: 100%;
    /* 90px / 18 = 5rem */
    height: 1.67rem;
    /* 30px / 18 = 1.67rem */
    position: absolute;
    right: 0;
    margin-left: auto;
    /* 130px / 18 = 7.22rem */
    top: -1.33rem;
    /* -24px / 18 = -1.33rem */
    z-index: 25;
    padding: 0;
    margin: 0;
    font-size: 0.8rem;
    text-align: center;
}

#backup_tabs .active {
    background: url(/images/active_white_tab.png) center center no-repeat;
    background-size: 100% 100%;
}

#backup_tabs .inactive {
    background: url(/images/inactive_white_tab.png) center center no-repeat;
    background-size: 100% 100%;
}

#backup_list {
    width: 5rem;
    position: absolute;
    text-align: center;
    right: 6rem;
    /* 90px / 18 = 5rem */
}

#backup_tree {
    width: 5rem;
    text-align: center;
    position: absolute;
    right: 1rem;
    /* 90px / 18 = 5rem */
    /* width: 5rem; */
    /* 90px / 18 = 5rem */
}

.open_folder,
.closed_folder,
.empty_folder {
    padding-left: 0.28rem;
    /* 5px / 18 = 0.28rem */
}

.open_folder_text {
    font-weight: bolder;
    color: #963;
    text-decoration: underline;
}

.folder_list,
.file_list {
    padding-left: 0.11rem;
    /* 2px / 18 = 0.11rem */
    display: inline;
}

.file_list {
    padding-left: 0.39rem;
    /* 7px / 18 = 0.39rem */
    margin-bottom: 0.17rem;
    /* 3px / 18 = 0.17rem */
    display: block;
}

.folder_list:hover,
.file_list:hover {
    color: #963;
    text-decoration: underline;
    cursor: pointer;
}

.file_folder {
    padding-left: 0.28rem;
    /* 5px / 18 = 0.28rem */
    height: 1.11rem;
    /* 20px / 18 = 1.11rem */
    width: 1.28rem;
    /* 23px / 18 = 1.28rem */
}

#configure_tabs {
    width: 20rem;
    /* 360px / 18 = 20rem */
    height: 1.67rem;
    /* 30px / 18 = 1.67rem */
    position: absolute;
    right: 1rem;
    top: -1.33rem;
    /* -24px / 18 = -1.33rem */
    z-index: 25;
    padding: 0;
    margin: 0;
    text-align: center;
}

#configure_tabs .active,
#restore_tabs .active {
    background: url(/images/active_tab.png) 100% 0% no-repeat;
    background-size: 100% 100%;
}

#configure_tabs .inactive,
#restore_tabs .inactive {
    background: url(/images/inactive_tab.png) 100% 0% no-repeat;
    background-size: 100% 100%;
}

#restore_tabs {
    width: 10rem;
    /* 180px / 18 = 10rem */
    height: 1.67rem;
    /* 30px / 18 = 1.67rem */
    position: absolute;
    right: 1rem;
    /* 500px / 18 = 27.78rem */
    top: -1.33rem;
    /* -24px / 18 = -1.33rem */
    z-index: 25;
    padding: 0;
    margin: 0;
    text-align: center;
}

#conf_backups_content {
    /* top: 3.89rem; */
    /* 70px / 18 = 3.89rem */
    margin: 0 auto;
    margin-left: 1rem;
}

#conf_uptime_content {
    /* top: 4.44rem; */
    /* 80px / 18 = 4.44rem */
}

#restore_new_tab {
    position: absolute;
    left: 0;
    width: 5rem;
    /* 90px / 18 = 5rem */
}

#restore_history_tab {
    position: absolute;
    left: 5rem;
    /* 90px / 18 = 5rem */
    width: 5rem;
    /* 90px / 18 = 5rem */
}

#conf_backups {
    position: absolute;
    left: 10rem;
    /* 180px / 18 = 10rem */
    width: 5rem;
    /* 90px / 18 = 5rem */
}

#conf_uptime {
    position: absolute;
    left: 5rem;
    /* 90px / 18 = 5rem */
    width: 5rem;
    /* 90px / 18 = 5rem */
}

#conf_page_rank {
    position: absolute;
    left: 15rem;
    /* 270px / 18 = 15rem */
    width: 5rem;
    /* 90px / 18 = 5rem */
}

#conf_general {
    position: absolute;
    left: 0;
    width: 5rem;
    /* 90px / 18 = 5rem */
}


#tab_label {
    padding: 0.56rem;
    /* 10px / 18 = 0.56rem */
    margin: 0;
    height: 2.22rem;
    /* 40px / 18 = 2.22rem */
}

#tab_label p {
    display: inline;
}

#status_message {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
    z-index: 15000;
    min-width: 20rem;
    max-width: 90%;
    padding: 1rem;
    text-align: center;
    display: none;
}

#status_message_text {
    font-size: 1rem;
}



.tab_buttons {
    position: absolute;
    bottom: .3rem;
    right: .5rem;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.tab_button {
    /* background: #666; */
    background: linear-gradient(90deg, #997435 0%, #ad843a 50%, #bb8f3c 100%);

    border: 1px solid #888;
    border-radius: .5rem;
    transition: background-color 0.2s ease;
    height: 1rem;
    width: 6.55rem;
    color: #f9e6c2;
    text-align: center;
    margin-left: 0.5rem;
    font-weight: bold;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.tab_button:hover {
    background: #fc6;
    border-color: #cd853f;
    color: #963;
    cursor: pointer;
}

#message_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
    z-index: 9958;
    min-width: 20rem;
    max-width: 90%;
    padding: 1rem;
    text-align: center;
    display: none;
    font-size: 1rem;
}

#message_box_choice_one,
#message_box_choice_two {
    font-weight: bold;
    border-radius: 1rem;
    padding: 0.25rem 1rem;
    font-size: 1rem;
    border: 1px solid #6f3d0a;
    color: #6f3d0a;
    background-image: linear-gradient(180deg, #eed6a2, #ffca66, #eed6a2);
    cursor: pointer;
    text-align: center;
    min-width: 6rem;
    margin: 0.25rem;
    position: relative;
    display: inline-block;
}

#message_box_choice_one:hover,
#message_box_choice_two:hover,
#ack_box_text:hover {
    background-image: linear-gradient(180deg, #ffb82f, #ffca66, #ffb82f);
}

#ack_box {
    position: absolute;
    top: 50vh;
    left: 50%;
    transform: translate(-50%, -50%);
    /* top: 50vh; 
    left: 50vw; transform: translate(-50%, -50%); */
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
    z-index: 11000;
    min-width: 20rem;
    width: 28rem;
    max-width: 90%;
    padding: 1rem;
    text-align: center;
    overflow-x: auto;
    display: none;
    font-size: 1rem;
}

#ack_box_text {
    font-weight: bold;
    border-radius: 1rem;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border: 1px solid #6f3d0a;
    color: #6f3d0a;
    background-image: linear-gradient(180deg, #eed6a2, #ffca66, #eed6a2);
    cursor: pointer;
    text-align: center;
    min-width: 6rem;
    margin: 0;
    position: relative;
    display: inline-block;
}
#ack_box_content {
    max-height: 20rem;
    overflow-y: auto;
}
#req_message {

    color: #ff0000;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-color: #ff0000;
    border-left-color: #ff0000;
    border-bottom-color: #ff0000;
    border-top-color: #ff0000;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    margin: 0.56rem;
    /* 10px / 18 = 0.56rem */
    text-align: center;
    font-weight: bold;
    position: absolute;
    top: -3.06rem;
    /* -55px / 18 = -3.06rem */
    left: 12.5rem;
    /* 225px / 18 = 12.5rem */
    display: none;
}

#password_confirm_notice,
#email_prollm_notice {

    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: #c00;
    border-left-color: #c00;
    border-bottom-color: #c00;
    border-top-color: #c00;
    position: relative;
    width: 8.89rem;
    /* 160px / 18 = 8.89rem */
    left: 13.61rem;
    /* 245px / 18 = 13.61rem */
    top: -0.83rem;
    /* -15px / 18 = -0.83rem */
    text-align: center;
    color: #c00;
    display: none;
}

#email_prollm_notice {
    position: absolute;
    left: 25.67rem;
    /* 462px / 18 = 25.67rem */
    top: 12.94rem;
    /* 233px / 18 = 12.94rem */
}

#time_saver,
#backup_time_saver {
    text-align: right;
    position: absolute;
    top: 0.56rem;
    /* 10px / 18 = 0.56rem */
    left: 26.11rem;
    /* 470px / 18 = 26.11rem */
}

#backup_time_saver {
    left: 24.17rem;
    /* 435px / 18 = 24.17rem */
}

#settings_form td {
    text-align: left;
}

/* Password visibility toggle */
.password-container {
    position: relative;
}

.password-toggle {
    position: absolute;
    right: 0.2rem;
    bottom: 0;
    cursor: pointer;
    color: #6f3d0a;
    font-size: 0.8rem;
    user-select: none;
}

.link-text {
    cursor: pointer;
}

/* Terms and conditions section */
.terms-section {
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
}

/* Form validation styles */
.field-invalid {
    border: 2px solid #e74c3c !important;
    background-color: rgba(231, 76, 60, 0.05);
}

.error-message {
    color: #e74c3c;
    font-size: 0.8rem;
    margin-top: 0.2rem;
    display: block;
}

.checkbox-invalid+label {
    color: #e74c3c;
}

#conf_uptime_content .max_height,
#conf_backups_content .max_height {
    padding-top: 0.5rem;
}



#config_site_form label,
#config_site_form input,
#config_site_form select,
#config_site_form textarea {
    font-size: 0.8rem;
    margin-top: .3rem;
    margin-bottom: 0.5rem;
}

#config_site_form input[type="checkbox"] {
    margin-right: .3rem;
}

#config_site_form input:not([type="checkbox"]),
#config_site_form select,
#config_site_form textarea {
    height: 1.6rem;
    padding-bottom: 0;
    width: 10rem;
}

#config_site_form input[type="checkbox"] {
    padding-left: 0;
    margin-left: 0;
}

#config_site_form textarea {
    height: 4rem;
    width: 12rem;
    resize: vertical;
}

#config_site_form {
    margin-top: -7.5rem;
}

/* Right-align labels and give consistent width */
.config_content label {
    vertical-align: middle;
    width: 12rem;
    text-align: right;
    padding-right: 0.5rem;
    font-weight: bold;
}

.config_content .horizontal_section>div {
    /* width: 45%; */
}

#conf_backups_content .horizontal_section {
    margin-bottom: 0;
}

/* Tighter spacing for connection/port form controls */
#conf_backups_content #transfer_method,
#conf_backups_content #port,
#conf_backups_content #transfer_server,
#conf_backups_content #transfer_frequency {
    margin-left: 0;
    margin-top: 0;
}

#check_uptime {
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
}

#conf_backups_content .password-container {
    position: relative;
    width: 11rem;
    height: 3rem;
    /* Match the input width */
}

/* Account settings specific styles */
#account_settings table th {
    vertical-align: top;
    text-align: left;
    padding-right: 0.5rem;
}

#account_settings .usage-table tr {
    margin:0;
    padding: 0;
}
#account_settings .usage-table td {
    margin: 0;
    padding: 0.2rem;
    padding-bottom: 0;
    text-align: right;
}
.subscription-details {
    font-size: 0.6rem;
    line-height: 1.2;
}