.color-primary-0 {
    color: #2D7D4E
}

.color-primary-1 {
    /* textground */
    color: #80BA98
}

.color-primary-2 {
    /* background */
    color: #529B6F
}

.color-primary-3 {
    /* menuground */
    color: #146133
}

.color-primary-4 {
    /* buttonground */
    color: #03421C
}





.table_input {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #03421C;
    padding: 5px;
    margin: 5px;
}

.table_input td {
    border: 1px solid #03421C;
    background-color: #80BA98;
    padding: 5px;
}

.table_input tr:nth-child(even) {
    background-color: #529B6F;
    
}

.table_input th {
    padding-top: 5px;
    padding-bottom: 5px;
    
    background-color: #03421C;
    color: white;
}

.background {

    background-color: #529B6F;
}

.textground {

    color: #80BA98;
}

.bg_menu {
    background-color: #146133;

    margin: 0px;

    border: #03421C;
    border-radius: 5px;
    border-style: dotted;

    padding: 10px;

}

.btn_menu {
    color: #80BA98;
    background-color: #03421C;
    margin: 5px;

    border: 1px solid #03421C;

    padding: 5;

    min-width: 100%;
    height: 3rem;
}

.btn {
    color: #80BA98;
    background-color: #146133;

    margin: 5px;

    border: 1px solid #03421C;
    border-radius: 10px;

    padding: 5px;

    min-width: 20%;
    height: 2rem;
}

.input_name {

    width: 95%;

    padding: opx;
}

.input_todo {
    height:200px;
    width: 95%;

    padding: 0px;
}

.input{

    width: 80%;
    padding: 5px;
}

.input_btn {
    color: #80BA98;
    background-color: #146133;
    border-radius: 10px;
    width: 100%;

    padding: 0px;
}