/* =========================================================
   MBA JACX 
    FORM
   Modern Tech / Dark / Jacx Purple
   ========================================================= */
body.page-id-1384 chat-widget, #scFeSX > div.psmtc_FeSX.ps_messenger__toggle-content.ps_rvm__hidden {display:none !important;}
html,
body {
    overflow-x: hidden !important;
}
#default_content {border-radius:20px;}
.webp {border:none; border-radius:20px; background:#fff;}
.tabs-new span a {padding:3px 9px !important;}
.tabs-new span {line-height:20px;}
.tabs-new span.selected {border-width:1px 1px 0 1px;}
.webp #rpwp-login-wrapper a {display:none;}
@media only screen and (max-width: 1024px) {#Register_Domains span#tld_price {display:inline-block;}}
/* =========================================================
   GLOBAL
   ========================================================= */

#username-block,
#products-block,
#domains-block,
#details-block,
#trial-info,
#payment-block {
    box-sizing: border-box;
    max-width: 100%;
}

#username-block *,
#products-block *,
#domains-block *,
#details-block *,
#trial-info *,
#payment-block * {box-sizing: border-box}
.tabs-new span.selected a {color:#000;}

/* =========================================================
   USERNAME
   ========================================================= */

#username-block {
    max-width: 100%;
    padding: 16px 18px;
    margin-bottom: 16px;
    /*background: linear-gradient(145deg, #191d26, #11141b);*/
    background: #000;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 12px;
    color: #d5d9e1;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 10px 30px rgba(0,0,0,.15);
}

#username-block input#username {
    display: block;
    width: 100%;
    height: 44px;
    margin-top: 8px;
    padding: 0 13px;
    background: #0b0e14;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 8px;
    color: #fff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
}

#username-block input#username:focus {
    outline: none;
    border-color: #7b40c0;
    box-shadow: 0 0 0 3px rgba(123,64,192,.16);
}

#username-block .info.tip {
    color: #747c89;
    font-size: 12px;
    font-weight: 400;
}


/* =========================================================
   SHARED SECTION HEADINGS
   ========================================================= */

#products-block > div.ui-widget-header.tabs-new,
#domains-block > div.ui-widget-header.tabs-new,
#details-block > div.ui-widget-header.header,
#trial-info > div {
    box-sizing: border-box;
    width: 100%;
    padding: 13px 17px;
    margin: 0;
    background: #000/*linear-gradient(145deg, #191d26, #11141b)*/;
    border : 1px solid rgba(255,255,255,.09);
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    box-shadow: 0 8px 25px rgba(0,0,0,.12);
}


/* =========================================================
   SHARED SECTION CONTENT
   ========================================================= */
.ui-widget-content a {color:#fff}

#products-block > div.ui-widget-content,
#domains-block > div.ui-widget-content,
#details-block > div.ui-widget-content,
#trial-info > section.plans.ui-widget-content {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 20px;
    background: linear-gradient(145deg, #191d26, #11141b);
    border: 1px solid rgba(255,255,255,.09);
    border-top: 1px solid rgba(255,255,255,.045);
    border-radius: 0 0 12px 12px;
    color: #f3f4f7;
    font-size: 14px;
    line-height: 1.5;
    box-shadow: 0 14px 35px rgba(0,0,0,.15);
    overflow-x: hidden;
}
.features {
    padding: 12px 15px !important;
    margin-bottom: 8px !important;
    background: rgba(255,255,255,.025) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 9px;
    color: #c8cdd6;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    box-shadow: none;
}

.features .feature-item {
    display: flex;
    align-items: center;
    padding: 5px 0;
    border-bottom: 1px solid rgba(255,255,255,.05);
    color: #fff;
}

.features .feature-item:last-child {
    border-bottom: 0;
}

.features .feature-item::before {
    content: "✓";
    flex: 0 0 18px;
    margin-right: 7px;
    color: #7b40c0;
    font-size: 12px;
    font-weight: 700;
}
/* =========================================================
   SHOW ALL FEATURES MODAL
   ========================================================= */

body > div:nth-child(3) {
    box-sizing: border-box;
    background: #11141b !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,.45) !important;
    color: #d5d9e1;
    overflow: hidden;
}

/* Modal header */

body > div:nth-child(3) .ui-widget-header {
    box-sizing: border-box;
    padding: 14px 18px !important;
    background: linear-gradient(145deg, #191d26, #11141b) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    color: #fff !important;
    font-size: 15px;
    font-weight: 700;
}


/* Modal content */
body > div:nth-child(3) .ui-widget-content {
    box-sizing: border-box;
    padding: 18px !important;
    background: #11141b !important;
    border: 0 !important;
    color: #c8cdd6;
}

/* Feature items inside modal */
body > div:nth-child(3) .features {
    padding: 12px 14px !important;
    margin: 0 0 8px !important;
    background: rgba(255,255,255,.025) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 8px;
    color: #c8cdd6;
    font-size: 13px;
    font-weight: 500;
}

/* Close button */
body > div:nth-child(3) .ui-dialog-titlebar-close,
body > div:nth-child(3) .ui-button {
    color: #fff !important;
}

/* Mobile */

@media (max-width: 700px) {

    body > div:nth-child(3) {
        max-width: calc(100vw - 24px) !important;
        width: calc(100vw - 24px) !important;
        border-radius: 10px !important;
    }

    body > div:nth-child(3) .ui-widget-header {
        padding: 12px 14px !important;
    }

    body > div:nth-child(3) .ui-widget-content {
        padding: 14px !important;
    }
}
/* =========================================================
   PRODUCTS TABS
   ========================================================= */

#products-block > div.ui-widget-header.tabs-new {
    box-sizing: border-box;
    min-height: 42px;
    height: 42px;
    padding: 0 !important;
    display: flex;
    align-items: center;
    background: #000 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 10px 10px 0 0 !important;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
}

/* =========================================================
   INACTIVE TABS
   ========================================================= */

#products-block > div.ui-widget-header.tabs-new
span.clickedTab:not(.selected) a,
#products-block > div.ui-widget-header.tabs-new
span.clickedTab:not(.selected) a:link,
#products-block > div.ui-widget-header.tabs-new
span.clickedTab:not(.selected) a:visited {
    color: #ffffff !important;
    text-shadow: none !important;
}


/* =========================================================
   ACTIVE TAB
   ========================================================= */

#products-block > div.ui-widget-header.tabs-new
span.clickedTab.selected a,
#products-block > div.ui-widget-header.tabs-new
span.clickedTab.selected a:link,
#products-block > div.ui-widget-header.tabs-new
span.clickedTab.selected a:visited {
    color: #7b40c0 !important;
    text-shadow: none !important;
}


/* If the text itself is directly inside the span */

#products-block > div.ui-widget-header.tabs-new
span.clickedTab.selected {
    color: #7b40c0 !important;
}


/* =========================================================
   TAB ALIGNMENT
   ========================================================= */

#products-block > div.ui-widget-header.tabs-new
span.clickedTab {
    line-height: 1.8;
}

#products-block > div.ui-widget-header.tabs-new
span.clickedTab a {
    line-height: 1.8;
    text-decoration: none !important;
}


/* =========================================================
   TABLET / MOBILE
   ========================================================= */
/* Products tabs — match Domains block on mobile */
@media (max-width: 700px) {

    #products-block .tabs-new {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }

    #products-block .tabs-new > span {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        float: none !important;
        margin: 0 !important;
        padding: 0px !important;
        border-bottom: 1px solid #ddd !important;
    }

    #products-block .tabs-new > span a {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        line-height:35px;
    }
}
.ui-widget-header span a:link, .ui-widget-header.header, #submit_order .ui-button {#fff !important;}

/* =========================================================
   PLAN AREA
   =========================================================*/

#Plans {
    /*display: flex;*/
    flex-wrap: nowrap;
    align-items: flex-start;
    width: 100%;
}

/*#Plans > div:nth-child(1) {
    width: 48%;
    flex: 0 0 48%;
    box-sizing: border-box;
}

#Plans > div.split.pl20 {
    width: 48%;
    flex: 0 0 48%;
    box-sizing: border-box;
    margin-left: 4%;*/
}
@media (max-width: 700px) {

    #Plans {
        display: block !important;
        width: 100% !important;
        line-height:33px;
    }

    #Plans > div:nth-child(1),
    #Plans > div
    .pl20 {
        float: none !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #Plans > div
    .pl20 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
#KVM .split {width: 100%;}

/* =========================================================
   JACX — DOMAINS
   ========================================================= */

#domains-block {
    width: 100%;
    max-width: 100%;
    margin-top: 18px;
    overflow: hidden;
}


/* Domain content */

#domains-block > div.ui-widget-content {
    box-sizing: border-box;

    width: 100%;
    max-width: 100%;

    padding: 18px !important;

    background: linear-gradient(145deg, #191d26, #11141b) !important;

    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 0 0 12px 12px !important;

    color: #fff;
}


/* =========================================================
   DOMAIN SEARCH
   ========================================================= */

#Register_Domains {
    width: 100%;
    max-width: 100%;

    color: #fff;

    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
}


/* Domain name */

#Register_Domains #first_sld {
    width: 220px;
    height: 40px;
    box-sizing: border-box;
    margin: 0 4px;
    padding: 0 12px;
    background: #0b0e14 !important;
    border: 1px solid #7b40c0 !important;
    border-radius: 7px !important;
    color: #fff !important;

    font-family: inherit;
    font-size: 14px;
    font-weight: 500;

    vertical-align: middle;
}

#Register_Domains #first_sld::placeholder {
    color: #777f8c;
}

#Register_Domains #first_sld:hover {
    border-color: rgba(255,255,255,.22) !important;
}


/* TLD */

#Register_Domains #first_tld {
    width: 72px;
    height: 40px;
    box-sizing: border-box;
    margin: 0 4px;
    padding: 0 8px;
    background: #0b0e14 !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 7px !important;
    color: #fff !important;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    vertical-align: middle;
    cursor: pointer;
}

/* Check availability */

#Register_Domains #domain_check {
    height: 40px;
    box-sizing: border-box;
    margin: 0 4px;
    padding: 0 15px;
    background: #7b40c0 !important;
    border: 1px solid #7b40c0 !important;
    border-radius: 20px !important;
    color: #fff !important;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    box-shadow: 0 3px 10px rgba(123,64,192,.18);
    transition:
        background .2s ease,
        box-shadow .2s ease;
}

#Register_Domains #domain_check:hover {
    background: #8b4bd0 !important;
    border-color: #8b4bd0 !important;
    box-shadow: 0 5px 15px rgba(123,64,192,.28);
}


/* Price */

/* Focus */

#Register_Domains #first_sld:focus,
#Register_Domains #first_tld:focus {
    outline: none !important;
    border-color: #7b40c0 !important;
    box-shadow:
        0 0 0 3px rgba(123,64,192,.15) !important;
}


/* =========================================================
   DOMAIN HELP
   ========================================================= */

#Register_Domains #empty_domains_msg {
    margin-top: 12px !important;
    padding: 12px 14px;
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
}

#Register_Domains #empty_domains_msg p {
    margin: 7px 0 0;
    color: #aeb5c0;
}

#Register_Domains #empty_domains_msg .info {
    display: none;
}


/* =========================================================
   SELECTED DOMAINS
   ========================================================= */

#Register_Domains #selected_domains {
    width: 100%;
    max-width: 100%;

    margin-top: 10px;

    overflow-x: auto;
}

/* Selected Domains — light Jacx styling */
#selected_domains_table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-top: 12px;
    color: #000;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    overflow: hidden;
}

#selected_domains_table tr.domain_tr {
    background: #fff;
}

#selected_domains_table td.ui-widget-content {
    background: #fff !important;
    color: #000 !important;
    border: 0 !important;
    border-bottom: 1px solid #eee !important;
    padding: 10px 12px;
    vertical-align: middle;
}

#selected_domains_table tr.domain_tr:last-child td {
    border-bottom: 0 !important;
}

/* Register */
#selected_domains_table .domain_tr td:first-child span[style*="green"] {
    color: #5a9e6f !important;
}

/* Domain name */
#selected_domains_table .domain_tr strong {
    color: #000;
    font-weight: 600;
}

/* Price */
#selected_domains_table .tld-price {
    color: #6b3fa0 !important;
    font-weight: 600;
}

#selected_domains_table .tld-price .normal-price {
    color: #777 !important;
    text-decoration: line-through;
    margin-left: 4px;
}

/* Change Whois button */
#selected_domains_table .change-whois-details .ui-button {
    background: #f5f0f8 !important;
    border: 1px solid #d8c9e2 !important;
    color: #6b3fa0 !important;
    padding: 6px 10px;
    font-weight: 500;
}

#selected_domains_table .change-whois-details .ui-button:hover {
    background: #eee5f3 !important;
}

/* Trash icon */
#selected_domains_table .remove_selected_domain {
    width: 35px;
    color: #777;
}

#selected_domains_table .remove_selected_domain:hover {
    background: #fafafa !important;
}

/* Promo */
#selected_domains_table .promo_td {
    background: #fafafa !important;
}

#selected_domains_table .promo_text {
    color: #6b3fa0 !important;
}

/* Mobile */
@media (max-width: 700px) {
    #selected_domains_table {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

    #selected_domains_table tbody,
    #selected_domains_table tr.domain_tr {
        width: 100%;
    }

    #selected_domains_table td.ui-widget-content {
        padding: 9px 8px;
        font-size: 13px;
    }

    #selected_domains_table .change-whois-details .ui-button {
        white-space: nowrap;
        font-size: 12px;
        padding: 5px 7px;
    }
}

/* Selected Domains - Modal */
#selected_domains_table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    background: #fff;
    color: #111;
}

#selected_domains_table .domain_tr td {
    background: #fafafa;
    color: #111;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px;
    vertical-align: middle;
}

#selected_domains_table .domain_tr:last-child td {
    border-bottom: 0;
}

#selected_domains_table .domain_tr:hover td {
    background: #f7f5fa;
}

#selected_domains_table .domain_tr strong {
    color: #111;
}

#selected_domains_table .promo-price {
    color: #6b2c91;
    font-weight: 600;
}

#selected_domains_table .normal-price {
    color: #777;
    font-weight: normal;
}

#selected_domains_table .ui-button {
    background: #f3eef7;
    color: #6b2c91;
    border: 1px solid #d9cce2;
    border-radius: 4px;
    padding: 5px 9px;
    font-weight: 600;
}

#selected_domains_table .ui-button:hover {
    background: #e9dff0;
    color: #542174;
}

#selected_domains_table .promo_text {
    color: #6b2c91 !important;
}

/* Narrow modal */
@media (max-width: 600px) {
    #selected_domains_table {
        font-size: 13px;
    }

    #selected_domains_table .domain_tr td {
        padding: 8px 6px;
    }

    #selected_domains_table .change-whois-details .ui-button {
        padding: 5px 7px;
        white-space: nowrap;
    }

    #selected_domains_table .promo_td {
        width: auto !important;
    }
}
/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    #domains-block > div.ui-widget-content {
        padding: 14px !important;
    }

    #Register_Domains #first_sld {
        width: calc(100% - 20px);
        margin-bottom: 7px;
    }

    #Register_Domains #first_tld {
        width: 72px;
        margin-left: 0;
    }

    #Register_Domains #domain_check {
        margin-left: 4px;
    }

    #Register_Domains #tld_price {
        display: block;
        margin-top: 7px;
        margin-left: 0;
    }
}

/* =========================================================
   DETAILS
   ========================================================= */

#details-block {
    width: 100%;
    max-width: 100%;
    margin-top: 18px;
    overflow: hidden;
}

#details-block label {
    color: #c6cbd4;
    font-size: 13px;
    font-weight: 600;
}

#details-block input,
#details-block select,
#details-block textarea {
    max-width: 100%;
    min-width: 0;
    background: #0b0e14;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 7px;
    color: #fff;
    font-family: inherit;
    font-size: 14px;
    padding:15px;
}

#details-block input:focus,
#details-block select:focus,
#details-block textarea:focus {
    outline: none;

    border-color: #7b40c0;

    box-shadow: 0 0 0 3px rgba(123,64,192,.16);
}
/#the_details.details-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 30px;
    align-items: start;
    width: 100%;
}

#the_details .details-column {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
    min-width: 0;
}

#the_details .form-field {
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#the_details .form-field label {
    display: block;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
}

#the_details .form-field input,
#the_details .form-field select {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Address 2 stays directly underneath Address */
#the_details .address-field input + input {
    margin-top: 8px;
}

/* Keep the two columns equal */
#the_details .details-column {
    flex: 1 1 0;
}

/* Mobile */
@media (max-width: 700px) {
    #the_details.details-grid {
        grid-template-columns: 1fr;
        row-gap: 14px;
    }
}

/* =========================================================
   TRIAL
   ========================================================= */

#trial-info {
    width: 100%;
    max-width: 100%;

    margin-top: 18px;

    overflow: hidden;
}

#trial-info select,
#trial-info input {
    max-width: 100%;
    min-width: 0;
}


/* =========================================================
   PAYMENT
   ========================================================= */

#payment-block {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* PROMO + AMOUNT ROW */
#payment-block > div.split:has(#promo_code) {
    order: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    width: 100%;
    box-sizing: border-box;
}

/* Promo Code — LEFT */
#payment-block #promo_code {
    order: 1;
    flex: 1 1 0;
    width: auto;
    float: none;
    text-align: left;
    box-sizing: border-box;
    /*padding: 12px 15px;*/
    /*background: #fafafa;
    border: 1px solid #e6e6e6;*/
    border-radius: 4px;
    color: #000;
}

/* Amounts — RIGHT */
#payment-block #amounts {
    order: 2;
    flex: 1 1 0;
    width: auto;
    float: none;
    text-align: right;
    box-sizing: border-box;
    padding: 12px 15px;
    /*background: #fafafa;
    border: 1px solid #e6e6e6;*/
    border-radius: 4px;
    color: #000;
}

/* TERMS — MOVE BELOW PROMO/AMOUNT ROW */
#payment-block > div.split.normal.p5.terms_services {
    order: 2;
    clear: both;
    float: none;
    width: 100%;
    box-sizing: border-box;
    margin-top: 15px;
    padding: 12px 15px;
    background: #fafafa;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    color: #000;
}

/* Jacx purple links */
#payment-block .terms_services a.terms {
    color: #6f2dbd;
    text-decoration: none;
    font-weight: 500;
}

#payment-block .terms_services a.terms:hover {
    color: #54218f;
    text-decoration: underline;
}

/* Black text */
#payment-block .terms_services label,
#payment-block #promo_code label,
#payment-block #amounts {
    color: #000;
}

/* Mobile */
@media (max-width: 700px) {
    #payment-block > div.split:has(#promo_code) {
        flex-direction: column;
    }

    #payment-block #promo_code,
    #payment-block #amounts {
        width: 100%;
        flex: none;
        text-align: left;
    }
}
/* =========================================================
   FORM CONTROLS — GENERAL
   ========================================================= */

#products-block input,
#products-block select,
#products-block textarea,
#domains-block input,
#domains-block select,
#domains-block textarea,
#details-block input,
#details-block select,
#details-block textarea,
#trial-info input,
#trial-info select,
#trial-info textarea,
#payment-block input,
#payment-block select,
#payment-block textarea {
    box-sizing: border-box;

    max-width: 100%;
}


/* =========================================================
   SUBMIT BUTTON
   Keep existing appearance.
   Only prevent overflow.
   ========================================================= */
#payment-block #submit_order {
    clear: both !important;
    float: none !important;
    display: block !important;
    position: relative !important;
    width: fit-content !important;
    margin: 20px auto 0 !important;
    order:2;
}


/* =========================================================
   TABLET + MOBILE
   Product 
    become vertical, centered.
   ========================================================= */

@media (max-width: 1024px) {

    #
    -block
    > div.ui-widget-header.tabs-new {

        flex-direction: column;

        align-items: center;

        gap: 3px;
    }

    #
    -block
    > div.ui-widget-header.tabs-new > * {

        flex: none;

        width: 100%;
        max-width: 480px;

        text-align: center;

        white-space: normal;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    #username-block {
        padding: 14px;

        border-radius: 10px;
    }


    #
    -block
    > div.ui-widget-header.tabs-new {

        padding: 6px;

        border-radius: 10px 10px 0 0;
    }

    #
    -block
    > div.ui-widget-header.tabs-new > * {

        width: 100%;
        max-width: 100%;

        padding: 10px 12px;

        font-size: 13px;
    }


    #
    -block > div.ui-widget-content,
    #domains-block > div.ui-widget-content,
    #details-block > div.ui-widget-content,
    #trial-info > section.plans.ui-widget-content {

        padding: 14px;

        border-radius: 0 0 10px 10px;
    }


    #
    -block > div.ui-widget-header.tabs-new,
    #domains-block > div.ui-widget-header.tabs-new,
    #details-block > div.ui-widget-header.header,
    #trial-info > div {

        padding: 12px 14px;

        border-radius: 10px 10px 0 0;
    }


    #Plans > div {
        padding: 14px;

        border-radius: 8px;
    }


    #domains-block,
    #details-block,
    #trial-info,
    #
     {

        margin-top: 14px;
    }


    #
    
    > div.split.normal.p5.terms_services
    > div {

        padding: 11px 12px;

        font-size: 12.5px;
    }
}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media (max-width: 400px) {

    #
    -block > div.ui-widget-content,
    #domains-block > div.ui-widget-content,
    #details-block > div.ui-widget-content,
    #trial-info > section.plans.ui-widget-content {

        padding: 12px;
    }

    #Plans > div {
        padding: 12px;
    }
}

/* =========================================================
   ALL FORM DROPDOWNS
   Match Hosting Plans dropdown styling
   ========================================================= */

#username-block select,
#products-block select,
#domains-block select,
#trial-info select,
#payment-block select {
    box-sizing: border-box;

    width: 100%;
    max-width: 100%;
    min-height: 42px;

    padding: 0 38px 0 13px;

    background-color: #0b0e14 !important;

    border: 1px solid rgba(255,255,255,.11) !important;
    border-radius: 7px !important;

    color: #fff !important;

    font-family: inherit;
    font-size: 14px;
    font-weight: 500;

    line-height: 42px;

    cursor: pointer;

    appearance: auto;
}


/* Focus */

#username-block select:focus,
#products-block select:focus,
#domains-block select:focus,
#trial-info select:focus,
#payment-block select:focus {
    outline: none !important;

    border-color: #7b40c0 !important;

    box-shadow: 0 0 0 3px rgba(123,64,192,.16) !important;
}


/* Hover */

#username-block select:hover,
#products-block select:hover,
#domains-block select:hover,
#details-block select:hover,
#trial-info select:hover,
#payment-block select:hover {
    border-color: rgba(123,64,192,.55) !important;
}


/* Dropdown options */

#username-block select option,
#products-block select option,
#domains-block select option,
#details-block select option,
#trial-info select option,
#payment-block select option {
    background: #11141b;

    color: #fff;

    font-family: inherit;
    font-size: 14px;
}


/* Mobile */

@media (max-width: 700px) {

    #username-block select,
    #products-block select,
    #domains-block select,
    #details-block select,
    #trial-info select,
    #
    -block select {

        min-height: 42px;

        font-size: 14px;
    }
}
#products-block select,
#domains-block select,
#payment-block select,
#details-block select,
#trial-info select {
    border: 1px solid #7b40c0 !important;
    border-radius: 7px !important;

    color: #fff !important;
    background-color: #0b0e14 !important;

    font-family: inherit;
    font-weight: 600;
}

#products-block select:focus,
#domains-block select:focus,
#payment-block select:focus,
#details-block select:focus,
#trial-info select:focus {
    border-color: #7b40c0 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(123,64,192,.15) !important;
}