@charset "utf-8";

@import "/static/css/common/font.css";
@import "/static/css/common/space.css";

/*
 * Project		:	Hello Company Package Project
 * File			:	common.css
 * Author		:	YoungJae Lee
 * Date			:	Feb. 2020
 * Description	:	문서 초기화,웹폰트,글로벌 클래스 네임,공통 vendor(팝업,달력,첨부파일,프린트),윈도우팝업,레이어팝업(flip),waves effect, simplebar 기본 스타일 클래스
 */
 
 

/* --
	web reset
---------------------------------------------------------- */

html {-webkit-text-size-adjust: none; font-size:10px;}

html:not(.scroll-able),
body:not(.scroll-able) {height: 100%; overflow:hidden;}

body, div, dt, dd, pre, code, form, fieldset, legend, textarea, input, select, textarea {margin: 0; padding: 0;}

th:not(.editorWrap th):not(.ai-answer-body th) {margin: 0; padding: 0;}
td:not(.editorWrap td):not(.ai-answer-body td) {margin: 0; padding: 0;}
h1:not(.editorWrap h1):not(.ai-answer-body h1) {margin: 0; padding: 0;}
h2:not(.editorWrap h2):not(.ai-answer-body h2) {margin: 0; padding: 0;}
h3:not(.editorWrap h3):not(.ai-answer-body h3) {margin: 0; padding: 0;}
h4:not(.editorWrap h4):not(.ai-answer-body h4) {margin: 0; padding: 0;}
h5:not(.editorWrap h5):not(.ai-answer-body h5) {margin: 0; padding: 0;}
h6:not(.editorWrap h6):not(.ai-answer-body h6) {margin: 0; padding: 0;}
p:not(.editorWrap p):not(.ai-answer-body p) {margin: 0; padding: 0;}
dl:not(.editorWrap dl):not(.ai-answer-body dl) {list-style: none; margin: 0; padding: 0;}
ul:not(.editorWrap ul):not(.ai-answer-body ul) {list-style: none; margin: 0; padding: 0;}
ol:not(.editorWrap ol):not(.ai-answer-body ol) {list-style: none; margin: 0; padding: 0;}
li:not(.editorWrap li):not(.ai-answer-body li) {list-style: none; margin: 0; padding: 0;}
a:not(.editorWrap a):not(.ai-answer-body a) {color: inherit; text-decoration: none; cursor: pointer;}

button {margin: 0;padding: 0;}
fieldset, img {border: none;	vertical-align: middle;}
menu {list-style: none;}
input, select, textarea, button {vertical-align: middle;}
button {border: 0 none; background-color: transparent; cursor: pointer;}
a:active, a:hover {text-decoration: none;}
address, caption, cite, code, dfn, em, var {font-style: normal; font-weight: normal;}
iframe {border: none; width: 100%; height: 100%}
table:not(.editorWrap table):not(.ai-answer-body table) {border-spacing: 0;}
caption {overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px;}

body,th,td,input,select,textarea,button {font-size: 13px; font-weight: 500; color: var(--baseColor);
font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}



/* --
	Global Classname
---------------------------------------------------------- */

/*  :: chrome input set */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s; font-size: inherit;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #989898; font-size: 12px;}
::-moz-placeholder { /* Firefox 19+ */ color: #989898; font-size: 12px;}
:-ms-input-placeholder { /* IE 10+ */ color: #989898; font-size: 12px;}
:-moz-placeholder { /* Firefox 18- */ color: #989898; font-size: 12px;}


/* :: 텍스트 제공 타입 */
.ir-pm {display: block; overflow: hidden; font-size: 0px; line-height: 0; text-indent: -9999px;} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir-wa {display: block; overflow: hidden; position: relative; z-index: -10; width: 100%; height: 100%;} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen-out {overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px;} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.cancel {text-decoration: line-through; color: var(--he-gray-500);}


/*  :: 폰트 관련 클래스 */
.f-rem-1-2  {font-size: 1.2rem;}
.f-rem-1-35 {font-size: 1.35rem; color: #ff0000;}
.f-rem-1-5 {font-size: 1.5rem; color: #000; line-height: 30px;}
.bold {font-weight: bold;}


/* :: useful */
.hidden {	position: absolute; visibility: hidden; width: 0; height: 0; line-height: 0;	 overflow: hidden; font-size: 0;}
.skip {width: 1px; height: 1px; font-size: 0; line-height: 0; position: absolute; left: -999px; overflow: hidden; visibility: hidden;}
.dimm {position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 250; background: rgba(0,0,0,.5);}
.cl-b {clear: both;}
.show {display: block !important;}
.hide {display: none;}
.clear-g {display: block; overflow: visible; width: auto; clear: both; /*	*zoom: 1;Internet Explorer 6과 7에서 사용되는 속성이라 주석처리*/}
.clear-g:after {display: block; visibility: hidden; height: 0; font-size: 0; clear: both; content: '';}
.t-l {text-align: left !important;}
.t-r {text-align: right !important;}
.t-c {text-align: center !important;}
.overflow {overflow: hidden !important;}
.dis-inline {display: inline-block;}
.basic-height {line-height: 32px; display: inline-block;}
.lh-px-30 {line-height: 30px;}
.scl {overflow-y:auto !important;}
.scl-x {overflow-x:auto !important;}
.txt-indent {text-indent: 10px;}
.heightAuto {height: auto !important;}


/* :: 위치 속성 공통 클래스 */
.f-l,
.fl-box {float: left;}
.f-r,
.fr-box {float: right;}
.rel {position: relative;}
.ab {position: absolute; z-index: 1;}
.ab-l {position: absolute; top: 0; left: 0;}
.ab-r {position: absolute; top: 0; right: 0;}
.static {position: static !important;}
.btn-r {position: absolute; top: 0px; right: 1px;}
.ab-n {position: inherit;}
.flex {display: -webkit-box; display: -ms-flexbox; display: flex;}
.flex.verLayout {flex-direction: column;}
.flex.ver-cen {align-items:center;}
.flex.spaceBet {justify-content: space-between !important;}
.justify-start {justify-content: flex-start !important;}
.jc-end {justify-content: end !important;}
.flex > .fixCol {flex-shrink: 0;}
.flex > .flexCol {flex-grow: 1;}
.alignSelf-cen {align-self: center;}
.rel {position: relative;}

.ab {position: absolute; z-index: 1;}
.ab-l {position: absolute; top: 0; left: 0;}
.ab-r {position: absolute; top: 0; right: 0;}

.center {position: absolute; left: 50%;}
.middle {position: absolute; top: 50%;}

.btn-r {position: absolute; top: 0px; right: 1px;}
.ab-n {position: inherit;}

/* :: loading bar */
#loading {position: fixed;	_position: absolute; top: 0px; left: 0px;	width: 100%; height: 100%; filter: alpha(opacity = 50);-moz-opacity: 0.5; opacity: 0.5;}
.loading {background-color: transparent; z-index: 199;}
#loading_img {position: absolute; top: 50%; left: 50%; height: 35px; margin-top: -75px; margin-left: -75px; z-index: 200;}
.loading-wrap {position: relative; background: transparent;}
.loading-wrap .displayLoadingImgBox {width: 32px; height: 32px; position: absolute; top: 50%; left: 50%; margin-top: -32px; margin-left: -16px;}


/* :: chrome scrollbar customr */
.nav::-webkit-scrollbar { width: 0px; }
.nav::-webkit-scrollbar-track { background: transparent; }
.nav::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; border-radius: 0px; background: #ccc; }
.nav::-webkit-scrollbar-thumb:window-inactive { background: #ccc; }

.section::-webkit-scrollbar { width: 0px; }
.section::-webkit-scrollbar-track { background: #f2f2f2; }
.section::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; border-radius: 0px; background: #f2f2f2; }
.section::-webkit-scrollbar-thumb:window-inactive { background: #f2f2f2; }



/* --
	jquery plugin style
---------------------------------------------------------- */

/* :: glDatePicker */
.yearText:after { content: '년'; }
.gldp-flatwhite { position: fixed; padding: 6px 0 6px 6px; background-color: #fff; font-size: 12px; margin: 0 0 0 6px; border-radius: 5px !important; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }
.gldp-flatwhite .prev-arrow,
.gldp-flatwhite .next-arrow { font-size: 16px; }
.gldp-flatwhite .core { float: left; position: relative; background-color: #ffffff; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.gldp-flatwhite .monyear,
.gldp-flatwhite .monyear select { margin-top: 0px; background-color: #fff; color: #414141; }
.gldp-flatwhite .monyear span { margin: 0 5px; }
.gldp-flatwhite .prev-arrow,
.gldp-flatwhite .next-arrow { text-shadow: none; font-size: 18px; width: 20px; height: 20px; display: block; overflow: hidden; font-size: 0px; line-height: 0; text-indent: -9999px; }
.gldp-flatwhite .prev-arrow { background: url("/static/images/common/cal-prev.gif") no-repeat; background-size: 8px auto; background-position: top 10px right; }
.gldp-flatwhite .next-arrow { background: url("/static/images/common/cal-next.gif") no-repeat; background-size: 8px auto; background-position: top 10px right; }
.gldp-flatwhite .prev-arrow:hover,
.gldp-flatwhite .prev-arrow:focus,
.gldp-flatwhite .prev-arrow:active,
.gldp-flatwhite .next-arrow:hover
 .gldp-flatwhite .next-arrow:focus,
 .gldp-flatwhite .next-arrow:active { color: #fff; }
.gldp-flatwhite .prev-arrow-off, .gldp-flatwhite .next-arrow-off { color: #cfcfcf; }
.gldp-flatwhite .dow { background-color: var(--mainlineonColor); cursor: default; color: #414141; font-weight: bold; }
.gldp-flatwhite .sat { color: var(--grayLightColor); }
.gldp-flatwhite .sun { color: var(--pointtxtColor); }
.gldp-flatwhite .outday { color: #cfcfcf !important; }
.gldp-flatwhite .mon
.gldp-flatwhite .tue,
.gldp-flatwhite .wed,
.gldp-flatwhite .thu,
.gldp-flatwhite .fri,
.gldp-flatwhite .sat,
.gldp-flatwhite .sun,
.gldp-flatwhite .selected { border: 2px solid #ffffff; -webkit-border: 2px solid #ffffff; -moz-border: 2px solid #ffffff; -ms-border: 2px solid #ffffff; -o-border: 2px solid #ffffff; }
.gldp-flatwhite .mon:hover,
.gldp-flatwhite .tue:hover,
.gldp-flatwhite .wed:hover,
.gldp-flatwhite .thu:hover,
.gldp-flatwhite .fri:hover,
.gldp-flatwhite .sat:hover,
.gldp-flatwhite .sun:hover { background-color: var(--mainlineonColor); border-radius: 5px; }
.gldp-flatwhite .noday { color: #f9f9f9; cursor: wait !important; }
.gldp-flatwhite .selected { background-color: var(--grayLightColor); color: #ffffff; font-weight: bold; border-radius: 5px; }
.gldp-flatwhite .today { background-color: var(--mainlineonColor); border: 1px solid var(--grayLightColor); color: var(--pointtxtColor); font-weight: bold; }


/* :: wickedpicker */
.wickedpicker__title { background: #edf5fc !important; padding: 10px !important; text-align: left !important; font-size: 13px !important; }
.wickedpicker__close { top: 50% !important; font-size: 20px !important; margin-top: -7px !important; }
.wickedpicker__controls { height: calc(100% - 34px); }
.wickedpicker__controls__control,
.wickedpicker__controls__control--separator { width: calc(50% - 40px) !important; margin: 8px auto !important; }
.wickedpicker__controls__control span { display: block; font-size: 14px; margin: 5px 0; color: #5a6b79; }
.fileWrap { position: relative; }
.fileWrap.comment { background-color: #fff; border-bottom: 1px solid  #d4d5d6; border-right: 1px solid #d4d5d6; border-left: 1px solid #d4d5d6; padding: 7px; }
.input-upload-wrap { margin-top: 5px; }
.input-upload-wrap .input-box { height: 17px; line-height: 17px; margin-top: 2px; }
.input-upload-wrap .input-remove { width: 15px; margin-right: 5px; }


/* :: 첨부파일 관련 클래스 */
.MultiFile-btn { display: inline-flex; padding: 0 20px; align-items: center; background: #fff; border: none; border-radius: 4px; box-shadow: 0 0 0 0 rgb(36 42 48 / 0%), 0 0 0 1px rgb(36 42 48 / 14%); box-sizing: border-box; color: #3c4651; cursor: pointer; flex-shrink: 0; font-size: 13px; font-weight: 600; height: 32px; justify-content: center; min-width: 32px; outline: none; white-space: nowrap; transition: .3s; }
.MultiFile-btn:hover { background-color: #f0f0f0; box-shadow: 0 0 0 0 rgb(36 42 48 / 0%), 0 0 0 1px rgb(36 42 48 / 24%); }
.MultiFile-btn:before { content: '파일첨부'; }

.file-size-desc { position: absolute; top: 10px; right: 10px; color: var(--redColor); font-size: 11px; }
.file-size-desc.desc-small { left: 10px; top: 4px; text-overflow: ellipsis; }

.drag-enter { border: 2px dashed var(--mainonColor) !important; box-sizing: border-box; }

.attachLst { height: 77px; overflow-y: auto; margin-top: 10px !important; padding: 0 3px !important; border: 1px solid #d4d5d6; }
.attachLst li.MultiFile-label { display: flex; align-items: center; overflow: hidden; padding: 3px; }
.attachLst .MultiFile-label .attachViewBtn:hover span { text-decoration: underline; }
.attachLst li.MultiFile-label:first-child { margin-top: 4px; }
.attachLst li.MultiFile-label:last-child { margin-bottom: 0; }
.attachLst li.MultiFile-label.fileView { margin-top: 0 !important; }
.MultiFile-label .MultiFile-title { display: inline-block; float: left; height: 18px; line-height: 18px; margin: 0 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.MultiFile-label .MultiFile-remove { cursor: pointer; width: 18px; height: 18px; background: var(--darkRedColor); float: right !important; }
.MultiFile-label .MultiFile-remove a { display: block; width: 100%; height: 100%; }
.MultiFile-label .MultiFile-remove img { vertical-align: top; width: 10px; height: auto; margin: 5px 4px; }
.MultiFile-label .MultiFile-export,
.MultiFile-label .MultiFile-title { font-size: 12px; }

.attachLstTit { font-size: 1.3rem; padding-left: 18px; background: url("/static/images/common/icon_attach.png") no-repeat left center; background-size: 13px auto; }

.MultiFile-label .fileDownIcon { cursor: pointer; }
.MultiFile-label .fileDownIcon img { width: auto; height: 18px; }

.fileList .attachLst li:first-child { margin-top: 5px !important; }

.MultiFile-label .btnFileDwn { float: left; display: inline-block; width: 18px; height: 18px; background: url("/static/images/common/icon_attachDown.gif") no-repeat; vertical-align: middle; margin: 0; }

.previewFileLst { margin-bottom: 20px; }
.previewFileLst>div { padding: 5px; max-height: 130px; overflow-x: hidden; overflow-y: auto !important; background: #fafafa; border: 1px solid #d1d1d1; }
.previewFile ul { overflow-x: hidden; background: #fafafa; border: 1px solid #d1d1d1; }
.previewFile li { width: auto; border-top: 1px dashed #adadad; padding: 10px 10px; }
.previewFile li p { font-size: 12px; margin-top: 5px; }
.previewFile li p:before { content: '＊'; color: #ff618e; }
.previewFile li img { width: 100%; height: auto; cursor: pointer; }



/* --
	프린터 설정
---------------------------------------------------------- */
@page a4sheet {size: 21.0cm 29.7cm;}

page[size="A4"] {background: white; width: 22cm; height: 29.7cm; display: block; margin: 40px 0 0 10px; margin-bottom: 0.5cm;}

@media print {
	body, page[size="A4"] {margin: 0; box-shadow: 0;	}
	.price_match_no_print {display: none !important;	}
}



/* --
	WINDOW POPUP
---------------------------------------------------------- */
#wrap-pop {overflow:hidden; background:#fff;}
.pop-info {float:left; width:100%; height:46px; line-height:46px; border-top:2px solid #123b66;}
.pop-header {border-bottom:1px solid #d4d5d6; padding:0 20px 0 30px; background:url("/static/images/common/icon_bull.png") left 20px center no-repeat;}
.pop-header h2 {display:inline-block; font-size:15px; font-weight:bold;}
#pop-container {overflow:hidden; padding:15px; overflow-y:auto;}
#pop-container .pop-cont-inner {height:100%;}
#pop-section {margin-top:1px;}
#pop-footer {border-top:1px solid #d4d5d6; padding:10px 0; text-align:center;}

#wrap-pop.popHasSchArea .pop-info {height:auto;}
#wrap-pop.popHasSchArea .pop-cont-inner {min-height:400px;}


/* --
	LAYER POPUP
---------------------------------------------------------- */
.popArea { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; }
.popDimm { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000000; opacity: 0; z-index: 110; }
.popWrap { position: fixed; top: 50%; left: 50%; width: 280px; margin-left: -140px; z-index: 120; perspective: 600px; -webkit-perspective: 600px; -moz-perspective: 600px; -ms-perspective: 600px; -o-perspective: 600px; }
.popWrap.type02 { width: 230px; margin-left: -115px; }

.popFront,
.popBack { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; opacity: 0; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; }
.popFront { background-color: #ffffff; opacity: 0; }
.popBack { background-color: #fb6e52; }

.popArea.on { display: block; }
.popArea.on .popDimm { animation: popDimm 0.4s forwards; -webkit-animation: popDimm 0.4s forwards; -moz-animation: popDimm 0.4s forwards; -ms-animation: popDimm 0.4s forwards; -o-animation: popDimm 0.4s forwards; }
.popArea.on .popFront { animation: popFront 1.2s ease-in-out forwards; -webkit-animation: popFront 1.2s ease-in-out forwards; -moz-animation: popFront 1.2s ease-in-out forwards; -ms-animation: popFront 1.2s ease-in-out forwards; -o-animation: popFront 1.2s ease-in-out forwards; }
.popArea.on .popBack { animation: popBack 1.2s ease-in-out forwards; -webkit-animation: popBack 1.2s ease-in-out forwards; -moz-animation: popBack 1.2s ease-in-out forwards; -ms-animation: popBack 1.2s ease-in-out forwards; -o-animation: popBack 1.2s ease-in-out forwards; }

.popArea.close { opacity: 0; }

.popTit { position: absolute; top: 0; left: 0; right: 0; padding: 8px 15px; border-bottom: 1px solid #e6e6ee; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #ffffff; color: #fb6e52; font-size: 0.750rem; font-weight: bold; z-index: 10; }

.popInner { overflow: hidden; position: relative; padding: 48px 10px 12px; }
.popInner.type02 { padding-top: 64px; }
.popInner.type03 { padding: 25px; }

.popArea .btnWrap { margin-top: 20px; }
.popArea .btnWrap.type02 { margin-top: 30px; }
.popArea .btnWrap.type02 a { margin: 0 2px; }

.popCfm .txtCfm { text-align: center; font-size: 20px; }
.popCfm .accent { color: #fb6e52 !important; }
.popCfm .btnType01 { display: inline-block; padding: 0 50px; margin-left: 52px !important; }

.popArea.type02 .popFront,
.popArea.type02 .popBack {
	animation: popOpen 0.4s forwards;
	-webkit-animation: popOpen 0.4s forwards;
	-moz-animation: popOpen 0.4s forwards;
	-ms-animation: popOpen 0.4s forwards;
	-o-animation: popOpen 0.4s forwards;
	transform-style: initial;
	-webkit-transform-style: initial;
	-moz-transform-style: initial;
	-ms-transform-style: initial;
	-o-transform-style: initial;
	backface-visibility: initial;
	-webkit-backface-visibility: initial;
	-moz-backface-visibility: initial;
	-ms-backface-visibility: initial;
	-o-backface-visibility: initial;
}

@-webkit-keyframes popDimm{
	0% {opacity:0;}
	100% {opacity:0.5;}
}
@-webkit-keyframes popOpen{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes popFront{
	0% {color:#ffffff;z-index:900;opacity:0;
		-webkit-transform:rotateY(180deg) translate(0);
		-moz-transform:rotateY(180deg) translate(0);}
	30%{opacity:0;
		-webkit-transform:rotateY(180deg) translate(0);
		-moz-transform:rotateY(180deg) translate(0);}
	70%{opacity:0;}
	100%{opacity:1;z-index:1000;
		-webkit-transform:rotateX(0deg) rotateY(0deg);
		-moz-transform:rotateX(0deg) rotateY(0deg);}
}
@-webkit-keyframes popBack{
	0%{z-index:1000;opacity:0;
		-webkit-transform:rotateX(0deg) rotateY(0deg) translate(-80px);
		-moz-transform:rotateX(0deg) rotateY(0deg) translate(-80px);}
	30%{opacity:1;
		-webkit-transform:rotateY(0deg) translate(0);
		-moz-transform:rotateY(0deg) translate(0);}
	100%{opacity:1;z-index:900;
		-webkit-transform:rotateY(-180deg);
		-moz-transform:rotateY(-180deg);}
}



/*!
 * Waves v0.7.6
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2018 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE */
.waves-effect {position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent;}
.waves-effect .waves-ripple {position: absolute; border-radius: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; opacity: 0; background: rgba(0, 0, 0, .2); background: radial-gradient(rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, rgba(255, 255, 255, 0) 70%);
													-webkit-transition: all .5s ease-out; transition: all .5s ease-out; -webkit-transition-property: -webkit-transform, opacity; -webkit-transition-property: opacity, -webkit-transform; pointer-events: none;
													transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform: scale(0) translate(0, 0); transform: scale(0) translate(0, 0);}
.waves-effect.waves-light .waves-ripple {background: rgba(255, 255, 255, .4); background: radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);}
.waves-effect.waves-classic .waves-ripple { background: rgba(0, 0, 0, .2);}
.waves-effect.waves-classic.waves-light .waves-ripple {background: rgba(255, 255, 255, .4);}
.waves-notransition {-webkit-transition: none !important; transition: none !important;}
.waves-button,
.waves-circle {-webkit-transform: translateZ(0); transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%);}
.waves-button,
.waves-button-input,
.waves-button:hover,
.waves-button:visited {white-space: nowrap; vertical-align: middle; cursor: pointer; border: none; outline: 0; color: inherit; background-color: rgba(0, 0, 0, 0); font-size: 1em; line-height: 1em; text-align: center; text-decoration: none; z-index: 1;}
.waves-button {padding: .85em 1.1em; border-radius: .2em;}
.waves-button-input {margin: 0; padding: .85em 1.1em;}
.waves-input-wrapper {border-radius: .2em; vertical-align: bottom;}
.waves-input-wrapper.waves-button {padding: 0;}
.waves-input-wrapper .waves-button-input {position: relative; top: 0; left: 0; z-index: 1;}
.waves-circle {text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%;}
.waves-float {-webkit-mask-image: none; -webkit-box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12); box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12); -webkit-transition: all .3s; transition: all .3s;}
.waves-float:active {-webkit-box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3); box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3);}
.waves-block {display: block;}
.waves-effect.waves-light .waves-ripple {background-color: rgba(255, 255, 255, .4);}
.waves-effect.waves-primary .waves-ripple {background-color: rgba(82, 92, 229, .4);}
.waves-effect.waves-success .waves-ripple {background-color: rgba(35, 197, 143, .4);}
.waves-effect.waves-info .waves-ripple {background-color: rgba(91, 164, 229, .4);}
.waves-effect.waves-warning .waves-ripple {background-color: rgba(238, 177, 72, .4);}
.waves-effect.waves-danger .waves-ripple {background-color: rgba(241, 78, 78, .4);}



/**
 * SimpleBar.css - v4.2.3
 * Scrollbars, simpler.
 * https://grsmto.github.io/simplebar/
 *
 * Made by Adrien Denat from a fork by Jonathan Nicol
 * Under MIT License
 */
[data-simplebar] {position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start;
								justify-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
.simplebar-wrapper {overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit;}
.simplebar-mask {direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 0;}
.simplebar-offset {direction: inherit !important; -webkit-box-sizing: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; top: 0; left: 0 !important; bottom: 0; right: 0 !important; padding: 0; margin: 0; -webkit-overflow-scrolling: touch;}

.simplebar-content-wrapper {direction: inherit; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; position: relative; display: block; height: 100%; width: auto; visibility: visible; overflow: auto;
													max-width: 100%; max-height: 100%; scrollbar-width: none; padding: 0 !important;}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {display: none;}
.simplebar-content:after,
.simplebar-content:before {content: ' '; display: table;}
.simplebar-placeholder {max-height: 100%; max-width: 100%; width: 100%; pointer-events: none;}
.simplebar-height-auto-observer-wrapper {-webkit-box-sizing: inherit !important; box-sizing: inherit !important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none;
																				-webkit-box-flex: inherit; -ms-flex-positive: inherit; flex-grow: inherit; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 0; flex-basis: 0;}
.simplebar-height-auto-observer {-webkit-box-sizing: inherit; box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1;}
.simplebar-track {z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden;}
[data-simplebar].simplebar-dragging .simplebar-content {pointer-events: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none;}
[data-simplebar].simplebar-dragging .simplebar-track {pointer-events: all;}
.simplebar-scrollbar {position: absolute; right: 2px; width: 6px; min-height: 10px;}
.simplebar-scrollbar:before {position: absolute; content: ''; background: #a2adb7; border-radius: 7px; left: 0; right: 0; opacity: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear;}
.simplebar-scrollbar.simplebar-visible:before {opacity: .5; -webkit-transition: opacity 0s linear; transition: opacity 0s linear;}
.simplebar-track.simplebar-vertical {top: 0; width: 11px;}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {top: 2px; bottom: 2px;}
.simplebar-track.simplebar-horizontal {left: 0; height: 11px;}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {height: 100%; left: 2px; right: 2px;}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {right: auto; left: 0; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto;}
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {right: auto; left: 0;}
.hs-dummy-scrollbar-size {direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll;}
.simplebar-hide-scrollbar {position: fixed; left: 0; visibility: hidden; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none;}



#displayLoadingImgBox {user-select: none;}

.not-read-count {
    margin-left: 4px;
    font-weight: normal !important;
	color: #0073e6 !important;
}