.list_date {margin: 0 auto; max-width: 520px}
.calendar_item { border: 1px solid lightgray; background-color: rgba(250,250,250,40);
    border-radius: 10px; padding: 1px; cursor: pointer; text-align: center; width: 150px;}
.calendar_item_selected { background-color: lightblue; }
.inputs {border: 1px solid lightgray; background-color: rgba(250,250,250,40); border-radius: 10px;
    padding: 10px; text-align: left; width: 500px; margin: 20px auto;}
.input_name {width: 190px; display: inline-block; margin-top:5px;}
.input_value {width: 200px; display: inline-block; margin-top:5px;}
.list_registered { border: 1px solid lightgray; background-color: rgba(250,250,250,40);
    border-radius: 10px; padding: 10px; text-align: center; width: 320px; margin: 10px auto;}
.current_date {font-weight: bold; font-size: 150%;}
.registered_line {height: 26px; }
.user {width: 240px; display: inline-block; text-align: left; margin: 0 10px; vertical-align: middle;}
.key_master {width: 20px; display: inline-block; vertical-align: middle;}
.racket_master {width: 20px; display: inline-block; vertical-align: middle;}
.unregister {display: inline-block; cursor: pointer; vertical-align: middle;
    background-color: #ff0000; color: #fff; border-radius: 50%;
    font-size: 15px; line-height: 20px; /* set to same size as width, height */
    width: 20px; height: 20px; text-align: center;}
.session_header {border: 1px solid rgb(204, 204, 204); border-radius: 10px; padding: 10px; text-align: center; margin: 10px auto;}
.valid_session {background-color: lightgreen;}
.incomplete_session {background-color: lightcoral;}
.description_info {color: white; border: 1px solid rgb(228, 15, 15); border-radius: 10px; padding: 10px; text-align: center; margin: 10px auto; background-color: rgb(228, 15, 15);}