.integrationRuleContainer{
    font-size: 14px;
    padding: 10px 12px;
    h4{
        text-align: center;
        margin-bottom: 10px;
        font-size: 15px;
        font-weight: bold;
    }
    h5{
        font-weight: bold;
        margin: 10px 0;
    }
    ul.rules{
        li{
            display: flex;
            span{
                flex: 1;
                text-align: center;
                border: 1px solid #666;
                padding: 6px 2px;
                white-space: wrap;
                &:nth-child(2){
                    border-left: none;
                    border-right: none;
                }
            }
            &:first-child{
                background-color: #8DB4E2;
                color: #fff;
            }
            &:nth-child(2n){
                span{
                    border-top: none;
                    border-bottom: none;
                }
            }
            &:last-child{
                span{
                    border-bottom: 1px solid #666;
                }
            }
        }
           
     }
        
}