//                                      Copyright 2025 WebPros International, LLC
//                                                           All rights reserved.
// copyright@cpanel.net                                         http://cpanel.net
// This code is subject to the cPanel license. Unauthorized copying is prohibited.

.animate-if.ng-enter,
.animate-if.ng-leave {
    transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}

.animate-if.ng-enter,
.animate-if.ng-leave.ng-leave-active {
    opacity: 0;
}

.animate-if.ng-leave,
.animate-if.ng-enter.ng-enter-active {
    opacity: 1;
}

.help-hover {
    cursor: help;
}

.no-padding {
    padding: 0;
}
.tag-input-tag {
    background-color: #ccc;
    border: 1px solid #333;
    padding: 3px;
    margin: 3px;
    border-radius: 4px;
    display: inline-block;
}
.active_controls {
    padding-top: 5px;
}
.cart-price {
    font-size: 18px;
}
.tag-input-remove-btn {
    padding: 0 3px;
}
.virtual-hosts {
    display: flex;
    flex-wrap: wrap;
}
.virtual-host-block {
    align-items: stretch;
}
.virtual-host-trash-link {
    padding: 0 12px;
}
.virtual-host-panel > .panel-body {
    padding-bottom: 15px;
}
.virtual-host-panel > .panel-body .panel-heading {
    cursor: pointer;
}
.virtual-host-panel > .panel-body .panel-heading[disabled="disabled"] {
    cursor: not-allowed;
}
.virtual-host-panel > .panel-body .panel-heading[disabled="disabled"] .btn {
    cursor: not-allowed;
    pointer-events: none;
    font-style: italic;
    opacity: 0.5;
}
.cert-step-panel-current .panel-heading {
    cursor: default;
    pointer-events: none;
}
.virtual-host-panel > .panel-body .panel-heading {
}
.virtual-host-panel h3 .virtual-host-trash-icon {
    font-size: 14px;
}
.domain-trash-link {
    padding: 0 5px;
}
.table > tbody > tr > td.domain-state-icon {
    padding-right: 0;
}

tr.not-selected {
    opacity: 0.5;
    font-style: italic !important;
}

.global-actions-row {
    margin-bottom: 15px;
}

.tri-state-box {
    display: inline-block;
    margin-left: 8px;
    margin-right: 17px;
}
.table .checkColumn {
    width: 35px;
}
.virtual-host-domain-row {
    cursor: pointer;
}
.virtual-host-pagination {
    margin: 5px 0;
}

.virtual-host-page-stats {
    padding: 9px 0;
}
input[type="radio"].product-radio-button {
    margin-top: 15px;
}
.product-radio-button-container {
    margin-right: 5px;
}
.product-row {
    padding: 10px 0 4px 0;
    border-top: 1px solid #eee;
    cursor: pointer;
}
.product-row > div {
    vertical-align: middle;
}
.product-row:first-child {
    border-top: none;
}
.product-row.selected {
    background-color: #d7edf9;
}
.product-row .help-block {
    font-size: 13px;
    color: rgb(115, 115, 115);
}

.product-details {
    font-size: 12px;
    color: #737373;
}

.checkout-step > .content-wrapper {
    padding-right: 5px;
}

.checkout-step-inner {
    position: relative;
    opacity: 0.5;
    border: 1px solid #333;
    font-size: 12px;
    min-height: 180px;
    text-align: center;
}

.checkout-step-pending-icon,
.checkout-step-success-icon {
    display: none;
    position: absolute;
    right: 5px;
    top: 5px;
}
.checkout-step-current:not(.checkout-step-completed)
    .checkout-step-pending-icon {
    display: inline-block;
}

.checkout-step-icon {
    text-align: center;
    margin-bottom: 5px;
}

.checkout-step-inner > .content-wrapper {
    padding: 8px 8px 0 8px;
}

.checkout-step-current .checkout-step-inner {
    opacity: 1;
    border-width: 2px;
    border-color: #000;
}
.checkout-step-completed .checkout-step-inner {
    opacity: 1;
    border-color: #27ae60;
    background-color: #dff2d5;
}

.checkout-step-completed .checkout-step-success-icon {
    display: inline-block;
}

.checkout-provider {
    margin-bottom: 15px;
}
.checkout-provider-header-row {
    margin-bottom: 15px;
}
.checkout-provider-header-row > .content-wrapper {
    padding: 5px 0;
}
.checkout-provider-header-row .checkout-provider-header {
    margin: 0;
}
.cutoff_with_ellipses {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.domain-step-check-column {
    width: 37px;
}
.domain-step-resolving {
    width: 125px;
}

.domain-contaner {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
}

.virtual-host-actions {
    margin: 0 10px 10px 10px;
    position: relative;
}
.view-disabled {
    opacity: 0.6;
    pointer-events: none;
}
.products-list {
    padding-top: 0;
    padding-bottom: 0;
}
.pending-cert-title {
    margin-bottom: 5px;
}
.virtual-host-panel-title {
    margin-bottom: 5px;
}
.virtual-host-cert-pending-header {
    border-bottom: 1px rgb(50, 50, 50) solid;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.green-padlock {
    color: #009900;
}
.grey-padlock {
    color: #999;
}
#pending_certificates_accordion .panel-heading {
    cursor: pointer;
}

.pending-cert-product-label {
    margin-right: 4px;
}

.cert-information-table {
    margin-bottom: 0;
}

.cert-information-table tr {
    vertical-align: middle;
}

.cancel-cert-block {
    border-top: 2px solid #323232;
    padding-top: 15px;
}

.virtual-host-panel-step-title {
    font-size: 13px;
    font-weight: bold;
}

.disabled-product {
    opacity: 0.6;
    pointer-events: none;
}

.product-block {
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #333;
    background-color: #ccc;
    margin: 10px;
    align-items: stretch;
    cursor: pointer;
}
.simple-product-blocks {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    padding-bottom: 15px;

    .simple-product-block {
        border-radius: 4px;
        border: 1px solid #858f98;
        background-color: #e5e7e9;
        align-items: stretch;
        cursor: pointer;
        margin: 1%;
        position: relative;
    }

    .simple-product-block-inner {
        padding: 10px;
    }
    .simple-product-block-inner input[type="radio"].product-radio-button {
        margin-top: 0;
    }
    .sp-radio-button {
        display: inline-block;
        height: 100%;
        vertical-align: top;
        width: 10%;
    }
    .sp-radio-button input {
        margin-right: 5px;
    }
    .simple-product-details-block {
        display: inline-block;
        height: 100%;
        vertical-align: top;
        width: 85%;
    }
    .simple-product-block.no-radio .simple-product-details-block {
        display: block;
    }

    .info-block {
        color: #54636f;
    }

    .product-details {
        color: #54636f;
    }
}

.summary-product-block {
    background-color: none;
}
.add-others-msg {
    margin-bottom: 5px;
}
.domain-cloud-domain,
.domain-cloud-domain a {
    color: #fff;
}
.domain-cloud-domain {
    margin: 3px 0;
    display: inline-block;
    font-size: 12px;
}
.domain-cloud-domain .label {
    font-size: 12px;
}
.domain-cloud-domain a:hover {
    text-decoration: none;
    cursor: pointer;
}

.domain-cloud-domain-label {
    font-size: 12px;
}
.selected-domains {
    margin-top: 8px;
}
.selected-domains-title {
    margin-top: 0;
}

.domain-message {
    white-space: normal;
    line-height: 14px;
    text-align: left;
}

.detail-action-link {
    padding-top: 0;
    padding-bottom: 0;
}

.show-hide-domain-details {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 0;
    border-width: 0;
}

/* Let's Encrypt intro panel */
.le-product-intro {
    display: flex;
    margin-bottom: 12px;
    align-items: flex-start;
    gap: 12px;

    .le-text {
        line-height: 1.5;
        margin-right: 80px;
    }

    .le-action {
        text-align: right;
    }
}

.le-btn {
    background: #fff;
    border: 1px solid #1d72c2;
    color: #1d72c2;
    font-weight: 600;
    transition:
        background 0.15s ease-in-out,
        color 0.15s ease-in-out;
}

.le-btn:hover,
.le-btn:focus,
.le-btn:active {
    background: #1d72c2;
    color: #fff;
}

.le-btn:focus-visible {
    outline: 2px solid #0b5ea8;
    outline-offset: 2px;
}

.le-subtext {
    font-size: 13px;
    margin-top: 4px;
}

.le-terms-modal-window {
    top: 50%;
    transform: translateY(-50%);
    overflow-y: auto;
    height: fit-content;
}

@media (max-width: 767px) {
    .le-product-intro {
        flex-direction: column;
        align-items: stretch;

        .le-text {
            margin-right: 0px;
        }

        .le-action {
            text-align: left;
            gap: 12px;
            align-items: baseline;
        }
    }

    .le-subtext {
        font-size: 11px;
        margin-top: 0;
        padding-top: 5px;
        padding-left: 5px;
        align-self: center;
    }
}

table.purchase-simple-domains td.has-checkbox {
    width: 0;
}

.domain-contaner .cutoff_with_ellipses label {
    display: unset;
}

@media only screen and (max-width: 600px) {
    .purchase-simple-domains {
        display: block;
    }

    table.purchase-simple-domains td.has-checkbox {
        position: absolute;
    }

    .domain-contaner .cutoff_with_ellipses {
        padding-left: 30px;
    }

    .responsive-table.purchase-simple-domains > tbody > tr > td {
        padding-left: 10px;
    }

    .responsive-table.purchase-simple-domains > tbody > tr {
        border-bottom: unset;
    }

    .responsive-table.purchase-simple-domains
        > tbody
        > tr
        > td
        div.domain-msg-state {
        padding-left: 30px;
    }

    .responsive-table.purchase-simple-domains > tbody > tr > td:before {
        width: 0;
    }

    .purchase-simple-domains td.domain-contaner {
        padding-bottom: 0;
        border-bottom: unset;
        max-width: none;
    }
}

@media only screen and (min-width: 600px) {
    .purchase-simple-domains .domain-contaner {
        width: 60%;
    }
}

@media (max-width: 768px) {
    .xs-full-width-label {
        display: block;
        line-height: normal;
        white-space: normal;
        margin: 2px 0;
    }
}