
.w-14{
    width : 6.4em;
}
.tb_vertical_center{
    vertical-align: middle;
}

tr{
    cursor : pointer;
    height : 6rem;
    padding : 0;
    margin : 0;
}
td{
    padding : 0;
    margin : 0;
}

input[type="text"] {
    outline : none;
    max-width : 20em;
    overflow : visible;
    cursor : pointer;
}

#tbodyTodo tr:nth-child(2n-1){
    background-color : #89caa2;
}
#tbodyTodo tr:nth-child(2n){
    background-color : #70b98b;
}
#tbodyTodo{
    overflow: hidden;
}
body{
    background-color: #a3d5a4;
    font-family: 'Cute Font', sans-serif;
    font-size : 1.3rem;
}

.custom-control-label::before{
    width: 1rem;
    height: 1rem;

}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before{

    background-color: #1e7e34;
}

.custom-control-label::before{
    width: 1rem;
    height: 1rem;
    background-color: white;
}

.custom-control-label{
    font-size: 1rem;
}

.btnCheck{
    background-color : white;
    border : none;
    text-align: center;
    text-decoration: none;
    padding : 0;
    margin : 0;
    width: 2.5rem;
    height : 2.5rem;
}

.btnCheck > .leafCheck{
    width : 100%;
    height : 100%;
}

.leafCheck{
    color : white;
    background-color : green;
}
.leafHide{
    color : transparent;
    background-color : white;
}

.inputAddTodoNumber{
    width : 15rem;
}

.inputAddTodoText{
    width : 40rem;
}
