/*
 * Theme Name: MaxTheme for HestiaCP
 * Version: 3.0.1
 * License: GPLv3
 * Author: Maxi Zamorano
 * Author URL: https://www.maxizamorano.com/
 * Email: contacto@maxizamorano.com
 * GitHub Repository: https://github.com/MaxiZamorano/maxtheme
 * Description: Elegant theme for HestiaCP with Tailwind UI style.
*/
@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap);.form-link,.u-unstyled-button{pointer-events:auto}.main-menu-stats,a.login-form-link{text-transform:none}.card-content a.button,.modal-options .button.button-secondary{text-decoration:none;box-shadow:none;color:var(--text-secondary)}:root{--font-family:"Pretendard Variable","Pretendard",system-ui;--color-primary:#5c5c68;--color-primary-hover:#464652;--color-primary-focus:#5d5d66;--color-secondary:#e5e5e5;--color-tertiary:#48484c;--color-dark-primary:#0d0d10;--color-dark-secondary:#050507;--color-dark-tertiary:#d1d5db30;--color-dark-quaternary:#7c7c7c;--color-dark-quinary:#e7e7e7;--color-dark-senary:#dddddd;--color-dark-septenary:#0a0a0d;--color-dark-octonary:#505050;--color-shadow:#0000000f;--color-shadow-menu:#0000000a;--color-shadow-notify:#0000001a;--text-primary:var(--color-primary);--text-secondary:var(--color-secondary);--text-tertiary:var(--color-dark-primary);--text-label:var(--color-dark-quaternary);--text-link:var(--color-primary);--text-link-hover:var(--color-primary-hover);--color-text:var(--color-secondary);--color-text-heading:var(--color-secondary);--bg-primary:var(--color-dark-primary);--bg-secondary:var(--color-dark-secondary);--border-primary:var(--color-primary);--border-secondary:var(--color-secondary);--border-hover:var(--color-primary-hover);--border-focus:var(--color-primary-focus);--border-dark-primary:var(--color-dark-primary);--border-dark-secondary:var(--color-dark-secondary);--border-dark-tertiary:var(--color-dark-tertiary);--border-dark-quaternary:var(--color-dark-quaternary);--border-dark-quinary:var(--color-dark-quinary);--border-dark-senary:var(--color-dark-senary);--info-color:#8fa7fb;--info-bg:#1c202b;--info-border:#576596;--success-color:#5dcdb0;--success-bg:#1a937414;--success-border:#5dcdb07a;--danger-color:#f37878;--danger-bg:#e336361a;--danger-border:#d388889c;--btn-danger-bg:#e93e3e;--btn-danger-border:#d53535;--btn-danger-focus:#e9c1c1;--btn-modal-bg:#222222;--btn-modal-border:#222222;--btn-modal-hover:#2a2a2a;--btn-modal-focus:#404040}.container,.toolbar-inner{max-width:1100px}.app-content,body{background:var(--bg-secondary)}a{color:var(--text-link)}a:hover{color:var(--text-link-hover)}.u-mb10,.u-mb20,.u-mb5{position:relative;margin-bottom:15px!important}.u-text-H1,h1{font-size:1.4rem;color:var(--color-text)}.password-meter{box-shadow:none}.u-pos-relative{position:static!important}.unlimited-toggle{z-index:0;height:35px}.card-content,.console-output,.toolbar-buttons .button-back .icon-blue,.toolbar-buttons .button-back .icon-green,.toolbar-buttons .icon-blue,.toolbar-buttons .icon-green,.toolbar-buttons .icon-lightblue,.toolbar-buttons .icon-maroon,.toolbar-buttons .icon-orange,.toolbar-buttons .icon-purple,.toolbar-buttons .icon-red,.units-table-cell a{color:var(--text-secondary)}.u-mb10 .form-label,.u-mb20 .form-label{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);font-size:14px;font-weight:400;color:var(--text-label);transition:.2s;pointer-events:auto;background-color:var(--bg-primary);padding:0 .25rem}.u-mb10 .form-control.floating-text+.form-label,.u-mb10 .form-control:focus+.form-label,.u-mb20 .form-control.floating-text+.form-label,.u-mb20 .form-control:focus+.form-label{background:var(--bg-primary);top:-1px;font-size:13px;color:var(--text-primary);font-weight:500;border-radius:6px}.u-mb10 .form-control,.u-mb10 .form-select,.u-mb20 .form-control,.u-mb20 .form-select,.u-mb5 .form-control{border:1px solid var(--border-dark-tertiary);line-height:1.3;transition:border-color .2s;box-shadow:none!important;color:var(--color-text);font-size:14px;width:100%}.u-mb10 .form-control:not(:focus):not(.floating-text)+.form-label,.u-mb20 .form-control:not(:focus):not(.floating-text)+.form-label{top:50%;background-color:transparent;color:var(--color-dark-senary);cursor:auto}.u-mb10 .form-control,.u-mb20 .form-control,.u-mb5 .form-control{background:var(--color-dark-septenary);border-radius:7px}.form-control.u-min-height300:focus,.u-mb10 .form-control:focus,.u-mb20 .form-control:focus,.u-mb5 .form-control:focus{background:var(--bg-primary);color:var(--text-secondary);border-color:var(--border-primary);outline:0;box-shadow:none}.u-mb10 .form-select,.u-mb20 .form-select{background-color:var(--color-dark-septenary);border-radius:7px}.u-mb10 .form-select:focus,.u-mb20 .form-select:focus{background-color:var(--bg-primary);color:var(--text-secondary);border-color:var(--border-primary);outline:0;box-shadow:none}.form-control.u-min-height300{background-color:var(--color-dark-septenary);width:100%;font-size:14px;color:var(--color-text);line-height:1.3;border:1px solid var(--border-dark-tertiary);border-radius:7px;transition:border-color .2s;box-shadow:none!important}.form-check label,.form-label{color:var(--color-text);font-weight:500}.form-control:disabled,.form-select:disabled{text-shadow:none!important;background-color:var(--bg-secondary)!important}div#v_custom_doc_root .form-label{color:var(--text-primary);background-color:var(--bg-primary);border-radius:7px!important;top:0!important;font-weight:400!important;font-size:14px!important}.form-select{background-size:25px}.form-label:has(+ select){color:var(--text-primary)!important;margin-top:-20px!important;border-radius:4px!important}.button.button-secondary,.button.button-secondary.js-toggle-options,.toolbar-buttons a.button.button-secondary,.u-side-by-side a.button,button.button[type=submit]{background:var(--color-primary);font-weight:400;color:var(--text-secondary);border:1px solid var(--border-primary);padding:6px 12px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;cursor:pointer;border-radius:7px;text-shadow:none;box-shadow:none;transition:.3s}.button.button-secondary,.button.button-secondary.js-toggle-options{padding:3px 12px}.button.button-secondary.js-toggle-options:hover,.button.button-secondary:hover,.toolbar-buttons a.button.button-secondary:hover,.u-side-by-side a.button:hover,button.button[type=submit]:hover{background-color:var(--color-primary-hover);border:1px solid var(--color-primary-hover)}.button.button-secondary.js-toggle-options:focus,.button.button-secondary:focus,.card-content a.button:focus,.login .button:focus,.toolbar-buttons a.button.button-secondary:focus,.u-side-by-side a.button:focus,button.button[type=submit]:focus{outline:3px solid var(--color-primary-focus);transition:none}.toolbar-buttons a.button.button-danger:hover,.u-side-by-side a.button.button-danger:hover{background-color:var(--btn-danger-bg);border:1px solid var(--btn-danger-border)}.toolbar-buttons a.button.button-danger:focus,.u-side-by-side a.button.button-danger:focus{outline:3px solid var(--btn-danger-focus);transition:none}button.button[type=submit]{padding:6px 12px}.modal-options .button.button-secondary{background:var(--btn-modal-bg);border:1px solid var(--btn-modal-border);font-weight:400;padding:6px 12px;text-align:center;display:inline-block;font-size:14px;cursor:pointer;border-radius:7px;text-shadow:none;transition:.3s}.card-content a.button,.toolbar-buttons a.button.button-secondary{background:var(--color-primary);border:1px solid var(--border-primary)}.modal-options .button.button-secondary:hover{background-color:var(--btn-modal-hover)}.modal-options .button.button-secondary:focus{outline:3px solid var(--btn-modal-focus);transition:none}.toolbar-buttons a.button.button-secondary.button-back{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-dark-primary)}.toolbar-buttons a.button.button-secondary.button-back:hover,.units-table-row.disabled,.units-table-row.disabled:hover{background-color:var(--color-dark-tertiary)}.toolbar-buttons a.button.button-secondary.button-back:focus{outline:3px solid var(--border-dark-tertiary);transition:none}.u-side-by-side a.button{background:var(--color-primary)}.card-content a.button{font-weight:400;padding:4px 12px;text-align:center;display:inline-block;font-size:14px;cursor:pointer;border-radius:7px;text-shadow:none;transition:.3s}.card-content a.button:hover,.login .button:hover{background-color:var(--color-primary-hover)}.toolbar,.toolbar .form-control:focus,.toolbar-input-submit{background-color:var(--bg-secondary)}.toolbar{border-top:none;border-bottom:none}.toolbar-link.selected,.toolbar-link:hover{color:var(--text-primary);background:var(--bg-primary);border-radius:7px}.toolbar .form-select,.toolbar-sorting .form-select{background:var(--bg-secondary);border:1px solid var(--border-dark-tertiary);height:35px;border-radius:7px 0 0 7px;transition:.3s}.toolbar-sorting .form-select:focus,.toolbar-sorting .form-select:hover{border:1px solid var(--border-primary)}.toolbar-input-submit{border-radius:0 7px 7px 0;text-shadow:none;color:var(--text-primary);border-left:0;border-top:1px solid var(--border-dark-tertiary);border-right:1px solid var(--border-dark-tertiary);border-bottom:1px solid var(--border-dark-tertiary);box-shadow:none}.toolbar .form-control:focus,.toolbar .form-control:hover{border-color:var(--border-primary)}.toolbar-input-submit:hover{background:var(--bg-primary);color:var(--color-primary-hover)}.toolbar .form-control,.toolbar.active{background:var(--bg-secondary);box-shadow:none}.toolbar .form-control{height:35px;border-radius:7px 0 0 7px;border:1px solid var(--border-dark-tertiary);transition:.3s}.toolbar .form-control:focus{color:var(--text-secondary)}.toolbar.active{padding-top:10px;height:70px;border-bottom:1px solid var(--border-dark-tertiary)}.form-container,.units-table.js-units-container{background:var(--bg-primary);border-radius:15px;box-shadow:0 0 6px var(--color-shadow)}.form-container{max-width:100%;padding:30px 20%;margin:10px auto 15px}.form-container-wide{padding:30px 10%!important}.units-table.js-units-container{margin-top:25px;border-collapse:collapse;border-spacing:0;width:100%;padding-left:0;padding-right:0;padding-top:20px;display:table}.units-table-header{background:0 0;border-bottom:1px solid var(--border-secondary);border-right:none;border-left:none;box-shadow:none}.units-table-badge,.units-table-row.selected,.units-table-row.selected:hover,.units-table-row:hover{background-color:var(--bg-secondary)}.units-table-row{border-color:currentColor #0000 var(--color-dark-octonary)}.units-table-row:hover{color:var(--text-secondary);border-left-color:var(--border-dark-secondary);border-right-color:var(--border-dark-secondary);box-shadow:none}.units-table-row.selected{box-shadow:none;border-left:1px solid transparent;border-right:1px solid transparent}.clipboard-button:hover .fas,.collapse-header:hover:after,.top-bar-notification-item.unseen .top-bar-notification-title,.units-table-cell a:hover{color:var(--text-primary)}.units-table-badge{color:var(--text-secondary);text-align:center;text-shadow:none;border:1px solid var(--border-dark-primary);border-radius:13px;min-width:26px;padding-left:4px;padding-right:4px;font-size:13px;font-weight:600;line-height:24px;display:inline-block;box-shadow:none}.main-menu{padding-top:30px;background:var(--bg-secondary);padding-bottom:10px}.main-menu-item,.top-bar{background:var(--bg-primary)}.main-menu-list{border-bottom:1px solid var(--color-dark-octonary);padding-bottom:20px}.main-menu-item{flex-grow:0;display:flex;border:1px solid transparent;border-radius:10px;box-shadow:0 0 6px var(--color-shadow-menu)}.main-menu-item-link{border-bottom:4px solid var(--border-dark-primary);border-radius:10px;transition:.3s}.main-menu-item-label{display:block;text-align:left;font-weight:500;color:var(--text-secondary)!important;transition:.3s}.main-menu-stats{color:var(--text-secondary);padding-top:0;padding-bottom:0;font-size:14px;line-height:1.3;display:block;text-align:start;font-weight:300}.main-menu-item-label i{display:block;font-size:35px!important;color:var(--color-tertiary)!important;margin-left:0!important;margin-bottom:5px;transition:.3s}.main-menu-item-link.active,.main-menu-item-link:hover{border-bottom-color:var(--border-primary)}.main-menu-item-link.active .main-menu-item-label i,.main-menu-item-link:hover .main-menu-item-label i{color:var(--text-link)!important;transition:.3s}.top-bar{box-shadow:none;border-bottom:none;z-index:2;width:100%;height:50px;display:flex;position:fixed;top:0}.top-bar-menu-link{color:var(--text-secondary);text-shadow:none;border:0;border-left:0;border-right:0;align-items:center;padding:10px;font-size:.8rem;font-weight:600;display:flex}.top-bar-menu-link.active,.top-bar-menu-link:hover{color:var(--text-secondary);text-shadow:none;background:var(--color-primary-hover);border-left:0;border-right:0;box-shadow:none}.top-bar-usage-inner{background:color-mix(in srgb,var(--color-secondary) 10%,transparent 50%);color:var(--text-secondary);text-shadow:none;font-weight:500;display:flex;padding:3px 15px;border-radius:7px}.modal{background-color:var(--bg-primary);border:none;box-shadow:none;border-radius:10px}.modal-title{color:var(--text-primary);text-align:center;padding:15px 20px 0;font-size:20px;text-transform:uppercase}.alert a,.collapse-header,.modal-message{color:var(--text-secondary)}.modal-message{text-align:center;padding:25px 20px;font-size:14px}.modal-options{justify-content:flex-end;padding:10px;display:flex;box-shadow:none;background:var(--bg-primary);border-top:1px solid var(--color-dark-tertiary)}.collapse-header{border-bottom:1px solid var(--border-dark-tertiary)}.box-collapse-header,.collapse-header{text-shadow:none;color:var(--text-secondary);background:color-mix(in srgb,var(--color-secondary) 10%,transparent 50%);border:1px solid var(--border-dark-primary);font-weight:500;box-shadow:none;border-radius:7px}.box-collapse-header:hover,.collapse-header:hover{color:var(--text-primary);background:color-mix(in srgb,var(--color-secondary) 8%,transparent 50%)}.alert{border-radius:7px;border:none;box-shadow:none;text-shadow:none;padding:15px;font-weight:400}.alert-info{background-color:var(--info-bg);color:var(--info-color);border:1px solid var(--info-border)}.alert-info .fas{color:var(--info-bg);background-color:var(--info-color)}.alert-danger{background-color:var(--danger-bg);color:var(--danger-color);border:1px solid var(--danger-border)}.alert-danger .fas{color:var(--text-tertiary);background-color:var(--danger-color)}.alert a{font-weight:500}.body-reset .login .error,.inline-alert.inline-alert-success.u-mb20,.page-reset .login .error{background:var(--success-bg);padding:7px 15px;border-radius:7px;border:1px solid var(--success-border);color:var(--success-color);font-weight:400}.body-login .login .error,.inline-alert.inline-alert-danger.u-mb20,.page-login .login .error{background:var(--danger-bg);padding:7px 15px;border-radius:7px;border:1px solid var(--danger-border);color:var(--danger-color);font-weight:400}.form-label[for=v_php_default_version]{position:relative;top:25px;left:10px;border-radius:7px}.form-label[for=webapp_database_name],.form-label[for=webapp_database_password],.form-label[for=webapp_database_user]{top:0!important;background:var(--bg-primary)!important;color:var(--text-primary)!important;font-size:14px!important}.u-pl30 .form-label[for*="v_ftp_user["][for$="[v_ftp_email]"],.u-pl30 .form-label[for*="v_ftp_user["][for$="[v_ftp_password]"],.u-pl30 .form-label[for*="v_ftp_user["][for$="[v_ftp_path]"],.u-pl30 .form-label[for*="v_ftp_user["][for$="[v_ftp_user]"]{position:relative;background:var(--bg-primary);font-size:14px;font-weight:500;padding:0 5px;top:-36px!important;left:10px;color:var(--text-primary);border-radius:7px;line-height:.9}small.hint.js-ftp-user-hint{position:absolute;left:44px}.u-pl30 .hint-prefix{color:var(--text-secondary);font-size:.8rem;margin-left:-36px}.form-link{color:var(--text-link)}.form-link:hover{background-color:var(--color-primary)}.card{border-radius:10px;background-color:var(--bg-secondary);border:1px solid var(--border-dark-tertiary);margin-bottom:20px;overflow:hidden;box-shadow:none}.top-bar-notifications-panel{background-color:var(--bg-primary);box-shadow:0 0 7px 1px var(--color-shadow-notify);border:1px solid var(--color-shadow-notify);border-radius:10px!important;margin-top:10px}.clipboard-button,.top-bar-notification-item{border-bottom:1px solid var(--border-dark-tertiary)}.top-bar-notification-timestamp{text-align:right;margin-top:10px;font-size:12px;font-weight:500}.top-bar-notification-item{color:var(--text-secondary);font-size:.8rem;line-height:1.2}.top-bar-notifications-delete-all{color:var(--text-secondary);background:var(--border-dark-secondary)!important;border-top:1px solid var(--border-dark-tertiary)}.top-bar-notifications-delete-all:hover{color:var(--text-secondary);background:color-mix(in srgb,var(--color-secondary) 3%,transparent 50%)!important}.top-bar-notification-delete .fas{color:var(--btn-danger-bg);font-size:14px}.cron-tabs .form-label.first{width:auto}.cron-tabs .tabs-items{flex-wrap:wrap;display:flex;line-height:1}.tabs-item:hover,.tabs-item[aria-selected=true]{background:var(--bg-secondary);color:var(--text-primary);border-radius:7px}.tabs.cron-tabs{border-radius:7px;box-shadow:none;border:1px solid var(--border-dark-tertiary)}.panel{box-shadow:none;border-radius:7px;border:1px solid var(--border-dark-tertiary)}.form-control.clipboard-input.js-copy-input{height:32px;border-radius:7px 0 0 7px}.clipboard-button{background:var(--bg-primary);border-radius:0 7px 7px 0;border-top:1px solid var(--border-dark-tertiary);border-right:1px solid var(--border-dark-tertiary)}.shortcuts{color:var(--text-secondary);background-color:var(--bg-primary);border-radius:10px;border:1px solid var(--border-dark-tertiary)}.login a.button.button-secondary,.shortcuts .key,.shortcuts-title,a.login-form-link{color:var(--text-primary)}.shortcuts .key{padding-right:20px;font-weight:600;display:inline-block}.shortcuts-title{text-transform:uppercase;font-weight:600}.shortcuts-header{border-bottom:none;background:var(--bg-secondary)}.app-footer,.stats{background:var(--bg-primary)}.shortcuts-close{cursor:pointer;padding:0 10px;font-size:20px}.stats{margin-top:15px;border-radius:15px;box-shadow:0 0 6px var(--color-shadow)}.stats-item:hover{border-left:1px solid transparent;border-right:1px solid transparent;background-color:var(--bg-secondary);box-shadow:none;border-radius:15px}.app-footer{color:var(--text-secondary);border-top:none}.body-login,.body-reset,.page-login,.page-reset{background:var(--border-dark-secondary)!important}.login{display:block!important;background:var(--bg-primary)!important;max-width:400px!important;align-items:baseline!important;margin-bottom:0!important;padding:40px!important;border-radius:10px!important;box-shadow:0 0 6px var(--color-shadow)!important;border:1px solid var(--border-dark-secondary)!important}.login .u-mb40{margin-top:-105px!important;padding-top:0!important;position:relative;text-align:center}.login .u-mb40 img{max-height:50px;max-width:318px}.login .login-title{text-align:center!important;font-size:20px!important;color:var(--text-secondary)!important;padding-top:5px!important}.login .u-mb10{margin-bottom:18px!important}.forgot-password-container{text-align:end;padding-bottom:10px;margin-top:-10px}a.login-form-link:hover{color:var(--color-primary-hover);text-decoration:underline}.login .button{background:var(--color-primary);font-weight:400;color:var(--text-tertiary);border:1px solid var(--border-primary);padding:8px 12px!important;text-align:center;text-decoration:none;display:inline-block;font-size:14px;cursor:pointer;border-radius:7px;text-shadow:none;box-shadow:none;transition:.3s;width:100%}.login a.button.button-secondary,.login a.button.button-secondary:hover{background:0 0!important;padding:0!important;margin-top:15px;border:none!important;font-size:14px!important;text-transform:none!important;font-weight:500!important}.login .u-side-by-side{display:block!important}.login a.button.button-secondary:hover{text-decoration:underline!important}.login a.button.button-secondary:focus{outline:0!important}.navbar-brand img, #logo img { content: url(/images/logo.svg) !important; height: 35px !important; width: auto !important; filter: none !important; }
.login-header img, .avatar img, .login-avatar img { content: url(/images/logo.svg) !important; max-height: 50px !important; background: none !important; border: none !important; border-radius: 0 !important; width: auto !important; }