/* CSS Document */
/* reset #0f52ba
------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
hr {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 14px;
    vertical-align: baseline;
}

html,
body {
    width: 100%;
    overflow-x: hidden;

    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}

body {
    /*background: #0f52ba;*/
    background: #99d9ea;
    color: #454545;
    font-family: "微軟正黑體", "Microsoft JhengHei", Arial, "LiHei Pro", "新細明體", sans-serif;
    font-size: 14px;
    margin: 0 auto;
    max-width: 100%;
}

.clear1 {
    clear: both;
    height: 0;
}

.clear10 {
    clear: both;
    height: 10px;
}

.clear25 {
    clear: both;
    height: 25px;
}

.img100 {
    max-width: 100%;
}

.tc {
    text-align: center;
}

.txtL {
    text-align: left;
}

.txtR {
    text-align: right;
}

.lh165 {
    line-height: 1.65rem;
}

.lh185 {
    line-height: 1.85rem;
}

.mr-0 {
    margin-right: 0;
}

.bdbtm-0 {
    border-bottom: 0;
}

.hr-tit-btm {
    height: 1px;
    border: 0;
    border-top: 1px solid #666;
    margin-top: 12px;
    margin-bottom: 20px;
    opacity: 1;
}

.hr-dot3v {
    display: block;
    height: 9px !important;
    background: url(../images/dots_3v.png) repeat-x;
    border: 0;
    opacity: 1;
}

.danger {
    color: #de0d0d;
}

.sum-md {
    font-size: 1.25rem;
    font-weight: bold;
    color: #de0d0d;
}

.bg-light-blue {
    background: #dce6f1;
}


/* input[type=text]{
    caret-color: #0f52ba;
    border: 1px solid #ced4da;
    border-radius: 3px;
    padding: 5px;
    outline: #0f52ba;
    margin-right: 10px;
} */
.norm-check-label {
    margin-right: 10px;
}

input[type=checkbox] {
    -ms-transform: scale(1.3);
    /* IE */
    -moz-transform: scale(1.3);
    /* FF */
    -webkit-transform: scale(1.3);
    /* Safari and Chrome */
    -o-transform: scale(1.3);
    /* Opera */
    transform: scale(1.3);
    padding: 10px;
    margin-right: 5px;
}

input[type=radio] {
    -ms-transform: scale(1.3);
    /* IE */
    -moz-transform: scale(1.3);
    /* FF */
    -webkit-transform: scale(1.3);
    /* Safari and Chrome */
    -o-transform: scale(1.3);
    /* Opera */
    transform: scale(1.3);
    padding: 10px;
    margin-right: 5px;
}

input[type=text].inline-input {
    margin-right: 6px;
    margin-bottom: 10px;
}

input[type=radio].inline-radio {
    margin-bottom: 10px;
}

.inline-select {
    display: inline-block;
    padding: 5px 25px 5px 5px;
    -moz-padding-start: calc(0.75rem - 3px);
    background-color: #fff;
    background-image: url("../images/select.svg");
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    margin-bottom: 10px;
    margin-right: 6px;
}

.input-md-width,
.sele-md-width {
    width: 262px;
}

.input-sm-width,
.sele-sm-width {
    width: 150px;
}

.input-xs-width,
.sele-xs-width {
    width: 100px;
}

.input-xxs-width,
.sele-xxs-width {
    width: 55px;
}

.inline-radio-label {
    margin-right: 15px;
}

.input-danger {
    background-color: #de0d0d;
    color: #FFF;
}

textarea {
    border: 1px solid #ced4da;
    border-radius: 3px;
    padding: 5px;
    outline: #0f52ba;
}

.btn-main {
    background: #2c8cf4;
    border-radius: 3px;
    color: #FFF;
    font-size: 1rem;
}

a.btn-main {
    display: inline-block;
    margin-bottom: 10px;
    text-decoration: none;
    padding: 6px 13px 6px 15px;
}

a.btn-main:hover {
    background: #0575ee;
    color: #FFF;
}

.btn-setting {
    background: #f3a014;
    border-radius: 3px;
    color: #FFF;
    font-size: 1rem;
}

a.btn-setting {
    display: inline-block;
    margin-bottom: 10px;
    text-decoration: none;
    padding: 6px 13px 6px 15px;
}

a.btn-setting:hover {
    background: #e59713;
    color: #FFF;
}

.btn-xstight {
    background: #2c8cf4;
    border-radius: 3px;
    color: #FFF;
    font-size: 0.928rem;
}

a.btn-xstight {
    display: inline-block;
    margin-bottom: 10px;
    text-decoration: none;
    padding: 3px 6px;
}

a.btn-xstight:hover {
    background: #0575ee;
    color: #FFF;
}

.badge-danger {
    background: #fff1f0;
    border: 1px solid #fde0e4;
    border-radius: 5px;
    color: #f55f68;
    font-size: 1rem;
    font-weight: bold;
    padding: 3px 5px;
}

.badge-subnote {
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #666;
    font-size: 0.857rem;
    font-weight: bold;
    padding: 3px 5px;
}

.tb-extight .badge-subnote {
    padding: 1px 5px;
}



.wrapper {
    width: 1280px;
    margin: 0 auto;
    background: #FFF;
    min-height: 10px;
}

.main-box {
    display: flex;
    min-height: calc(100vh - 113px);
}

.main-Lbox {
    border-right: 1px solid #0f52ba;
    display: inline-block;
    font-size: 1rem;
    width: 250px;
    padding: 25px;
}

.main-left-patient-BGY {
    background: #f8ff36;
}

.main-Rbox {
    display: inline-block;
    font-size: 1rem;
    width: 1028px;
    padding: 25px;

    background-color: #eaf0f4;
}


.sele-mlg {
    margin-bottom: 15px;
}

input[type=text].input-full {
    margin-bottom: 15px;
    width: 100%;
    padding-left: 12px;
    padding-top: 7px;
    padding-bottom: 8px;
    color: #454545;
}

.main-tit {
    color: #222;
    font-size: 1.71rem;
    font-weight: bold;
    letter-spacing: 2px;
}

.tab-tit {
    color: #222;
    font-size: 1.428rem;
    font-weight: bold;
    display: inline-block;
}


.btn-save {
    background: #00af80;
    border-radius: 3px;
    color: #FFF;
    float: right;
    font-size: 1rem;
    letter-spacing: 2px;
    padding: 6px 13px 6px 15px;
}

a.btn-save {
    text-decoration: none;
}

a.btn-save:hover {
    background: #009d73;
    color: #FFF;
}

.btn-rt-save {
    background: #00af80;
    border-radius: 3px;
    color: #FFF;
    font-size: 1rem;
    letter-spacing: 2px;
    margin-left: 10px;
    padding: 4px 11px 5px 13px;
    vertical-align: middle;
}

a.btn-rt-save {
    text-decoration: none;
}

a.btn-rt-save:hover {
    background: #009d73;
    color: #FFF;
}

.btn-intb-rt {
    background: #2c8cf4;
    border-radius: 3px;
    color: #FFF;
    font-size: 0.95rem;
    float: right;
    padding: 3px 7px;
}

a.btn-intb-rt {
    text-decoration: none;
}

a.btn-intb-rt:hover {
    background: #0575ee;
    color: #FFF;
}

.btn-intb-block {
    background: #2c8cf4;
    border-radius: 3px;
    color: #FFF;
    display: block;
    font-size: 0.95rem;
    padding: 7px;
    text-align: center;
}

a.btn-intb-block {
    text-decoration: none;
}

a.btn-intb-block:hover {
    background: #0575ee;
    color: #FFF;
}

.push {
    margin-left: auto;
}

.header-box {
    background: #FFF;
    padding: 10px 25px;
}

.header-btn {
    float: right;
    font-size: 0.928rem;
    padding-top: 15px;
}

.header-btn a {
    border-right: 1px solid #aaa;
    color: #454545;
    padding-left: 8px;
    padding-right: 8px;
    text-decoration: none;
}

.header-btn a:first-child {
    border-left: 1px solid #aaa;
}

.header-btn a:hover {
    color: #0f52ba;
}

.navbar {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-nav {
    padding: 0 30px;
}

.mynav {
    background: #0f52ba;
    color: #FFF;
    font-size: 1.125rem;
    width: 100%;
    justify-content: space-around;
}

.mynav li a,
.mynav li a:link,
.mynav li a:active,
.mynav li a:visited {
    color: #FFF;
    font-size: 1.125rem;
    font-weight: bold;
}

.mynav li a:hover {
    background: #FFF;
    color: #0f52ba;
}

.mynav li .dropdown-menu a {
    border-bottom: 1px solid #ddd;
    color: #FFF;
    font-weight: bold;
    line-height: 1.75rem;
}

.mynav li .dropdown-menu a:last-child {
    border-bottom: 0;
}

.mynav li .dropdown-menu a:hover {
    background: #FFF;
    font-weight: bold;
    color: #0f52ba;
}

.mynav li .dropdown-menu {
    background-color: #0f52ba;
    border: 0;
    border-radius: 0;
    margin-top: 1px;
    padding-top: 0;
    padding-bottom: 2px;
}

.dropdown-item {
    color: #FFF;
    background-color: #0f52ba;
}

.female {
    color: #f55f68;
    font-size: 1.2rem;
    padding-right: 5px;
    vertical-align: text-bottom;
}

.tobeprocess {
    background: #fff1f0;
}

.male {
    color: #2fc5d3;
    font-size: 1.2rem;
    padding-right: 5px;
    vertical-align: text-bottom;
}

.subnav-block {
    background: #FFF;
    box-shadow: 0 3px 3px rgb(220 230 241 / 80%);
    border-left: 1px solid #dee2e6;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-bottom: 25px;
    padding: 20px 15px 5px 15px;
}

.subnav-block .nav-tabs {
    border-bottom: 0;
}

.btn-subnav-save {
    background: #00af80;
    border-radius: 3px;
    color: #FFF;
    font-size: 1rem;
    margin-right: 3px;
}

a.btn-subnav-save {
    display: inline-block;
    margin-bottom: 10px;
    text-decoration: none;
    padding: 6px 13px 6px 15px;
}

a.btn-subnav-save:hover {
    background: #009d73;
    color: #FFF;
}

.btn-subnav-tab {
    background: #f3a014;
    border-radius: 3px;
    color: #FFF;
    font-size: 1rem;
    margin-right: 7px;
}

a.btn-subnav-tab {
    display: inline-block;
    margin-bottom: 10px;
    text-decoration: none;
    padding: 6px 13px 6px 15px;
}

a.btn-subnav-tab:hover {
    background: #e59713;
    color: #FFF;
}

.hr-subnav {
    display: block;
    height: 1px !important;
    border: 0;
    border-top: 1px solid #dee2e6;
    opacity: 1;
    margin: 5px 0 15px 0;
}

.radio-note {
    margin-left: -15px;
}

.radio-note-with-after {
    margin-left: -15px;
    margin-right: 15px !important;
}

.before-input-txt {
    margin-right: 16px;
}

.add-radio-block {
    border: 1px solid #bfd1e8;
    border-radius: 2px;
}

.add-tb-block {
    width: 100%;
    background: #FFF !important;
    border-top: 1px solid #bfd1e8;
    border-left: 1px solid #bfd1e8;
}

.add-tb-block tr th {
    border-bottom: 1px solid #bfd1e8;
    border-right: 1px solid #bfd1e8;
    vertical-align: middle;
}

.add-tb-block tr td {
    border-bottom: 1px solid #bfd1e8;
    border-right: 1px solid #bfd1e8;
    vertical-align: middle;
}

.add-tb-block tr:nth-child(2n) {
    background-color: #dce6f1;
}

.add-tb-cols-block {
    width: 100%;
    border-top: 1px solid #bfd1e8;
    border-left: 1px solid #bfd1e8;
}

.add-tb-cols-block tr th {
    border-bottom: 1px solid #bfd1e8;
    border-right: 1px solid #bfd1e8;
    vertical-align: middle;
}

.add-tb-cols-block tr td {
    border-bottom: 1px solid #bfd1e8;
    border-right: 1px solid #bfd1e8;
    line-height: 1.85rem;
    vertical-align: middle;
}

.add-tb-cols-odd {
    background: #dce6f1;
}

.add-tb-cols-even {
    background: #FFF;
}

.add-tb-cols-block input[type=text] {
    line-height: 1rem;
}

.add-ul {
    margin-left: 20px;
}

.add-ul li {
    line-height: 1.5rem;
    margin-bottom: 7px;
}

.add-ul li .material-icons {
    color: #454545;
    font-size: 1.1rem;
    vertical-align: middle;
}

.single-block {
    border: 1px solid #bfd1e8;
    margin-bottom: 15px;
    padding: 15px;
}

.nest-2col div {
    line-height: 1.65rem;
}

.add-set-block {
    background: #fff1f0;
    border: 1px solid #fde0e4;
    border-radius: 2px;
    color: #f55f68;
    padding: 10px;
    margin: 15px 0;
}

.ul-2cols {
    list-style: none;
}

.ul-2cols li {
    width: calc(100%/2);
    float: left;
    padding: 3px 0;
}

.ul-3cols {
    list-style: none;
}

.ul-3cols li {
    width: calc(100%/3);
    float: left;
    padding: 3px 0;
}

.ul-4cols {
    list-style: none;
}

.ul-4cols li {
    width: calc(100%/4);
    float: left;
    padding: 3px 0;
}

.ul-nostyle-intb {
    list-style: none;
}

.ul-nostyle-intb li {
    padding: 3px 0;
}

.checklist-vert div {
    padding: 3px 0;
}

.checklist {
    margin: 3px 0 3px 24px;
    padding: 3px 3px;
}

.even-grid-box {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    list-style: none;
}

.tb-bedlist {
    border-top: 1px solid #ced4da;
    border-left: 1px solid #ced4da;
    border-radius: 5px;
    width: 100%;
}

.tb-bedlist .tb-header {
    border-top: 1px solid #0f52ba;
    border-right: 1px solid #0f52ba;
    border-left: 1px solid #0f52ba;
}

.tb-bedlist th {
    background: #0f52ba;
    border-right: 1px solid #ced4da;
    color: #FFF;
    font-weight: bold;
    line-height: 35px;
    text-align: center;
}

.tb-bedlist th:last-child {
    border-right: 0;
}

.tb-bedlist tr {
    border-bottom: 1px solid #ced4da;
}

.tb-bedlist td {
    border-right: 1px solid #ced4da;
    padding: 5px;
}

.tb-maininfo {
    background: #FFF;
    border: 2px solid #0f52ba;
    /*box-shadow: 0 5px 5px rgb(220 230 241 / 0.8);*/
    width: 100%;
}

.tb-maininfo tr {
    border-bottom: 1px solid #0f52ba;
}

.tb-maininfo td {
    border-right: 1px solid #0f52ba;
    padding: 5px;
    line-height: 30px;
}

.tb-maininfo .tb-label {
    background: #dce6f1;
    text-align: center;
    color: #0f52ba;
    font-weight: bold;
}

.tb-maininfo .tb-header {
    background: #dce6f1;
    color: #0f52ba;
    font-weight: bold;
    text-align: center;
}

.tb-hdmain {
    background: #0f52ba;
    color: #FFF;
    font-weight: bold;
}

.tb-hdmain-panel {
    background: #0f52ba;
    border: 1px solid #0f52ba;
    color: #FFF;
    font-weight: bold;
    padding: 10px 15px;
    display: flex;
}

.tb-hdmain-panel div {
    width: 25%;
    border-right: 1px solid #FFF;
    padding-left: 10px;
}

.tb-hdmain-panel div:last-child {
    border-right: 0;
}

.decor-btmline {
    background: #0f52ba;
    height: 2px;
    margin-top: 2px;
}

.tb-norm {
    width: 100%;
    border-top: 1px solid #bfd1e8;
    border-left: 1px solid #bfd1e8;
}

.tb-norm tr td {
    border-bottom: 1px solid #bfd1e8;
    border-right: 1px solid #bfd1e8;
    vertical-align: middle;
    padding: 10px;
}

.tb-norm tr th {
    background: #dce6f1;
    border-bottom: 1px solid #bfd1e8;
    border-right: 1px solid #bfd1e8;
    color: #0f52ba;
    font-weight: bold;
    vertical-align: middle;
    padding: 10px;
    text-align: center;
}

.tb-norm-label {
    background: #dce6f1;
    color: #0f52ba;
    font-weight: bold;
}

.tb-norm-sublabel {
    background: #dce6f1;
    color: #454545;
    font-weight: bold;
}

.bg-stripe-grey {
    background-color: #f2f2f2;
}

.tb-norm-stripe {
    width: 100%;
    border-top: 1px solid #bfd1e8;
    border-left: 1px solid #bfd1e8;
}

.tb-norm-stripe tr td {
    border-bottom: 1px solid #bfd1e8;
    border-right: 1px solid #bfd1e8;
    vertical-align: middle;
    padding: 15px;
}

.tb-norm-stripe tr:nth-child(2n) {
    background-color: #dce6f1;
}

/*
.tb-submain {
    width: 100%;
    border-top: 1px solid #bfd1e8;
    border-left: 1px solid #bfd1e8;
}
.tb-submain tr th {
    background: #dce6f1;
    border-bottom: 1px solid #bfd1e8;
    border-right: 1px solid #bfd1e8;
    color: #0f52ba;
    font-weight: bold;
    vertical-align: middle;
    padding: 15px;
    text-align: center;
}
.tb-submain tr td {
    border-bottom: 1px solid #bfd1e8;
    border-right: 1px solid #bfd1e8;
    vertical-align: middle;
    padding: 15px;
}
.tb-submain tr td .inline-select:last-child {
    margin-right: 0;
} */
/*
.tb-noborder {
    width: 100%;
}
.tb-noborder tr td {
    padding: 15px;
    vertical-align: middle;
} */

.tb-tight {
    width: 100%;
    border-top: 1px solid #bfd1e8;
    border-left: 1px solid #bfd1e8;
}

.tb-tight tr th {
    background: #dce6f1;
    border-bottom: 1px solid #bfd1e8;
    border-right: 1px solid #bfd1e8;
    color: #0f52ba;
    font-weight: bold;
    vertical-align: middle;
    padding: 10px;
    text-align: center;
}

.tb-tight tr td {
    border-bottom: 1px solid #bfd1e8;
    border-right: 1px solid #bfd1e8;
    font-size: 0.928rem;
    vertical-align: middle;
    padding: 10px 9px;
}

.tb-tight tr td .inline-select:last-child {
    margin-right: 0;
}

.sele-tight-xs {
    background-position: right 5px center;
    background-size: 12px 9px;
    padding: 5px 15px 5px 5px;
    margin-right: 5px;
    width: 60px;
}

.tb-tight .sele-sm-width {
    background-position: right 5px center;
    background-size: 12px 9px;
    padding: 5px 15px 5px 5px;
    margin-right: 5px;
    width: 135px;
}

.input-tight-md {
    width: 95px;
}

.input-tight-sm {
    width: 50px;
    margin-bottom: 10px;
}

.input-tight-xs {
    width: 40px;
    margin-bottom: 10px;
}

.tb-tight tr td .mr-0 {
    margin-right: 0;
}

.dtime .input-tight-md {
    margin-right: 3px;
}

.tb-tight .material-icons {
    font-size: 1.285rem;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -5px;
}

.tb-tight-caption .material-icons {
    vertical-align: middle;
}

.tb-tight .tb-tight-caption {
    vertical-align: middle;
}

.tb-tight tr.tb-tight-label th {
    background: #dce6f1;
    color: #454545;
    font-weight: bold;
}


.tb-tight-stripe {
    width: 100%;
    border-top: 1px solid #bfd1e8;
    border-left: 1px solid #bfd1e8;
}

.tb-tight-stripe tr th {
    background: #dce6f1;
    border-bottom: 1px solid #bfd1e8;
    border-right: 1px solid #bfd1e8;
    color: #0f52ba;
    font-weight: bold;
    vertical-align: middle;
    padding: 10px;
    text-align: center;
}

.tb-tight-stripe tr:nth-child(2n) {
    background-color: #f2f2f2;
}

.tb-tight-stripe tr td {
    border-bottom: 1px solid #bfd1e8;
    border-right: 1px solid #bfd1e8;
    font-size: 0.928rem;
    vertical-align: middle;
    padding: 10px 9px;
}

.tb-tight tr td .inline-select:last-child {
    margin-right: 0;
}

.tb-tight-stripe .sele-sm-width {
    background-position: right 5px center;
    background-size: 12px 9px;
    padding: 5px 15px 5px 5px;
    margin-right: 5px;
    width: 135px;
}

.tb-tight-stripe tr td .mr-0 {
    margin-right: 0;
}

.dtime .input-tight-md {
    margin-right: 3px;
}

.tb-tight-stripe .material-icons {
    font-size: 1.285rem;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -5px;
}

.tb-tight-stripe-caption .material-icons {
    vertical-align: middle;
}

.tb-tight-stripe .tb-tight-stripe-caption {
    vertical-align: middle;
}

.tb-tight-stripe tr.tb-tight-stripe-label th {
    background: #dce6f1;
    color: #454545;
    font-weight: bold;
}

.tb-tight-stripe .vtop td {
    vertical-align: top;
}

.tb-extight {
    width: 100%;
    border-top: 1px solid #bfd1e8;
    border-left: 1px solid #bfd1e8;
}

.tb-extight tr th {
    background: #dce6f1;
    border-bottom: 1px solid #bfd1e8;
    border-right: 1px solid #bfd1e8;
    color: #0f52ba;
    font-size: 15px;
    font-weight: bold;
    vertical-align: middle;
    padding: 6px;
    text-align: center;
}

.tb-extight tr td {
    border-bottom: 1px solid #bfd1e8;
    border-right: 1px solid #bfd1e8;
    font-size: 0.875px;
    vertical-align: middle;
    padding: 6px 5px;
}

.tb-extight tr td input[type=radio] {
    margin-right: 0;
}


.tb-setting {
    width: 100%;
    margin-bottom: -10px;
}

.tb-setting th {
    background: #fef6eb;
    border-right: 1px solid #f3a014;
    border-bottom: 1px solid #f3a014;
    padding: 10px;
    vertical-align: middle;
}

.tb-setting tr td {
    border-right: 1px solid #f3a014;
    border-bottom: 1px solid #f3a014;
    ;
    padding: 10px;
    vertical-align: middle;
}

.tb-setting th:last-child,
.tb-setting tr td:last-child {
    border-right: 0;
}

.tb-setting .tb-label,
.panel-setting .tb-label {
    background: #fef6eb;
    font-weight: bold;
}

.tb-setting input[type=text]:last-child {
    margin-right: 0;
}

.setting-tight input[type=text],
.setting-tight select {
    margin-right: 0;
}

.setting-tight .sele-xst--width {
    width: 80px;
}

.setting-tight .input-lg-width {
    width: 300px;
}

.sm-setting label.inline-radio-label.mr-0 {
    margin-right: 0;
}

.panel-setting .sm-setting input[type=radio],
.panel-setting .sm-setting input[type=checkbox] {
    margin-left: 0;
    margin-right: 3px;
    transform: scale(1.15);
}

.panel-setting .sm-setting input[type=text] {
    padding: 4px;
}

.panel-setting input[type=radio].inline-radio {
    margin-bottom: 3px;
    transform: scale(1.15);
}



.panel-info {
    background: #FFF;
    border-radius: 3px;
    box-shadow: 0 3px 3px rgb(220 230 241 / 0.8);
    padding: 15px;
}

.tab-pane {
    background: #FFF;
    padding: 15px;
    box-shadow: 0 3px 3px rgb(220 230 241 / 0.8);
    border-left: 1px solid #dee2e6;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-error {
    background: #fff1f0;
    border: 1px solid #fde0e4;
    border-radius: 3px;
    color: #f55f68;
    font-size: 0.875rem;
    padding: 10px 15px;
    margin-bottom: 15px;
}

.panel-alert {
    background: #fef6eb;
    border: 1px solid #fdebd5;
    border-radius: 3px;
    color: #f3a014;
    font-size: 0.875rem;
    padding: 10px 15px;
    margin-bottom: 15px;
}

.panel-success {
    background: #ecf4d2;
    border: 1px solid #dfefa8;
    border-radius: 3px;
    color: #9dca00;
    font-size: 0.875rem;
    padding: 10px 15px;
    margin-bottom: 15px;
}

.panel-note {
    background: #ddf3f5;
    border: 1px solid #adecf2;
    border-radius: 3px;
    color: #2fc5d3;
    font-size: 0.875rem;
    padding: 10px 15px;
    margin-bottom: 15px;
}

.panel-error .material-icons,
.panel-alert .material-icons,
.panel-success .material-icons,
.panel-note .material-icons {
    font-size: 20px;
    vertical-align: middle;
}

.panel-main {
    background: #FFF;
    border-radius: 3px;
    box-shadow: 0 3px 3px rgb(220 230 241 / 0.8);
    padding: 15px;
}

.panel-setting {
    border: 1px solid #f3a014;
    border-radius: 3px;
    color: #f3a014;
    font-size: 1rem;
    /* padding: 10px 0 0 0; */
    margin-bottom: 15px;
}

.panel-setting .panel-hd {
    background: #fef6eb;
    /* border-bottom: 1px solid #f3a014; */
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #f39902;
    margin-top: -10px;
    padding: 10px;
}

.panel-setting .panel-hd-only {
    background: #fef6eb;
    border-radius: 3px;
    margin-top: -10px;
    padding: 15px;
}

.panel-setting input[type=text] {
    border: 1px solid #f3a014;
}

.panel-setting select {
    border: 1px solid #f3a014;
}

.panel-setting input[type=radio] {
    border: 1px solid #f3a014 !important;
    /* vertical-align: middle; */
    margin-left: 5px;
}

.panel-setting textarea {
    border: 1px solid #f3a014;
    width: 100%;
}

.panel-setting p {
    margin-bottom: 15px;
}

.panel-setting p:last-child {
    margin-bottom: 0;
}

.panel-setting .bdbtm-0 {
    border-bottom: 0;
}

.topbtm-fix {
    margin-top: -10px;
    margin-bottom: 0px;
}

.panel-setting-topfix {
    margin-top: -10px;
}

.panel-setting-btmfix {
    margin-bottom: 0;
}

.panel-stats {
    background: #eaf2fd;
    border: 1px solid #0f52ba;
    border-radius: 3px;
    padding: 10px 15px;
}

.panel-hd-tit-block {
    display: flex;
}

.panel-hd-tit-only {
    background: #f3a014;
    color: #FFF;
    text-align: center;
    margin-top: -10px;
    letter-spacing: 1px;
    line-height: 1.65rem;
    padding: 7px;
}

.setting-h2 {
    font-size: 1.125rem;
    font-weight: bold;
}

.inline-statistics-gp {
    display: flex;
    color: #0f52ba;
    font-size: 0.928rem;
    font-weight: bold;
    list-style: none;
    justify-content: space-between;
}

.inline-statistics-gp li {
    justify-content: space-between;
    text-align: center;
}


.care-tb-btm {
    background: #dce6f1;
    text-align: center;
    padding: 20px 5px;
    margin-top: 10px;
}

.tb-ol {
    margin-left: 20px;
}

.tb-ol li {
    padding: 3px 0;
}

.medprint-inline {
    display: inline-block;
    margin-right: 50px;
}

.print-tit-block {
    padding: 15px 0;
}

.print-tit {
    color: #0f52ba;
    font-size: 1.25rem;
    font-weight: bold;
}

.print-tit-block p {
    margin: 10px 0;
}

.blank-tb {
    border: 0;
    width: 100%;
}

.blank-tb tr td {
    border: 0;
    vertical-align: top;
}

.handover-time-sele {
    width: 75px;
}


.login-bg {
    height: 100vh;
    background-image: url(../images/login_img.png), url(../images/login_bg.jpg);
    background-position: right bottom, left top;
    background-repeat: no-repeat, repeat-y;

    width: 100%;
}

.login-wrapper {
    display: flex;
    width: 1280px;
    height: 100vh;
    margin: 0 auto;
}

.login-Lbox {
    width: 50%;
}

.login-Rbox {
    width: 50%;
}

.login-form {
    background: #FFF;
    border-radius: 5px;
    padding: 60px 60px 110px 60px;
    margin: 35% 60px;
}

.login-logo {
    text-align: center;
    margin: 50px auto;
}

input[type=text].login-input,
.login-input {
    border: 1px solid #0f52ba;
    border-radius: 5px;
    margin-bottom: 18px;
    padding: 20px 15px;
    outline: #0f52ba;
    width: 100%;
}

.btn-login {
    display: inline-block;
    width: 100%;
    padding: 19px 0;
    margin-bottom: 18px;
    background: #0f52ba;
    border-radius: 5px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border: 0;
}

.btn-login:hover {
    background: #0d49a5;
    border-radius: 5px;
}

.hr-login {
    height: 1px;
    background-color: #0f52ba;
    border: none;
    margin-bottom: 11px;
    opacity: 100;
}

a.login-note {
    color: #0d49a5;
    font-size: 0.875rem;
    text-decoration: none;
}

a.login-note:hover {
    text-decoration: underline;
}

.slogan-img {
    margin: 0 25px 25px 25px;
}

.slogan-txt {
    color: #FFF;
    margin: 25px;
    line-height: 30px;
    letter-spacing: 1px;
}

@media (min-width: 1281px) {

    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video,
    hr {
        font-size: 16px;
    }

    .wrapper {
        width: 100%;
    }

    .main-tit {
        color: #222;
        font-size: 1.875rem;
        font-weight: bold;
        letter-spacing: 2px;
    }

    .tab-tit {
        color: #222;
        font-size: 1.5rem;
        font-weight: bold;
        display: inline-block;
    }

    .btn-main {
        background: #2c8cf4;
        border-radius: 3px;
        color: #FFF;
        font-size: 1rem;
    }

    .btn-setting {
        background: #f3a014;
        border-radius: 3px;
        color: #FFF;
        font-size: 1rem;
    }

    .btn-xstight {
        background: #2c8cf4;
        border-radius: 3px;
        color: #FFF;
        font-size: 0.875rem;
    }

    .btn-rt-save {
        background: #00af80;
        border-radius: 3px;
        color: #FFF;
        font-size: 1rem;
        letter-spacing: 2px;
        margin-left: 10px;
        padding: 6px 13px 6px 15px;
        vertical-align: middle;
    }

    .badge-danger {
        background: #fff1f0;
        border: 1px solid #fde0e4;
        border-radius: 5px;
        color: #f55f68;
        font-size: 0.875rem;
        font-weight: bold;
        padding: 3px 5px;
    }

    .badge-subnote {
        background: #eee;
        border: 1px solid #ddd;
        border-radius: 5px;
        color: #666;
        font-size: 0.875rem;
        font-weight: bold;
        padding: 3px 5px;
    }


    .main-box {
        display: flex;
        min-height: calc(100vh - 116px);
    }

    .main-Lbox {
        border-right: 1px solid #0f52ba;
        display: inline-block;
        font-size: 1rem;
        width: 250px;
        padding: 25px;
    }

    .main-Rbox {
        display: inline-block;
        font-size: 1rem;
        width: calc(100vw - 250px);
        min-width: 1028px;
        padding: 25px;

        background-color: #eaf0f4;
    }
}

.el-input__inner {
    border: none !important;
}

.hide-on-noprint {
    display: none;
}

.hide-on-print {
    display: block;
}

#printArea {
    margin-left: -18px;
}


.prview-print-layout {
    background-color: white;
    height: 100%;
    min-height: 100vh;
    padding: 10px;
}

@media print {
    body {
        -webkit-print-color-adjust: exact;
      
    }

    thead {
        display: table-header-group;
    }

    .hide-on-noprint {
        display: block;
    }

    .hide-on-print {
        display: none;
    }

    .page-break {
        page-break-after: always;
    }

    .reportprint {
        transform: scale(0.82); 
        transform-origin: top left;
    }
}

.table-container {
    width: 100%;
    overflow-x: auto;
}

.content-break {
    white-space: pre-line;
}

.tb-norm td {
    word-wrap: break-word;
    white-space: normal;
}