/**
 * layout.css
 * Copyright (c) 2000 - 2015 Samsung Electronics Co., Ltd. All rights reserved.
 * 
 * Contact:
 * DongHee Yang <donghee.yang@samsung.com>
 * Sungmin Kim <sm.art.kim@samsung.com>
 * Jiil Hyoun <jiil.hyoun@samsung.com>
 * Jonghwan Park <iwin100.park@samsung.com>
 * Kitae Kim <kt920.kim@samsung.com>
 * 
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 * http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * 
 * Contributors:
 * - S-Core Co., Ltd
**/
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.header {
  background: #63cbf3;
  position: relative;
}
.header:after {
  display: block;
  content: '';
  clear: both;
}
.header .logo {
  float: left;
  margin: 0;
  font-size: 32px;
  background: #16a3da;
  display: inline-block;
  padding: 0 52px;
}
.header .logo a:link {
  color: #fff;
  line-height: normal;
}
.header nav {
  float: left;
}
.header nav ul {
  padding: 0 40px 0 40px;
}
.header nav ul li {
  display: inline-block;
  font-size: 18px;
  padding: 0 18px;
  line-height: 40px;
}
.header nav ul li:first-child {
  padding: 0 20px 0 0;
}
.header nav ul li a:link {
  color: #0e87b6;
}
.header nav ul li a:hover {
  color: #003d5a;
}
.header nav ul li a.on {
  color: #003d5a;
}
.header .mode {
  float: left;
  font-family: verdana;
  line-height: 40px;
}
.header .mode .selectbox {
  display: inline-block;
  vertical-align: middle;
  line-height: 100%;
}
.header .info {
  float: right;
}
.header .info .icon,
.header .info img {
  line-height: 40px;
  vertical-align: middle;
  margin: 0 10px;
}
.header .info .user {
  font-family: CoreSansN55Medium;
  color: #045574;
  font-size: 14px;
  display: inline-block;
  line-height: 40px;
  margin-right: 5px;
  width: 100px;
}
.header .info button {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.header .sub {
  clear: both;
  padding: 10px 0 10px 0;
  width: 100%;
  background: #d0f0fe;
  text-align: right;
}
.header .sub:after {
  display: block;
  content: '';
  clear: both;
}
.header .sub li {
  display: inline-block;
  font-family: arial;
  font-weight: bold;
  font-size: 15px;
  padding: 0 7px;
}
.header .sub li a {
  border-radius: 10px;
  padding: 2px 10px;
}
.header .sub li a:link {
  color: #4e575b;
}
.header .sub li a:hover {
  background: #66787c;
  color: #d0f0fe;
}
.header .sub li a.on {
  background: #66787c;
  color: #d0f0fe;
}
.box_container {
  height: 100%;
  margin-top: 2px;
}
.box_container .dash_box {
  height: 100%;
}
.box_container .dash_box .box_box {
  height: 100%;
  background: #dcedf3;
}
.box_container .dash_box .box_box .box_title {
  background: #a3bcc4;
  font-size: 16px;
  line-height: 40px;
  padding: 0 20px;
  color: #09526e;
  font-family: CoreSansN65Bold;
}
.box_container .dash_box .box_box .box_title .type_select {
  margin-left: 20px;
}
.box_container .dash_box .box_box ::-moz-selection {
  background: #000;
  color: #fff;
  text-shadow: none;
}
.box_container .dash_box .box_box ::selection {
  background: #000;
  color: #fff;
  text-shadow: none;
}
.box_container .dash_box .box_box .box_more {
  font-weight: bold;
  line-height: 40px;
  float: right;
}
.box_container .dash_box .box_box .box_state {
  background: #bee7f3;
  display: table;
}
.box_container .dash_box .box_box .box_state .num {
  font-size: 60px;
  color: #0d5984;
  height: 92px;
  line-height: 92px;
  padding: 0 53px;
}
.box_container .dash_box .box_box .box_state .btn_group button {
  line-height: normal;
  vertical-align: middle;
  margin: 0 2px;
  font-family: CoreSansN65Bold;
  margin-top: 5px;
}
.box_container .dash_box .box_box .box_state .btn_group.btn_right {
  text-align: right;
  display: table-cell;
  vertical-align: middle;
  float: none;
  padding-right: 20px;
}
.box_container .dash_box .box_box .list_bg {
  padding: 0 5px;
  background: #dcedf3;
}
.box_container .dash_box .box_box .list_bg .list {
  height: 100%;
  overflow: auto;
  padding: 0 5px;
}
.box_container .dash_box .box_box .list_bg .list li a {
  cursor: pointer;
}
.box_container .dash_box .box_box .list_bg .list::-webkit-scrollbar {
  width: 6px;
}
.box_container .dash_box .box_box .list_bg .list::-webkit-scrollbar-track {
  background: rgba(40, 83, 108, 0);
}
.box_container .dash_box .box_box .list_bg .list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(40, 83, 108, 0.5);
}
.box_container .dash_box .box_box .list_bg .list li {
  color: #5b6c72;
  background: #dcedf3;
  border-bottom: 1px #bcd2d9 solid;
  padding: 17px 17px;
  font-size: 18px;
  font-family: CoreSansN55Medium;
  /*&:nth-child(1){
              color: #5b6c72;
              background: #b8c9cf;
            }*/
}
.box_container .dash_box .box_box .list_bg .list li .list_in_btn {
  float: right;
  margin-top: -5px;
}
.box_container .chart_box .box_box .box_title {
  background: #d6e9ef;
  font-size: 16px;
  line-height: 40px;
  padding: 0 20px;
  color: #09526e;
  font-family: CoreSansN65Bold;
}
.box_container .chart_box .box_box .box_more {
  font-weight: bold;
  line-height: 40px;
  float: right;
}
.box_container .list_box {
  height: 100%;
  padding-top: 40px;
  padding-bottom: 10px;
  background: #c2d0d4;
  position: relative;
}
.box_container .list_box.top0 {
  padding-top: 0px;
}
.box_container .list_box.top {
  padding-top: 10px;
}
.box_container .list_box .box_box {
  height: 100%;
  padding: 0 5px;
}
.box_container .list_box .box_box .box_title {
  position: absolute;
  top: 0px;
  width: 100%;
  font-size: 16px;
  line-height: 40px;
  padding: 0 20px;
  font-family: CoreSansN65Bold;
  color: #09526e;
}
.box_container .list_box .box_box .box_title.top {
  top: -41px;
}
.box_container .list_box .box_box .box_more {
  line-height: 40px;
  float: right;
  position: relative;
}
.box_container .list_box .box_box .btn_title {
  line-height: inherit;
  padding: 10px 10px 10px 0px;
}
.box_container .list_box .box_box .btn_title:empty {
  padding: 5px;
}
.box_container .list_box .box_box .btn_title .calendar_box {
  display: inline-block;
  margin-left: 20px;
}
.box_container .statistic_box {
  background: #c9dde2;
  padding: 10px 0;
}
.box_container .statistic_box .title_sub {
  font-size: 14px;
  padding-left: 10px;
}
.box_container .statistic_box .title_sub.lmar50 {
  margin-left: 50px;
}
.box_container .infor_box {
  background: #c9dde2;
}
.box_container .infor_box .plug_title {
  font-size: 16px;
  display: block;
  line-height: 40px;
  padding-left: 20px;
  font-family: CoreSansN65Bold;
}
.box_container .infor_box .plugbox {
  padding: 0 16px 0 16px;
}
.box_container .infor_box .plugbox .option_checkbox {
  padding-bottom: 16px;
  margin-top: 10px;
}
.box_container .infor_box .title {
  font-size: 16px;
  display: inline-block;
  line-height: 40px;
  padding-left: 20px;
  font-family: CoreSansN65Bold;
}
.box_container .infor_box .infor {
  display: inline-block;
  padding-left: 30px;
  font-family: arial;
  font-size: 14px;
  color: #525b5e;
}
.box_container .infor_box .infor .value {
  font-weight: bold;
  padding-left: 5px;
}
.default_container {
  margin-top: 0px;
  width: 100%;
}
.default_container .box_box {
  position: relative;
}
.setting_container {
  display: table;
  height: 100%;
}
.setting_container .set_box {
  width: 240px;
  background: #454d4f;
  height: 100%;
}
.setting_container .set_box .box_box {
  height: 100%;
}
.setting_container .set_box .box_box .box_title {
  font-size: 18px;
  line-height: 41px;
  padding: 0 10px;
  color: #cbf3ff;
  font-family: arial;
  font-weight: bold;
}
.setting_container .set_box .box_box .box_title .box_plus {
  float: right;
  margin-top: 8px;
}
.setting_container .set_box .box_box .dis_list {
  padding: 0 5px 0 10px;
  width: 235px;
  overflow: auto;
}
.setting_container .set_box .box_box .dis_list::-webkit-scrollbar {
  width: 6px;
}
.setting_container .set_box .box_box .dis_list::-webkit-scrollbar-track {
  background: rgba(40, 83, 108, 0);
}
.setting_container .set_box .box_box .dis_list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #7d8384;
}
.setting_container .set_box .box_box .dis_list li {
  font-family: arial;
  font-size: 14px;
  background: #616c70;
  border-bottom: 1px #454d4f solid;
  min-height: 32px;
}
.setting_container .set_box .box_box .dis_list li a {
  display: block;
  padding: 7px 10px;
}
.setting_container .set_box .box_box .dis_list li a:link {
  color: #abc8d3;
}
.setting_container .set_box .box_box .dis_list li a:hover {
  background: #4accff;
  color: #30393b;
  font-weight: bold;
}
.setting_container .set_box .box_box .dis_list li a.on {
  background: #4accff;
  color: #30393b;
  font-weight: bold;
}
.setting_container .set_box .box_box .dis_list li a.greenc {
  padding-left: 32px;
  position: relative;
}
.setting_container .set_box .box_box .dis_list li a.greenc:before {
  content: '';
  display: block;
  background: #00e140;
  border: 2px #383f41 solid;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 8px;
  left: 5px;
}
.setting_container .set_box .box_box .dis_list li a.redc {
  padding-left: 32px;
  position: relative;
}
.setting_container .set_box .box_box .dis_list li a.redc:before {
  content: '';
  display: block;
  background: #e10045;
  border: 2px #383f41 solid;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 8px;
  left: 5px;
}
.setting_container .set_box .box_box .dis_list li:last-child {
  border: 0;
}
.setting_container .prope_box {
  width: 430px;
  background: #454d4f;
  height: 100%;
}
.setting_container .prope_box .box_box {
  height: 100%;
}
.setting_container .prope_box .box_box .box_title {
  font-size: 18px;
  line-height: 41px;
  padding: 0 10px;
  color: #cbf3ff;
  font-family: arial;
  font-weight: bold;
}
.setting_container .prope_box .box_box .box_title .box_plus {
  float: right;
  margin-top: 8px;
}
.setting_container .prope_box .box_box .prop_list {
  padding: 0 10px;
}
.setting_container .prope_box .box_box .prop_list table {
  width: 100%;
  font-family: arial;
  font-size: 14px;
}
.setting_container .prope_box .box_box .prop_list table thead {
  background: #7b888d;
}
.setting_container .prope_box .box_box .prop_list table thead th {
  padding: 11px 10px;
  border: 1px #454d4f solid;
}
.setting_container .prope_box .box_box .prop_list table tbody {
  background: #616c70;
}
.setting_container .prope_box .box_box .prop_list table tbody td {
  padding: 11px 10px;
  border: 1px #454d4f solid;
  color: #abc8d3;
  font-weight: bold;
}
.setting_container .prope_box .box_box .prop_list table tbody td:empty {
  height: 40px;
}
.cont_container {
  width: 100%;
}
.cont_container .inf_box {
  width: 100%;
  height: 100%;
  background: #c2d0d4;
}
.cont_container .inf_box.top {
  padding-top: 10px;
}
.cont_container .inf_box .box_box {
  padding: 0 5px;
  height: 100%;
}
.cont_container .inf_box .box_box .box_title {
  font-size: 18px;
  line-height: 41px;
  padding: 0 10px;
  background: #656f73;
  color: #fff;
  font-family: arial;
  font-weight: bold;
  box-shadow: inset 0px -41px 15px -39px rgba(0, 0, 0, 0.42);
  margin-left: -5px;
  margin-right: -5px;
}
.cont_container .inf_box .box_box .box_title.on {
  height: 420px;
}
.cont_container .inf_box .box_box .box_title .box_plus {
  float: right;
  margin-top: 8px;
}
.cont_container .inf_box .box_box .btn_title {
  line-height: inherit;
  padding: 10px;
  background: #c2d0d4;
  margin-left: -5px;
  margin-right: -5px;
}
.cont_container .inf_box .box_box .btn_title:empty {
  padding: 5px;
}
.cont_container .inf_box .box_box .btn_title .rightfl {
  float: right;
  margin-right: 5px;
}
.cont_container .inf_box .box_box .btn_title .leftfl {
  float: left;
  margin: 0;
}
.cont_container .inf_box .box_box .btn_title.right {
  text-align: right;
  padding-right: 15px;
}
.cont_container .inf_box .box_box .btn_title .calendar_box {
  display: inline-block;
  margin-left: 20px;
}
.cont_container .inf_box .box_box .btn_title .box_more {
  line-height: inherit;
  padding-right: 15px;
}
.cont_container .inf_box .box_box .btn_title:after {
  clear: both;
  content: '';
  display: block;
}
.cont_container .inf_box .box_box .table_list {
  background: #c2d0d4;
}
.tab_box ~ .box_more {
  position: absolute!important;
  top: 0;
  right: 10px;
  z-index: 100;
}
.tab_box {
  padding: 8px 0 0 0;
  margin-left: -5px;
  margin-right: -5px;
  position: relative;
  background: #869296;
  height: 100%;
}
.tab_box .btn_more {
  float: right;
}
.tab_box .dijitTabContainerTop-tabs,
.tab_box .dijitTabContainerTop-container {
  border: 0;
}
.tab_box .dijitTabPaneWrapper {
  background: #c2d0d4;
}
.tab_box .tabLabel {
  color: #5a6468;
  padding: 6px 18px 7px 18px;
  font-family: arial;
  font-size: 15px;
  font-weight: bold;
}
.tab_box .tabLabel[aria-selected='true'] {
  padding: 6px 18px 7px 18px;
  color: #3b4346;
  background: #c2d0d4;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  margin-left: 5px;
}
.tab_box .tab_list {
  position: absolute;
  top: -25px !important;
  left: 0;
  padding: 25px 5px 0 5px;
  width: 100%!important;
  height: 100%;
  background: #c2d0d4;
}
.infor_hbox .w100 {
  width: 100%!important;
}
.infor_hbox .box_search {
  width: 50%;
  position: relative;
}
.infor_hbox .box_search.right {
  float: right;
}
.setting_box {
  background: #8e999d;
  border-radius: 4px;
  padding: 20px;
  height: 100%;
}
#wrap {
  height: 100%;
}
.list_container {
  height: 50%;
}
.chart_container {
  height: 50%;
}
.dist_container {
  height: 100%;
  width: 240px;
  overflow: hidden;
}
.cont_container {
  height: 100%;
}
.footer_container {
  height: 50%;
}
.chart_innerbox {
  position: relative;
}
.chart_innerbox .chart_summer {
  position: absolute;
  left: 10px;
  top: 10px;
  color: #576873;
  font-size: 16px;
  font-family: CoreSansN65Bold;
}
.chart_innerbox .chart_summer span {
  display: inline-block;
  width: 120px;
}
.chart_innerbox .search_area {
  position: absolute;
  top: 20px;
  right: 20px;
}
.chart_innerbox .search_area .seltitle {
  color: #056c93;
}
.chart_innerbox .search_area .seltitle ~ .seltitle {
  margin-left: 30px;
}
.chart_innerbox .search_area .selectbox {
  width: 184px;
  display: inline-block;
}
#chartNode {
  padding: 10px;
}
#chartNode.pad0 {
  padding: 10px 0 0 0!important;
}
#chartNode.overall {
  padding: 80px 0 0 0!important;
}
#chartNode2 {
  padding: 10px;
}
#chartNode2.pad0 {
  padding: 10px 0 0 0!important;
}
#chartNode2.overall {
  padding: 80px 0 0 0!important;
}
#chartNode ~ #legend rect {
  display: none;
}
#chartNode ~ #legend .dojoxLegendText {
  width: 100%;
  display: inline-block;
  margin-left: 50px;
  color: #576873;
  font-size: 18px;
  font-family: CoreSansN65Bold;
}
#chartNode ~ #chart_summer {
  position: absolute;
  right: 20px;
  bottom: 20px;
  color: #576873;
  font-size: 16px;
  font-family: CoreSansN65Bold;
}
#chartNode ~ #chart_summer span:first-child {
  display: inline-block;
  width: 100px;
}
#chartNode ~ #chart_summer span ~ span {
  display: inline-block;
  width: 30px;
}
/*

.calendar_box {
  position: absolute;
  top:0;
  left:0;
  z-index: 9999;
  width: 100px;
  height: 200px;
}*/
.dijitTabContainerNoLayout {
  width: 100%;
}
.dijitTabContainerBottom-tabs,
.dijitTabContainerTop-tabs,
.dijitTabContainerLeft-tabs,
.dijitTabContainerRight-tabs {
  z-index: 1;
  overflow: visible !important;
}
.dijitTabController {
  z-index: 1;
}
.dijitTabContainerBottom-container,
.dijitTabContainerTop-container,
.dijitTabContainerLeft-container,
.dijitTabContainerRight-container {
  z-index: 0;
  overflow: hidden;
  border: 1px solid black;
}
.nowrapTabStrip {
  width: 50000px;
  display: block;
  position: relative;
  text-align: left;
  z-index: 1;
}
.dijitTabListWrapper {
  overflow: hidden;
  z-index: 1;
}
.dijitTabListContainer-top {
  background: #869296;
}
.dj_a11y .tabStripButton img {
  display: none;
}
.dijitTabContainerTop-tabs {
  border-bottom: 1px solid black;
}
.dijitTabContainerTop-container {
  border-top: 0;
}
.dijitTabContainerLeft-tabs {
  border-right: 1px solid black;
  float: left;
}
.dijitTabContainerLeft-container {
  border-left: 0;
}
.dijitTabContainerBottom-tabs {
  border-top: 1px solid black;
}
.dijitTabContainerBottom-container {
  border-bottom: 0;
}
.dijitTabContainerRight-tabs {
  border-left: 1px solid black;
  float: left;
}
.dijitTabContainerRight-container {
  border-right: 0;
}
div.dijitTabDisabled,
.dj_ie div.dijitTabDisabled {
  cursor: auto;
}
.dijitTab {
  position: relative;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  white-space: nowrap;
  z-index: 3;
}
.dijitTab * {
  vertical-align: middle;
}
.dijitTabChecked {
  cursor: default;
}
.dijitTabContainerTop-tabs .dijitTab {
  top: 1px;
  left: 5px;
}
.dijitTabContainerBottom-tabs .dijitTab {
  top: -1px;
}
.dijitTabContainerLeft-tabs .dijitTab {
  left: 1px;
}
.dijitTabContainerRight-tabs .dijitTab {
  left: -1px;
}
.dijitTabContainerTop-tabs .dijitTab,
.dijitTabContainerBottom-tabs .dijitTab {
  display: inline-block;
  /*  #zoom: 1;
  #display:inline;*/
}
.tabStripButton {
  z-index: 12;
}
.dijitTabButtonDisabled .tabStripButton {
  display: none;
}
.dijitTabCloseButton {
  margin-left: 1em;
}
.dijitTabCloseText {
  display: none;
}
.dijitTab .tabLabel {
  min-height: 15px;
  display: inline-block;
}
table.dijitInline {
  display: inline-table;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
}
.dijitHidden {
  display: none !important;
}
.dijitVisible {
  display: block !important;
  position: relative;
}
