.onduty_container{
    outline: none;
}

.onduty_container select,
.onduty_container button{
    padding: 0.2rem 0.4rem;
}

.onduty_container table{
    margin-top: 0.6rem;
    border-left: 1px solid #555;
    border-top: 1px solid #555;
    width: 100%;
}

.onduty_container table tbody td{
    width: 14.28571428571429%;
}

.onduty_container table thead td{
    text-align: center;
    font-weight: bold;
    font-size: 0.9rem;
}

.onduty_container table td{
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;
    vertical-align: top;
    padding: 0.4rem;
}

.onduty_container table tbody td .day{
    display: inline-block;
    font-weight: bold;
    font-size: 0.9rem;
    margin-right: 0.2rem;
}

.onduty_container table tbody td.holiday{
    background: #f0f0f0f0;
}

.onduty_container table tbody td .onperiod1:hover
,.onduty_container table tbody td .onperiod2:hover
,.onduty_container table tbody td .onperiod3:hover
{
    background: #e0e0e0e0;
    cursor: pointer;
}

.onduty_container table tbody td .onperiod1
,.onduty_container table tbody td .onperiod2
,.onduty_container table tbody td .onperiod3
{
    display: flex;
    flex-direction: row;
    margin-bottom: 0.2rem;
}

.onduty_container table tbody td .onperiod1 .doctor
,.onduty_container table tbody td .onperiod2 .doctor
,.onduty_container table tbody td .onperiod3 .doctor
{
    flex-grow: 1;
    padding-left: 0.2rem;
    user-select: none;
}

.onduty_container table tbody td .day_container{
    text-align: center;
    margin-bottom: 0.4rem;
    white-space: nowrap;
    max-width: 8rem;
    overflow: hidden;
}

.onduty_container .remark_container{
    margin-top: 0.4rem;
}

.onduty_container .red{
    background: #ffc3c3;
}

.add_onduty_container{
    text-align: center;
    padding: 1rem 0rem;
}

.add_onduty_container input{
    padding: 0.2rem 0.4rem;
}

.add_onduty_container .onduty_doctor_input{
    margin-top: 0.4rem;
    text-align: center;
}

.add_onduty_container input.onduty_doctor_input::placeholder{
	color: black;
}

.onduty_change_container{
    text-align: center;
}

#search_onduty_doctor_result_container {
	display: none;
    z-index: 999999999;
    max-width: 500px;
    max-height: 300px;
    position: fixed;
    background: #fff;
    border: 2px solid #4d94ff;
    overflow-y: auto;
    box-shadow: 0 -2px 10px -2px black;
}

#search_onduty_doctor_table tr{
	background: #e5fcff;
	padding-left: 5px;
	outline: none;
}

#search_onduty_doctor_table tr:hover{
	background: #c1f8ff;
	cursor: pointer;
}

#search_onduty_doctor_table td{
	padding: 5px 10px;
	border-bottom: 1px solid #ddd;
}

.jconfirm-buttons-center{
    float: none !important;
    text-align: center !important;
}

.onduty_log_container .row_container{
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #777;
}

.onduty_log_container .row_container:hover{
    background: #e0e0e0;
}

.onduty_log_container .datetime{
    display: inline-block;
    padding: 0.4rem 0.8rem;
}

.onduty_log_container .detail{
    display: inline-block;
    flex-grow: 1;
    padding: 0.4rem 0.8rem;
}

.onduty_log_container .save_doctor{
    display: inline-block;
    padding: 0.4rem 0.8rem;
}