.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;
            div{
                border: 1px solid #666;
                padding: 6px 2px;
                white-space: pre-wrap;
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                flex: 1;
                width: 1%;
                word-break: break-all;
                &:nth-child(2){
                    border-left: none;
                    border-right: none;
                }
            }
            &:first-child{
                background-color: #8DB4E2;
                color: #fff;
            }
            &:nth-child(2n){
                div{
                    border-top: none;
                    border-bottom: none;
                }
            }
            &:last-child{
                div{
                    border-bottom: 1px solid #666;
                }
            }
        }
        &.exchange{
            div{
                &:nth-of-type(4){
                    border-left: none;
                }
            }
           
        }
           
     }
        
}