.white-card{
    background: #FAFBFC;
    border: 1px solid rgba(24, 101, 255, 0.16);
    border-radius: 12px;
    padding: 24px 21px;
    
}
input.form-control,
.was-validated input.form-control,
.was-validated .form-control:valid,
.form-control {
    height: 42px;
    border-radius: 4px;
    padding: 10px 8px;
    background-color: rgb(243, 247, 255) !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 1px solid #DDE4F1;
    color: #7788AB !important;
    font-size: var(--p);
    font-weight: 400;
    outline: none !important;

}

input.form-control:focus,
.form-control:focus-within {
    border: 1px solid #c5c9cf !important;
}

.config-card-container{
    max-width: calc(100vw - 373px);
    overflow-x: auto;
    padding-bottom: 24px;
}

.config-card-container::-webkit-scrollbar {
    height: 8px;
}

.config-card-container::-webkit-scrollbar-track {
    background-color: #dde0e5;
}

.config-card-container::-webkit-scrollbar-thumb {
    background-color: #7082A7;
    border-radius: 20px;
    width: 4px;
    cursor: pointer;
}
.green-config-chip{
    width: 100%;
    height: 25px;
    background: #F6FDF9;
    border: 1px solid rgba(0, 122, 41, 0.24);
    border-radius: 4px;
    color: #007A29;
    font-size: 8px;
    font-weight: 600;
}
.orange-config-chip{
    width: 100%;
    height: 25px;
    background: #FDF9F6;
    border: 1px solid #F07C413D;
    border-radius: 4px;
    color: #F07C41;
    font-size: 8px;
    font-weight: 600;
}
.red-config-chip{
    width: 100%;
    height: 25px;
    background: #FDF2F2;
    border: 1px solid #F041413D;
    border-radius: 4px;
    color: #D0463D;
    font-size: 8px;
    font-weight: 600;
}
.simulation-card:has(.orange-config-chip.active){
    border: 2px solid #F07C41;
}

.orange-config-chip{
  display: none !important;
}

.orange-config-chip.active {
  display: flex !important;
}

.orange-config-chip.active ~ .config-chip {
  display: none !important;
}

 .form-check-input {
    background-color: #CCCCCC;
    box-shadow: 0px 0px 4px 0px #00000040;
    background-image: url("/assets/Images/check.svg");
    border-color: #FFFFFF;
}

.form-check-input:checked[type=radio] {
    background-color: #F07C41 !important;
    border-color: #F07C41 
}

.form-control.is-valid,
.was-validated .form-control:valid {
    background-image: none;
    border-color: transparent;
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
    border-color: #F07C41 !important;
}



.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #fff;
}

.activeAllianceCard{
    background: #F3F7FF;
    border: 1px solid #BFDBFE;
    border-radius: 6px;
}

.activeAllianceCard .card1{
    height: 100px;
    border: 1.69px solid #CEDEFF;
    color: #1D2026;
    background: white;
    border-radius: 8px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 2px 8px 0px #0D1F450A;
}
.activeAllianceCard.ended{
    background: #FFF5F3;
    border: 1px solid #FEC7BF;
}
.activeAllianceCard .dollar-amount{
   color: #179D56;
}
.activeAllianceCard.ended .dollar-amount{
    color: #9D2917;
}

.activeAllianceCard .active-chip{
    display: flex;
    align-items: center;
    height: 24px;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    width: max-content;
    color: #007A29;
    background: #ECFDF2;
    border: 0.6px solid #007A2952;
    border-radius: 4px;
    padding: 6px 15px;
}
.activeAllianceCard .yellow-chip{
    display: flex;
    align-items: center;
    height: 24px;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #854D0E;
    background: #FEEAC3;
    border: 0.6px solid #7A410052;
    border-radius: 4px;
    padding: 6px 15px;
}
.activeAllianceCard .red-chip{
    display: flex;
    align-items: center;
    height: 24px;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #D84041;
    background: #FEC3C3;
    border: 0.6px solid #7A000052;
    border-radius: 4px;
    padding: 6px 15px;
}
.activeAllianceCard .green-chip{
    display: flex;
    align-items: center;
    height: 24px;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #fff;
    background: #007A29;
    border: 0.6px solid #ADFFC9;
    border-radius: 4px;
    padding: 6px 15px;
}
.status{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8.5px 27.5px;
    height: 40px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
}
.green-status{
    background: linear-gradient(85.36deg, rgba(23, 239, 124, 0.2) -35.91%, rgba(23, 154, 84, 0.2) 114.67%);
    border: 1px solid #4AD991;
    color: #006622;
}
.red-status{
    background: linear-gradient(85.36deg, rgba(239, 52, 23, 0.2) -35.91%, rgba(154, 40, 23, 0.2) 114.67%);
    border: 1px solid #D95D4A;
    color: #660E00;
}
.yellow-status{
    background: linear-gradient(85.36deg, rgba(239, 217, 23, 0.2) -35.91%, rgba(154, 141, 23, 0.2) 114.67%);
    border: 1px solid #D9CB4A;
    color: #665C00;
}
.activeAllianceCard.ended .active-chip{
    color: #7A1000;
    background: #FDEFEC;
    border: 0.6px solid #7A100052;
}
.activeAllianceCard.renew{
    border: 1px solid #D4EDE4;
    background: #F3FFF7;
}
.activeAllianceCard.pending-yellow{
    border: 1px solid #D0C990B0;
    background: #FFFEF3;
}
.activeAllianceCard.pending-red{
    border: 1px solid #D09090B0;
    background: #FFF3F3;
}