div.container { display: table; width: 100%; height: 100%; }
div.row {display: table-row; height: 200px }
div.col {display: table-cell; padding: 5px; border: 1px solid}
div.col.rowspan { position: absolute; top: 320px; bottom: 310px}
div.col.rowspan { position: absolute; top: 320px; bottom: 310px; left:730px}
.col.empty{ border: none; width: 100px; }

div.subcon { display: table; width: 100%; height: 30px; }
div.subrow {display: table-row; }
div.subcol1 {display: table-cell; width: 70%; }
/*div.subcol2 {display: table-cell; width: 30%; }*/
div.subcol2 {display: table-cell; width: 100%; margin-bottom: 5px;}
.subcol2 .btnArea  {float:right; padding-right: 0px; }


.left{ width: 600px; padding: 10px }
.center{ width: 30%; display: table-cell; }
.right{ width: 70%; display: table-cell; padding: 10px; }
.rightcont{ width: 100%; height: 100%; margin: 0}

.info{ float: top; }
.info table {width:100%; border-top:1px solid #aaaaaa;}
.info tr {border-bottom:1px solid #d8d8d8;}
.info tr.linenone {border-bottom:0;}
.info .nolineB th {border-bottom:1px solid #d7d7d7;}
.info .pnone {padding:0;}
.info .pnone table {width:100%; border-left:1px solid #d7d7d7; border-top:1px solid #cdcdcd;}
.info th {background:#f7f7f7; color:#666666; font-size:13px; font-weight:400; line-height:18px; padding:5px 10px; vertical-align:middle; text-align:left;}
.info th:last-child {border-right:none;}
.info td {line-height:18px; font-size:13px; padding:7px 10px; vertical-align:middle; border-right:1px solid #dedede;word-break:normal;}
.info td:last-child {border-right:none;}

.disease{ width: 100%; height: 200px; }
.order{ width: 100%; height: 300px; }
.manual{ height: 140px; display: table-cell }
.mesg{ width: 100%; height: 100%; }

input[type="text"]{ width: 80px}

.calendar{ height : 280px }

.txts{ display: inline-block; }

.subTit {width:100%; }
.subTit .btnArea  {float:right;}
.subTit h3 {float:left; margin-top:-5px; line-height:24px; padding-top:3px; }

h3{
  font-size: 1.17em;
  font-weight: bold;
  margin-block-start: 10px;
  margin-block-end: 5px;
}

.editcontainer{ display: table; width: 100% }
.editor{ width: 120px; padding: 5px}
.age{ display: table-cell; vertical-align: middle; white-space: nowrap;}

.grid1{
    display: -ms-grid;
    display: grid;
    width: 100%; height: 100%;
    -ms-grid-columns: 730px 600px 500px;
    grid-template-columns: 730px 600px 500px;
    -ms-grid-rows: 285px 285px 285px;
    grid-template-rows: 285px 285px 285px;
    /*grid-auto-rows: minmax(100px, auto);*/
    /*grid-column-gap: 5px;*/
    /*grid-row-gap: 1em;*/
/*    border: 1px solid #000;*/
}
.griditem{ border: 1px solid #000; }
.grid .rowspan{
    grid-row: span 2;               
    -ms-grid-row-span: 2;
}
.grid .rowspan3{
    grid-row: span 3;
    -ms-grid-row-span: 3;
}
.grid .colspan{
    grid-column: span 2;
    -ms-grid-column-span: 2;
}

.grid {
    width: 100%;
    display: -ms-grid;
    display: grid;
    grid-gap: 10px;
    -ms-grid-columns: minmax(500px, max-content) 440px minmax(380px, max-content);
    grid-template-columns: minmax(500px, max-content) 440px minmax(380px, max-content);
    -ms-grid-rows: 240px 216px minmax(200px, max-content);
    grid-template-rows: 240px 216px minmax(380px, max-content);
    /*grid-column-gap: 10px;
    grid-row-gap: 10px;*/
}
@supports (grid-gap: 10px) {
    .grid {
        grid-gap: 10px;
    }
}

.cell1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.cell2 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}
.cell3 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}
.cell4 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
}
.cell5 {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
}
.cell6 {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
}
.cell7 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}
.cell8 {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
}
.cell9 {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}
.grid1 .rowspan { grid-row: span 2; -ms-grid-row-span: 2;}
.cellsEllipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.cellMesgDays { border-left: 5px solid #A6A6A6; text-align: center; padding-right : 5px; background-color:#EAEAEA; }
/*.cellMesgDays:hover { color: white; background-color: #BDBDBD; }*/

.CdclfButton.HiddenButton{ display: none }

.contents .article{padding:40px 47px 100px 47px;}
@media only screen and (max-width:767px){
    .contents .article{padding:30px 0 50px 0;}
}

.errors{padding:60px 0 0 0;font-size:15px;color:#999;text-align:center;}
.errors div{padding:340px 0 0 0;}
.errors.e500 div{background:url('/Content/images/img_errors.png') no-repeat center 0;}
.errors.e404 div{background:url('/Content/images/img_404.png') no-repeat center 0;}
.errors div p{font-size:24px;color:#666;line-height:1.4;}
.errors div p strong{display:block;color:#1c499c;}
.errors div span{display:block;margin:25px 0 0 0;}
@media only screen and (max-width:767px){
    .errors{padding:20px 0 0 0;font-size:14px;}
    .errors div{padding:200px 0 0 0;}
    .errors.e500 div{background-size:auto 172px;}
    .errors.e404 div{padding:160px 0 0 0;background-size:auto 120px;}
    .errors div p{font-size:18px;}
    .errors div span{margin:15px 0 0 0;}
}

.inbox{position:relative;max-width:1240px;height:100%;margin:0 auto;padding:0 20px;}
.inbox:after{content:'';clear:both;display:block;}
.itemtitle{font-size: 1.25em; font-weight: bold; padding: 7px;}