/* 진료이동 */
.diagnosis_move_modal.fade .modal-dialog {width:540px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0;}
.diagnosis_move_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
.diagnosis_move_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
.diagnosis_move_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
.diagnosis_move_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
.diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
.diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; margin-bottom:10px;}
.diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0;}
.diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box {width:calc(100% - 100px); height:36px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
.diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box.active {z-index:10;}
.diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .label { width:100%; height:36px; font-size:14px; font-weight:400; text-align:left; color:#21272C; background:none; }
.diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
.diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; color:#494E53;}
.diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item.first {margin:0;}
.diagnosis_move_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
.diagnosis_move_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
.diagnosis_move_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
.diagnosis_move_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
.diagnosis_move_modal .modal-dialog .modal-content .modal-footer .save_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}


/* 시술추가 */
.add_treatment_modal.fade .modal-dialog {width:1200px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:40%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0;}
.add_treatment_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
.add_treatment_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:flex; border-radius:0; border-bottom:1px solid #E9ECF0; flex-wrap: wrap;}
.add_treatment_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
.add_treatment_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .right_tabel_wrap { width:calc(100% - 10px); float:left; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .left_tabel_wrap { width:30%; margin-left:10px; float:left; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box > .input_box {width:100%; display:table; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box > .input_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0;}
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box > .input_box input {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px;}
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box > .input_box.first { margin-bottom:30px; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box > .input_box.first input { width:200px; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box { margin-bottom:30px; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table { width:100%; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table thead tr th { padding:0 10px; line-height: 36px; background:#EDF5FF; min-width: 60px; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table thead tr th:first-child { border-radius:5px 0 0 5px; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table thead tr th:last-child { border-radius:0 5px 5px 0; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .right_tabel_wrap .teble_box table thead tr th:first-child { width:45px; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .left_tabel_wrap .teble_box table tbody tr td input { text-align:right; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td { padding:5px 10px; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .search_box { width:100%; height:36px; position:relative; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .search_box img { position:absolute; top:50%; left:10px; transform:translatey(-50%); }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .search_box input { width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; font-size:14px; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .input_box input {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px;}
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .input_box.right input { text-align:right; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .input_box.short input { width:70px; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .add_box { height:100%; position:relative; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .add_box button { width:24px; height:24px; padding:0; position:absolute; top:50%; left:0; transform:translateY(-50%); }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .add_box button img { vertical-align:initial; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .add_box button:hover { background: none !important; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .subtract_box { display:flex; align-items:center; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .subtract_box button { width:24px; height:24px; padding:0; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .subtract_box button img { vertical-align:initial; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .subtract_box button:hover { background: none !important; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .select_box {width:80px; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color: #494E53; cursor:pointer; background:none;}
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .select_box .select_option_list {min-width:100%; border-radius:5px; transition:.4s ease-in; border:Solid 1px #E9ECF0; padding:10px; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .select_box .select_option_list .option_list_item {width:100%; line-height:30px; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; text-indent:10px; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tfoot tr td:first-child { text-align:right; color:#3985EA; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tfoot tr td:first-child span { color:#3985EA; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tfoot tr { border-top:1px solid #eee; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tfoot tr td { padding:5px 10px; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table.doctor_teble thead tr th:nth-child(1) { width:45px; border-radius:5px 0 0 5px; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table.doctor_teble thead tr th:nth-child(2) { width:250px; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table.doctor_teble thead tr th:nth-child(3) { border-radius:0 5px 5px 0; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table.doctor_teble tbody tr td .select_box {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table.doctor_teble tbody tr td .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color: #494E53; cursor:pointer; background:none;}
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table.doctor_teble tbody tr td .select_box .select_option_list {min-width:100%; border-radius:5px; transition:.4s ease-in; border:Solid 1px #E9ECF0; padding:10px; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table.doctor_teble tbody tr td .select_box .select_option_list .option_list_item {width:100%; line-height:30px; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; text-indent:10px; }
.add_treatment_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
.add_treatment_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
.add_treatment_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
.add_treatment_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
.add_treatment_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}


/* joy 추가 시작 */
/* 시술추가 - selectbox 추가 (닥터 항목) */
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .select_box {width:100%; height:36px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .select_box.active {z-index:10;}
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .select_box .label { width:80px; height:36px; font-size:14px; font-weight:400; text-align:left; color:#21272C; background:none; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; color:#494E53;}
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .select_box .select_option_list .option_list_item.first {margin:0;}

/* 시술추가 - 마이너스 버튼 추가 (동적row) */
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .subtract_box { height:100%; position:relative; }
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .subtract_box button { width:24px; height:24px; padding:0; position:absolute; top:50%; left:0; transform:translateY(-50%); background: url('/image/web/subtract.svg')no-repeat; }

/* 시술추가 - 등록버튼 색상 변경 */
.add_treatment_modal .modal-dialog .modal-content .modal-footer .registration_bth {background:#3985EA;}
/* joy 추가 종료 */


@media only screen and (max-width: 1280px){
    /* 진료이동 */
    .diagnosis_move_modal.fade .modal-dialog { width:490px;}
    .diagnosis_move_modal .modal-dialog .modal-content { padding:30px; }
    .diagnosis_move_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
    .diagnosis_move_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
    .diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
    .diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box { width:calc(100% - 80px); height:32px; }
    .diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box img { width:20px; }
    .diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input { padding-left:35px; font-size:12px; }
    .diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box { height:32px; background-size:18px; }
    .diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .label { font-size:12px; height:32px; }
    .diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item { font-size:12px; }
    .diagnosis_move_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
    .diagnosis_move_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
    .diagnosis_move_modal .modal-dialog .modal-content .modal-footer .save_bth { width:80px; height:32px; font-size:12px; }

    /* 시술추가 */
    .add_treatment_modal.fade .modal-dialog {width:1060px; }
    .add_treatment_modal .modal-dialog .modal-content { padding:30px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .input_box.first input { width:150px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box label { width:80px; font-size:12px; line-height:32px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { height:32px; font-size:12px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box { margin-bottom:20px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table thead tr th { font-size:12px; line-height:32px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td { font-size:12px; line-height:32px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .search_box { height:32px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .search_box input { padding-left:30px; font-size:12px; line-height:32px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .search_box img { width:22px; height:22px; left:5px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .add_box button { width:22px; height:22px; background-size:22px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .add_box button img { width:22px; height:22px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .subtract_box button { width:22px; height:22px; background-size:22px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .subtract_box button img { width:22px; height:22px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .input_box input { height:32px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tfoot tr td { font-size:12px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .select_box { height:32px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .select_box .label { font-size:12px; height:32px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .select_box .select_option_list .option_list_item { font-size:12px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table.doctor_teble tbody tr td .select_box { height:32px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table.doctor_teble tbody tr td .select_box .label { font-size:12px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table.doctor_teble tbody tr td .select_box .select_option_list .option_list_item { font-size:12px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
    .add_treatment_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
}




