[data-ax5grid].textOverflow-clear [data-ax5grid-container="root"] [data-ax5grid-container="body"] [data-ax5grid-panel] table tr td [data-ax5grid-cellHolder] {
    box-sizing: border-box;
    padding: 3px 5px;
    font-size: 12px;
    white-space: normal;
    overflow: auto;
    text-overflow: clip;
    line-height: 1.35 !important;
    display: block;
}
/*@import url(/assets/font-awesome-5.13.0/css/all.css);*/

/********** common **********/
.hide{display: inline-block;text-indent: -999em;position: absolute;font-size: 1;}
.flex-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.qnb-wrap ul, .dash-wrap ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
/********** dashboard **********/
.qnb-wrap{padding: 20px 10px;}
.qnb-wrap .flex-box li{flex: 0 0 25%;}
.qnb-wrap li + li .qnb-box {
    margin-left: 10px;
}
.qnb-box{display: block;padding: 15px;background: rgba(0,0,0,0.1);color: #423A25;position: relative;white-space: nowrap;min-width: 290px;border-radius: 5px;}
.qnb-box > i{float: left;width: 47px;height: 43px;display: inline-block;}
.qnb-box i.qnb-01{background: url(/assets/images/qnb-01.png) left center no-repeat;}
.qnb-box i.qnb-02{background: url(/assets/images/qnb-02.png) left center no-repeat;}
.qnb-box i.qnb-03{background: url(/assets/images/qnb-03.png) left center no-repeat;}
.qnb-box i.qnb-04{background: url(/assets/images/qnb-04.png) left center no-repeat;}
.qnb-box > dl{display: inline-block;margin: 0;margin-left: 13px;}
.qnb-box > dl > dt{font-size: 14px;padding-bottom: 5px;}
.qnb-box > dl > dd{font-size: 12px;}
.qnb-box .more{position: absolute;right: 15px;bottom: 15px;}
.qnb-box .more.btn{border: 1px solid rgba(0,0,0,0.1);padding: 3px 12px;border-radius:15px;color: #6D6145;}
.qnb-box .more.btn i{margin-left: 10px;}

.dash-wrap{display: flex;flex-wrap: nowrap;justify-content: space-between;padding: 20px;padding-top: 0;}
.dash-wrap ul, .dash-wrap ol,.dash-wrap dl{margin: 0;padding: 0;}
.dash-wrap li{list-style: none;}
.dash-wrap p{margin: 0;}
.dash-wrap [class^='ico-']{display: inline-block;text-indent: -999em;font-size: 0;}
.dash-wrap .headingArea{padding-bottom: 10px;position: relative;}
.dash-wrap .headingArea h2{font-size: 18px;font-weight: bold;}
.dash-wrap .headingArea h2 i{margin-right: 3px;}
.dash-wrap .headingArea h2 em{font-style: normal;font-size: 14px;font-weight: 400;}
.dash-wrap .headingArea h3{font-size: 18px;font-weight: bold;}
.dash-wrap .headingArea h3::before{content: url(/assets/images/bullet.png);margin-right: 3px;}
.dash-wrap .headingArea .right{position: absolute;right: 0;bottom: 5px;padding-right: 5px;}

.dash-wrap .btn.btn-default{background: rgba(0,0,0,0.4);color: #fff;}
.dash-wrap .btn.btn-default i{margin-left: 3px;}

.dash-wrap .left,.dash-wrap .right{flex: 0 0 50%;/* flex: auto */}
.dash-wrap > .right{/* padding-left: 10px; */background: #fff;padding: 10px;margin-left: 10px;}

.tabConts{margin-top: 10px;}

.bodyArea .itemArea{margin-top: -5px;margin-left: -10px;}

/* itemArea 임시*/
.dash-wrap .userArea{/* background: #fff; *//* padding: 10px; */height: 100%;min-width: 730px;}
.itemArea{margin-top: -5px;margin-left: -10px;}
.itemArea .flex-box{justify-content: flex-start;}
.itemArea .flex-box li{flex: 0 0 33.333%;padding-top: 10px;padding-left: 10px;min-width: 240px;}
.itemArea .itemWrap{position: relative;display: block;/* height: 93px; */border-radius: 7px;padding: 10px 15px;cursor: pointer;}
.itemArea .itemWrap i.ico-warning{
	position: absolute;right: 10px;top: 10px;border-radius: 50%;background-color: #fff;width: 25px;height: 25px;display: inline-block;
	background-position: center;background-repeat: no-repeat;z-index: 1;
	text-indent: -999em;font-size: 0;
}
.itemArea .itemWrap.status-fail i.ico-warning{background-image: url(/assets/images/ico-warn-bad.svg);}
.itemArea .itemWrap.status-pass i.ico-warning{background-image: url(/assets/images/ico-warn-good.svg);}
.itemArea .itemWrap .title{display: block;font-size: 14px;font-weight: 700;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding-right: 25px;}
.itemArea .itemWrap .valueGroup{display: flex;flex-wrap: wrap;}
.itemArea .itemWrap .valueGroup > dl{flex: 0 0 50%;}
.itemArea .itemWrap .valueGroup > dl > *{display: inline-block;font-size: 12px;}
.itemArea .itemWrap .valueGroup > dl dt{font-weight: 100;padding-right: 5px;/* width: 5em; */}
.itemArea .itemWrap .valueGroup > dl dd{font-weight: 700;}
.itemArea .itemWrap .valueGroup > dl dd i{margin-right: 3px;}
.itemArea .itemWrap{border: 2px solid #b5b5b5}
/* .itemArea .itemWrap.status-pass{border: 2px solid #3EA4F6}
.itemArea .itemWrap.status-fail{border: 2px solid #EF536B} */
.itemArea .itemWrap .valueGroup .pass{color: #254FBC}
.itemArea .itemWrap .valueGroup .fail{color: #BE1D2C}
.itemArea .itemWrap.on::before{content: '\f058';font-family: 'font Awesome 5 free';font-weight: 900;font-size: 20px;color: #655c19;}
.itemArea .itemWrap::before{background: #fff;border-radius: 50%;height: 20px;position: absolute;left: -10px;top: -10px;line-height: 20px;}
.itemArea .itemWrap.on, .itemArea .itemWrap:hover{background-color: #FFF8BA;border: 2px solid #b59b0e;/* color: #423A25; */}

/*dashTab*/
.dashTab{padding: 10px 0;}
.dashTab .headingArea h2 i{float: left;width: 20px;height: 18px;-webkit-background-size: 100%;background-size: 100%;}
.dashTab .headingArea h2 i.ico-fail{background-image: url(/assets/images/ico-warn-bad.svg);}
.dashTab .headingArea h2 i.ico-pass{background-image: url(/assets/images/ico-warn-good.svg);}
.dashTab-wrap {margin-top: 5px;margin-left: -10px;flex-wrap: nowrap;/* padding-right: 10px; */}
.dashTab-wrap [class^=tab-]{flex: 0 0 20%;padding-left: 10px;white-space: nowrap;}
.dashTab-wrap [class^=tab-] .check-wrap{background: #fff;border-radius:7px;padding: 20px 0;display: block;height: 93px;position: relative;cursor: pointer;/* min-width: 156px; */border: 2px solid #c2c2c2;}
.dashTab-wrap [class^=tab-]:last-child .check-wrap{cursor: default;}
.dashTab-wrap [class^=tab-] .check-wrap > i{position: absolute;left: 1.2rem;top: 50%;}
.dashTab-wrap [class^=tab-] .check-wrap > i.far{font-size: 42px;margin-top: -21px;}
.dashTab-wrap [class^=tab-] .check-wrap > dl{margin-left: 70px;font-size: 16px;font-weight: 700;}
.dashTab-wrap [class^=tab-] .check-wrap > dl dt{color: #423A25;}
.dashTab-wrap [class^=tab-] .check-wrap > dl dd i{margin-left: 5px;}
.dashTab-wrap [class^=tab-] .check-wrap.value-bad{color: #BE1D2C;}
.dashTab-wrap [class^=tab-] .check-wrap.value-good{color: #254FBC;}
.dashTab-wrap [class^=tab-] .check-wrap .ico-thermo{width: 36px;height: 60px;display: inline-block;background-repeat: no-repeat;margin-top: -30px;}
.dashTab-wrap [class^=tab-] .check-wrap .ico-thermo + dl{margin-left: 58px;}
.dashTab-wrap [class^=tab-] .check-wrap.value-bad .ico-thermo{background-image: url(/assets/images/ico-thermo-bad.svg);}
.dashTab-wrap [class^=tab-] .check-wrap.value-good .ico-thermo{background-image: url(/assets/images/ico-thermo-good.svg);}
.dashTab-wrap [class^=tab-] .check-wrap .ico-wifi{width: 46px;height: 40px;display: inline-block;background-repeat: no-repeat;margin-top: -20px;background-position: center top;}
.dashTab-wrap [class^=tab-] .check-wrap.value-bad .ico-wifi{background-image: url(/assets/images/ico-connect-bad.svg);}
.dashTab-wrap [class^=tab-] .check-wrap.value-good .ico-wifi{background-image: url(/assets/images/ico-connect-good.svg);}

.dashTab-wrap [class^=tab-] .check-wrap.on, .dashTab-wrap .tab-check:not(last-child):hover .check-wrap{background-color: #FFF8BA;border: 2px solid #b59b0e;color: #423A25;}
.dashTab-wrap .tab-check:last-child:hover .check-wrap{background: #fff;border: none;}
.dashTab-wrap [class^=tab-] .check-wrap.on::before{content: '\f058';font-family: 'font Awesome 5 free';font-weight: 900;font-size: 20px;color: #655c19;}
.dashTab-wrap [class^=tab-] .check-wrap::before{background: #fff;border-radius: 50%;height: 20px;position: absolute;left: -10px;top: -10px;}

/* table.tbl-wrap */
.tbl-wrap{
	table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    border: 0 none;
    width: 100%;
    height: 100%;
    border-top: 1px solid #8c877c;
    border-left: 1px solid #8c877c;
    }

.tbl-wrap thead th{font-size: 14px;padding: 5px 10px;}
.tbl-wrap th{
    background: rgba(0,0,0,0.15);
    /* color: #423A25; */
    font-weight: bold;
    box-shadow: inset 1px 1px 0px 0px #fff;
    white-space: nowrap;
    }
.tbl-wrap td{
	box-sizing: border-box;
    overflow: hidden;
    position: relative;
    font-size: 12px;
    border: 0 none;
    background: #fff;
}
.tbl-wrap tr > *{
    padding: 3px 15px;
    border-bottom: 1px solid #b9b9b9;
    border-right: 1px solid #b9b9b9;
}
.tbl-wrap .tdInner .list{line-height: 1.7;margin: 0;}
.tbl-wrap .txt-small{font-size: .85em;}
.tbl-wrap .txt-big{font-size: 1.5em;}
.tbl-wrap.tbl-list tr:nth-child(odd) td{background: #f2f2f2;}


/* 식단 */
.mealCos th{vertical-align: top;}
.mealCos td{padding: 0;vertical-align: top;}
.mealCos .meal-list-wrap{display: flex;flex-direction: column;height: 100%;}
.mealCos .meal-list{padding: 5px 10px;position: relative;flex: auto}
.mealCos .meal-list .title{color: #000;font-size: 13px;}
.mealCos .meal-list .body{padding-right: 89px;}
.mealCos .meal-list .body .meta-info{display: inline-block;/* width: 120px; */color: #7c7c7c;/* letter-spacing: -0.03em; */}
.mealCos .meal-list .body .meta-info > *{display: inline;}
.mealCos .meal-list .body .meta-info dt{/* color: #666564; */margin-right: 5px;font-weight: normal;letter-spacing: -0.05em;}
.mealCos .meal-list .body .meta-info dd{color: #2a6edd;font-weight: bold;}
.mealCos .meal-list .body .meta-info .fail{color: #383838;font-size: 12px;}
.mealCos .meal-list .body [class*="big-"]{position: absolute;top: 0;display:flex;flex-direction: column-reverse; width: auto;text-align: center;}
.mealCos .meal-list .body [class*="big-"] dt{margin-right: 0;}
.mealCos .meal-list .body [class*="big-"] dd{font-size: 18px;}
.mealCos .meal-list .body .meta-info.big-spc-01{right: 50px;}
.mealCos .meal-list .body .meta-info.big-spc-02{right: 0;width: 50px;}
.mealCos .meal-list:nth-child(odd){background-color: #F2F2F2;}
/*모니터링*/
.headingArea.th {
    font-size: 14px;
    padding: 5px 10px;
    background: rgba(0,0,0,0.15);
    border: 1px solid #b9b9b9;
}
.bodyArea .chartArea{border: 1px solid #8c877c;background-color: #fff;margin-top: -1px;}
.ct-chartArea{position: relative}
.ct-chartArea .label-wrap{position: absolute;bottom:10px;left: 0;width: 100%;text-align: center}
.ct-chartArea .label-wrap > .label{display: inline-block;margin: 0 5px;}
.ct-chartArea .label-wrap > .label.label-success{background-color: #fb414c;}
.ct-chartArea .label-wrap > .label.label-info{background-color: #1ec7ea;}

.ct-chart-line{position: absolute;bottom: 0;left: 10px;}
.ct-chart-line .ct-label, .ct-chart-bar .ct-label{font-size: 1.0rem}
.ct-label.ct-vertical.ct-start{    transform: translate(0px, 25%);}
.ct-label.ct-horizontal.ct-end{white-space: nowrap;transform: translate(0px, 0px);}

.ct-chart{border: 1px solid #b9b9b9;background-color: #fff;}
.ct-chart-wrap{position: relative;}
.ct-chart-wrap .left,.ct-chart-wrap .right{position: absolute;top: 0;padding: 15px;}
.ct-chart-wrap .left{left: 0;}
.ct-chart-wrap .right{right: 0;}
.ct-chart-wrap .meta-info dt{height: 22px;}
.ct-chart-wrap .meta-info strong{font-size: 12px;color: #777;}
.ct-chart-wrap .meta-info em{font-style: normal;}
.ct-chart-wrap .left dd em{/* color: #9B871A; */font-size: 14px;font-weight: bold;}
.ct-chart-wrap .left dd strong{padding-right: 10px;}
.ct-chart-wrap .right .meta-info dd{position: relative;padding-right: 100px;}
.ct-chart-wrap .right .meta-info .degree{position: absolute;right: 0;top: 0;font-size: 28px;}
.ct-chart-wrap .right .meta-info dd i:before{content: '●';}
.ct-chart-wrap .right .meta-info .pass{color: #2650bc;}
.ct-chart-wrap .right .meta-info .fail{color: #be1e2d;}

/* 20210810 그리드 글씨생략 삭제추가 */
.textOverflow-clear{}
[data-ax5grid].textOverflow-clear [data-ax5grid-container="root"] [data-ax5grid-container="body"] [data-ax5grid-panel] table tr td [data-ax5grid-cellHolder] {
    box-sizing: border-box;
    padding: 3px 5px;
    font-size: 12px;
    white-space: normal;
    overflow: auto;
    text-overflow: clip;
    line-height: 1.35 !important;
    display: block;
}
i.far, i.fas{font-family: 'Font Awesome 5 Free' !important;}