/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

 .bbp_container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Space between columns */
}

.bbp_column .input-text {
    width: 100% !important;
}
.bbp_column {
    background: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    width: 45%;
    position: relative;
}
#bbp_verify-key-button{
    float: right;
}
#bbp_verify-key-response.warning{
    background: #fff;
    border: 1px solid #c3c4c7;
    border-left-width: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    margin: 5px 15px 2px;
    padding: 1px 12px;
    border-left-color: #ffa014;
    margin: 10px;
}
#bbp_verify-key-response.error{
   
    background: #fff;
    border: 1px solid #c3c4c7;
    border-left-width: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    margin: 5px 15px 2px;
    padding: 1px 12px;
    border-left-color: #d63638;
    margin: 10px;
}
#bbp_verify-key-response.success{
    background: #fff;
    border: 1px solid #c3c4c7;
    border-left-width: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    margin: 5px 15px 2px;
    padding: 1px 12px;
    border-left-color: #009688;
    margin: 10px;
}

.bbp_loader-container {
    z-index: 9;
    position: absolute;
    height: 95%;
    width: 95%; /* Full height of the viewport */
    background-color: #f8f9fa; /* Light background color */
    display: none;
}

/* Loader animation */
.bbp_loader {
    border: 8px solid rgba(0, 123, 255, 0.3); /* Light blue border */
    border-top: 8px solid #007bff; /* Darker blue for the spinning effect */
    border-radius: 50%; /* Circular shape */
    width: 40px; /* Width of the loader */
    height: 40px; /* Height of the loader */
    animation: spin 1s linear infinite; /* Spin animation */
    margin: auto auto;
}


.bbp-info-block .url-item{
    margin-bottom:15px;
}

.bbp-info-block .url-label {
    margin-bottom: 5px;
    font-size: 14px;
}

.bbp-info-block .url-input {
    width: 100%;
    height: 40px;
    font-size: 14px;
    border: 2px dashed #ccc;
    border-radius: 4px;
    background-color: #f9f9f9;
    color: #333;
    cursor: pointer;
}

.bbp-info-block p.copied-message,.bbp_copied-message {
    margin-top: 5px;
    font-size: 12px;
    color: green;
    display:none;
}
.bbp_clear_both{
    clear:both;
}
.bbp_payment_details{
    margin-top:15px;   
}
.copy_order_detail{
    cursor: pointer; 
    margin-left: 10px; 
    border: 1px solid #ccc; 
    background: #f9f9f9; 
    padding: 5px; 
    border-radius: 3px;
}
.merchant-details-table.wc_gateways td, .merchant-details-table.wc_gateways th{
    padding: 10px !important;
}
@media (max-width: 1200px) {
    .bbp_column {
        width: 100%;
    }
}