.entityStatus {

    .form {
        padding: 10px 0px;
    }

    .status-buttons {
        display: flex;
        flex-wrap:wrap;


        button {
            flex: 1 1 auto;
            padding: 10px;
            background-color: #FEFEFE;
            color: #464646;
            border:1px solid #CBCBCB;
            cursor: pointer;
            font-weight:bolder;

            transition: all 0.2s;

            &:hover {
                color:#FFFFFF;
                background-color:#4ec3e0;
                border:1px solid #4ec3e0;
                /*
                &.DRAFT,
                &.CANCELLED {
                    background-color: #BABABA;
                }

                &.ISSUED {
                    background-color: #08acff;
                }

                &.PAID {
                    background-color: #00c900;
                } 
                */              
            }

        }

             


        .active {
            background-color: #f79239;
            color:#FFFFFF;
            border:1px solid #f79239;
        }
        
    }



}

