I have created a new style of Virtualmin CSS

SYSTEM INFORMATION
OS type and version: REQUIRED
Webmin version: REQUIRED
Virtualmin version: REQUIRED
Related products version: RECOMMENDED

just copy this CSS code and past in theme extension and don’t forget to share your thoughts, thanks.

    letter-spacing: normal;
    padding-right: 24px;
}



aside li[data-linked] a span {

    padding-right: 8px;

}

a, .ui_checked_checkbox, .panel-body .ui_table tbody tr td a b {

    color: #0652a9;

}

.btn:not(.btn-round), button.btn:not(.btn-round), .csf-container input[type='submit']:not(.btn-round), .csf-container button.input:not(.btn-round), input[type='submit']:not(.btn-round) {
    border-radius: 5px !important;
}

.btn-group > .btn:first-child {
    margin-left: 8px;
    margin-right: 8px;
}

.btn-tiny + .btn-tiny {
    margin-left: 8px !important;
}

.btn-primary {
    color: #adadad !important;
    border-color: transparent !important;
    background-color: #000000bf !important;
}

.btn-primary:not(.btn-menu-toggler):hover, .btn-primary:not(.btn-menu-toggler):focus, .btn-primary:not(.btn-menu-toggler):active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #fff !important;
    border-color: transparent !important;
    background-color: #09090999 !important;
}

.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
    margin-left: 8px;
}

body[data-uri*="/tconfig.cgi"] .container-fluid .ui_form_end_buttons td:last-child .btn-group .btn:first-child, html[data-script-name*="settings-editor_read.cgi"] #content .CodeMirror + .ui_form_end_buttons .btn {
    margin-left: 8px;
}


.cke_dialog_ui_button_ok, .btn-success {
    color: #fff !important;
    border-color: #0000 !important;
    background-color: #28aade !important;
}


.container, .container-fluid {
    margin-top: 32px;
}


.CodeMirror-wrap, .panel-body>form>.CodeMirror {
    border: 0;
    width: 98%;
}

div, span {

    scrollbar-width: thin;
    scrollbar-color: #a5a5a555 #84848422 !important;

}

#extended_sysinfo-1 .panel-collapse .table.table-striped tr td:first-child {
    padding-left: 16px !important;
}
nav.favorites-menu .favorites-menu-content>li>h1 {
    font-weight: 300 !important;
    margin-left: 0;
}
nav.favorites-menu li>span:not(.f__c), nav.favorites-menu li a {
    font-size: 16px;
    display: block;
    margin: 0 auto;
    color: #fffc;
}
nav.favorites-menu li {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px 20px 5px 20px;
    list-style: none;
    text-align: left;
}

.favorites-menu-outer {
    position: fixed;
    z-index: 1111000;
    top: 10%;
    left: 100%;
    overflow: hidden;
    width: 80%;
    height: 80%;
    background: #334111;
}


.favorites-menu-outer.hover {
    left: 10%;
    overflow: auto;
    margin-left: 0;
    background: #2a2b2b;
    right: 10%;
}



.fa-database:before {
    content: '\f03b';
    color: #0ff;
}

.fa-update:before {
    content: '\f040';
    color: #7fff00;
}

.fa2-settings:before {
    content: '\f039';
    color: #00bfff;
}

.fa2-users-cog:before {
    content: '\f020';
}

.fa2-users-cog:before {
    content: '\f020';
    color: #fff8dc;
}
.fa-server-add:before {
    content: '\f0f5';
    color: #e77a7a;
}

.fa-bell:before {
    content: '\f049';
    font-weight: lighter;
}

.fa-file-manager:before {
    content: '\f0e2';
    color: #f1c40f;
}

.fa-info-circle:before {
    content: '\f10a';
    color: #faebd7;
}

.fa2-maillist:before {
    content: '\f009';
    /* width: 1px; */
    font-size: 18px;
    color: #9b59b6;
}

.file-manager .container-fluid .btn-group.pull-right .btn-group>.btn, .file-manager .container-fluid .btn-group.pull-right>.btn {
    z-index: 1000;
    margin-left: 8px !important;
}
html[data-theme="blue"]:not([data-bgs='nightRider']) #sidebar ul.user-links li:not(.menu-container):not(.sub-wrapper):not(.flex-br) {
    border-color: #edf3ff17;
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 2%);
     box-shadow: none; 
}


html[data-script-name*='sysinfo.cgi'] #system-status table tr td, #content #system-status table tr td {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 8px !important;
}

html[data-bgs='gainsboro'], html[data-bgs='gainsboro'] body, html[data-bgs='gainsboro'] .container:not(.form-signin-banner), html[data-bgs='gainsboro'] .loader-container, html[data-bgs='gainsboro'] .input-group-addon {
    background-color: #f7f8fc !important;
}

html[data-theme='gunmetal'] aside span.fancytree-node span.fancytree-expander:after, html[data-theme='gunmetal'] aside span.fancytree-title, html[data-theme='gunmetal'] .select2-selection--single span, html[data-theme='gunmetal'] .select2-selection span, html[data-theme='gunmetal'] #sidebar li:not(.menu-container):not(.sub-wrapper) a {
    color: #999fa599 !important;
    background-color: #00000036;
    margin: 8px;
    margin-right: 16px;
    border-radius: 5px;
}

html[data-bgs='gainsboro'] .panel.panel-default {
    border-color: #0000;
    border-top-color: #0000;
    color: #4a4a4a;
    box-shadow: 0 5px 15px rgb(0 0 0 / 6%);
    
}

html:not(.session_login), body:not(.session_login) {
    font-size: 14px;
    line-height: 1.42857143;
    color: #191919;
    background-color: #f0f0f0;
}

html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'], html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .list-group-item, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .right-side-tabs-dismiss, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .nav-tabs, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .nav-tabs .active a, html:not([data-bgs='nightRider']) .right-side-tabs-toggler[data-bgs='nav']>button, html:not([data-bgs='nightRider']) .right-side-tabs-toggler[data-bgs='nav'].opened>button, html:not([data-bgs='nightRider']) .right-side-tabs-toggler[data-bgs='nav'] {
    background-color: #0f83c9 !important;
}

html:not([data-bgs='nightRider']) .right-side-tabs .tab-pane .info-container .extended-list-data .panel-default .panel-body table .thead b, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .right-side-tabs-dismiss, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .extended-list-data .panel-body a, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .extended-list-data .panel-body .table-responsive, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .extended-list-data .panel-default .panel-body table tbody tr.ui_columns_row a, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .extended-list-data .panel-default .panel-body table tbody tr.ui_columns_row, html:not([data-bgs='nightRider']) #right-side-tabs.right-side-tabs[data-bgs='nav'] .right_pane_favorites_link, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] #right-side-tabs-notifications .right-side-tabs-notification div.media-body>small, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .info-list-data span[data-data], html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .info-list-data span[data-data] a {
    color: #ffffffe8 !important;
    text-shadow: none;
}


input.btn.heighter-34:not(.btn-lg):not(.ui_form_end_submit), .btn.heighter-34:not(.btn-lg):not(.ui_form_end_submit):not(.ui_link_empty), .table-hardcoded tbody tr td .submitter.heighter-34:not(.btn-lg):not(.ui_form_end_submit), .heighter-34:not(.btn-lg):not(.ui_form_end_submit):not([data-command='true']):not(.sidebar-search):not(.ui_link_empty) {
    font-size: 14px !important;
    line-height: 18px !important;
    height: 41px !important;
    min-height: 32px !important;
    max-height: 40px !important;
} 

.navigation_module_trigger {

    cursor: pointer;

}

.panel-default-loading>.panel-heading-loading, .panel-default>.panel-heading {
    border-bottom-color: #0000;
}

.panel, .panel-group, .panel-group .panel, .well, .modal-content {
    border-radius: 16px !important;
    
}

.panel-heading{
margin: 16px;
}


.panel-group .panel+.panel .panel-body {
    margin-top: 8px;
    margin: 16px;
    padding: 0;
     
}
.panel-group .panel+.panel {
    margin-top: 16px;
}

.panel-body {
    overflow: auto;
    padding-top: 16px;
    padding-bottom: 16px;
}

.right-side-tabs-toggler, .mobile-menu-toggler {
    position: fixed;
    z-index: 1000;
    top: 0px;
    opacity: .90;
}

.row {
    margin-right: 0;
    margin-left: 0;
}
.-shell-port-.opened {
    position: fixed;
    z-index: 999999;
    top: 10%;
    right: 10%;
    bottom: 10%;
    left: 10%;
    background-color: #000;
    background-color: none;
    margin-bottom: 10%;
    bottom: 205;
}

.-shell-port-container .-shell-port-close {
    position: absolute;
    z-index: 11011;
    top: 0;
    right: -22px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    transform: rotate(0deg);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    background-color: #8c0f0cf2;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
.-shell-port-container .-shell-port-close:before {
    font-family: 'Authentic';
    font-size: 12px;
    position: absolute;
    top: 10px;
    right: 14px;
    content: '\f0ec';
    -webkit-transform: rotate(135deg);
    transform: rotate(92deg);
    color: #ccc;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height:36px;
    font-size: 18px;
    text-align: center;
}

.select2-dropdown {
    position: absolute;
    z-index: 1051;
    left: -100000px;
    display: block;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #aaa;
    border-radius: 4px;
    background-color: #fff;
    padding: 8px;
    font-size: 15px;
    border-radius: 3px !important;
}
#sidebar ul li .fa {
    font-size: 16px;
    padding-right: 10px;
}


#sidebar ul li .fa.scaled1 {
    font-size: 16px;
    margin-left: -1px;
}


.select2-container .select2-selection--single {
    height: 40px;
}


#sidebar ul li .fa.fa-server-add {
    font-size: 145%;
    padding-right: 0;
    margin-left: -5px;
}



#sidebar ul li .fa2.fa2-settings {
    font-size: 125%;
    padding-right: 2px;
    margin-left: -2px;
}


select.ui_select:not(.heighter-34)+button[type='button'], input[onclick*='ajaxterm'], .chooser_button+input, .form-control.ui_textbox+input, .table-hardcoded tbody tr td .submitter, select+input[type='button'], .heighter-28:not(.ui_form_end_submit), .heighter-28-force, .ui_form_end_submit.heighter-28-force, .ui_form_end_submit.heighter-28 {
    font-size: 14px !important;
    height: 40px !important;
    max-height: 40px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
#sidebar {
    
    color: #f5f5f7 !important;
    background-color: #2f3237;
    -webkit-box-shadow: none;
}

#sidebar ul.user-links li:not(.menu-container):not(.sub-wrapper):not(.flex-br) {
    line-height: 0;
    min-width: 26px;
    min-height: 25px;
    height: 25px;
    max-height: 25px;
    margin-top: 2px;
    margin-right: 2px;
    -webkit-transition: none;
    transition: none;
    transition: none;
    transition: none;
    text-align: center;
    vertical-align: unset;
    border: 1px solid #ffffff0f;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: flex;
    align-self: center;
    justify-content: center;
    align-items: center;
    
}

#sidebar ul li .fa2.fa2-users-cog {
    font-size: 110%;
}



#sidebar li:not(.menu-container):not(.sub-wrapper) {

    color: rgb(214 228 255 / 91%);
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom:16px;
    border-radius: 3px;
    color: #bfc9d3 !important;
   

}

#sidebar li:not(.menu-title):not(.menu-container):not(.user-html-string) {

    list-style: none;
    text-shadow: none;

}

#sidebar li:not(.menu-container):not(.sub-wrapper) a {
    color: #b4b4b4;
}

#sidebar ul.sub>li:not(.menu-container) a {
    font-size: 13px;
    line-height: 20px;
    position: relative;
    top: 50%;
    padding-top: 4px;
    padding-bottom: 4px;
    -webkit-transform: translateY(-50%);

}

#sidebar ul.sub>li>a:before {
    display : none;
}

#sidebar ul.sub>li:not(.menu-container) {
    height: 26px;
    min-height: 26px;
    max-height: 26px;
    padding-left: 18px;
}

#sidebar li:not(.sub-wrapper):not(.menu-container).has-sub.active>a:after, #sidebar li:not(.sub-wrapper):not(.menu-container).has-sub>a:after {
    font-family: 'Authentic';
    font-size: 11px;
    position: absolute;
    top: 10px;
    right: 28px;
    display: inline-block;
    content: '\f084';
    text-shadow: none !important;
}
#sidebar li:not(.sub-wrapper):not(.menu-container).has-sub.active {
    background-color: #0000;
}

#sidebar li:not(.menu-container):not(.sub-wrapper) a {
    
    background-color: #00000036;
    margin: 8px;
    margin-right: 16px;
    border-radius: 5px;
}

.sub_table_container * {
    font-size: 14px;
    line-height: 17px;
}

#system-status>.panel-heading {
    min-height: 33px;
    max-height: none;
    height: 50px;
}

#system-status .panel-title {
    font-size: 28px;
    line-height: 28px;
    text-align: center;
}

#system-status .table>thead>tr>td, #system-status .table>tbody>tr>td, #system-status .table>tfoot>tr>td {
    line-height: 16px;
}

.switch-mins a {
    border-radius: 0;
    background-color: #0f83c9;
}

.table-subtable tbody tr td, .panel-body .table-subtable tr th, .panel-body .table-subtable tr td, .table-subtable tbody tr td, .panel-body tr th, .panel-body tr td {
    padding: 8px !important;
}


.table>tbody>tr>td.opener_container, .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #0000;
}

.table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    line-height: 16px;
}

* {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

ul.messenger-theme-air, .jsPanel, .jsPanel .jsPanel-content, .messenger-message-inner, .jsPanel-hdr h3, body:not(.session_login), html:not(.session_login), .tooltip, .popover {
    font-family: helvetica;
}

html:not([data-bgs='nightRider']) .right-side-tabs .tab-pane .info-container .extended-list-data .panel-default .panel-body table .thead b, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .right-side-tabs-dismiss, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .extended-list-data .panel-body a, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .extended-list-data .panel-body .table-responsive, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .extended-list-data .panel-default .panel-body table tbody tr.ui_columns_row a, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .extended-list-data .panel-default .panel-body table tbody tr.ui_columns_row, html:not([data-bgs='nightRider']) #right-side-tabs.right-side-tabs[data-bgs='nav'] .right_pane_favorites_link, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] #right-side-tabs-notifications .right-side-tabs-notification div.media-body>small, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .info-list-data span[data-data], html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .info-list-data span[data-data] a {
    color: #ffffffe8 !important;
    text-shadow: none;
}

.xcustom-favorites.fa.fa-star, #headln2c>.fa.fa-star {
    color: #f37e7e !important;
}

.panel-default{ 
  margin-bottom:15px;
}
type or paste code here
2 Likes

Welcome to the community, @hakop28ol .

The style looks nice. :+1:

1 Like

Thanks , I’ll share it a bit later

Thanx for sharing, but:

isn’t there something missing at the start, at least some selector line?
(it’s all about copy&paste errors :wink: )

oh sorry , I’ll corect it thanks :slightly_smiling_face:

Here is the New Version

#sidebar {
    
    color: #f5f5f7 !important;
    background-color: #2f3237;
    -webkit-box-shadow: none;
    }



aside li.has-sub a span, aside li[data-linked] a span {
    letter-spacing: normal;
    padding-right: 24px;
     padding-right: 8px;
}

a, .ui_checked_checkbox, .panel-body .ui_table tbody tr td a b {

    color: #0652a9;

}

b, strong {
    font-weight: 500;
    font-weight: bold;
}

.btn:not(.btn-round), button.btn:not(.btn-round), .csf-container input[type='submit']:not(.btn-round), .csf-container button.input:not(.btn-round), input[type='submit']:not(.btn-round) {
    border-radius: 8px !important;
}

.btn-group > .btn:first-child {
    margin-left: 8px;
    margin-right: 8px;
}

.btn-tiny + .btn-tiny {
    margin-left: 8px !important;
}

.btn-primary {
    color: #adadad !important;
    border-color: transparent !important;
    background-color: #000000bf !important;
}

.btn-primary:not(.btn-menu-toggler):hover, .btn-primary:not(.btn-menu-toggler):focus, .btn-primary:not(.btn-menu-toggler):active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #fff !important;
    border-color: transparent !important;
    background-color: #09090999 !important;
}

.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
    margin-left: 8px;
}

body[data-uri*="/tconfig.cgi"] .container-fluid .ui_form_end_buttons td:last-child .btn-group .btn:first-child, html[data-script-name*="settings-editor_read.cgi"] #content .CodeMirror + .ui_form_end_buttons .btn {
    margin-left: 8px;
}
body[data-uri*="/tconfig.cgi"] .col_label b {
    font-size: 14px;
    font-weight: 500;
}

body .container-fluid {
    pointer-events: none;
    opacity: 0;
    margin-right: 25px;
}

.cke_dialog_ui_button_ok, .btn-success {
    color: #fff !important;
    border-color: #0000 !important;
    background-color: #28aade !important;
}


.container, .container-fluid {
    margin-top: 32px;
}


.CodeMirror-wrap, .panel-body>form>.CodeMirror {
    border: 0;
    width: 93%;
}

.col_label>b, .col_label>b>a {
    line-height: 36px;
    vertical-align: middle;
}

.col_value {
    vertical-align: middle !important;
}

.col-lg-10 {
    width: 95%;
}

.col-lg-offset-1 {
    margin-left: 25px;
}

.col_label, .col_value, .table-subtable tbody tr td.no-border, .table-subtable tbody tr td.col_label, .table-subtable tbody tr td.col_value, .panel-body .table tbody, .panel-body table.table-hardcoded>tbody>tr>td, .panel-body form table, .table table table td {
    border-spacing: 0;
    border-collapse: collapse;
    border: 0;
}


div, span {

    scrollbar-width: thin;
    scrollbar-color: #a5a5a555 #84848422 !important;

}

#extended_sysinfo-1 .panel-collapse .table.table-striped tr td:first-child {
    padding-left: 16px !important;
}

.favorites-menu-outer {
    position: fixed;
    z-index: 1111000;
    top: 10%;
    left: 100%;
    overflow: hidden;
    width: 80%;
    height: 80%;
    background: #334111;
}


.favorites-menu-outer.hover {
    left: 10%;
    overflow: auto;
    margin-left: 0;
    background: #2a2b2b;
    right: 10%;
}

.fa-database:before {
    content: '\f03b';
    color: #0ff;
}

.fa-update:before {
    content: '\f040';
    color: #7fff00;
}

.fa2-settings:before {
    content: '\f039';
    color: #00bfff;
}

.fa2-users-cog:before {
    content: '\f020';
}

.fa2-users-cog:before {
    content: '\f020';
    color: #fff8dc;
}
.fa-server-add:before {
    content: '\f0f5';
    color: #e77a7a;
}

.fa-bell:before {
    content: '\f049';
    font-weight: lighter;
}

.fa-file-manager:before {
    content: '\f0e2';
    color: #f1c40f;
}

.fa-info-circle:before {
    content: '\f10a';
    color: #faebd7;
}

.fa2-maillist:before {
    content: '\f009';
    /* width: 1px; */
    font-size: 18px;    
   color: #9b59b6;
}

.file-manager .container-fluid .table-striped>tbody>tr {
    height: 36px;
    /* padding: 16px; */
}


html:not([data-bgs='nightRider']) .ui_form>.table-responsive>.table.table-subtable>tbody>tr>td>table, .sub_table_container:not(.xcontent-force-no-styling) tr, .sub_table_container:not(.xcontent-force-no-styling) tr:not(:hover) td:not(.opener_table_cell_style_small):not(.tdhead), .sub_table_container:not(.xcontent-force-no-styling) tr>td code {
    color: #191919;
    background-color: #fff !important;
}

html[data-bgs="nightRider"] a.pagination-title, html[data-bgs="nightRider"] .jsPanel.jspCompose > div.jsPanel-hdr > div.jsPanel-headerbar > div.jsPanel-controlbar > div.jsPanel-btn > span, html[data-bgs="nightRider"] #right-side-tabs > div > div.right-side-tabs-dismiss.pull-right div ul li > a, html[data-bgs="nightRider"] .dropdown-submenu a, html[data-bgs="nightRider"] .right-side-tabs .tab-pane .info-container, html[data-bgs="nightRider"] .btn.btn-transparent-link-inverse:hover, html[data-bgs="nightRider"] input.dataTable-mirror, html[data-bgs="nightRider"] font[color="#000000"], html[data-bgs="nightRider"] a.opener_trigger, html[data-bgs="nightRider"] a.help_popup, html[data-bgs="nightRider"] a[style*="color: #333"], html[data-bgs="nightRider"] body:not(.session_login), html[data-bgs="nightRider"] .sub_table_container.xcontent-force-no-styling tr.ui_checked_columns td, html[data-bgs="nightRider"] .sub_table_container.xcontent-force-no-styling tr.ui_checked_columns, html[data-bgs="nightRider"] .ui_form > .table-responsive > .table.table-subtable > tbody > tr > td > table > tbody tr, html[data-bgs="nightRider"] .sub_table_container:not(.xcontent-force-no-styling) :not(.fa):not(.lawobject):not(b):not(.btn):not(span):not(input):not(.tdhead):not(th):not(font):not([disabled]):not([data-theme-version-container]):not(.t-password-complexity-meter-wrapper):not(.t-password-complexity-meter-gb):not(.t-password-complexity-meter-cb), html[data-bgs="nightRider"] ._c__op_r, html[data-bgs="nightRider"] .link_hover_effect_style, html[data-bgs="nightRider"] .panel, html[data-bgs="nightRider"] .panel-loading, html[data-bgs="nightRider"] .lawobject, html[data-bgs="nightRider"] table tr td label {
    color: #f5f5f7 !important;
}

html:not([data-bgs='nightRider']) .right-side-tabs .tab-pane .info-container .extended-list-data .panel-default .panel-body table .thead b, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .right-side-tabs-dismiss, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .extended-list-data .panel-body a, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .extended-list-data .panel-body .table-responsive, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .extended-list-data .panel-default .panel-body table tbody tr.ui_columns_row a, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .extended-list-data .panel-default .panel-body table tbody tr.ui_columns_row, html:not([data-bgs='nightRider']) #right-side-tabs.right-side-tabs[data-bgs='nav'] .right_pane_favorites_link, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] #right-side-tabs-notifications .right-side-tabs-notification div.media-body>small, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .info-list-data span[data-data], html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .info-list-data span[data-data] a {
    color: #ffffffe8 !important;
    text-shadow: none;
}

html[data-bgs='nightRider'] a.pagination-title, html[data-bgs='nightRider'] .jsPanel.jspCompose>div.jsPanel-hdr>div.jsPanel-headerbar>div.jsPanel-controlbar>div.jsPanel-btn>span, html[data-bgs='nightRider'] #right-side-tabs>div>div.right-side-tabs-dismiss.pull-right div ul li>a, html[data-bgs='nightRider'] .dropdown-submenu a, html[data-bgs='nightRider'] .right-side-tabs .tab-pane .info-container, html[data-bgs='nightRider'] .btn.btn-transparent-link-inverse:hover, html[data-bgs='nightRider'] input.dataTable-mirror, html[data-bgs='nightRider'] font[color='#000000'], html[data-bgs='nightRider'] a.opener_trigger, html[data-bgs='nightRider'] a.help_popup, html[data-bgs='nightRider'] a[style*='color: #333'], html[data-bgs='nightRider'] body:not(.session_login), html[data-bgs='nightRider'] .sub_table_container.xcontent-force-no-styling tr.ui_checked_columns td, html[data-bgs='nightRider'] .sub_table_container.xcontent-force-no-styling tr.ui_checked_columns, html[data-bgs='nightRider'] .ui_form>.table-responsive>.table.table-subtable>tbody>tr>td>table>tbody tr, html[data-bgs='nightRider'] .sub_table_container:not(.xcontent-force-no-styling) *:not(.fa):not(.lawobject):not(b):not(.btn):not(span):not(input):not(.tdhead):not(th):not(font):not([disabled]):not([data-theme-version-container]):not(.t-password-complexity-meter-wrapper):not(.t-password-complexity-meter-gb):not(.t-password-complexity-meter-cb), html[data-bgs='nightRider'] ._c__op_r, html[data-bgs='nightRider'] .link_hover_effect_style, html[data-bgs='nightRider'] .panel, html[data-bgs='nightRider'] .panel-loading, html[data-bgs='nightRider'] .lawobject, html[data-bgs='nightRider'] table tr td label {
    color: #b9bfc5c7 !important;
}

html[data-theme="blue"]:not([data-bgs='nightRider']) #sidebar ul.user-links li:not(.menu-container):not(.sub-wrapper):not(.flex-br) {
    border-color: #edf3ff17;
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 2%);
     box-shadow: none; 
}


html[data-script-name*='sysinfo.cgi'] #system-status table tr td, #content #system-status table tr td {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-left: 4px !important;
}

html[data-bgs='gainsboro'], html[data-bgs='gainsboro'] body, html[data-bgs='gainsboro'] .container:not(.form-signin-banner), html[data-bgs='gainsboro'] .loader-container, html[data-bgs='gainsboro'] .input-group-addon {
    background-color: #f7f8fc !important;
}

html[data-theme='gunmetal'] aside span.fancytree-node span.fancytree-expander:after, html[data-theme='gunmetal'] aside span.fancytree-title, html[data-theme='gunmetal'] .select2-selection--single span, html[data-theme='gunmetal'] .select2-selection span, html[data-theme='gunmetal'] #sidebar li:not(.menu-container):not(.sub-wrapper) a {
    color: #999fa599 !important;
    background-color: #00000036;
    margin-left: 8px;
    margin-right: 8px;
    border-radius: 8px;
}

html[data-bgs='gainsboro'] .panel.panel-default {
    border-color: #0000;
    border-top-color: #0000;
    color: #4a4a4a;
    box-shadow: 0 5px 15px rgb(0 0 0 / 6%);
    
}

html:not(.session_login), body:not(.session_login) {
    font-size: 14px;
    line-height: 1.42857143;
    color: #191919;
    background-color: #f0f0f0;
}

html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'], html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .list-group-item, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .right-side-tabs-dismiss, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .nav-tabs, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .nav-tabs .active a, html:not([data-bgs='nightRider']) .right-side-tabs-toggler[data-bgs='nav']>button, html:not([data-bgs='nightRider']) .right-side-tabs-toggler[data-bgs='nav'].opened>button, html:not([data-bgs='nightRider']) .right-side-tabs-toggler[data-bgs='nav'] {
    background-color: #0f83c9 !important;
}

html:not([data-bgs='nightRider']) .right-side-tabs .tab-pane .info-container .extended-list-data .panel-default .panel-body table .thead b, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .right-side-tabs-dismiss, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .extended-list-data .panel-body a, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .extended-list-data .panel-body .table-responsive, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .extended-list-data .panel-default .panel-body table tbody tr.ui_columns_row a, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .extended-list-data .panel-default .panel-body table tbody tr.ui_columns_row, html:not([data-bgs='nightRider']) #right-side-tabs.right-side-tabs[data-bgs='nav'] .right_pane_favorites_link, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] #right-side-tabs-notifications .right-side-tabs-notification div.media-body>small, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .info-list-data span[data-data], html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .info-list-data span[data-data] a {
    color: #ffffffe8 !important;
    text-shadow: none;
}

html[data-theme='gunmetal'] aside span.fancytree-node span.fancytree-expander:after, html[data-theme='gunmetal'] aside span.fancytree-title, html[data-theme='gunmetal'] .select2-selection--single span, html[data-theme='gunmetal'] .select2-selection span, html[data-theme='gunmetal'] #sidebar li:not(.menu-container):not(.sub-wrapper) a {
    color: #cdd2d799 !important;
}


input.btn.heighter-34:not(.btn-lg):not(.ui_form_end_submit), .btn.heighter-34:not(.btn-lg):not(.ui_form_end_submit):not(.ui_link_empty), .table-hardcoded tbody tr td .submitter.heighter-34:not(.btn-lg):not(.ui_form_end_submit), .heighter-34:not(.btn-lg):not(.ui_form_end_submit):not([data-command='true']):not(.sidebar-search):not(.ui_link_empty) {
    font-size: 14px !important;
    line-height: 18px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
} 

.margined-bottom-3 {
    margin-bottom: 8px !important;
}

.module-help {
    min-width: 30px;
}

.navigation_module_trigger {

    cursor: pointer;

}
nav.favorites-menu .favorites-menu-content>li>h1 {
    font-weight: 300 !important;
    margin-left: 16px;
}
nav.favorites-menu li>span:not(.f__c), nav.favorites-menu li a {
    font-size: 16px;
    display: block;
    margin: 0 auto;
    color: #fffc;
}
nav.favorites-menu li {
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 4px 16px 4px 16px;
    list-style: none;
    text-align: left;
}

.__page {
    margin-left: 300px !important;
}

.__page .select2 {
    margin-top: 4px;
    margin-bottom: 4px;
}
.__page .select2-content.heighter-34 {
    padding: 4px 0;
}

.__page .select2-content .select2-selection__arrow b {
    border-width: 4px;
    margin-left: -8px;
    margin-top: -1px;
}

.panel-default-loading>.panel-heading-loading, .panel-default>.panel-heading {
    border-bottom-color: #0000;
}

.panel, .panel-group, .panel-group .panel, .well, .modal-content {
    border-radius: 16px !important;
    
}

.panel-heading{
margin: 16px;
}

.panel-default{ 
  margin-bottom:16px;
}


.panel-group .panel+.panel .panel-body {
    margin-top: 8px;
    margin: 16px;
    padding: 0;
     
}
.panel-group .panel+.panel {
    margin-top: 16px;
}

.panel-body {
    overflow: auto;
    padding-top: 16px;
    padding-bottom: 16px;
}

.right-side-tabs-toggler, .mobile-menu-toggler {
    position: fixed;
    z-index: 1000;
    top: 0px;
    opacity: .90;
}

.row {
    margin-right: 0;
    margin-left: 0;
}


.select2-results ul li {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #191919 !important;
}

.select2-container .select2-selection--single {
    height: 36px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height:28px;
    font-size: 18px;
    text-align: center;
}


.select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 1px;    
    width: 16px;
    height: 36px;
    background-color: #0000;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin-top: -2px;
    margin-left: -8px;
    border-width: 5px 4px 0 4px;
    border-style: solid;
    
}

.select2-container--default .select2-results__option--highlighted[aria-selected]:active, .select2-container--default .select2-results__option:hover, .select2-container--default .select2-results__option:focus, .select2-container--default .select2-results__option[aria-disabled='true'], .select2-container--default .select2-results__option[aria-selected='true'] {
    background-color: #2C588F;
}

 
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #fff !important;
    background-color: #0f83c912 !important;
    border-color: #c96d0fb3 !important;
    border: 1px solid;
}

.select2-selection--single, .select2-selection {
    border: 1px solid #ffffff1f !important;
    border-radius: 8px !important;
    background: #0000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-radius: 8px;
}

.select2-dropdown {
    position: absolute;
    z-index: 1051;
    left: 4px;
    display: block;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #aaa;
    padding: 4px;
    font-size: 16px;
    border-radius: 8px !important;
}

.select2-search--dropdown .select2-search__field {
    box-sizing: border-box;
    width: 98%;
    padding: 4px;
    color: #bfc9d3 !important;
    border-color: #0f83c9b3 !important;
    background-color: #0f83c912 !important;
    border-radius: 8px;
}

.select2-dropdown, .autocomplete-suggestions {
    border: none !important;
    border: 1px solid #0f83c9b3 !important;
    border-radius: 8px !important;
    background-color: #2f3237 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    }
    
.select2-dropdown:not(.select2-content) .select2-results ul li:not(.text-danger):active, .select2-dropdown:not(.select2-content) .select2-results ul li:not(.text-danger):focus, .select2-dropdown:not(.select2-content) .select2-results ul li:not(.text-danger):hover {
    color: #e7e7e7 !important;
    background: #1c1c1c73 !important;
}

.select2-container--default .select2-content .select2-results__option--highlighted[aria-selected]:active, .select2-container--default .select2-content .select2-results__option:hover, .select2-container--default .select2-content .select2-results__option:focus, .select2-container--default .select2-content .select2-results__option[aria-disabled='true'], .select2-container--default .select2-content .select2-results__option[aria-selected='true'] {
    background-color: #ff7070 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]:active, .select2-container--default .select2-results__option:hover, .select2-container--default .select2-results__option:focus, .select2-container--default .select2-results__option[aria-disabled='true'], .select2-container--default .select2-results__option[aria-selected='true'] {
    background-color: #5858585c;
}

.select2-container--default, .select2, .select2-container {
    color: #c7d2e6;
    background-color: #0000;
}

.select2-results, .select2-dropdown .select2-search, .select2-search {
    background-color: #0000 !important;
}


.select2-results__option {
    padding: 8px;
    -webkit-user-select: none;
    user-select: none;
    background-color: #2f3237;
    margin: 8px;
    border-radius: 8px;
}

.select2-results ul li {
    padding-top: 4px;
    padding-bottom: 4px;
    color: #fff !important;
}



#system-status .table.margined-top-25 tr td {
    vertical-align: middle;
    word-wrap: break-word;
}
#system-status .table>thead>tr>td, #system-status .table>tbody>tr>td, #system-status .table>tfoot>tr>td {
    line-height: 36px;
}
#system-status .table>thead>tr>td, #system-status .table>tbody>tr>td, #system-status .table>tfoot>tr>td {
    line-height: 36px;
}


.-shell-port-.opened {
    position: fixed;
    z-index: 999999;
    top: 10%;
    right: 10%;
    bottom: 10%;
    left: 10%;
    background-color: #000;
    background-color: none;
    margin-bottom: 10%;
    bottom: 205;
}

.-shell-port-container .-shell-port-close {
    position: absolute;
    z-index: 11011;
    top: 0;
    right: -22px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    transform: rotate(0deg);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    background-color: #8c0f0cf2;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
.-shell-port-container .-shell-port-close:before {
    font-family: 'Authentic';
    font-size: 14px;
    position: absolute;
    top: 10px;
    right: 16px;
    content: '\f0ec';
    -webkit-transform: rotate(135deg);
    transform: rotate(92deg);
    color: #ccc;
}


#sidebar ul li .fa {
    font-size: 16px;
    padding-right: 10px;
}


#sidebar ul li .fa.scaled1 {
    font-size: 16px;
    margin-left: -1px;
}

#sidebar ul li .fa.fa-server-add {
    font-size: 145%;
    padding-right: 0;
    margin-left: -5px;
}


#sidebar ul li .fa2.fa2-settings {
    font-size: 125%;
    padding-right: 2px;
    margin-left: -2px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 1px;
    right: 0px;
    width: 16px;
    height: 36px;
}

select.ui_select:not(.heighter-34)+button[type='button'], input[onclick*='ajaxterm'], .chooser_button+input, .form-control.ui_textbox+input, .table-hardcoded tbody tr td .submitter, select+input[type='button'], .heighter-28:not(.ui_form_end_submit), .heighter-28-force, .ui_form_end_submit.heighter-28-force, .ui_form_end_submit.heighter-28 {
    font-size: 14px !important;
    height: 36px !important;
    max-height: 36px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}



#sidebar ul.user-links li:not(.menu-container):not(.sub-wrapper):not(.flex-br) {
    line-height: 36px;
    min-width: 26px;
    min-height: 26px;
    height: 26px;
    max-height: 26px;
    margin-top: 4px;
    margin-right: 4px;
    -webkit-transition: none;
    transition: none;
    transition: none;
    transition: none;
    text-align: center;
    vertical-align: unset;
    border: 1px solid #ffffff0f;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: flex;
    align-self: center;
    justify-content: center;
    align-items: center;
    
}

#sidebar ul li .fa2.fa2-users-cog {
    font-size: 110%;
}


#sidebar li:not(.menu-container):not(.sub-wrapper) {

    color: rgb(214 228 255 / 91%);
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom:16px;
    border-radius: 8px;
    color: #bfc9d3 !important;
   

}

#sidebar li:not(.menu-title):not(.menu-container):not(.user-html-string) {

    list-style: none;
    text-shadow: none;

}

#sidebar li:not(.menu-container):not(.sub-wrapper) a {
    color: #b4b4b4;
}

#sidebar ul.sub>li:not(.menu-container) a {
    font-size: 14px;
    line-height: 24px;
    position: relative;
    top: 36%;
    padding-top: 4px;
    padding-bottom: 4px;
    -webkit-transform: translateY(-50%);

}

#sidebar ul.sub>li>a:before {
    display : none;
}

#sidebar ul.sub>li:not(.menu-container) {
    height: 26px;
    min-height: 26px;
    max-height: 26px;
    padding-left: 18px;
}

#sidebar li:not(.sub-wrapper):not(.menu-container).has-sub.active>a:after, #sidebar li:not(.sub-wrapper):not(.menu-container).has-sub>a:after {
    font-family: 'Authentic';
    font-size: 14px;
    position: absolute;
    top: 8px;
    right: 28px;
    display: inline-block;
    content: '\f084';
    text-shadow: none !important;
}

#sidebar li:not(.sub-wrapper):not(.menu-container).has-sub.active {
    background-color: #0000;
}

#sidebar li:not(.menu-container):not(.sub-wrapper) a {
    
    background-color: #00000036;
    margin: 8px;
    margin-right: 16px;
    border-radius: 8px;
}

.sub_table_container * {
    font-size: 14px;
    line-height: 36px;
}

#system-status>.panel-heading {
    min-height: 36px;
    max-height: none;
    height: 36px;
}

#system-status .panel-title {
    font-size: 28px;
    line-height: 28px;
    text-align: center;
}

#system-status .table>thead>tr>td, #system-status .table>tbody>tr>td, #system-status .table>tfoot>tr>td {
    line-height: 36px;
}

/* top switch buttons */

.switch-mins a {
    border-radius: 4px;
    background-color: #0f83c9;
}
.switch-toggle a {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 42%;
    height: 90%;
    padding: 5px;
    margin-left: 8px;
    margin-top: 3px;
}

.switch-mins label i+span {
    display: block !important;
    margin-top: -10px;
    margin-bottom: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    line-height: 36px;
}

.table tr>td.col_label, .table tr>td.col_value {
    line-height: 18px;
}

.table>tbody>tr>td.opener_container, .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #0000;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 8px;
    line-height: 36px;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.table.table-striped.table-condensed tbody tr td.opener_container .table-hardcoded tr, .table.table-striped.table-condensed tbody tr td.opener_container .table-hardcoded tr>td.col_label, .table.table-striped.table-condensed tbody tr td.opener_container .table-hardcoded tr>td.col_value, .col_label, .col_value, .table-subtable tbody tr td.no-border, .table-subtable tbody tr td.col_label, .table-subtable tbody tr td.col_value, .panel-body .table tbody, .table table table td {
    border-spacing: 0;
    border-collapse: collapse;
    vertical-align: middle;
    border: 0;
    border-color: #0000;
}


.table-subtable tbody tr td, .panel-body .table-subtable tr th, .panel-body .table-subtable tr td, .table-subtable tbody tr td, .panel-body tr th, .panel-body tr td {
    padding: 4px !important;
}


ul.messenger-theme-air, .jsPanel, .jsPanel .jsPanel-content, .messenger-message-inner, .jsPanel-hdr h3, body:not(.session_login), html:not(.session_login), .tooltip, .popover {
    font-family: helvetica;
}

user agent stylesheet
table {
    border-collapse: separate;
    text-indent: initial;
    border-spacing: 2px;
}

user agent stylesheet
form {
    display: block;
    margin-top: 0em;
}
.ui_form_end_buttons{
width: 95%
}

.xcustom-favorites.fa.fa-star, #headln2c>.fa.fa-star {
    color: #f37e7e !important;
}


* {  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      box-sizing: border-box;
}
1 Like