@charset "UTF-8";
/* Row Style */
html {
  min-height: 100%;
}

body {
  font-family: "NanumSquare", "Nanum Gothic", "Dotum", "돋움", "gulim", "굴림", AppleGothic, Helvetica !important;
  font-size: 14px;
  background-color: #828c9a !important;
}

.new-mam-row {
  margin-left: -6px;
  margin-right: -6px;
}
.new-mam-row > div[class^="col"] {
  padding-left: 6px;
  padding-right: 6px;
}
.new-mam-row .box {
  margin-bottom: 12px;
  box-shadow: none;
  border-top: none;
  border-radius: 2px;
}
.new-mam-row .box .box-header {
  border-radius: 0;
}
.new-mam-row .box .box-header.has-btn-group {
  position: relative;
}
.new-mam-row .box .box-header.has-btn-group .box-title {
  display: inline-block;
  width: auto;
}
.new-mam-row .new-radioBtn-group {
  display: inline-block;
  float: right;
}
.new-mam-row .new-radioBtn-group .btn {
  min-width: 60px !important;
  height: 35px;
  padding: 7px 12px;
  background: #fff;
  font-size: 13px;
  color: #545454;
  letter-spacing: -.5px;
  border: 1px solid #ddd;
  border-radius: 0;
  margin-right: 5px;
}
.new-mam-row .new-radioBtn-group .btn.active {
  border-color: #252d3a;
  color: #fff;
  background: #252d3a;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.new-mam-row .new-box {
  background: #fff;
  color: #2b3e5d;
  border-radius: 2px;
}
.new-mam-row .new-box.has-bd {
  border: 1px solid #dee1e5;
}
.new-mam-row .new-box.has-shadow {
  -webkit-box-shadow: 1px 1px 10px -4px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 10px -4px rgba(0, 0, 0, 0.25);
}
.new-mam-row .new-box .new-header {
  background: #fff;
  border-bottom: 1px solid #d3dbe8;
}
.new-mam-row .new-mam-highlight {
  color: #1a396f !important;
}
.new-mam-row #flotChart {
  width: 100%;
  height: 340px;
  overflow: hidden;
}
.new-mam-row #flotChart .flot-base, .new-mam-row #flotChart .flot-overlay {
  width: 100% !important;
}
.new-mam-row .data-stat-graph {
  padding: 30px;
  height: 340px;
  overflow: hidden;
}
.new-mam-row .data-stat-graph .has-dotted {
  border-bottom: 1px dotted #ddd;
}
.new-mam-row .data-stat-graph .inner-progress-group .tit {
  color: #000;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 20px;
}
.new-mam-row .data-stat-graph .inner-progress-group .info-txt {
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  margin-bottom: 8px;
  color: #797d85;
  font-weight: bold;
}
.new-mam-row .data-stat-graph .inner-progress-group .info-txt .highlight {
  color: #f15d22;
}
.new-mam-row .data-stat-graph .inner-progress-group .progress {
  height: 7px;
  margin-bottom: 0;
  background: #e8eae9;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.new-mam-row .data-stat-graph .inner-progress-group .progress-bar {
  width: 100%;
  background: #ff6060;
  border-radius: 3px;
  float: none;
  line-height: 7px;
  transition-duration: 3s;
}
.new-mam-row .data-stat-graph .inner-progress-group .progress-bar.install {
  background: #039ffe;
}
.new-mam-row .data-stat-graph .inner-progress-group .progress-bar.android {
  background: #9cc545;
}
.new-mam-row .data-stat-graph .inner-progress-group .progress-bar.ios {
  background: #515151;
}
.new-mam-row .detail-info-box h4 > .fa {
  display: none;
}
.new-mam-row .appdownload-state .box {
  border: 1px solid #ddd;
  background: #fff;
}

/* Modal */
.idas-icon-info-circle:before {
  font-size: 20px;
  display: inline-block;
  margin-top: 4px;
}

/* Icon */
.app-install-icon, .app-android-icon, .app-ios-icon {
  position: relative;
  top: 3px;
  width: 18px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
}
.app-install-icon:before, .app-android-icon:before, .app-ios-icon:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 18px;
  background: url(/resources/images/site/mam/icon/device_icon.png) no-repeat;
  background-position: -6px -3px;
}

.app-android-icon:before {
  width: 16px;
  height: 19px;
  background-position: -27px -3px;
}

.app-ios-icon:before {
  width: 15px;
  height: 18px;
  background-position: -48px -3px;
}

/* Customizing Style of Flot Chart */
.graph-flot .legend table tbody tr {
  /* 
  &:nth-child(1) {
  	.legendColorBox {
  		> div {
  			border: none!important;
  		    padding: 0!important;
  		    display: inline-block;
  		    background: url(/resources/images/site/mam/icon/device_icon.png) no-repeat;
  		    width: 16px;
  		    height: 19px;
  		    background-position: -27px -3px;
  		    margin-right: 5px;
  		    
  		    > div {
  		    	display: none;
  		    	border: none;
  		    }
  		}//div
  	}//.legendColorBox
  }//:nth-child(1) */
  /* &:nth-child(2) {
  	.legendColorBox {
  		> div {
  			border: none!important;
  		    padding: 0!important;
  		    display: inline-block;
  		    background: url(/resources/images/site/mam/icon/device_icon.png) no-repeat;
  		    width: 15px;
  		    height: 18px;
  		    background-position: -48px -3px;
  		    margin-right: 5px;
  		    
  		    > div {
  		    	display: none;
  		    	border: none;
  		    }
  		}//div
  	}//.legendColorBox
  }//:nth-child(2) */
}
.graph-flot .legend table tbody tr td {
  height: 20px;
}

/*# sourceMappingURL=newstyle.css.map */