/* Card CSS regarding particular device card */
.devicecard .card {
    border: 1px solid rgba(111, 115, 213, 1);
    border-radius: 10px;
}

.devicecard .card-header {
    background-color: white;
    border-radius: 10px 10px 0px 0px;
    border-bottom: 0px;
    font-weight: bold;
}

.devicecard .card-body {
    background-color: rgba(226, 227, 247, 1);
    border-radius: 10px 10px 10px 10px;
}

/* Card CSS regarding process */
.process .card-header {
    background-color: var(--bs-primary);
    color: white;
}

/* Card CSS regarding particular critical Conditions list */
.critCondListCard .card {
    border: 1px solid rgba(111, 115, 213, 1);
    border-radius: 10px;
}

.critCondListCard .card-body {
    background-color: rgba(226, 227, 247, 1);
    border-radius: 10px 10px 10px 10px;
}

.critCondListCard .card-footer {
    background-color: white;
    border-radius: 0px 0px 10px 10px;
    border-top: 0px;
    font-weight: bold;
}

/* css regarding ProcessList */

.main-content-process-list {
    border: 1px solid #6F73D5;
    border-radius: 10px;
    opacity: 1;
}

/* OR box CSS */
.box {
    display: flex;
}

.hrClass {
    align-self: center;
    border: 2px solid black;
    color: black;
    background-color: black;
    width: 50%;
    height: 1px
}

.OrContainer {
    border: 2px solid;
    width: 60px;
    padding: 4px 2px 0px 2px;
    color: white;
    background-color: black;
    text-align: center;
    border-radius: 10px
}

/* Condition chips CSS */
.conditionChips {
    display: inline-block;
    padding: 0 15px;
    height: 26px;
    font: normal normal 600 12px Open Sans;
    letter-spacing: 0px;
    line-height: 26px;
    border-radius: 20px;
    background: rgba(5, 12, 66, 1) 0% 0% no-repeat padding-box;
    color: rgba(255, 255, 255, 1);
}

/* Condition Operator Type CSS eg: OR, And, etc */
.conditionOpType {
    font: normal normal 600 12px/17px Open Sans;
    letter-spacing: 0px;
    color: rgba(5, 12, 66, 1);
}

/* Condition Action Chips */
.condActionChips {
    display: inline-block;
    padding: 0 25px;
    height: 55px;
    min-width: 105px;
    font: normal normal 600 12/17px Open Sans;
    letter-spacing: 0px;
    border-radius: 20px;
    border: 1px solid rgba(111, 115, 213, 1);
}