53177ad0930a98ee625fa8b398b025ba97333857.svn-base 30 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582
  1. @charset "utf-8";
  2. /* CSS Document */
  3. /************** S : 공통사항 **************/
  4. .dx-fieldset {
  5. margin-bottom: 8px !important;
  6. padding: 20px !important;
  7. }
  8. /************** E : 공통사항 **************/
  9. /* toolbar 타이틀리스트 */
  10. li.none_select_title, li.select_title { float:left; background: url(../images/custom/ibems_light/toolbar_title_arrow.gif) 10px center no-repeat; padding:0 10px 0 30px; }
  11. li.none_select_title h1 { font-size:16px !important; line-height:47px; font-weight:600; color:#666 }
  12. li.select_title h1 { font-size: 18px !important; line-height:47px; color:#3060a2; font-weight:600; }
  13. .desktop-layout .dx-toolbar .dx-toolbar-after { padding-top:10px }
  14. .dx-toolbar-items-container { overflow: visible !important; }
  15. .toolba_left_cut { background: url(../images/custom/ibems_light/toolba_cut_bg.png) no-repeat; width:4px; height:20px; position:absolute; top:15px; left:-15px; }
  16. .toolba_right_cut { background: url(../images/custom/ibems_light/toolba_cut_bg.png) no-repeat; width:4px; height:20px; position:absolute; top:15px; right:-15px; }
  17. /* 버튼 롤오버 */
  18. .dx-button.dx-state-hover-enabled:hover {
  19. background: #669de8; /* Old browsers */
  20. background: -moz-linear-gradient(top, #669de8 0%, #507bb6 100%); /* FF3.6+ */
  21. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#669de8), color-stop(100%,#507bb6)); /* Chrome,Safari4+ */
  22. background: -webkit-linear-gradient(top, #669de8 0%,#507bb6 100%); /* Chrome10+,Safari5.1+ */
  23. background: -o-linear-gradient(top, #669de8 0%,#507bb6 100%); /* Opera 11.10+ */
  24. background: -ms-linear-gradient(top, #669de8 0%,#507bb6 100%); /* IE10+ */
  25. background: linear-gradient(to bottom, #669de8 0%,#507bb6 100%); /* W3C */
  26. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#669de8', endColorstr='#507bb6',GradientType=0 ); /* IE6-9 */
  27. }
  28. .dx-button.dx-button-danger:hover {
  29. background-color: #f19ba0;
  30. background-repeat: no-repeat;
  31. background-image: -webkit-linear-gradient(-90deg, #f19ba0 0%, #ef9095 100%);
  32. background-image: -moz-linear-gradient(-90deg, #f19ba0 0%, #ef9095 100%);
  33. background-image: -ms-linear-gradient(-90deg, #f19ba0 0%, #ef9095 100%);
  34. background-image: -o-linear-gradient(-90deg, #f19ba0 0%, #ef9095 100%);
  35. background-image: linear-gradient(180deg, #f19ba0 0%, #ef9095 100%);
  36. }
  37. /* 바디 타이틀 */
  38. .body_sub_title { font-size:16px; font-weight:bold; display:block !important; margin-bottom:10px; background:url(../images/custom/ibems_light/body_sub_title_bullet.png) left center no-repeat; padding-left:18px; }
  39. .body_sub_title_2depth { font-size:12px; font-weight:bold; display:block !important; margin-bottom:10px; background:url(../images/custom/ibems_light/arrow01.png) left center no-repeat; padding-left:10px; }
  40. /* 우측 검색 black round box */
  41. ul.search-row-layout li.form-field .dx-texteditor-input {
  42. margin: 0;
  43. padding: 5px 5px;
  44. /*background: #fafafa;
  45. color: #2b2b2b;*/
  46. font-size: 11px;
  47. line-height:13px;
  48. background: #515558; /* Old browsers */
  49. background: -moz-linear-gradient(top, #515558 58%, #404446 100%); /* FF3.6+ */
  50. background: -webkit-gradient(linear, left top, left bottom, color-stop(58%,#515558), color-stop(100%,#404446)); /* Chrome,Safari4+ */
  51. background: -webkit-linear-gradient(top, #515558 58%,#404446 100%); /* Chrome10+,Safari5.1+ */
  52. background: -o-linear-gradient(top, #515558 58%,#404446 100%); /* Opera 11.10+ */
  53. background: -ms-linear-gradient(top, #515558 58%,#404446 100%); /* IE10+ */
  54. background: linear-gradient(to bottom, #515558 58%,#404446 100%); /* W3C */
  55. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515558', endColorstr='#404446',GradientType=0 ); /* IE6-9 */
  56. -webkit-border-radius: 3px 3px 3px 3px;
  57. border-radius: 3px 3px 3px 3px;
  58. -webkit-box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.6);
  59. box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.6);
  60. color:#fff;
  61. margin-bottom:2px;
  62. }
  63. ul.search-row-layout li.form-field .dx-placeholder { font-size:12px; }
  64. /* 우측 검색 button */
  65. #searchViewCondition .right-search-wrap { padding:0; min-height:10px; border-bottom:none !important; }
  66. #searchViewCondition .dx-button {
  67. -webkit-border-radius: 5px;
  68. -moz-border-radius: 5px;
  69. -ms-border-radius: 5px;
  70. -o-border-radius: 5px;
  71. border-radius: 5px;
  72. -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), 0px 1px 2px rgba(0, 0, 0, 0.15);
  73. -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), 0px 1px 2px rgba(0, 0, 0, 0.15);
  74. /*box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), 0px 1px 2px rgba(0, 0, 0, 0.15);*/
  75. background-color: #eae9e9;
  76. background-repeat: no-repeat;
  77. background-image: -webkit-linear-gradient(-90deg, #eae9e9 0%, #e0e0df 100%);
  78. background-image: -moz-linear-gradient(-90deg, #eae9e9 0%, #e0e0df 100%);
  79. background-image: -ms-linear-gradient(-90deg, #eae9e9 0%, #e0e0df 100%);
  80. background-image: -o-linear-gradient(-90deg, #eae9e9 0%, #e0e0df 100%);
  81. background-image: linear-gradient(180deg, #eae9e9 0%, #e0e0df 100%);
  82. border: 1px solid rgba(0, 0, 0, 0.15);
  83. padding: 0px 10px;
  84. background: #385882; /* Old browsers */
  85. background: -moz-linear-gradient(top, #385882 0%, #2c4566 100%); /* FF3.6+ */
  86. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#385882), color-stop(100%,#2c4566)); /* Chrome,Safari4+ */
  87. background: -webkit-linear-gradient(top, #385882 0%,#2c4566 100%); /* Chrome10+,Safari5.1+ */
  88. background: -o-linear-gradient(top, #385882 0%,#2c4566 100%); /* Opera 11.10+ */
  89. background: -ms-linear-gradient(top, #385882 0%,#2c4566 100%); /* IE10+ */
  90. background: linear-gradient(to bottom, #385882 0%,#2c4566 100%); /* W3C */
  91. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#385882', endColorstr='#2c4566',GradientType=0 ); /* IE6-9 */
  92. }
  93. #searchViewCondition .dx-button.dx-state-hover-enabled:hover {
  94. background: #669de8; /* Old browsers */
  95. background: -moz-linear-gradient(top, #669de8 0%, #507bb6 100%); /* FF3.6+ */
  96. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#669de8), color-stop(100%,#507bb6)); /* Chrome,Safari4+ */
  97. background: -webkit-linear-gradient(top, #669de8 0%,#507bb6 100%); /* Chrome10+,Safari5.1+ */
  98. background: -o-linear-gradient(top, #669de8 0%,#507bb6 100%); /* Opera 11.10+ */
  99. background: -ms-linear-gradient(top, #669de8 0%,#507bb6 100%); /* IE10+ */
  100. background: linear-gradient(to bottom, #669de8 0%,#507bb6 100%); /* W3C */
  101. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#669de8', endColorstr='#507bb6',GradientType=0 ); /* IE6-9 */
  102. }
  103. #searchViewCondition .dx-button .dx-button-text {
  104. color:#fff; font-weight:bold; font-size:12px;
  105. }
  106. #searchViewCondition .dx-state-active.dx-button {
  107. background: #0b1c35;
  108. -webkit-box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.1);
  109. -moz-box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.1);
  110. box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.1);
  111. border: 1px solid rgba(0, 0, 0, 0.2);
  112. }
  113. ul.search-row-layout .dx-state-focused.dx-texteditor {
  114. /*border: 1px solid #3f82b5;*/
  115. -webkit-box-shadow: 0 0 0 1px #3f82b5;
  116. -moz-box-shadow: 0 0 0 1px #3f82b5;
  117. box-shadow: none !important;
  118. }
  119. /***************** 팝업 ****************/
  120. .dx-popup-title .dx-toolbar-label>div { color:#FFF; font-size:16px; font-weight:600; line-height:35px !important; }
  121. .dx-multiview { padding:20px }
  122. /* 팝업 데이터 정렬 */
  123. .dx-field {
  124. padding: 0px 0px!important;
  125. padding-top:0px!important;
  126. min-height:inherit!important;
  127. color: #2b2b2b;
  128. font-weight: normal;
  129. font-size: 14px;
  130. font-family: "Nanum Gothic";
  131. border-bottom:1px solid #fff;
  132. }
  133. .cw-multi-field { border-bottom:1px solid #fff; background:#ecf7ff; }
  134. .cw-multi-field-merge { border-bottom: 1px solid #fff; background:#ecf7ff; }
  135. .dx-theme-generic-typography .dx-field-label {
  136. color: #003;
  137. /*width:35%!important;*/
  138. width:115px !important;
  139. cursor:default;
  140. background:#d5ecfd url(../images/custom/ibems_light/arrow01.png) 5px center no-repeat;
  141. padding-left:15px;
  142. /*min-height:24px;*/
  143. /*line-height:24px;*/
  144. }
  145. .cw-multi-field-merge .cw-multi-field-label, .cw-multi-field-merge .dx-field-label, .dx-scrollview-content .dx-field-label { width:115px!important; min-height:15px; } /* 머지 레이블 위드값 */
  146. .cw-multi-field-left .dx-field-value, .cw-multi-field-right .dx-field-value, .cw-multi-field-merge .dx-field-value { margin-left:5px; float:left } /* 데이터 값 */
  147. .user_bind_input input { width:90px; }
  148. .facility_image_wrap { background:url(../images/custom/ibems_light/facility_img_bg.gif)!important; padding:10px; height:197px; width:50% }
  149. .facility_image { width:318px; height:187px; overflow:hidden; margin:5px 0 0 5px; background:#fff; }
  150. .construction_image_wrap { background:url(../images/custom/ibems_light/facility_img_bg.gif)!important; padding:10px; height:197px; width:50% }
  151. .construction_image { width:325px; height:100px; overflow:hidden; margin:5px 0 0 5px; background:#fff; }
  152. /* 정보 팝업 레이아웃 */
  153. #popupDetail .dx-fieldset .dx-field { background:#ecf7ff; } /*hcLee 팝업입력창내 입력필드 배경색상*/
  154. #popupDetail .dx-fieldset .dx-field div:first-child { float:left; min-height:15px; line-height:15px; /*width:100%;*/ }
  155. #popupDetail .dx-fieldset .dx-field div:nth-child(2) { float:left; }
  156. #popupDetail .dx-fieldset .dx-field div:nth-child(2) input { border:1px solid #ccc }
  157. #popupDetail .dx-fieldset .dx-field div:nth-child(3) { float:left; }
  158. #popupDetail .dx-fieldset .dx-field div:nth-child(3) input { border:1px solid #ccc }
  159. #popupDetail .dx-fieldset .dx-field div:nth-child(4) { float:left; }
  160. #popupDetail .dx-fieldset .dx-field div:nth-child(4) input { border:1px solid #ccc }
  161. .dx-scrollview-content .dx-field div { float:left; min-height:15px; line-height:15px; /*width:100%;*/ }
  162. /*************** 테이블 *****************/
  163. /* header */
  164. .dx-datagrid-headers .dx-row {
  165. border-bottom: 1px solid #D2D2D2;
  166. /*background:url(../images/custom/ibems_light/table_header_bg.png) left bottom repeat-x;*/
  167. height:37px; border:1px solid #98a3ae !important;
  168. background: #b9c9d8; /* Old browsers */
  169. background: -moz-linear-gradient(top, #b9c9d8 0%, #c5d1dd 95%, #dae5ef 98%, #9aafc3 100%); /* FF3.6+ */
  170. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9c9d8), color-stop(95%,#c5d1dd), color-stop(98%,#dae5ef), color-stop(100%,#9aafc3)); /* Chrome,Safari4+ */
  171. background: -webkit-linear-gradient(top, #b9c9d8 0%,#c5d1dd 95%,#dae5ef 98%,#9aafc3 100%); /* Chrome10+,Safari5.1+ */
  172. background: -o-linear-gradient(top, #b9c9d8 0%,#c5d1dd 95%,#dae5ef 98%,#9aafc3 100%); /* Opera 11.10+ */
  173. background: -ms-linear-gradient(top, #b9c9d8 0%,#c5d1dd 95%,#dae5ef 98%,#9aafc3 100%); /* IE10+ */
  174. background: linear-gradient(to bottom, #b9c9d8 0%,#c5d1dd 95%,#dae5ef 98%,#9aafc3 100%); /* W3C */
  175. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9c9d8', endColorstr='#9aafc3',GradientType=0 ); /* IE6-9 */
  176. }
  177. .dx-datagrid-headers .dx-row td { vertical-align:middle; color:#000000; text-shadow:1px 1px 0 #DBDBDB; }
  178. .dx-header-row td {
  179. border-left:0 !important; background:url(../images/custom/ibems_light/header_bar.png) left center no-repeat;
  180. }
  181. .dx-datagrid-table .dx-row>td:first-child
  182. {
  183. border-left: 0; /*background:none !important;*/
  184. }
  185. .dx-datagrid .dx-column-lines > td {
  186. border-bottom:1px solid #eaeaea;
  187. }
  188. /*********** 인풋 폼 ********************/
  189. .dx-texteditor-input {
  190. padding-top:7px !important; padding-bottom:7px!important;
  191. }
  192. .dx-autocomplete .dx-texteditor-input {
  193. font-size: 14px !important;
  194. }
  195. .dx-field .dx-textarea { width:100%; border:1px solid #ccc }
  196. .dx-datagrid-checkbox-size {
  197. height: 19px!important;
  198. width: 19px!important;
  199. }
  200. .dx-datagrid .dx-row .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon {
  201. background-position: 1px -50px !important;
  202. background-image:url(../images/custom/ibems_light/checkbox.png)!important ;
  203. }
  204. .dx-calendar-picker .dx-dropdowneditor-button .dx-dropdowneditor-icon {
  205. background-image: url(../images/custom/ibems_light/icon_calendar.png) !important;
  206. width:100%;
  207. }
  208. .dx-datebox-with-calendar .dx-dropdowneditor-button .dx-dropdowneditor-icon {
  209. background-image: url(../images/custom/ibems_light/icon_calendar.png) !important;
  210. width:100%;
  211. }
  212. .dx-dropdowneditor-icon {
  213. background-image: url(../images/custom/ibems_light/selectbox_icon.png)!important ;
  214. width:100%!important;
  215. }
  216. .cw-multi-field-label
  217. {
  218. width: 96px;
  219. padding-top: 8px!important ;
  220. padding-bottom: 9px!important ;
  221. }
  222. .input_form div input { box-shadow:none!important; height:26px;
  223. background: #0d1819!important; /* Old browsers */
  224. background: -moz-linear-gradient(top, #0d1819 0%, #5e5e5e 100%)!important; /* FF3.6+ */
  225. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d1819), color-stop(100%,#5e5e5e))!important; /* Chrome,Safari4+ */
  226. background: -webkit-linear-gradient(top, #0d1819 0%,#5e5e5e 100%)!important; /* Chrome10+,Safari5.1+ */
  227. background: -o-linear-gradient(top, #0d1819 0%,#5e5e5e 100%)!important; /* Opera 11.10+ */
  228. background: -ms-linear-gradient(top, #0d1819 0%,#5e5e5e 100%)!important; /* IE10+ */
  229. background: linear-gradient(to bottom, #0d1819 0%,#5e5e5e 100%)!important; /* W3C */
  230. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d1819', endColorstr='#5e5e5e',GradientType=0 )!important; /* IE6-9 */
  231. }
  232. .dx-switch-container {
  233. background: #164b7d; /* Old browsers */
  234. background: -moz-linear-gradient(top, #164b7d 0%, #587b96 100%); /* FF3.6+ */
  235. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#164b7d), color-stop(100%,#587b96)); /* Chrome,Safari4+ */
  236. background: -webkit-linear-gradient(top, #164b7d 0%,#587b96 100%); /* Chrome10+,Safari5.1+ */
  237. background: -o-linear-gradient(top, #164b7d 0%,#587b96 100%); /* Opera 11.10+ */
  238. background: -ms-linear-gradient(top, #164b7d 0%,#587b96 100%); /* IE10+ */
  239. background: linear-gradient(to bottom, #164b7d 0%,#587b96 100%); /* W3C */
  240. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#164b7d', endColorstr='#587b96',GradientType=0 ); /* IE6-9 */
  241. }
  242. /************* 공용텝 *****************/
  243. .purbic_tab div { height:35px; }
  244. .custom_tabs_wrap { height:48px; padding:10px 10px 0 10px; background:url(../images/custom/ibems_light/popup_tab_bg.gif) repeat-x; }
  245. .custom_tabs_wrap_small { height:36px; padding:10px 10px 0 10px; background:url(../images/custom/ibems_light/popup_tab_bg.gif) repeat-x; }
  246. /********* 차트 **********/
  247. .chart_wrap_box { background:#fafafa; border:1px solid #eaeaea; padding:15px; overflow:hidden;
  248. -webkit-border-radius: 5px 5px 5px 5px;
  249. border-radius: 5px 5px 5px 5px;
  250. -webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.3);
  251. box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.3);
  252. -moz-box-sizing: border-box;
  253. -webkit-box-sizing: border-box;
  254. box-sizing: border-box;
  255. }
  256. .chart_wrap_box2 { background:#fafafa; border:1px solid #eaeaea; padding:5px; overflow:hidden;
  257. -webkit-border-radius: 5px 5px 5px 5px;
  258. border-radius: 5px 5px 5px 5px;
  259. -webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.3);
  260. box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.3);
  261. -moz-box-sizing: border-box;
  262. -webkit-box-sizing: border-box;
  263. box-sizing: border-box;
  264. }
  265. /********* 카렌다 **********/
  266. /* 2015 07 15 hcLee 이것 때문에 너무 고생함..... 이것이 dx-datagrid.dx-link의 글자 색상에 영향을 줌. 여기는 막고
  267. 대신 달력에 글자색은 fullcalendar.js에서 직접 HTML생성시 글자색을 흰색으로 지정하게 수정함.
  268. .dx-theme-generic-typography a {
  269. color:rgb(255, 255, 255) !important;
  270. }*/
  271. /********** 아이콘 *************/
  272. .dx-button .dx-icon {
  273. -webkit-background-size: 18px 18px!important;
  274. -moz-background-size: 18px 18px!important;
  275. background-size: 18px 18px!important;
  276. }
  277. .dx-icon-key {
  278. background-image: url(../images/custom/ibems_light/dx-icon-key.png) !important;
  279. }
  280. .dx-icon-search {
  281. background-image: url(../images/custom/ibems_light/dx-icon-search.png) !important;
  282. }
  283. .dx-icon-edit {
  284. background-image: url(../images/custom/ibems_light/dx-icon-edit.png) !important;
  285. }
  286. .dx-icon-remove {
  287. background-image: url(../images/custom/ibems_light/dx-icon-remove.png) !important;
  288. }
  289. .dx-icon-close {
  290. background-image: url(../images/custom/ibems_light/dx-icon-close.png) !important;
  291. }
  292. .search-view-button .search-view-button-image {
  293. background-image: url(../images/custom/ibems_light/search-view-button.png)!important;
  294. }
  295. .search-view-button .search-view-button-image-on {
  296. background-image: url(../images/custom/ibems_light/dx-icon-search.png)!important;
  297. }
  298. /* hcLee 2016 03 30
  299. .dx-icon-arrowleft {
  300. background-image: url(../images/custom/ibems_light/dx-icon-arrowleft.png)!important;
  301. }*/
  302. .dx-icon-cancel {
  303. background-image: url(../images/custom/ibems_light/dx-icon-cancel.png)!important;
  304. }
  305. .dx-icon-save {
  306. background-image: url(../images/custom/ibems_light/dx-icon-save.png)!important;
  307. }
  308. .dx-icon-excel {
  309. background-image: url(../images/custom/ibems_light/dx-icon-excel.png)!important;
  310. }
  311. .dx-icon-fixed {
  312. background-image: url(../images/custom/ibems_light/dx-icon-fixed.png)!important;
  313. }
  314. .dx-icon-fixedcancel {
  315. background-image: url(../images/custom/ibems_light/dx-icon-fixedcancel.png)!important;
  316. }
  317. .dx-icon-entry {
  318. background-image: url(../images/custom/ibems_light/dx-icon-entry.png)!important;
  319. }
  320. .dx-icon-weekend {
  321. background-image: url(../images/custom/ibems_light/dx-icon-weekend.png)!important;
  322. }
  323. .dx-icon-control {
  324. background-image: url(../images/custom/ibems_light/dx-icon-control.png)!important;
  325. }
  326. /********* 정보테이블 *******/
  327. .info_data_grid table { border-collapse:collapse; }
  328. .info_data_grid table td { padding:8px 10px 5px 10px; border-bottom:1px solid #eaeaea; }
  329. .info_data_grid table td.info_item { text-align:right; color:#478ee0; font-weight:600; background:#eff6ff }
  330. .info_data_grid table td.info_content { font-weight:600; }
  331. .info_data_grid table td.last { border:none; }
  332. .info_data_grid table td.red_strong { color:#F00 }
  333. /********* 에너지누적사용량 ***********/
  334. .energy_use_data_date li { float:left; margin-right:15px; border-left:1px solid #eaeaea; padding-left:10px; letter-spacing:-1px }
  335. .energy_use_data_date li.last { margin-right:0 }
  336. .energy_use_data_date li span { display:block; }
  337. .energy_use_data_date li span.date_type { margin-bottom:10px; color:#666; font-size:11px; }
  338. .energy_use_data_date li span.energy_unit { font-size:16px; font-weight:600; }
  339. .graph_button_set li { float:left; margin-right:5px; }
  340. .graph_button_set li a { display:block; height:30px; line-height:30px; padding:0 10px; color:#fff; font-weight:600;
  341. -webkit-border-radius: 3px 3px 3px 3px;
  342. border-radius: 3px 3px 3px 3px;
  343. -webkit-box-shadow: 0 2px 0 0 #bb3f25;
  344. box-shadow: 0 2px 0 0 #bb3f25;
  345. }
  346. .graph_button_set li a.graph_button_text { background:#f66141 }
  347. .graph_button_set li a.graph_button_text:hover { background:#fa957f }
  348. .graph_button_set li a.graph_button_text:active { background:#f66141 }
  349. .graph_button_set li a.on { background:#ae304c; -webkit-box-shadow: 0 2px 0 0 #75071f; box-shadow: 0 2px 0 0 #75071f; }
  350. .graph_button_set li a.on:hover { background:#d45672 }
  351. .graph_button_set li a.on:active { background:#6e0e23 }
  352. .graph_button_set li a.graph_button_back, .graph_button_set li a.graph_button_next { width:25px }
  353. .graph_button_set li a.graph_button_back { background:#f66141 url(../images/custom/ibems_light/graph_icon_back.png) center center no-repeat; }
  354. .graph_button_set li a.graph_button_back:hover { background:#fa957f url(../images/custom/ibems_light/graph_icon_back.png) center center no-repeat; }
  355. .graph_button_set li a.graph_button_back:active { background:#be452b url(../images/custom/ibems_light/graph_icon_back.png) center center no-repeat; }
  356. .graph_button_set li a.graph_button_next { background:#f66141 url(../images/custom/ibems_light/graph_icon_next.png) center center no-repeat; }
  357. .graph_button_set li a.graph_button_next:hover { background:#fa957f url(../images/custom/ibems_light/graph_icon_next.png) center center no-repeat; }
  358. .graph_button_set li a.graph_button_next:active { background:#be452b url(../images/custom/ibems_light/graph_icon_next.png) center center no-repeat; }
  359. /*-----추가게이지------*/
  360. .graph_box_wrap { background:#fafafa; border:1px solid #ccc; padding:0px; overflow:hidden; min-width:214px;
  361. -webkit-border-radius: 5px 5px 5px 5px;
  362. border-radius: 5px 5px 5px 5px;
  363. -webkit-box-shadow: 0px 2px 3px 0 rgba(0,0,0,0.3);
  364. box-shadow: 0px 2px 3px 0 rgba(0,0,0,0.3);
  365. -moz-box-sizing: border-box;
  366. -webkit-box-sizing: border-box;
  367. box-sizing: border-box;
  368. }
  369. .horizontal_graph_title { height:25px; line-height:25px; color:#dcdada; font-weight:600; text-align:center; font-size:14px;
  370. background: #5e5e5f; /* Old browsers */
  371. background: -moz-linear-gradient(top, #949494 0%, #5e5e5f 100%); /* FF3.6+ */
  372. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#949494), color-stop(100%,#5e5e5f)); /* Chrome,Safari4+ */
  373. background: -webkit-linear-gradient(top, #949494 0%,#5e5e5f 100%); /* Chrome10+,Safari5.1+ */
  374. background: -o-linear-gradient(top, #949494 0%,#5e5e5f 100%); /* Opera 11.10+ */
  375. background: -ms-linear-gradient(top, #949494 0%,#5e5e5f 100%); /* IE10+ */
  376. background: linear-gradient(to bottom, #949494 0%,#5e5e5f 100%); /* W3C */
  377. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949494', endColorstr='#5e5e5f',GradientType=0 ); /* IE6-9 */
  378. }
  379. .unit_account { height:39px; line-height:39px; border:2px solid #cacaca; font-size:26px; font-weight:600; color:#fff; text-shadow: 0 2px 0 #525252; text-align:center; width:80%; margin:auto; margin-top:14px; margin-bottom:5px;
  380. background: #173d60; /* Old browsers */
  381. background: -moz-linear-gradient(top, #173d60 24%, #2869a5 54%, #2d79be 92%, #2d79be 98%, #4b95d9 100%); /* FF3.6+ */
  382. background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#173d60), color-stop(54%,#2869a5), color-stop(92%,#2d79be), color-stop(98%,#2d79be), color-stop(100%,#4b95d9)); /* Chrome,Safari4+ */
  383. background: -webkit-linear-gradient(top, #173d60 24%,#2869a5 54%,#2d79be 92%,#2d79be 98%,#4b95d9 100%); /* Chrome10+,Safari5.1+ */
  384. background: -o-linear-gradient(top, #173d60 24%,#2869a5 54%,#2d79be 92%,#2d79be 98%,#4b95d9 100%); /* Opera 11.10+ */
  385. background: -ms-linear-gradient(top, #173d60 24%,#2869a5 54%,#2d79be 92%,#2d79be 98%,#4b95d9 100%); /* IE10+ */
  386. background: linear-gradient(to bottom, #173d60 24%,#2869a5 54%,#2d79be 92%,#2d79be 98%,#4b95d9 100%); /* W3C */
  387. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#173d60', endColorstr='#4b95d9',GradientType=0 ); /* IE6-9 */
  388. -moz-box-sizing: border-box;
  389. -webkit-box-sizing: border-box;
  390. box-sizing: border-box;
  391. -webkit-border-radius: 25px 25px 25px 25px;
  392. border-radius: 25px 25px 25px 25px
  393. }
  394. .unit_account2 { height:39px; line-height:39px; border:2px solid #cacaca; font-size:26px; font-weight:600; color:#fff; text-shadow: 0 2px 0 #525252; text-align:center; width:80%; margin:auto; margin-top:14px; margin-bottom:5px;
  395. background: #484078; /* Old browsers */
  396. background: -moz-linear-gradient(top, #484078 1%, #7063bb 50%, #8d7deb 98%, #b0a5f4 100%); /* FF3.6+ */
  397. background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#484078), color-stop(50%,#7063bb), color-stop(98%,#8d7deb), color-stop(100%,#b0a5f4)); /* Chrome,Safari4+ */
  398. background: -webkit-linear-gradient(top, #484078 1%,#7063bb 50%,#8d7deb 98%,#b0a5f4 100%); /* Chrome10+,Safari5.1+ */
  399. background: -o-linear-gradient(top, #484078 1%,#7063bb 50%,#8d7deb 98%,#b0a5f4 100%); /* Opera 11.10+ */
  400. background: -ms-linear-gradient(top, #484078 1%,#7063bb 50%,#8d7deb 98%,#b0a5f4 100%); /* IE10+ */
  401. background: linear-gradient(to bottom, #484078 1%,#7063bb 50%,#8d7deb 98%,#b0a5f4 100%); /* W3C */
  402. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484078', endColorstr='#b0a5f4',GradientType=0 ); /* IE6-9 */
  403. -moz-box-sizing: border-box;
  404. -webkit-box-sizing: border-box;
  405. box-sizing: border-box;
  406. -webkit-border-radius: 25px 25px 25px 25px;
  407. border-radius: 25px 25px 25px 25px
  408. }
  409. .unit_account3 { height:39px; line-height:39px; border:2px solid #cacaca; font-size:26px; font-weight:600; color:#fff; text-shadow: 0 2px 0 #525252; text-align:center; width:80%; margin:auto; margin-top:14px; margin-bottom:5px;
  410. background: #2a5d16; /* Old browsers */
  411. background: -moz-linear-gradient(top, #2a5d16 1%, #2a5d16 50%, #56be2d 98%, #80e25a 100%); /* FF3.6+ */
  412. background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2a5d16), color-stop(50%,#2a5d16), color-stop(98%,#56be2d), color-stop(100%,#80e25a)); /* Chrome,Safari4+ */
  413. background: -webkit-linear-gradient(top, #2a5d16 1%,#2a5d16 50%,#56be2d 98%,#80e25a 100%); /* Chrome10+,Safari5.1+ */
  414. background: -o-linear-gradient(top, #2a5d16 1%,#2a5d16 50%,#56be2d 98%,#80e25a 100%); /* Opera 11.10+ */
  415. background: -ms-linear-gradient(top, #2a5d16 1%,#2a5d16 50%,#56be2d 98%,#80e25a 100%); /* IE10+ */
  416. background: linear-gradient(to bottom, #2a5d16 1%,#2a5d16 50%,#56be2d 98%,#80e25a 100%); /* W3C */
  417. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a5d16', endColorstr='#80e25a',GradientType=0 ); /* IE6-9 */
  418. -moz-box-sizing: border-box;
  419. -webkit-box-sizing: border-box;
  420. box-sizing: border-box;
  421. -webkit-border-radius: 25px 25px 25px 25px;
  422. border-radius: 25px 25px 25px 25px
  423. }
  424. .unit { text-align:center; color:#999; font-size:10px; }
  425. .horizontal_graph_wrap { position:relative; background:url(../images/custom/ibems_light/horizontal_grahp_bar.png) left top no-repeat; width:204px; height:29px; margin:auto; margin-top:25px; margin-bottom:10px; }
  426. .horizontal_graph_gage { position:absolute; bottom:12px; background:url(../images/custom/ibems_light/horizontal_grahp_bar_gage.png) center bottom ; width:32px; height:32px; }
  427. /**** 공지사항 ****/
  428. .user_info { position:absolute; right:60px; top:30px; }
  429. .user_info ul li { float:left; line-height:24px; padding-right:10px; }
  430. .user_name { font-weight:bold; color:#fff; }
  431. .user_masage { color:#b3d4f5; }
  432. /***** 트리 *****/
  433. .tree_wrap_box { background: url(../images/custom/ibems_light/tree_bg01.png); border:1px solid #eaeaea; padding:15px; overflow:hidden;
  434. -webkit-border-radius: 5px 5px 5px 5px;
  435. border-radius: 5px 5px 5px 5px;
  436. /*-webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.3);
  437. box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.3);*/
  438. -moz-box-sizing: border-box;
  439. -webkit-box-sizing: border-box;
  440. box-sizing: border-box;
  441. overflow-y:scroll;
  442. }
  443. /**** 버튼박스 ****/
  444. .button_wrap_box { background: #fafafa; border:1px solid #eaeaea; padding:5px; margin-top:15px;
  445. -webkit-border-radius: 5px 5px 5px 5px;
  446. border-radius: 5px 5px 5px 5px;
  447. -moz-box-sizing: border-box;
  448. -webkit-box-sizing: border-box;
  449. box-sizing: border-box;
  450. }
  451. /********** 시설관리 결과 ****************/
  452. .result_popup_table_wrap, .result_popup_table_wrap2 { border:2px solid #8fbbdb; padding:5px; }
  453. .result_popup_table_wrap table { width:100%; border-collapse:collapse; }
  454. .result_popup_table_wrap table td { border-bottom:1px solid #fff; background:#fafafa }
  455. .result_popup_table_wrap table td.result_item { width:90px; background:#d5ecfd; height:24px; }
  456. .result_popup_table_wrap table td.result_item_td_small { width:70px; background:#d5ecfd; height:24px; }
  457. .result_popup_table_wrap table td.result_item_td_small div { min-height:24px; line-height:24px; }
  458. .result_popup_table_wrap table td.result_item_var { width:90px; background:#d5ecfd; padding-left:15px; padding-right:5px; padding-top:12px; padding-bottom:12px; background:#d5ecfd url(../images/custom/ibems_light/arrow01.png) 5px 19px no-repeat; vertical-align:top }
  459. .result_popup_table_wrap2 table { width:100%; border-collapse:collapse; }
  460. .result_popup_table_wrap2 table td { border-bottom:1px solid #9ab7cc; background:#fafafa }
  461. .result_popup_table_wrap2 table td.result_item { width:90px; background:#d5ecfd; height:24px; }
  462. .result_popup_table_wrap2 table td.result_item_td_small { width:70px; background:#d5ecfd; height:24px; }
  463. .result_popup_table_wrap2 table td.result_item_td_small div { min-height:24px; line-height:24px; }
  464. .result_popup_table_wrap2 table td.result_item_var { width:90px; background:#d5ecfd; padding-left:15px; padding-right:5px; padding-top:12px; padding-bottom:12px; background:#d5ecfd url(../images/custom/ibems_light/arrow01.png) 5px 19px no-repeat; vertical-align:top }
  465. .result_popup_table_wrap2 table td.result_item_respon { min-width:100px; padding-left:15px; padding-right:5px; padding-top:12px; padding-bottom:12px; background:#d5ecfd url(../images/custom/ibems_light/arrow01.png) 5px 19px no-repeat; }
  466. .result_popup_table_wrap2 table td.result_item div, .result_popup_table_wrap table td.result_item_td_small div { width:70px !important }
  467. .result_popup_table_wrap2 table td.result_con { width:auto; background:#e2f1fc }
  468. .result_popup_table_wrap2 table td.result_con input { background:#e2f1fc }
  469. .result_popup_table_wrap table td.result_con div.result_day_select, .result_popup_table_wrap table td.result_con div.result_time_select { float:left; height:41px; margin-right:1px; width:130px !important }
  470. .result_popup_table_wrap2 table td.result_con div.result_day_select, .result_popup_table_wrap2 table td.result_con div.result_time_select { float:left; height:41px; margin-right:1px; width:130px !important }
  471. .minimal_height { height:15px !important; padding-top:10px !important; padding-bottom:10px !important;}
  472. /* 푸터 */
  473. .footer_wrap * { font-family:Arial, Helvetica, sans-serif; font-size:11px; }
  474. .footer_wrap { background:#f0f0f0; border-top:1px solid #CCC; margin:0; padding:0; }
  475. .system_name, .copyright_content { display:inline-block; margin-right:20px; }
  476. .system_name { color:#0683b9; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
  477. .system_name strong { color:#023950 }
  478. .copyright_content { font-family:Arial, Helvetica, sans-serif; font-size:11px; }
  479. /*hcLee 추가 V14.1-V15.1*/
  480. .dx-field-value:not(.dx-button) {
  481. padding: 8px 10px;
  482. }
  483. .dx-field-value.dx-widget {
  484. margin-top: 0;
  485. margin-bottom: 0;
  486. }
  487. .dx-field-value.dx-widget:not(.dx-button) {
  488. padding-left: 0;
  489. padding-right: 0;
  490. padding:inherit; /*hcLee 추가 */
  491. }
  492. .dx-field-value {
  493. overflow: visible;
  494. -o-text-overflow: ellipsis;
  495. -ms-text-overflow: ellipsis;
  496. text-overflow: ellipsis;
  497. white-space: nowrap;
  498. position: relative;
  499. -webkit-box-sizing: border-box;
  500. -moz-box-sizing: border-box;
  501. box-sizing: border-box;
  502. }