@charset "utf-8"; /* CSS Document */ /************** S : 공통사항 **************/ .dx-fieldset { margin-bottom: 8px !important; padding: 20px !important; } /************** E : 공통사항 **************/ /* toolbar 타이틀리스트 */ 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; } li.none_select_title h1 { font-size: 16px !important; line-height: 47px; font-weight: 600; color: #666; } li.select_title h1 { font-size: 18px !important; line-height: 47px; color: #3060a2; font-weight: 600; } .desktop-layout .dx-toolbar .dx-toolbar-after { padding-top: 10px; } .dx-toolbar-items-container { overflow: visible !important; } .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; } .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; } /* 버튼 롤오버 */ .dx-button.dx-state-hover-enabled:hover { background: #669de8; /* Old browsers */ background: -moz-linear-gradient(top, #669de8 0%, #507bb6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#669de8), color-stop(100%,#507bb6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #669de8 0%,#507bb6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #669de8 0%,#507bb6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #669de8 0%,#507bb6 100%); /* IE10+ */ background: linear-gradient(to bottom, #669de8 0%,#507bb6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#669de8', endColorstr='#507bb6',GradientType=0 ); /* IE6-9 */ } .dx-button.dx-button-danger:hover { background-color: #f19ba0; background-repeat: no-repeat; background-image: -webkit-linear-gradient(-90deg, #f19ba0 0%, #ef9095 100%); background-image: -moz-linear-gradient(-90deg, #f19ba0 0%, #ef9095 100%); background-image: -ms-linear-gradient(-90deg, #f19ba0 0%, #ef9095 100%); background-image: -o-linear-gradient(-90deg, #f19ba0 0%, #ef9095 100%); background-image: linear-gradient(180deg, #f19ba0 0%, #ef9095 100%); } /* 바디 타이틀 */ .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; } .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; } /* 우측 검색 black round box */ ul.search-row-layout li.form-field .dx-texteditor-input { margin: 0; padding: 5px 5px; /*background: #fafafa; color: #2b2b2b;*/ font-size: 11px; line-height: 13px; background: #515558; /* Old browsers */ background: -moz-linear-gradient(top, #515558 58%, #404446 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(58%,#515558), color-stop(100%,#404446)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #515558 58%,#404446 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #515558 58%,#404446 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #515558 58%,#404446 100%); /* IE10+ */ background: linear-gradient(to bottom, #515558 58%,#404446 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515558', endColorstr='#404446',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; -webkit-box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.6); box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.6); color: #fff; margin-bottom: 2px; } ul.search-row-layout li.form-field .dx-placeholder { font-size: 12px; } /* 우측 검색 button */ #searchViewCondition .right-search-wrap { padding: 0; min-height: 10px; border-bottom: none !important; } #searchViewCondition .dx-button { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), 0px 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), 0px 1px 2px rgba(0, 0, 0, 0.15); /*box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), 0px 1px 2px rgba(0, 0, 0, 0.15);*/ background-color: #eae9e9; background-repeat: no-repeat; background-image: -webkit-linear-gradient(-90deg, #eae9e9 0%, #e0e0df 100%); background-image: -moz-linear-gradient(-90deg, #eae9e9 0%, #e0e0df 100%); background-image: -ms-linear-gradient(-90deg, #eae9e9 0%, #e0e0df 100%); background-image: -o-linear-gradient(-90deg, #eae9e9 0%, #e0e0df 100%); background-image: linear-gradient(180deg, #eae9e9 0%, #e0e0df 100%); border: 1px solid rgba(0, 0, 0, 0.15); padding: 0px 10px; background: #385882; /* Old browsers */ background: -moz-linear-gradient(top, #385882 0%, #2c4566 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#385882), color-stop(100%,#2c4566)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #385882 0%,#2c4566 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #385882 0%,#2c4566 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #385882 0%,#2c4566 100%); /* IE10+ */ background: linear-gradient(to bottom, #385882 0%,#2c4566 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#385882', endColorstr='#2c4566',GradientType=0 ); /* IE6-9 */ } #searchViewCondition .dx-button.dx-state-hover-enabled:hover { background: #669de8; /* Old browsers */ background: -moz-linear-gradient(top, #669de8 0%, #507bb6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#669de8), color-stop(100%,#507bb6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #669de8 0%,#507bb6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #669de8 0%,#507bb6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #669de8 0%,#507bb6 100%); /* IE10+ */ background: linear-gradient(to bottom, #669de8 0%,#507bb6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#669de8', endColorstr='#507bb6',GradientType=0 ); /* IE6-9 */ } #searchViewCondition .dx-button .dx-button-text { color: #fff; font-weight: bold; font-size: 12px; } #searchViewCondition .dx-state-active.dx-button { background: #0b1c35; -webkit-box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.1); -moz-box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.1); border: 1px solid rgba(0, 0, 0, 0.2); } ul.search-row-layout .dx-state-focused.dx-texteditor { /*border: 1px solid #3f82b5;*/ -webkit-box-shadow: 0 0 0 1px #3f82b5; -moz-box-shadow: 0 0 0 1px #3f82b5; box-shadow: none !important; } /***************** 팝업 ****************/ .dx-popup-title .dx-toolbar-label > div { color: #FFF; font-size: 16px; font-weight: 600; line-height: 35px !important; } .dx-multiview { padding: 20px; } /* 팝업 데이터 정렬 */ .dx-field { padding: 0px 0px !important; padding-top: 0px !important; min-height: inherit !important; color: #2b2b2b; font-weight: normal; font-size: 14px; font-family: "Nanum Gothic"; border-bottom: 1px solid #fff; } .cw-multi-field { border-bottom: 1px solid #fff; background: #ecf7ff; } .cw-multi-field-merge { border-bottom: 1px solid #fff; background: #ecf7ff; } .dx-theme-generic-typography .dx-field-label { color: #003; /*width:35%!important;*/ width: 115px !important; cursor: default; background: #d5ecfd url(../images/custom/ibems_light/arrow01.png) 5px center no-repeat; padding-left: 15px; /*min-height:24px;*/ /*line-height:24px;*/ } .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; } /* 머지 레이블 위드값 */ .cw-multi-field-left .dx-field-value, .cw-multi-field-right .dx-field-value, .cw-multi-field-merge .dx-field-value { text-overflow: ellipsis; overflow: hidden; margin-left: 5px; float: left; } /* 데이터 값 */ .user_bind_input input { width: 90px; } .facility_image_wrap { background: url(../images/custom/ibems_light/facility_img_bg.gif) !important; padding: 10px; height: 197px; width: 50%; } .facility_image { width: 318px; height: 187px; overflow: hidden; margin: 5px 0 0 5px; background: #fff; } .construction_image_wrap { background: url(../images/custom/ibems_light/facility_img_bg.gif) !important; padding: 10px; height: 197px; width: 50%; } .construction_image { width: 325px; height: 100px; overflow: hidden; margin: 5px 0 0 5px; background: #fff; } /* 정보 팝업 레이아웃 */ #popupDetail .dx-fieldset .dx-field { background: #ecf7ff; } /*hcLee 팝업입력창내 입력필드 배경색상*/ #popupDetail .dx-fieldset .dx-field div:first-child { float: left; min-height: 15px; line-height: 15px; /*width:100%;*/ } #popupDetail .dx-fieldset .dx-field div:nth-child(2) { float: left; } #popupDetail .dx-fieldset .dx-field div:nth-child(2) input { border: 1px solid #ccc; } #popupDetail .dx-fieldset .dx-field div:nth-child(3) { float: left; } #popupDetail .dx-fieldset .dx-field div:nth-child(3) input { border: 1px solid #ccc; } #popupDetail .dx-fieldset .dx-field div:nth-child(4) { float: left; } #popupDetail .dx-fieldset .dx-field div:nth-child(4) input { border: 1px solid #ccc; } .dx-scrollview-content .dx-field div { float: left; min-height: 15px; line-height: 15px; /*width:100%;*/ } /*************** 테이블 *****************/ /* header */ .dx-datagrid-headers .dx-row { border-bottom: 1px solid #D2D2D2; /*background:url(../images/custom/ibems_light/table_header_bg.png) left bottom repeat-x;*/ height: 37px; border: 1px solid #98a3ae !important; background: #b9c9d8; /* Old browsers */ background: -moz-linear-gradient(top, #b9c9d8 0%, #c5d1dd 95%, #dae5ef 98%, #9aafc3 100%); /* FF3.6+ */ 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+ */ background: -webkit-linear-gradient(top, #b9c9d8 0%,#c5d1dd 95%,#dae5ef 98%,#9aafc3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b9c9d8 0%,#c5d1dd 95%,#dae5ef 98%,#9aafc3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b9c9d8 0%,#c5d1dd 95%,#dae5ef 98%,#9aafc3 100%); /* IE10+ */ background: linear-gradient(to bottom, #b9c9d8 0%,#c5d1dd 95%,#dae5ef 98%,#9aafc3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9c9d8', endColorstr='#9aafc3',GradientType=0 ); /* IE6-9 */ } .dx-datagrid-headers .dx-row td { vertical-align: middle; color: #000000; text-shadow: 1px 1px 0 #DBDBDB; } .dx-header-row td { border-left: 0 !important; background: url(../images/custom/ibems_light/header_bar.png) left center no-repeat; } .dx-datagrid-table .dx-row > td:first-child { border-left: 0; /*background:none !important;*/ } .dx-datagrid .dx-column-lines > td { border-bottom: 1px solid #eaeaea; } /*********** 인풋 폼 ********************/ .dx-texteditor-input { padding-top: 7px !important; padding-bottom: 7px !important; } .dx-autocomplete .dx-texteditor-input { font-size: 14px !important; } .dx-field .dx-textarea { width: 100%; border: 1px solid #ccc; } .dx-datagrid-checkbox-size { height: 19px !important; width: 19px !important; } .dx-datagrid .dx-row .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon { background-position: 1px -50px !important; background-image: url(../images/custom/ibems_light/checkbox.png) !important; } .dx-calendar-picker .dx-dropdowneditor-button .dx-dropdowneditor-icon { background-image: url(../images/custom/ibems_light/icon_calendar.png) !important; width: 100%; } .dx-datebox-with-calendar .dx-dropdowneditor-button .dx-dropdowneditor-icon { background-image: url(../images/custom/ibems_light/icon_calendar.png) !important; width: 100%; } .dx-dropdowneditor-icon { background-image: url(../images/custom/ibems_light/selectbox_icon.png) !important; width: 100% !important; } .cw-multi-field-label { width: 96px; padding-top: 8px !important; padding-bottom: 9px !important; } .input_form div input { box-shadow: none !important; height: 26px; background: #0d1819 !important; /* Old browsers */ background: -moz-linear-gradient(top, #0d1819 0%, #5e5e5e 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d1819), color-stop(100%,#5e5e5e)) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0d1819 0%,#5e5e5e 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0d1819 0%,#5e5e5e 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0d1819 0%,#5e5e5e 100%) !important; /* IE10+ */ background: linear-gradient(to bottom, #0d1819 0%,#5e5e5e 100%) !important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d1819', endColorstr='#5e5e5e',GradientType=0 ) !important; /* IE6-9 */ } .dx-switch-container { background: #164b7d; /* Old browsers */ background: -moz-linear-gradient(top, #164b7d 0%, #587b96 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#164b7d), color-stop(100%,#587b96)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #164b7d 0%,#587b96 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #164b7d 0%,#587b96 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #164b7d 0%,#587b96 100%); /* IE10+ */ background: linear-gradient(to bottom, #164b7d 0%,#587b96 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#164b7d', endColorstr='#587b96',GradientType=0 ); /* IE6-9 */ } /************* 공용텝 *****************/ .purbic_tab div { height: 35px; } .custom_tabs_wrap { height: 48px; padding: 10px 10px 0 10px; background: url(../images/custom/ibems_light/popup_tab_bg.gif) repeat-x; } .custom_tabs_wrap_small { height: 36px; padding: 10px 10px 0 10px; background: url(../images/custom/ibems_light/popup_tab_bg.gif) repeat-x; } /********* 차트 **********/ .chart_wrap_box { background: #fafafa; border: 1px solid #eaeaea; padding: 15px; overflow: hidden; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.3); box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.3); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .chart_wrap_box2 { background: #fafafa; border: 1px solid #eaeaea; padding: 5px; overflow: hidden; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.3); box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.3); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /********* 카렌다 **********/ /* 2015 07 15 hcLee 이것 때문에 너무 고생함..... 이것이 dx-datagrid.dx-link의 글자 색상에 영향을 줌. 여기는 막고 대신 달력에 글자색은 fullcalendar.js에서 직접 HTML생성시 글자색을 흰색으로 지정하게 수정함. .dx-theme-generic-typography a { color:rgb(255, 255, 255) !important; }*/ /********** 아이콘 *************/ .dx-button .dx-icon { -webkit-background-size: 18px 18px !important; -moz-background-size: 18px 18px !important; background-size: 18px 18px !important; } .dx-icon-key { background-image: url(../images/custom/ibems_light/dx-icon-key.png) !important; } .dx-icon-search { background-image: url(../images/custom/ibems_light/dx-icon-search.png) !important; } .dx-icon-edit { background-image: url(../images/custom/ibems_light/dx-icon-edit.png) !important; } .dx-icon-remove { background-image: url(../images/custom/ibems_light/dx-icon-remove.png) !important; } .dx-icon-close { background-image: url(../images/custom/ibems_light/dx-icon-close.png) !important; } .search-view-button .search-view-button-image { background-image: url(../images/custom/ibems_light/search-view-button.png) !important; } .search-view-button .search-view-button-image-on { background-image: url(../images/custom/ibems_light/dx-icon-search.png) !important; } /* hcLee 2016 03 30 .dx-icon-arrowleft { background-image: url(../images/custom/ibems_light/dx-icon-arrowleft.png)!important; } */ .dx-icon-cancel { background-image: url(../images/custom/ibems_light/dx-icon-cancel.png) !important; } .dx-icon-save { background-image: url(../images/custom/ibems_light/dx-icon-save.png) !important; } .dx-icon-excel { background-image: url(../images/custom/ibems_light/dx-icon-excel.png) !important; } .dx-icon-fixed { background-image: url(../images/custom/ibems_light/dx-icon-fixed.png) !important; } .dx-icon-fixedcancel { background-image: url(../images/custom/ibems_light/dx-icon-fixedcancel.png) !important; } .dx-icon-entry { background-image: url(../images/custom/ibems_light/dx-icon-entry.png) !important; } .dx-icon-weekend { background-image: url(../images/custom/ibems_light/dx-icon-weekend.png) !important; } .dx-icon-control { background-image: url(../images/custom/ibems_light/dx-icon-control.png) !important; } /********* 정보테이블 *******/ .info_data_grid table { border-collapse: collapse; } .info_data_grid table td { padding: 8px 10px 5px 10px; border-bottom: 1px solid #eaeaea; } .info_data_grid table td.info_item { text-align: right; color: #478ee0; font-weight: 600; background: #eff6ff; } .info_data_grid table td.info_content { font-weight: 600; } .info_data_grid table td.last { border: none; } .info_data_grid table td.red_strong { color: #F00; } /********* 에너지누적사용량 ***********/ .energy_use_data_date li { float: left; margin-right: 15px; border-left: 1px solid #eaeaea; padding-left: 10px; letter-spacing: -1px; } .energy_use_data_date li.last { margin-right: 0; } .energy_use_data_date li span { display: block; } .energy_use_data_date li span.date_type { margin-bottom: 10px; color: #666; font-size: 11px; } .energy_use_data_date li span.energy_unit { font-size: 16px; font-weight: 600; } .graph_button_set li { float: left; margin-right: 5px; } .graph_button_set li a { display: block; height: 30px; line-height: 30px; padding: 0 10px; color: #fff; font-weight: 600; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; -webkit-box-shadow: 0 2px 0 0 #bb3f25; box-shadow: 0 2px 0 0 #bb3f25; } .graph_button_set li a.graph_button_text { background: #f66141; } .graph_button_set li a.graph_button_text:hover { background: #fa957f; } .graph_button_set li a.graph_button_text:active { background: #f66141; } .graph_button_set li a.on { background: #ae304c; -webkit-box-shadow: 0 2px 0 0 #75071f; box-shadow: 0 2px 0 0 #75071f; } .graph_button_set li a.on:hover { background: #d45672; } .graph_button_set li a.on:active { background: #6e0e23; } .graph_button_set li a.graph_button_back, .graph_button_set li a.graph_button_next { width: 25px; } .graph_button_set li a.graph_button_back { background: #f66141 url(../images/custom/ibems_light/graph_icon_back.png) center center no-repeat; } .graph_button_set li a.graph_button_back:hover { background: #fa957f url(../images/custom/ibems_light/graph_icon_back.png) center center no-repeat; } .graph_button_set li a.graph_button_back:active { background: #be452b url(../images/custom/ibems_light/graph_icon_back.png) center center no-repeat; } .graph_button_set li a.graph_button_next { background: #f66141 url(../images/custom/ibems_light/graph_icon_next.png) center center no-repeat; } .graph_button_set li a.graph_button_next:hover { background: #fa957f url(../images/custom/ibems_light/graph_icon_next.png) center center no-repeat; } .graph_button_set li a.graph_button_next:active { background: #be452b url(../images/custom/ibems_light/graph_icon_next.png) center center no-repeat; } /*-----추가게이지------*/ .graph_box_wrap { background: #fafafa; border: 1px solid #ccc; padding: 0px; overflow: hidden; min-width: 214px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 0px 2px 3px 0 rgba(0,0,0,0.3); box-shadow: 0px 2px 3px 0 rgba(0,0,0,0.3); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .horizontal_graph_title { height: 25px; line-height: 25px; color: #dcdada; font-weight: 600; text-align: center; font-size: 14px; background: #5e5e5f; /* Old browsers */ background: -moz-linear-gradient(top, #949494 0%, #5e5e5f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#949494), color-stop(100%,#5e5e5f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #949494 0%,#5e5e5f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #949494 0%,#5e5e5f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #949494 0%,#5e5e5f 100%); /* IE10+ */ background: linear-gradient(to bottom, #949494 0%,#5e5e5f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949494', endColorstr='#5e5e5f',GradientType=0 ); /* IE6-9 */ } .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; background: #173d60; /* Old browsers */ background: -moz-linear-gradient(top, #173d60 24%, #2869a5 54%, #2d79be 92%, #2d79be 98%, #4b95d9 100%); /* FF3.6+ */ 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+ */ background: -webkit-linear-gradient(top, #173d60 24%,#2869a5 54%,#2d79be 92%,#2d79be 98%,#4b95d9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #173d60 24%,#2869a5 54%,#2d79be 92%,#2d79be 98%,#4b95d9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #173d60 24%,#2869a5 54%,#2d79be 92%,#2d79be 98%,#4b95d9 100%); /* IE10+ */ background: linear-gradient(to bottom, #173d60 24%,#2869a5 54%,#2d79be 92%,#2d79be 98%,#4b95d9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#173d60', endColorstr='#4b95d9',GradientType=0 ); /* IE6-9 */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 25px 25px 25px 25px; border-radius: 25px 25px 25px 25px; } .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; background: #484078; /* Old browsers */ background: -moz-linear-gradient(top, #484078 1%, #7063bb 50%, #8d7deb 98%, #b0a5f4 100%); /* FF3.6+ */ 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+ */ background: -webkit-linear-gradient(top, #484078 1%,#7063bb 50%,#8d7deb 98%,#b0a5f4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #484078 1%,#7063bb 50%,#8d7deb 98%,#b0a5f4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #484078 1%,#7063bb 50%,#8d7deb 98%,#b0a5f4 100%); /* IE10+ */ background: linear-gradient(to bottom, #484078 1%,#7063bb 50%,#8d7deb 98%,#b0a5f4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484078', endColorstr='#b0a5f4',GradientType=0 ); /* IE6-9 */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 25px 25px 25px 25px; border-radius: 25px 25px 25px 25px; } .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; background: #2a5d16; /* Old browsers */ background: -moz-linear-gradient(top, #2a5d16 1%, #2a5d16 50%, #56be2d 98%, #80e25a 100%); /* FF3.6+ */ 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+ */ background: -webkit-linear-gradient(top, #2a5d16 1%,#2a5d16 50%,#56be2d 98%,#80e25a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2a5d16 1%,#2a5d16 50%,#56be2d 98%,#80e25a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2a5d16 1%,#2a5d16 50%,#56be2d 98%,#80e25a 100%); /* IE10+ */ background: linear-gradient(to bottom, #2a5d16 1%,#2a5d16 50%,#56be2d 98%,#80e25a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a5d16', endColorstr='#80e25a',GradientType=0 ); /* IE6-9 */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 25px 25px 25px 25px; border-radius: 25px 25px 25px 25px; } .unit { text-align: center; color: #999; font-size: 10px; } .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; } .horizontal_graph_gage { position: absolute; bottom: 12px; background: url(../images/custom/ibems_light/horizontal_grahp_bar_gage.png) center bottom; width: 32px; height: 32px; }