body {
}
.rowflex_between {
            display: flex;
            flex-direction: row;
            width: 100%;
            justify-content: space-between;
            align-items: center;
        }
.rowflex_left_top {
            display: flex;
            flex-direction: row;
            width: 100%;
        }
.rowflex_left {
            display: flex;
            flex-direction: row;
            width: 100%;
            align-items: center;
        }
.rowflex_right {
            display: flex;
            flex-direction:row-reverse;
            width: 100%;
            align-items: center;
        }
.rowflex_around {
            display: flex;
            flex-direction: row;
            width: 100%;
            align-items: center;
            justify-content:space-between;
        }
.rowflex_center {
            display: flex;
            flex-direction: row;
            width: 100%;
            justify-content: center;
            align-items: center;
        }
.rowflex_round {
            display: flex;
            flex-direction: row;
            width: 100%;
            justify-content:space-around;
            align-items: center;
        }
.columnflex_left {
            display: flex;
            flex-direction: column;
            width: 100%;
        }
.columnflex_center {
            display: flex;
            flex-direction: column;
            width: 100%;
            align-items: center;
            justify-content:center;
        }
.columnflex_bottom{
     display: flex;
     flex-direction:column-reverse;
}

.menumain {
    color: white;
    font-size: 15px;
    margin-left: 3px;
}
.menumain:link{
    color: white;
}
.menumain:hover{
    
}
.menuitem_one_sub {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    height: 50px;
    cursor: pointer;
    background-color:#003366;
    font-size: 15px;
    color: white;
}
.menuitem_one_sub:hover{
    background-color:white;
    color:#000033;
}
.menuitem_one_sub img{
    height: 18px; width: 18px;
    margin-left:15px;
}


.menuitemspan {

}

    .menuitemspan:hover {
        
        /*border-bottom:1px solid white;*/
    }

.menuitem {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content:flex-start;
    align-items: center;
    height: 40px;
    cursor: pointer;
    background-color: #006699;
    border-bottom:1px solid #006600;
}

.dialog_op {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 600px;
    border-radius: 5px;
    box-shadow: gray 0px 0px 10px;
    background-color: white;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: -300px;
    margin-top: -200px;
    z-index: 999;
}

.inputout {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            height: 35px;
            border: 1px solid lightgray;
            border-radius: 3px;
            width: 80%;
        }

            .inputout:hover {
                border: 1px solid #006699;
            }
.inputarea {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            height: 35px;
            border: 1px solid lightgray;
            border-radius: 3px;
            width:100%;
        }
.inputarea_left{
    text-align: center; height: 35px; background-color: lightgray;
}
.today{
    margin-left:10px;
    color:#0066FF;
}
.digarea {
            width: 70%;
            position: fixed;
            top: 40px;
            left: 15%;
            background-color: white;
            border-radius: 8px;
            z-index: 999;
            margin-left:-90px;
        }
.tabbutton{
    width: 100px; 
    margin-left: 1px;
    height:35px;
    border-radius:5px 5px 0px 0px;
    cursor:pointer;
}