.dasboard-inner-section .panel-heading h3, .dasboard-inner-section .panel-heading a,  table.tickets-table.table th  {
    color: #ffffff
}
.dasboard-inner-section .invoices-ticket-department .panel-heading,  table.tickets-table.table th {
    color#fff;
    background: transparent;
}

body .dasboard-inner-section .serviceproduct .panel-footer a {
    background-color: transparent;
    color: #4d8af8;
}
.dasboard-inner-section .serviceproduct .panel-footer a.panel-footer-btn, .dasboard-inner-section .serviceproduct .panel-footer a, body .theme-main-inner-page-section .back-button-head-bar{
    border: 2px solid #4d8af8;
    background-color: transparent;
    color: #4d8af8;

}
.dasboard-inner-section .serviceproduct .panel-footer a.panel-footer-btn:hover, body .dasboard-inner-section .serviceproduct .panel-footer a:hover, button#btnResendVerificationEmail:hover, .theme-head-bar.row a.back-button-head-bar:hover:hover {
    background: #4d8af8;
    color: #ffffff;
    border-color: #4d8af8;
}
.serviceproduct table td .amount-price-service, body #sidebar ul li a.active i, body #sidebar ul li a.active span, .serviceproduct table .amount-price-service, .panel-b-height .offerings-panel .tickets-table i, .theme-latest-dashboard-page .panel-body.invoice_li table.tickets-table.table span
, .panel-footer .service-process .sevice-status.addfunds a{
    color:#4d8af8 !important;
}
#sidebar ul li a:hover, #sidebar ul li a.active {
    color: #4d8af8 !important;
    background-color: #dfeaff;
    border-left-color: #4d8af8 !important;
}
.alert-warning, .alert-info, .alert-success,  .verification-banner .fas{
    color:#4d8af8 !important;
}
.common-table-upper-header ul.common-header-top li ul.dropdown-menu li {
    width: 100%;
    max-width: 100%;
    text-align: left;
}
.dataTable thead th, table#tableProducts th, body table.table-bordered.table th {
    background-color: transparent !important;
    color: #fff !important;
}

.serviceproduct .tickets-table.table thead tr, .dasboard-inner-section .invoices-ticket-department .panel-heading, .dataTable thead tr, table#tableProducts thead tr, body table.table-bordered.table thead tr, #payMethodList tr.data-table-heading {
    border-bottom: none;
    background: rgb(108, 28, 207);
    background: linear-gradient(90deg, rgba(49, 154, 251, 1) 0%, rgba(108, 28, 207, 1) 100%) !important;
}
/*span.sevice-status.unpaid, span.sevice-status.inactive, span.sevice-status.active, span.sevice-status.paid, .dasboard-inner-section .panel-footer a.panel-footer-btn, span.sevice-status.closed {
    background: transparent !important;
    border: 2px solid #4e89f8;
    color: #4e89f8;
}*/
/*.panel-footer .service-process .sevice-status.inactive a, .panel-footer .service-process .sevice-status.paid a, .panel-footer .service-process .sevice-status.active a, .panel-footer .service-process .sevice-status.unpaid a, .panel-footer .service-process .sevice-status.closed a  {
    color: #4e88f8;
}
.panel-footer .service-process span.sevice-status:hover a, .panel-footer .service-process .sevice-status.paid a:hover, .panel-footer .service-process .sevice-status.active a:hover, .panel-footer .service-process .sevice-status.inactive a:hover {
    color: #fff;
}
.panel-footer .service-process span.sevice-status:hover{
    background: #4e89f8 !important;
}*/
.dasboard-inner-section .panel-footer a.panel-footer-btn.custom_viewAll {
    background: transparent;
    border: 1.5px solid #4d8af8 !important;
    color: #4d8af8 !important;
}
.dasboard-inner-section .panel-footer a.panel-footer-btn.custom_viewAll:hover {
    background: #4d8af8 !important;
    border: 1px solid #4d8af8 !important;
    color: #ffffff !important;
}
body .row.invoices-ticket-department table.tickets-table .view_all.open:hover {
    background: #779500 !important;
    color: #fff!important;
}
body .row.invoices-ticket-department table.tickets-table .view_all.open:hover a {
    color: #fff !important;
}
body .row.invoices-ticket-department .view_all.on-hold:hover {
    background: #009638 !important;
    color: #fff !important;
}
body .row.invoices-ticket-department .view_all.on-hold:hover a {
    color: #fff !important;
}
table#tableProducts .price, .dataTables_wrapper table.table-list tbody td:first-child a {
    color: #4d8af8 !important;
}
a.control_icon.setting i {
    color: #4d8af8;
}
div#mg-container table.dataTable th {
    color: #ffffff !important;
    background: #f7f8f9;
    height: 39px !important;
    font-weight: 600 !important;
    border-top: 1px solid transparent !important;
    text-transform: capitalize !important;
    font-size: 14px !important;
}
#sidebar ul li a:hover span, #sidebar ul li a:hover i, ul.support-dept-icon li.quest a h2 {
    color: #4d8af8 !important;
}
.dataTables_wrapper div.dataTables_paginate ul.pagination .active a.page-link {
    color: #fff;
    background-color: #4d8af8;
    border-color: #4d8af8;
}
.support-department-section ul.support-dept-icon li:hover {
    border: 2px solid #4d8af8;
}
#sidebar ul li ul li a.active span, #sidebar ul li ul li a.active i, a.list-group-item.kb-article-item:hover {
    color: #4d8af8 !important;
}
.theme-body-padding.theme-knowledgebase-page .spport-row #btnKnowledgebaseSearch, .cont-ser{
        background: #4d8af8;
}
.theme-knowledgebase-page .flare-list ul li:hover, .box-cat.kb-category:hover {
    border: 2px solid #4d8af8;
}
.wgs_back_btn, .print-btn-knowldegebase{
    background: #4d8af8 !important;
}
ul.myaccount-sidenav li a:hover::before, .defaultClientxSidebar .list-group a.list-group-item:hover::before, .defaultClientxSidebar .panel-sidebar a.list-group-item.active::before, .defaultClientxSidebar .list-group a.list-group-item.active::before, ul.myaccount-sidenav li a:hover::before, ul.myaccount-sidenav li.active a::before, #Secondary_Navbar-Account .dropdown-menu li a:hover::before, #Secondary_Navbar-Account .dropdown-menu li.active a::before {
    background: #4d8af8;
}
ul.myaccount-sidenav li a:hover i, ul.myaccount-sidenav li.active a i, .defaultClientxSidebar .list-group a.list-group-item:hover i{
    color:#4d8af8 !important;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary {
    color: #fff;
    background-color: #4d8af8;
    border-color: #4d8af8;
}
.wgs_custom-btn, .theme-change-password-page .btn.wgs_custom-btn, .fieldgroup-auxfields a.btn.btn-default.btn-sm, .theme-contact-list-page .button-footer-contact-page button.btn.wgs_remove_button
, .card.two-factor-available-section a.btn.btn-success.open-modal.twofa-config-link.enable, #modalGeneratePassword .modal-footer .btn.btn-primary, .btn_style.btn_bg{
    background: #4d8af8!important;
    border-color: #4d8af8 !important;
    border: 2px solid #4d8af8 !important;
}
.bootstrap-switch{
    border: 1px solid #4d8af8;
}
.wgs_custom-btn:hover, .theme-change-password-page .btn.wgs_custom-btn:hover, .fieldgroup-auxfields a.btn.btn-default.btn-sm:hover, .theme-contact-list-page .button-footer-contact-page button.btn.wgs_remove_button:hover,
.card.two-factor-available-section a.btn.btn-success.open-modal.twofa-config-link.enable:hover, #modalGeneratePassword .modal-footer .btn.btn-primary:hover, .btn_style.btn_bg:hover {
    color: #4d8af8 !important;
    background: transparent!important;
}
a.add-button-common.wgs_custom-btn:hover {
    background: #4d8af8;
}
.show-on-hover{
    color: #4d8af8;
}
div#content, nav#sidebar, .defaultClientxSidebar, .menu-myaccount-clientx, .menu-notification-clientx, .menu-settings-clientx, .menu-cart-clientx{
        top: 60px;
}
h4.panel-setting-title {
    font-size: 13px;
}
.menu-myaccount-clientx .panel-setting-heading {
    padding: 17px 15px;
}
.theme-change-password-page button.btn.btn-default.btn-block.generate-password, #modalBillingAddress .btn, .theme-head-bar.row.page_pdt a.back-button-head-bar, .page_title.d-server-title .cancel-btn, .dropdown.manage-drop.login-cpanel-button a,
#recommendationsModal .col-sm-3.pr-button-section .btn-sm.btn-add, a#btnContinueRecommendationsModal, button.go-btn, form#addresource .table button, form#addresource input.btn.btn-success, a.add_origins.btn.btn-success.btn-mini, .onappCDN_MainPage a, 
.onappCDN_MainDiv input.btn.btn-primary, a.add_sec_host.btn.btn-success.btn-mini, #addresource #create_cdn_resource_btn, #mg-wrapper .modal-footer button.btn.btn-default, #mg-wrapper .btn-primary:hover, #mg-wrapper button.btn.btn-default, form.login-form .card-body input#login, 
a.log-btn:hover, .btn-save.wgs_custom-btn.generate-password, .host-row.registerpage .btn-account.reg input.wgs_custom-btn, .resource-buttons .btn-primary, .payment-method-button form button[type="submit"], .payment-method-button form input[type="submit"], button#mostripeOBT, 
div#modalEmptyCart button.btn.btn-primary.btn-default, div#modalEmptyCart button.btn.btn-default:hover, div#MGModal button.btn.btn-success:hover, div#costsTabPanel input.btn.btn-primary, form#setWarningLevelForm .btn.btn-primary, #refillModal button.btn.btn-primary, #refillModal button.btn.btn-secondary, 
button.btn.btn-primary.refill_Btn, #changeMonthlyPriceModal button.btn.btn-primary, button.btn.btn-primary.changeMonthlyPrice_Btn:hover, table#tableEmailsList .btn-info, .clientxempty div#applyPromo .btn-default:hover, div#applyPromo .btn-default:focus{
    background: #4d8af8 !important;
    border: 2px solid #4d8af8 !important;
    color: #fff !important;
}
.theme-change-password-page form.using-password-strength input.btn.wgs_cancel_button, .wgs_cancel_button, #modalGeneratePassword .modal-footer button.btn.btn-default, #modalBillingAddress .btn:hover, #modalBillingAddress .btn-default, .theme-head-bar.row.page_pdt a.back-button-head-bar:hover
, .theme-head-bar .dns_btn, .page_title.d-server-title .cancel-btn:hover, .dropdown.manage-drop.login-cpanel-button a:hover, #recommendationsModal .col-sm-3.pr-button-section .btn-sm.btn-add:hover,
a#btnContinueRecommendationsModal:hover, button.go-btn:hover,  .onappCDN_MainPage a:hover, #addresource #create_cdn_resource_btn:hover, #mg-wrapper .modal-footer button.btn.btn-default:hover, #mg-wrapper .btn-primary,
 #mg-wrapper button.btn.btn-default:hover, form.login-form .card-body input#login:hover, a.log-btn, .btn-save.wgs_custom-btn.generate-password:hover, .host-row.registerpage .btn-account.reg input.wgs_custom-btn:hover, .resource-buttons .btn-primary:hover, 
 .payment-method-button form button[type="submit"]:hover, .payment-method-button form input[type="submit"]:hover, button#mostripeOBT:hover, div#modalEmptyCart button.btn.btn-primary.btn-default:hover, div#modalEmptyCart button.btn.btn-default, 
 div#MGModal button.btn.btn-success, div#costsTabPanel input.btn.btn-primary:hover, form#setWarningLevelForm .btn.btn-primary:hover, #refillModal button.btn.btn-primary:hover, #refillModal button.btn.btn-secondary:hover, button.btn.btn-primary.refill_Btn:hover, #changeMonthlyPriceModal button.btn.btn-primary:hover, 
 button.btn.btn-primary.changeMonthlyPrice_Btn, table#tableEmailsList .btn-info:hover, .clientxempty div#applyPromo .btn-default{
    color: #4d8af8 !important;
    background: transparent !important;
    border: 2px solid #4d8af8 !important;
}
.theme-change-password-page form.using-password-strength input.btn.wgs_cancel_button:hover, .wgs_cancel_button:hover, #modalGeneratePassword .modal-footer button.btn.btn-default:hover, #modalBillingAddress .btn-default:hover
, .theme-head-bar .dns_btn:hover{
    background: #4d8af8 !important;
    color: #fff !important;
}
.card-body.new-payment-method-design button#cvvWhereLink, .page_title.d-server-title span.product-domain-id{
    color:#4d8af8 !important;
}
.billing_overview .nav-tabs li .active::before{
   background-color: #4d8af8; 
}
.theme-contact-list-page .button-footer-contact-page button.btn.wgs_remove_button {
    font-weight: 500;
}
.alert-warning span, .alert-info span, .alert-success span, .affiliate-stat i.fas.fa-users, .refferal-link-section input.form-control, #recommendationsModal .product-added-panel .product-price {
    color: #4d8af8 !important;
}
.alert-warning, .alert-info, .alert-success{
    background-color: #eaf1ff !important;
}
#modalGeneratePassword .modal-header.bg-primary.text-white, .tabChangepw-modal .modal-header{
        background: #4d8af8 !important;
}
.theme-head-bar {
    background: #ffffff !important;
    box-shadow: none !important;
}
.theme-payment-method-page tr.data-table-heading th {
    color: #ffffff;
}
.theme-change-password-page button.btn.btn-default.btn-block.generate-password:hover {
    background: transparent !important;
    color: #4d8af8 !important;
}
div#modalBillingAddress .modal-header{
    background: #4d8af8 !important;
}
#billingContactForm .modal-body .form-group label.control-label, .billing_outer a, body .mass_payment.odr-page .panel-default>.panel-heading .panel-title .accordion-toggle, 
.service_outer.orderconfigpage .inr-tab-content i, .mass_payment.odr-page .terms-row a, .summry-title h5{
    color: #4d8af8 !important;
}
.service_outer{
    margin-top: 30px;
}
.row.p-detail-row.product-detail-headng+.row.product-detail-content.acronis_custom{
    background: transparent;
}
.active-label-wgs.label-box-wgs label{
    border-color:#4d8af8;
}
.active-label-wgs.label-box-wgs label::after, #recommendationsModal i.far.fa-check{
    background:#4d8af8 !important;
}
body .odr-title{
    border-bottom: 4px solid #4d8af8;
}
/* .inputBox .input{
    min-height: 54px;
    line-height: 54px;
} */
.label-info{
    background-color:#4d8af8 !important;
}
.row.product-detail-content.acronis_custom table th {
    background: transparent !important;
    color: #fff;
}
.row.product-detail-content.acronis_custom table tr:first-child {
    background: rgb(108, 28, 207);
    background: linear-gradient(90deg, rgba(49, 154, 251, 1) 0%, rgba(108, 28, 207, 1) 100%) !important;
}
div#alertOverdueInvoice{
    margin-left: 0px;
    margin-right: 0px;
}
.divide-vps-manage #mg-wrapper .buttons-content .big-button, .modal-header.text-left, div#mg-modal-confirmation .modal-header, #modalEmptyCart .modal-header, #mg-wrapper #MGModal .modal-header{
    background-color:#4d8af8 !important;
}
.billing_overview .nav-tabs li.active a, .billing_overview .nav-tabs li a:hover, .show-password i, .invoice-actions .previous-page-link:hover{
    color:#4d8af8 !important;
}
#divide-section table.lu-table.lu-table--mob-collapsible th{
        color: #ffffff !important;
}
 .back-arrow a, #registration .submit_btn .checkbox.agry a {
    color:#4d8af8 !important;
}
.back-arrow a:hover{
    background:#4d8af8 !important;
    color: #fff !important;
}
.billing_overview .products3-module-detail-content #layers .lu-widget {
    border: transparent;
}
.onappCDN_MainDiv {
    margin-top: 30px;
}
.sub-description-p {
    color: #000;
}
.common-table-upper-header {
    margin: 30px 30px 0px;
}
button#mostripeOBT {
    width: 100%;
}
.progress-bar {
    background-color: #598bfb;
}
body .ctm_products .search_portion {
    margin: 20px 15px 0px;
}

#divide-section table.lu-table.lu-table--mob-collapsible.dataTable.no-footer.dtr-column thead tr {
    background: #e9edf2 !important;
    color: #000;
}

#divide-section table.lu-table.lu-table--mob-collapsible.dataTable.no-footer.dtr-column thead tr th {
    color: #000 !important;
}
.user-profile-main-page-section .card.user-profile-page-second-view {
    margin: 10px;
}
.theme-clientemail-page li:nth-child(2) {
    width: 219px;
}
.ctm_products .search_portion .dropdown-menu.show {
    top: 60px !important;
    transform: unset !important;
}
a#checkout.disabled {
    color: #fff !important;
}
#order-standard_cart div#applyPromo .prepend-icon .field-icon {
    top: 18px;
}

.theme-clientemail-page ul.pagination li:nth-child(2) {
    width: fit-content;
}
table#tableInvoicesList thead th{
    position: sticky !important;
    top: 0;
    padding: 15px 25px !important;
    font-size: 15px;
}
.dataTables_wrapper table#tableInvoicesList tbody td{
    padding: 15px 25px !important;
    font-size: 15px !important;
}
a.add-button-common.wgs_custom-btn{
    color: #ffffff;
}
table#tableInvoicesList thead {
    position: sticky;
    top: 0;
}
@media (max-width: 1600px){
    .ctm_products .search_portion .dropdown-menu.show {
        top: 51px !important;
    }
}

.modal-backdrop.fade.show {
    display: none;
}

/*29-april-2025 AB css start*/
#divide-section table.lu-table.lu-table--mob-collapsible.dataTable.no-footer.dtr-column thead tr th {
    color: #ffffff !important;
    background: #578bfb !important;
    padding: 5px 5px !important;
    text-align: center;
    font-size: 16px !important;
    height: 40px;
}
#divide-section table.lu-table.lu-table--mob-collapsible.dataTable.no-footer.dtr-column thead tr {
    background: transparent;
    color: #000;
}
a#generateAccessKeyButton{
    background: #578bfb !important;
}
#confirmationModal .lu-modal__actions {
    text-align: right;
    border-top: 1px solid #ededed;
}
#confirmationModal .lu-btn--success.submitForm.mg-submit-form{
    background: #4a8cf9 !important;
}
#divide-section table.lu-table.lu-table--mob-collapsible td {
    padding: 20px 5px !important;
    text-align: center;
    font-size: 14px !important;
}
.lu-widget__content.lu-single-element {
    display: block;
}
.lu-widget__content.lu-single-element ul {
    display: flex;
    flex-wrap: wrap;
}
.lu-widget__content.lu-single-element ul li {
    width: 100%;
    max-width: 50%;
}
#layers2 .lu-list--info .lu-list__item:last-child, #layers2 .lu-list--info .lu-list__item:nth-last-child(2) {
    border-bottom: transparent;
}
#divide-section table.lu-table.lu-table--mob-collapsible.dataTable.no-footer.dtr-column {
    border: transparent !important;
    border-radius: 0px !important;
}
#divide-section .billing_outer table.lu-table.lu-table--mob-collapsible td, #divide-section .row.billing-headng.access-info table.lu-table.lu-table--mob-collapsible td{
    text-align: left;
    padding: 5px 2px !important;
}
#layers2 .lu-list--info .lu-list__item {
    display: -webkit-box;
    display: flex;
    padding: 10px 0 !important;
    border-bottom: 1px dashed #ddd;
    color: #333 !important;
    font-size: 13px;
}
.product-details-tab-container {
    border: transparent !important;
}
div#divide-section #layers2 .lu-btn--primary, #layers2 .lu-btn--success {
    color: #fff;
    background: #4d8af8 !important
}
div#divide-section #layers2 .lu-list--info .lu-list__item-title {
    width: 50%;
    flex-basis: 50%;
    max-width: 300px;
    color: #333;
    font-weight: 700;
}
.billing_overview .lu-widget__top.lu-top {
    background-color: #e9edf2;
    border-color: #e9edf2;
    color: #000;
}
.billing_overview #layers2 .lu-widget__body .lu-t-c__top {
    padding: 16px;
    justify-content: flex-end;
}
.billing_overview #layers2 .lu-top__toolbar:last-child {
    margin-left: 0;
}
ul.ticket-info-descp, .submit-ticket-upper-bar {
    background: rgb(108, 28, 207);
    background: linear-gradient(90deg, rgba(49, 154, 251, 1) 0%, rgba(108, 28, 207, 1) 100%);
}
.common-table-upper-header.view-ticket-header li.common-title-all h3 {
    color: #4997fd;
}
.common-table-upper-header.view-ticket-header {
    border: 1px solid #8ebaff;
    background: #dde7ff;
}
.common-table-upper-header.view-ticket-header li.common-title-all h3 {
    color: #4997fd;
}
button#ticketReply {
    color: #fff;
}
.ticket-reply.ticket-owner-reply {
    background: #dee7ff;
    border-radius: 4px;
}
.ticket-contact-message button.btn-sm.btn.btn-primary {
    background: #4997fd;
    border-color: #4997fd;
}

/*26-may-2025*/

#layers2 #mgVmCreateForm .lu-btn--success {
    width: auto !important;
    margin: auto;
    display: table !important;
    text-align: center;
}
#layers2 .lu-t-c__top .lu-top__search {
    margin-right: 10px;
}
#mgVmCreateForm .lu-widget__content, #mgVmCreateModal .lu-widget__content{
    display: unset;
}
#layers2 .lu-progress__fill {
    background: #4b83f6 !important;
}
#layers2 input.lu-slider--primary[type=range] {
    --slider-thumb-color:#e9ebf0 !important;
}
.billing_overview .products3-module-detail-content.module-client-area .lu-widget__top.lu-top {
    background-color: #4a8af8;
    border-color: #e9edf2;
    color: #ffffff;
}
#layers2 .lu-tile:hover, #layers2 .lu-tile.lu-is-checked {
    border-color: #4a88f7 !important;
}
#serviceVmInformation i.lu-btn__icon.lu-zmdi.lu-zmdi-edit{
    color: #fff;
}
.products3-module-detail-content a.lu-nav__link, .vue-app-main-container a.lu-nav__link {
    margin: 8px;
    border-radius: 3px;
    color: #ffffff !important;
    background: #4a89f8 !important;
}
.billing_overview .mg-wrapper.body.lu-bg-transparent.clientarea .lu-widget__top.lu-top {
    background-color: #598bfb;
    border-color: #e9edf2;
    color: #ffffff;
}
#divide-section .modulesgarden-app-main-container table.lu-table.lu-table--mob-collapsible.dataTable.no-footer.dtr-column thead tr th {
    color: #000 !important;
    background: #e4e8f4 !important;
}
.lu-modal__top.lu-top {
    background: rgb(74 139 249) !important;
}
#layers2 .lu-modal__body {
    max-height: 500px;
    overflow: auto;
}
#layers2 .lu-btn.lu-btn--icon .lu-btn__icon {
    margin: 0 !important;
}
#layers2 .lu-modal__dialog {
    width: 568px;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    transition: all 0.3s;
    margin-top: 80px !important;
}
/*02-jun-2025*/

#layers2 .lu-btn.lu-btn--icon.disabled {
    opacity: .2;
}

#layers2 .lu-preloader-container--full-screen {
    /*z-index: -1000 !important;*/
}
#layers2 .lu-modal__dialog i.lu-btn__icon.lu-zmdi.lu-zmdi-close {
    color: #fff;
}

/*07-july-2025*/

/*cvs css 10-july-2025 start*/
/* .wgs_cvs .module-content {
    float: left;
    width: 100%;
}

.module-container.wgs_cvs td:first-child {
    width: 200px;
}
.module-container.wgs_cvs {
    position: relative;
    background: #fff;
    float: left;
    margin: 30px;
    width: 96%;
}
.module-container.wgs_cvs .alert.alert-danger :before {
    top: 16px;
}
.module-container.wgs_cvs button.close{
    opacity: 0 !important;
}
.module-container.wgs_cvs .cl_numeric {
    width: 100px;
} */
/*cvs css 10-july-2025 end*/


/* Proxmox Cloud 10-14 Jul 2025 - VM information */
.modulesgarden-app-main-container #serviceActions, .modulesgarden-app-main-container #id29426619811, .modulesgarden-app-main-container #serviceVmInformation{
    max-width: 800px;
    margin: auto;
}
.modulesgarden-app-main-container #serviceVmInformation .lu-table td{
    text-align: left !important;
}
.modulesgarden-app-main-container #id38159157571 .lu-widget__content{
    /* Proxmox - VM creation */
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 10px;

    & label {
        font-weight: 500;
    }

    /* Data center */
    & > div:nth-child(2) > div.lu-form-radio-input {
        display: grid;
        /*grid-template-columns: repeat(5, 1fr);*/
        grid-auto-flow: column;
        grid-gap: 10px;
        padding: 0;
        min-height: unset;
        border: 0;

        & .lu-form-radio-input-option > input {
            display: none;
        }

        & .lu-form-radio-input-option > span {
            border: 1px solid #dadde6;
            border-radius: 3px;
            align-items: center;
            width: 100%;
            background-repeat: no-repeat;
            background-size: auto 60%;
            background-position: 15px center;
            padding-left: 45px;
            height: 38px;

            /*&::before {
                content: 'test ';
            }*/
        }
        & > div:nth-child(1) .lu-form-radio-input-option > span { /* Amsterdam */
                background-image: url('https://sharktech.net/wp-content/uploads/2025/03/Mask-group-5.svg');
        }
        & > div:nth-child(2) .lu-form-radio-input-option > span { /* Chicago */
                background-image: url('https://sharktech.net/wp-content/uploads/2025/03/Mask-group-4.svg');
        }
        & > div:nth-child(3) .lu-form-radio-input-option > span { /* Denver */
                background-image: url('https://sharktech.net/wp-content/uploads/2025/03/Mask-group-3.svg');
        }
        & > div:nth-child(4) .lu-form-radio-input-option > span { /* Las Vegas */
                background-image: url('https://sharktech.net/wp-content/uploads/2025/03/Mask-group-2.svg');
        }
        & > div:nth-child(5) .lu-form-radio-input-option > span { /* Los Angeles */
                background-image: url('https://sharktech.net/wp-content/uploads/2025/03/Mask-group-1.svg');
        }
    }

    /* VM name, data center, and description */
    & > div:nth-child(1), & > div:nth-child(2), & > div:nth-child(4) {
        grid-column: span 2;
    }
    /* VM description textarea */
    & textarea.lu-form-control {
        min-height: unset;
    }
    /* VM application template, vCPUs, and RAM */
    & #id25980226812, & #id25980226813, & #id25980226811 {
        display: none;
    }
}
.modulesgarden-app-main-container #id38792510591 .lu-widget__content label {
    font-weight: 500;
}

/* end Proxmox Cloud */


div#servermanagement .modal-header {
    background-color: #4b8cfa !important;
}
#mg-wrapper .modal-content {
    box-shadow: 0px 0px 10px #0000001f !important;
}

div#add-server-mdl {
    background-color: #0000007d ! IMPORTANT;
    z-index: 9999!important;
}

.row.Cloud-Virtual.Cloud-Virtual-popup {
    margin: 0 !important;
}
div#add-server-mdl button.btn.btn-default.test {
    background-color: #4d8af8 !important;
}

/* Fix borders on order/upgrade pages - 25 Jul 2025 */
.order-summary .summry-title{
    border-bottom: 1px solid #d9e9f5;
}
.order-summary .table {
    border: 0 !important;
}
.order-summary .table td {
    border-bottom: 0;
}
/* End order page borders */

/* Fix radios on purchase and upgrade pages */
/* .upgrade_radio_grid{
    display: grid;
    grid-auto-flow: column;
    grid-gap: 5px;
}
.upgrade_radio > input, .cloudvirtuebilling.resourcetier > input{
    vertical-align: middle;
    display: none;
}
.upgrade_radio > input:checked + label{
    background-color: #20b426;
    border-color: #20b426;
    color: #fff;
}
.cloudvirtuebilling.resourcetier > input:checked + label{
    border-color: #4d8af8;
}
.upgrade_radio > label{
    border: 1px solid #dadde6;
}
.cloudvirtuebilling.resourcetier > label{
    border: 1px solid #f0f3f6;
    background-color: #f0f3f6;
}
.upgrade_radio > label, .cloudvirtuebilling.resourcetier > label{
    border-radius: 4px;
    align-items: center;
    width: 100%;
    padding: 8px 0 !important;
    cursor: pointer;
    text-align: center;
    vertical-align: center;
}
.cloudvirtuebilling.resourcetier > input:checked ~ label::after{
    content: "";
    border-radius: 3px 3px 0 0;
    width: 25px;
    height: 25px;
    right: -1px;
    left: unset;
    top: -1px;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    background-color: #4d8af8;
}
.cloudvirtuebilling.resourcetier > input:checked ~ label::before{
    right: 3px;
    top: 0;
    left: unset;
}
.cloudvirtuebilling.resourcetier > label::after{
    content: none;
}
.cloudvirtuebilling.resourcetier{
    padding: 0 3px;
} */
/* End fix radios */