@charset "utf-8";

/*--------------------*/
/* 1. Reset
/*--------------------*/
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, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
} 

fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
hr,caption,figcaption{display:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0; table-layout:fixed;}
body {-webkit-text-size-adjust:none}

input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
a {text-decoration:none; color: inherit;}
address,caption,cite,code,dfn,em,i,var {font-style:normal;font-weight:400}

html, body {width:100%; font-size: 14px; font-family:'NanumSquare','nsk','Dotum','arial','sans-serif'; overflow:hidden}

* {margin:0; padding:0; box-sizing:border-box;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;}

textarea {display:block; box-sizing:border-box; width:100%; padding:2px; font-size:11px; line-height:18px; border:1px solid #dedede; white-space:pre-line;}
input[type="text"],input[type="password"], select {height:30px; padding:0 2px; box-sizing:border-box; width:80px; font-size:14px; line-height:18px; border:1px solid #bebebe;}
input[type="text"]::placeholder { letter-spacing:-1px;}
label[for] {display: inline-block;cursor: pointer;vertical-align: middle;}
input+label {padding-left: 3px;}
.sinput {height:24px;}
.inpt {display:inline-block;}
.inpt-del {position:relative; overflow:hidden; box-sizing:border-box; width:130px; margin:0 auto; padding-right:28px;/* border:1px solid #dedede;*/}
.inpt-del input {width:100%; /*border:0 none;*/}
.inpt-del button {position:absolute; right:0; overflow:hidden; width:24px; height:24px; background:url(./images/pop_close2.png) no-repeat 50% 50%; border-radius:50%; font-size:0; text-indent:-9999px;}
.inpt-add {height:24px; margin-top:4px;}
.inpt-from-to input {float:left; display:inline-block; width:45%;}
.inpt-from-to em {float:left; width:10%; line-height:24px; text-align:center;}
.inpt-datepic:after {content:''; display:inline-block; width:24px; height:24px; background:#aaa; vertical-align:middle;}
.options label {margin-right:20px;}

button {cursor:pointer;}
.btn {height:28px; padding:4px 12px; font-size:12px; line-height:18px; border:1px solid #d3d3d5; border-radius:3px; background:#f8f8f8; font-weight:bold;}
.btn2 {height:35px; padding:8px 24px; font-size:14px;  border:1px solid #d3d3d5; border-radius:0px; background:#f8f8f8; font-weight:700}
* +.btn {margin-left:4px;}
.btn.col-01 {border-color:#2e70a2; background:#2395de; color:#fff;}
.btn.col-02 {border-color:#10bbe6; background:#10bbe6; color:#fff;}
.btn.col-03 {border-color:#3f3f3f; background:#3f3f3f; color:#fff;}
.btn.col-04 {border-color:#349da2; background:#42afb4; color:#fff;}
.btn.col-05 {border-color:#717171; background:#717171; color:#fff;}
.btn.green {border-color:#8ebc00; background:#8ebc00; color:#fff;}
.btn2.schbtn {border-color:#2b5e93; background:#2b5e93; color:#fff;}
.btn-area {text-align:center;}

.tbl-info +.btns-tbl {margin-top:-40px;}
.btns .btn {min-width:80px;}
.btns-box {margin:20px 0;}
.btns-tbl {margin-top:-10px; text-align:right;}
.btns-bottom {margin-top:30px; text-align:center;}
.btns +.btns-tbl {margin-top:-28px;}

.divline {display:block; margin:15px 0 20px; border:1px solid #000;}
.txt-link {color:#007bad; text-decoration:underline;}
.txt-red {color:#de3a3a !important;}
.txt-blue {color:#007bad !important;}


/*타이틀*/
h3.tit {margin-bottom:8px; font-weight:700; border-bottom:1px solid #e0e0df; padding-bottom:5px}

/*마진패딩*/
.mT5 {margin-top:5px;}
.mT10 {margin-top:10px;}



/*header*/
#RedtideWrap {/*position:relative;*/width:100%; height:100%}
#RedtideHeader {width:100%; height:60px; padding:10px 0 6px 0; background:#1c1b42; box-shadow:3px 0 10px 0 #aaa;}
#RedtideHeader .logo {float:left; padding-left:10px}
#RedtideHeader .logo img {vertical-align:middle;}
#RedtideHeader .logo h2 span {display:inline-block; font-size:20px; color:#fff; vertical-align:middle; font-weight:600}
#RedtideHeader .logo h2 span:before {content:''; display:inline-block; width:1px; height:20px; background:#5f5e7a; vertical-align:middle; margin:0 10px}


/*상단컨트롤박스*/
.controlBox {float:right; vertical-align:middle; padding-right:10px}
.controlBox ul li {float:left;}
.controlBox ul li:nth-child(2) {margin-right:30px;}
.controlBox ul li a {display:inline-block; padding:10px; color:#fff}
.controlBox ul li a img {vertical-align:middle}
.controlBox ul li a:hover { background:#2f2b67;}





/*우측컨트롤박스*/
.pop-title {height:auto}
.RightcontrolBox {position:absolute; right:1%; top:35%; z-index:999; box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.3);}
.RightcontrolBox ul li {padding: 0; background:rgba(35,62,89,0.9); border-bottom:1px solid #1c344d}
.RightcontrolBox ul li a {padding:0 8px; height:35px; line-height:35px; display:block }
.RightcontrolBox ul li a img {vertical-align:middle}
.RightcontrolBox ul li a:hover {background:#1bb5e7}
.RightcontrolBox ul li:first-child {margin-top:0; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-right-radius:0px; border-bottom-left-radius:0px;}
.RightcontrolBox ul li:first-child a:hover {margin-top:0;border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-right-radius:0px; border-bottom-left-radius:0px;}
.RightcontrolBox ul li:last-child {margin-top:0; border-top-left-radius:0; border-top-right-radius:0; border-bottom-right-radius:4px; border-bottom-left-radius:4px;}
.RightcontrolBox ul li:last-child a:hover {margin-top:0;border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-right-radius:4px; border-bottom-left-radius:4px;}




/*우측줌인박스*/
.zoominout {position:absolute; right:1%; top:12%; z-index:999; box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.3);}
.zoominout ul li {background:#4c4c4c;}
.zoominout ul li a {padding:0 8px; height:35px; line-height:35px; display:block}
.zoominout ul li a img {vertical-align:middle}
.zoombarbg {position:relative; background:url(../images/zoombarbg.png) no-repeat left top  !important; min-height:146px; width:37px}
.zoombar {position:absolute; background:url(../images/zoombar.png) no-repeat left top; width:37px; height:18px; left:0; top:12.5%}


.RedtideMap2 {position:relative; background:url(../images/sampleMap2.png) no-repeat center top; background-size:cover}
.RedtideMap {position:relative; background:url(../images/sampleMap.png) no-repeat center top}

#Leftpanel{position:absolute; background:#fff; border-right:1px solid #ccc; box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.2); width:400px; height:100%;left:-400px; top:60px;transition:left 0.5s}
#Leftpanel.on {left:0;transition:left 0.5s}

#Leftpanel .panelWrap {position:relative; width:400px; height:100%}
#Leftpanel.on .Leftpanel_close{background: url(../images/btn_leftpull.png) no-repeat 0 0;}
.Leftpanel_close {position: absolute; right: -32px;top: 50%; z-index: 10;margin-top: -29px; display: block;width: 32px;height: 98px;background: url(../images/btn_rightpull.png) no-repeat 0 0;text-indent: -9999px;}
.panelTap {overflow:hidden;}
.panelTap li {float:left; width:33%;}
.panelTap li a {display:block; padding:10px 15px; text-align:center; background:#f16e06; color: #fff; font-weight:600}
.panelTap li.on a {background:#fff; color:#333}
.leftContBox {width:100%; padding:10px 15px}
.leftContBox > ul > li {margin:10px 0}
.leftContBox > ul > li > label {display:inline-block; min-width:80px; font-weight:700}
.wrap-date{position: relative;display: inline-block;height: 30px;border: 1px solid #bebebe;box-sizing: border-box;}
.wrap-date>input{width: 100%;height: 100%;border: 0;background: url(../images/nlipMap_date.png)no-repeat center right 10px;cursor:pointer;}
.rangeBox {position:relative; padding:10px; margin-top:10px; border:1px solid #ebebeb; background:#fafafa; border-radius:5px; color:#666}
.rangeBox button {position:absolute; width:60px; height:53px; right:12px; top:10px;}
.rangeBox input {height:24px;}
.kindsBox {overflow:hidden;}
.kindsBox li {width:33%; float:left; line-height:1.8em; color:#666; font-size:13px}
.kindsBox li:last-child {width:34%}
.kindsBox li label {width:auto !important; /*display:inline !important*/}

.kindsBox2 {overflow:hidden; padding:15px}
.kindsBox2 li {width:50%; float:left; line-height:1.8em; color:#666; font-size:13px}

.schbtnArea li {width:50%; float:left}
.schbtnArea li > button {width:100%}
.schbtnArea li > button > i {vertical-align:middle; display:inline-block; margin-right:3px}
.leftContBox ul li img.ui-datepicker-trigger {height:100%; min-height:30px;  background:#3f3f3f }

/* 레이어*/
.kindsBox2 li label:before {content:""; display:inline-block; vertical-align:middle; width:11px; height:11px; margin-right:5px}
.layerName1:before {border-radius:20px; background:#333;}
.layerName2:before {background:#dce0e1; border:1px solid #a3a3a3}
.layerName3:before {border-radius:20px; background:#333;}
.layerName4:before {border-radius:20px; background:#333;}
.layerName5:before {background:#fff; border:1px solid #04d9fe}
.layerName6:before {background:#ffae7f; border:1px solid #ff8e4c}
.layerName7:before {background:#fff; border:1px solid #666}
.layerName8:before {background:#fddb77; border:1px solid #eec143}
.layerName9:before {background: url(../images/layerName9.png) no-repeat left top;}
.layerName10:before {background:#b0b3e7; border:1px solid #9395eb}
.layerName11:before {background:#ccf178; border:1px solid #83a62e}
.layerName12:before {background:#8eed8a; border:1px solid #3ccc36}



/*검색결과 테이블*/
.resultBox { width:100%; height:400px; clear:both; padding:10px; font-family: "나눔고딕","Nanum Gothic","돋움",Dotum,Arial,sans-serif;}
.resultTable{width: 100%;}
.resultTable th{font-size: 12px;font-weight: bold; color: #4b4b4b;padding: 7px 4px;}
.resultTable td{ font-size: 12px; color: #666;text-align: center; padding: 6px 2px;border-bottom: 1px solid #e0e0df; white-space: normal !important; word-break: break-all;}
.resultTable thead{background-color: #f4f4f4;border-top: 1px solid #e0e0df;border-bottom: 1px solid #e0e0df;}
.tblinfo {margin-bottom:5px; font-size:13px; color:#666; text-align:left}
.tblinfo span:last-child {float:right;}
.tblinfo em {font-weight:700; color:#06C;}

#divHeadScroll {width: 100%;overflow-x: hidden;overflow-y: hidden;}
#divBodyScroll {width: 100%;height: 677px; overflow-x: auto;overflow-y: auto;}

/*범례*/
.legendbox {position:absolute; z-index:999; min-width:330px; background:#fff; right:50px; bottom:50px; border: 1px solid #25507d; box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.3);}
.legendbox2 {right:50px; bottom:50px;}
.legendbox3 {right:50px; bottom:50px;}
.legendbox h3.legtitl {background:#2b5e93; color:#fff; padding:5px}
.legendbox .graph {min-width:300px;margin:0 auto; padding:10px}
.legendbox .graph ul{overflow:hidden}
.legendbox .graph ul li {text-align:center; float:left; font-size:12px; color:#666; font-weight:700}
.legendbox .graph ul.tempnum li {width:7.6%; }
.legendbox .graph ul.psunum li {width:7.6%; }
.legendbox .graph ul.donum li {width:7.6%; }
.legendbox h3.legtitl span.hide {display:block; float:right; line-height:10px; vertical-align:middle; margin-right:10px}


/*염분*/
.psuw {width:510px;}

.kindslegendbox {position:absolute; z-index:999; width:120px; height:150px; background:#fff;  right:50px; bottom:150px; border: 1px solid #25507d; box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.3);}
.kindslegendbox ul {padding:15px 8px}
.kindslegendbox ul li {border-bottom:1px dashed #ccc; padding:2px 0 3px 0}
.kindslegendbox ul li:last-child {border-bottom:none;}
.kindslegendbox ul li i {vertical-align:middle; display:inline-block; line-height:0; margin-right:3px}
.kindslegendbox ul li span {vertical-align:middle; display:inline-block; font-size:13px; color:#666; font-weight:700; letter-spacing:-1px}

/*정보표시*/
.mappoint {position: absolute; 	z-index: 9999; left: 1288px; 	top: 476px;}
.mappoint2 {left: 988px; 	top: 276px;}
.mappoint3 {left: 588px; 	top: 376px;}
.mappoint4 {left: 1088px; 	top: 676px;}
.mapinfobox {position:absolute; z-index: 999;min-width: 200px;height: 120px;background: #fff; box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.3);left: -35px; bottom: 0px;}
.mapinfobox h3 {padding:5px;  position:relative}
.mapinfobox dl {width:90%; padding:15px 10px 10px 10px; margin:0 auto; overflow:hidden}
.mapinfobox dl dt,.tempinfobox dl dd {float:left; line-height:28px;}
.mapinfobox dl dt {width:30px;}
.mapinfobox dl.doinfo dt {text-align:center;}
.mapinfobox dl dd span.num {font-size:28px; font-weight:800; vertical-align:middle;}
.mapinfobox dl dd span.num > em {font-size:14px; color:#666; margin-left:3px}
.mapinfobox dl.tempinfo dd span.num  {color:#42a7ff;}
.mapinfobox dl.psuinfo dd span.num  {color:#fe4200;}
.mapinfobox dl.cellinfo dd span.num {color:#6d39d6}

.popclose {display:block; width:30px; padding:6px 6px 7px 6px; background:#333; position:absolute; top:0;  right:0; line-height:10px; vertical-align:middle; text-align:center}
.mapinfobox p {text-align:center; color:#666; font-size:13px}
.arrow2 {position:absolute; width:25px; height:19px; bottom: -19px;left: 50%; margin-left: -50px; background:url(../images/poparrow.png) left bottom;}
.toggle > img {/*box-shadow:3px 3px 10px 0 rgba(0,0,0,0.3);*/}

.cellpoint h3 {background:#6d39d6; color:#fff;}

/*수온 칼라정의*/
.temppoint h3 {background:#2b5e93; color:#fff;}
.temppoint h3.tempnumcolor1 {background:#0881dd;}
.temppoint h3.tempnumcolor2 {background:#09a1d8;}
.temppoint h3.tempnumcolor3 {background:#0cc7bf;}
.temppoint h3.tempnumcolor4 {background:#18e38a;}
.temppoint h3.tempnumcolor5 {background:#56e32b;}
.temppoint h3.tempnumcolor6 {background:#56e32b;}
.temppoint h3.tempnumcolor7 {background:#a6e00f;}
.temppoint h3.tempnumcolor8 {background:#c2dc0b;}
.temppoint h3.tempnumcolor9 {background:#dfc108;}
.temppoint h3.tempnumcolor10 {background:#df9e08;}
.temppoint h3.tempnumcolor11 {background:#df6e08;}
.temppoint h3.tempnumcolor12 {background:#d93a08;}
.temppoint h3.tempnumcolor13 {background:#7f0701;}


.temppoint dl.tempinfo dd span.num.tempnumcolor1 {color:#0881dd;}
.temppoint dl.tempinfo dd span.num.tempnumcolor2 {color:#09a1d8;}
.temppoint dl.tempinfo dd span.num.tempnumcolor3 {color:#0cc7bf;}
.temppoint dl.tempinfo dd span.num.tempnumcolor4 {color:#18e38a;}
.temppoint dl.tempinfo dd span.num.tempnumcolor5 {color:#56e32b;}
.temppoint dl.tempinfo dd span.num.tempnumcolor6 {color:#56e32b;}
.temppoint dl.tempinfo dd span.num.tempnumcolor7 {color:#a6e00f;}
.temppoint dl.tempinfo dd span.num.tempnumcolor8 {color:#c2dc0b;}
.temppoint dl.tempinfo dd span.num.tempnumcolor9 {color:#dfc108;}
.temppoint dl.tempinfo dd span.num.tempnumcolor10 {color:#df9e08;}
.temppoint dl.tempinfo dd span.num.tempnumcolor11 {color:#df6e08;}
.temppoint dl.tempinfo dd span.num.tempnumcolor12 {color:#d93a08;}
.temppoint dl.tempinfo dd span.num.tempnumcolor13 {color:#7f0701;}



/*염분 칼라정의*/
.psupoint h3 {background:#be6000; color:#fff;}
.psupoint h3.psunumcolor1 {background:#971d5c;}
.psupoint h3.psunumcolor2 {background:#c932cc;}
.psupoint h3.psunumcolor3 {background:#d66bf8;}
.psupoint h3.psunumcolor4 {background:#af7cd9;}
.psupoint h3.psunumcolor5 {background:#3d7a71;}
.psupoint h3.psunumcolor6 {background:#189200;}
.psupoint h3.psunumcolor7 {background:#5fb701;}
.psupoint h3.psunumcolor8 {background:#23c75f;}
.psupoint h3.psunumcolor9 {background:#1bc969;}
.psupoint h3.psunumcolor10 {background:#2ac091;}
.psupoint h3.psunumcolor11 {background:#b8943a;}
.psupoint h3.psunumcolor12 {background:#e11300;}
.psupoint h3.psunumcolor13 {background:#ad0000;}
.mapinfobox dl dd span.num.psunumcolor1 {color:#971d5c}
.mapinfobox dl dd span.num.psunumcolor2 {color:#c932cc}
.mapinfobox dl dd span.num.psunumcolor3 {color:#d66bf8}
.mapinfobox dl dd span.num.psunumcolor4 {color:#af7cd9}
.mapinfobox dl dd span.num.psunumcolor5 {color:#3d7a71}
.mapinfobox dl dd span.num.psunumcolor6 {color:#189200}
.mapinfobox dl dd span.num.psunumcolor7 {color:#5fb701}
.mapinfobox dl dd span.num.psunumcolor8 {color:#23c75f}
.mapinfobox dl dd span.num.psunumcolor9 {color:#1bc969}
.mapinfobox dl dd span.num.psunumcolor10 {color:#2ac091}
.mapinfobox dl dd span.num.psunumcolor11 {color:#b8943a}
.mapinfobox dl dd span.num.psunumcolor12 {color:#e11300}
.mapinfobox dl dd span.num.psunumcolor13 {color:#ad0000}


/*DO 칼라정의*/
.dopoint h3 {background:#be6000; color:#fff;}
.dopoint h3.donumcolor1 {background:#9a4501;}
.dopoint h3.donumcolor2 {background:#df5205;}
.dopoint h3.donumcolor3 {background:#f98603;}
.dopoint h3.donumcolor4 {background:#ed9f03;}
.dopoint h3.donumcolor5 {background:#959f03;}
.dopoint h3.donumcolor6 {background:#368903;}
.dopoint h3.donumcolor7 {background:#44532c;}
.dopoint h3.donumcolor8 {background:#6b1e60;}
.dopoint h3.donumcolor9 {background:#640fac;}
.dopoint h3.donumcolor10 {background:#4a0fe0;}
.dopoint h3.donumcolor11 {background:#2e2df9;}
.dopoint h3.donumcolor12 {background:#025cf9;}
.dopoint h3.donumcolor13 {background:#003087;}



.mapinfobox dl dd span.num.donumcolor1 {color:#9a4501;}
.mapinfobox dl dd span.num.donumcolor2 {color:#df5205;}
.mapinfobox dl dd span.num.donumcolor3 {color:#f98603;}
.mapinfobox dl dd span.num.donumcolor4 {color:#ed9f03;}
.mapinfobox dl dd span.num.donumcolor5 {color:#959f03;}
.mapinfobox dl dd span.num.donumcolor6 {color:#368903;}
.mapinfobox dl dd span.num.donumcolor7 {color:#44532c;}
.mapinfobox dl dd span.num.donumcolor8 {color:#6b1e60;}
.mapinfobox dl dd span.num.donumcolor9 {color:#640fac;}
.mapinfobox dl dd span.num.donumcolor10 {color:#4a0fe0;}
.mapinfobox dl dd span.num.donumcolor11 {color:#2e2df9;}
.mapinfobox dl dd span.num.donumcolor12 {color:#025cf9;}
.mapinfobox dl dd span.num.donumcolor13 {color:#003087;}





/*지도그리기*/
#mapArea {position:relative; width:100%; height:100%}
.toolBar {height:56px; background:#f7f7f7; box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.3); border-bottom:1px solid #afb1b7}
.toolNav {overflow:hidden; float:left}
.toolNav li {float:left;}
.toolNav li.btn01 {background:#333333}
.toolNav li.btn02 {background:#f16e06;}
.toolNav li.btn02 button:before {content:''; display:inline-block; width:28px; height:28px; vertical-align:middle; background: url(../images/drawing_icon.png) center top; margin-right:5px}
.toolNav li button {min-height:56px; line-height:56px; padding:0 20px; vertical-align:middle; color:#fff; font-weight:700}
.drawingbar {overflow:hidden; float:left}
.drawingbar li {float:left;}
.drawingbar li > input {background:#f7f7f7; height: 55px; padding:0 12px 0 34px; line-height: 55px; border:none; cursor: pointer;}
.drawingbar li:nth-child(1)>input {background: #f7f7f7 url(../images/draw_icon1.png) no-repeat center left 10px;}
.drawingbar li:nth-child(2)>input {background: #f7f7f7 url(../images/draw_icon2.png) no-repeat center left 10px;}
.drawingbar li:nth-child(3)>input {background: #f7f7f7 url(../images/draw_icon3.png) no-repeat center left 10px;}
.drawingbar li:nth-child(4)>input {background: #f7f7f7 url(../images/draw_icon4.png) no-repeat center left 10px;}
/*.drawingbar li:before {content:''; display:inline-block; width:20px; height:20px; background:url(../images/draw_icon1.png) no-repeat left 50%; vertical-align:middle;}*/
.drawingbar li:after {content:''; float:right; background:#afb1b7; width:1px; height:56px;}
.drawingbar li:nth-child(1)>input:hover {background: #fff url(../images/draw_icon1.png) no-repeat center left 10px;}
.drawingbar li:nth-child(2)>input:hover {background: #fff url(../images/draw_icon2.png) no-repeat center left 10px;}
.drawingbar li:nth-child(3)>input:hover {background: #fff url(../images/draw_icon3.png) no-repeat center left 10px;}
.drawingbar li:nth-child(4)>input:hover {background: #fff url(../images/draw_icon4.png) no-repeat center left 10px;}

.ui-datepicker-trigger {vertical-align: middle;}
.calreset {vertical-align: middle;}


.tooltip {
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	color: white;
	padding: 4px 8px;
	opacity: 0.7;
	white-space: nowrap;
	z-index : 99999;
  }
  .tooltip-measure {
	opacity: 1;
	font-weight: bold;
	z-index : 99999;
  }
  .tooltip-static {
	background-color: #ffcc33;
	color: black;
	border: 1px solid white;
  }
  .tooltip-measure:before,
  .tooltip-static:before {
	border-top: 6px solid rgba(0, 0, 0, 0.5);
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	content: "";
	position: absolute;
	bottom: -6px;
	margin-left: -7px;
	left: 50%;
  }
  .tooltip-static:before {
	border-top-color: #ffcc33;
  }