/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
.idm-gift-tabs ul.tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.idm-gift-tabs li.tab {
    margin-right: 10px; /* Adjust the spacing between tabs as needed */
    position: relative;
    border-color: rgba(54, 54, 54, 0.6);
    border-width: 1px;
    border-radius: 0px;
    background-color: rgb(255, 255, 255);
    padding: 8px;
    text-align: center;
    border-style: solid;
}
.idm-gift-tabs li.tab a{
    text-decoration: none;
}

/* Style for active tab - You can further style this to match your design */
.idm-gift-tabs li.tab.active {
    background-color: rgba(207, 176, 21, 0.1);
    border-color: rgb(207, 176, 21);
}

/* Style for the hidden radio buttons */
.idm-gift-tabs ul.tabs  li.tab label {
    position: absolute;
    left: 0;
    visibility: hidden;

}

/* Style for the labels of the tabs */
.idm-gift-tabs ul.tabs  li.tab label {
    cursor: pointer;
    padding: 5px 10px;
    background-color: #f0f0f0; /* Change to your desired background color */
    border: 1px solid #ccc; /* Change to your desired border style */
    border-radius: 5px;
}

/* Style for the labels of the active tab */
.idm-gift-tabs ul.tabs  li.tab  label.active {
    background-color: #0073e6; /* Change to your desired background color */
    color: #fff; /* Change to your desired text color */
}

.idm-gift-tabs .ywgc-postdated {
    float: none !important;
    width: inherit !important;
}