subline/views/merchantSetupPage/merchantSetup.css

*{margin:0;padding:0;}

table{
    margin: 20px;
}



.anticolumn{
    border: none;
    background: white;
    color: black;
    min-width: 0;
}

.container{
    flex-direction: column;
    align-items: center;
}

    h1{
        margin: 10px;
    }

    .horizontal-container{
        display: flex;
    }

        .horizontal-container div{
            text-align: center;
            max-width: 50%;
        }

        th{
            border: 2px solid #ff626b;
            background: #001b2d;
            color: darkgray;
            padding: 3px;
            min-width: 150px;
        }

        td{
            border: 1px solid black;
            text-align: center;
            padding: 1px 10px;
        }

        .input-new{
            display: flex;
            flex-wrap: nowrap;
        }

.input-error{
    border-color: red;
}

#newRecipes{
    display: none;
    flex-direction: column;
    align-items: center;
}

#basicInfoStrand{
    display: flex;
}

    #basicInfoStrand form{
        display: flex;
        flex-direction: column;
    }

#addIngredientsStrand{
    display: none;
}

#createIngredientsStrand{
    display: none;
}

#nameRecipesStrand{
    display: none;
}

#createRecipesStrand{
    display: none;
}

    #recipeName{
        color: #ff626b;
    }