@charset "UTF-8";
/* It is advised not to edit the smartadmin_production.css as this will override any changes you make in the later versions of this theme.  We advise that you use use this CSS to override SmartAdmin styles.  Rename the stylesheet to whatever your liking so it will stay unique to you with each update of SmartAdmin. */
/* INDEX  - HTML - BODY - CUSTOM STYLES */
/*
=========================================================================================
	common.scss ( smart admin override css )
=========================================================================================
*/
/* custom reset*/
@import url("custom.css");
#contentsInner span > label:not(.k-checkbox-label) { margin-bottom: 0; }

input.k-checkbox + label { display: inherit; font-weight: 700; }

.row { margin: 0 -10px; }

/* layout*/
html { background: none; }

/*header*/
#header #logo { margin-top: 8px; color: #fff; font-size: 20px; }
#header #logo > sup { top: -3px; }
#header #logo img { display: block !important; width: auto; height: auto; }
#header .login-info a { cursor: default; }
#header .login-info img { visibility: hidden; }

/* header search*/
#searchFld::-ms-clear {
  display: none;
}

/* aside mnb관련*/
#left-panel { padding-bottom: 30px; }
#left-panel #mnb .mnbChild > b em:before { color: #b9d7ef; }
#left-panel #mnb .mnbChild > b:hover em { transform: rotate(-45deg); transition: all 0.5s ease; }
#left-panel #mnb .mnbChild > b:hover em:before { color: #2196F3; }
#left-panel #mnb .depthIcon { margin-right: 4px; /*2depth이하에서 icon마진*/ }
#left-panel #mnb .fa-fw { width: auto !important; /* 메인메뉴 내부에서 icon의 빈공간방지*/ }
#left-panel #mnb .collapse-sign { display: none; /*메뉴가 열렸다닫히는걸 방지 */ }
#left-panel #mnb > ul > li { /*1depth*/ }
#left-panel #mnb > ul > li > a { padding-top: 10px; padding-bottom: 10px; }
#left-panel #mnb > ul > li > ul > li { /*2depth*/ }
#left-panel #mnb > ul > li > ul > li:hover b { color: inherit; }
#left-panel #mnb > ul > li > ul > li > a { padding-top: 5px; padding-bottom: 5px; }
#left-panel #mnb > ul > li > ul > li > ul > li { /*3depth*/ }
#left-panel #mnb > ul > li > ul > li > ul > li:before { left: 25px; width: 20px; }
#left-panel #mnb > ul > li > ul > li > ul > li > a { padding-top: 5px; padding-bottom: 5px; }
#left-panel #mnb > ul > li > ul b { color: inherit; }
#left-panel #mnb > ul li { /*all depth li*/ cursor: pointer; }

/* main content*/
#main { padding-bottom: 0; }
#main #ribbon .ribbon-button-alignment { display: none; }
#main #content { margin: 0px; padding: 10px; }
#main #content #contentsInner:after { content: ''; display: block; clear: both; }
#main #content #contentsInner > div, #main #content #contentsInner > section { position: relative; margin-bottom: 10px; padding: 10px; border: 1px solid #ddd; /*background-color:#fff;*/ }
#main #content #contentsInner > div:after, #main #content #contentsInner > section:after { content: ''; display: block; clear: both; }
#main #content #contentsInner #widget-grid { padding: 0; border: 0 none; background-color: inherit; }
#main #content .btnArea, #main #content .srchArea, #main #content .comboArea { padding: 10px 5px; }

/*layout option menu*/
.demo form > section:nth-child(2) > label:nth-child(8) { display: none !important; }

/* login Zone*/
.loginZone { background: #fff url("../../../images/login/bg_login.jpg") no-repeat left top; background-size: auto 100%; }
.loginZone:after { content: ''; clear: both; display: block; }
.loginZone h1 { position: relative; left: -20px; font-size: 34px; font-weight: bold; }
.loginZone h4 div:first-child { position: relative; margin-bottom: 20px; font-weight: bold; }
.loginZone h4 div:first-child ~ div { font-size: 14px; }
.loginZone .textCon { padding-left: 25%; padding-top: 60px; }
.loginZone #login-form > fieldset > section label, .loginZone #login-form > fieldset > section span { display: block; }

/* footer log area*/
.page-footer { height: 30px !important; padding: 0; padding-left: 220px; background-color: #1876C1; }
.page-footer .footer-log { position: relative; }
.page-footer .footer-log .logArea { position: absolute; bottom: -30px; width: 100%; height: 30px; padding: 0px 0; background-color: #1876C1; transition: all 0.5s ease; }
.page-footer .footer-log .logArea.active { height: 400px; transition: all 0.5s ease; }
.page-footer .footer-log .logArea.active > .logMessageWrap { height: 400px; transition: all 0.5s ease; }
.page-footer .footer-log .logArea .logMessageWrap { overflow-y: auto; height: 30px; }
.page-footer .footer-log .logArea .logMessageWrap > p.logMessage { margin: 0; padding: 5px 40px; color: #fcfcfc; font-size: 14px; text-indent: -5000px; }
.page-footer .footer-log .logArea .logMessageWrap > p.logMessage.fire { text-indent: 0; transition: all 0.5s ease; animation: blink 0.4s ease 1s 3; -webkit-animation: blink 0.4s ease 1s 3; -ms-animation: blink 0.4s ease 1s 3; }
.page-footer .footer-log .logArea .logToggle { display: inline-block; width: 20px; height: 30px; padding: 5px 2px; position: absolute; left: 0px; bottom: 0px; color: #fff; font-size: 10px; text-align: center; cursor: pointer; }
.page-footer .footer-log .logArea .logDelete { display: inline-block; width: 20px; height: 30px; padding: 5px 2px; position: absolute; z-index: 1; bottom: 0px; right: 0px; color: #fff; font-size: 10px; text-align: center; cursor: pointer; }

/* 비 로그인시 */
#hide-menu, #notice, .demo { display: none; }

/*  home화면 공지사항 테이블 토글메뉴*/
.expendedGridRow { padding: 10px; border: 1px solid #ccc; background-color: #fff; }

/* jarvis widget 설정*/
.jarviswidget > .jarvisHeader { /*background-color:#2196F3; color:#fff; */ }
.jarviswidget .widget-body { min-height: inherit; }
.jarviswidget.R_GRID .jarvisHeader .ui_gridToolBarWrap, .jarviswidget.K_GRID .jarvisHeader .ui_gridToolBarWrap { text-align: right; margin-bottom: 0; padding-top: 4px; }
.jarviswidget.R_GRID .jarvisHeader .ui_gridToolBarWrap .leftCon, .jarviswidget.R_GRID .jarvisHeader .ui_gridToolBarWrap .rightCon, .jarviswidget.K_GRID .jarvisHeader .ui_gridToolBarWrap .leftCon, .jarviswidget.K_GRID .jarvisHeader .ui_gridToolBarWrap .rightCon { display: inline-block; float: none; }
.jarviswidget.R_GRID .jarvisHeader .ui_gridToolBarWrap .rightCon, .jarviswidget.K_GRID .jarvisHeader .ui_gridToolBarWrap .rightCon { margin-right: 5px; }
.jarviswidget.R_GRID .jarvisHeader .ui_gridToolBarWrap .k-button, .jarviswidget.K_GRID .jarvisHeader .ui_gridToolBarWrap .k-button { padding: 0 5px; }
.jarviswidget.R_GRID .jarvisContent, .jarviswidget.K_GRID .jarvisContent { padding: 0; }
.jarviswidget.R_GRID .jarvisContent .widget-body, .jarviswidget.K_GRID .jarvisContent .widget-body { padding-bottom: 0; }

#jarviswidget-fullscreen-mode { background-color: #fff; }

html { -ms-overflow-style: scrollbar; }

/* layout changes*/
body.menu-on-top { /*메뉴 상단 이동시*/ }
body.menu-on-top #left-panel { padding-bottom: 0px; }
body.menu-on-top #left-panel #mnb > ul ul li::before, body.menu-on-top #left-panel #mnb > ul > li > ul::before { border: none; }
body.menu-on-top #left-panel #mnb ul ul, body.menu-on-top #left-panel #mnb ul ul ul { border-bottom: 1px solid #ccc; }
body.menu-on-top .page-footer { padding: 0; }
body.hidden-menu { /*메뉴숨김시*/ }
body.hidden-menu .page-footer { padding-left: 10px; }
body.minified { /*메뉴 minified시*/ }
body.minified nav > ul > li > ul::before, body.minified body.minified nav > ul ul li::before { display: none; }
body.fixed-navigation nav > ul { height: auto; /*naveigation fixed시 스크롤*/ }

/*theme changes*/
body.smart-style-0 { /*Smart Default*/ }
body.smart-style-0 #contentsInner > div, body.smart-style-0 #contentsInner > section { background-color: #fff; }
body.smart-style-0 .page-footer { background-color: #474544; }
body.smart-style-0 .page-footer .footer-log .logArea { background-color: #474544; }
body.smart-style-0 .jarviswidget { /*jarvisWidget header colors*/ }
body.smart-style-0 .jarviswidget.jarviswidget-color-blue > header { border-color: #57889c !important; background: #57889c !important; color: #fff; }
body.smart-style-1 { /*Dark Elegance*/ }
body.smart-style-1 #contentsInner > div, body.smart-style-1 #contentsInner > section { background-color: #fff; }
body.smart-style-1 #contentsInner > div div.k-treeview, body.smart-style-1 #contentsInner > section div.k-treeview { background-color: #4d4d4d; }
body.smart-style-1 .page-footer { background-color: #22262E; }
body.smart-style-1 .page-footer .footer-log .logArea { background-color: #22262E; }
body.smart-style-1 .expendedGridRow { color: #27323C; }
body.smart-style-2 { /*Ultra Light*/ }
body.smart-style-2 #contentsInner > div, body.smart-style-2 #contentsInner > section { background-color: #fefefe; }
body.smart-style-2 .page-footer { background-color: #2C3742; }
body.smart-style-2 .page-footer .footer-log .logArea { background-color: #2C3742; }
body.smart-style-2 .jarviswidget { /*jarvisWidget header colors*/ }
body.smart-style-2 .jarviswidget.jarviswidget-color-greenLight > header { border-color: #89AD45 !important; background: #89AD45 !important; }
body.smart-style-2 .jarviswidget.jarviswidget-color-blue > header { border-color: #4387bf !important; background: #4387bf !important; }
body.smart-style-2 .jarviswidget.jarviswidget-color-red > header { border-color: #DB4A67 !important; background: #DB4A67 !important; }
body.smart-style-3 { /*Google Skin*/ }
body.smart-style-3 #logo img { display: block !important; width: auto; height: auto; }
body.smart-style-3 .page-footer { background-color: #cc6a37; }
body.smart-style-3 .page-footer .footer-log .logArea { background-color: #cc6a37; }
body.smart-style-3 .jarviswidget { /*jarvisWidget header colors*/ }
body.smart-style-3 .jarviswidget.jarviswidget-color-blue > header { border-color: #57889c !important; background: #57889c !important; color: #fff; }
body.smart-style-3 .jarviswidget.R_GRID .jarvisHeader .ui_gridToolBarWrap .k-button, body.smart-style-3 .jarviswidget.K_GRID .jarvisHeader .ui_gridToolBarWrap .k-button { padding: 4px 5px; }
body.smart-style-4 { /*Pixel Smash*/ }
body.smart-style-4 #ribbon { display: none !important; }
body.smart-style-4 #contentsInner > div, body.smart-style-4 #contentsInner > section { background-color: #fff; }
body.smart-style-4 .page-footer { background-color: #2c2d3c; }
body.smart-style-4 .page-footer .footer-log .logArea { background-color: #2c2d3c; }
body.smart-style-4 .jarviswidget { /*jarvisWidget header colors*/ }
body.smart-style-4 .jarviswidget.jarviswidget-color-blue > header { border-color: #57889c !important; background: #57889c !important; color: #fff; }
body.smart-style-5 { /*Glass*/ }
body.smart-style-5 #contentsInner > div, body.smart-style-5 #contentsInner > section { border: 1px solid rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); }
body.smart-style-5 .page-footer { background-color: #3087A3; }
body.smart-style-5 .page-footer .footer-log .logArea { background-color: #3087A3; }
body.smart-style-5 .loginZone { background: none; }
body.smart-style-5 .loginZone h1 span img { opacity: 0; }
body.smart-style-5 .loginZone h1 span:before { content: 'ZIONEX'; }
body.smart-style-5 .loginZone .textCon { padding-left: 50px; padding-top: 0px; }
body.smart-style-5 ~ div { color: #333; }
body.smart-style-6 { /*MaterialDesign*/ background-color: #fff !important; }
body.smart-style-6 #left-panel { background-color: #f6f6f6; }
body.smart-style-6 #left-panel #mnb > ul ul li::before, body.smart-style-6 #left-panel #mnb > ul > li > ul::before { /*mnb 메뉴옆의 사다리작대기모양 menu-on-top일때는 없어야함.*/ border: 1px solid #ccc; }
body.smart-style-6 #left-panel #mnb ul ul { background-color: #f6f6f6; }
body.smart-style-6.menu-on-top { /*menu-on-top */ }
body.smart-style-6.menu-on-top #left-panel #mnb > ul ul li::before, body.smart-style-6.menu-on-top #left-panel #mnb > ul > li > ul::before { /*menu-on-top 일때 border 없어야함.*/ border: none; }
body.smart-style-6.minified { /*minifeid */ }
body.smart-style-6.minified #left-panel #mnb > ul ul li::before, body.smart-style-6.minified #left-panel #mnb > ul > li > ul::before { /*minified 일때 border 없어야함.*/ border: none; }
body.smart-style-6.minified #left-panel #mnb > ul > li > ul { top: 44px; }
body.smart-style-6 #ribbon { background: #f6f6f6 !important; }
body.smart-style-6 #content { margin: 0 !important; padding: 10px; }
body.smart-style-6 #contentsInner > div, body.smart-style-6 #contentsInner > section { background-color: #fff; }
body.smart-style-6 .page-footer { background-color: #1876C1; }
body.smart-style-6 .page-footer .footer-log .logArea { background-color: #1876C1; }
body.smart-style-6 .jarviswidget { /*jarvisWidget header colors*/ }
body.smart-style-6 .jarviswidget > header { border-bottom: 1px solid #ccc; }
body.smart-style-6 .jarviswidget.jarviswidget-color-greenLight > header { border-color: #43A047 !important; background: #43A047 !important; }
body.smart-style-6 .jarviswidget.jarviswidget-color-purple > header { border-color: #9C27B0 !important; background: #9C27B0 !important; }
body.smart-style-6 .jarviswidget.jarviswidget-color-pink > header { border-color: #E91E63 !important; background: #E91E63 !important; }
body.smart-style-6 .jarviswidget.jarviswidget-color-pinkDark > header { border-color: #AD1457 !important; background: #AD1457 !important; }
body.smart-style-6 .jarviswidget.jarviswidget-color-blueLight > header { border-color: #03A9F4 !important; background: #03A9F4 !important; }
body.smart-style-6 .jarviswidget.jarviswidget-color-blue > header { border-color: #2196F3 !important; background: #2196F3 !important; }
body.smart-style-6 .jarviswidget.jarviswidget-color-blueDark > header { border-color: #1565C0 !important; background: #1565C0 !important; }
body.smart-style-6 .jarviswidget.jarviswidget-color-yellow > header { border-color: #FFEB3B !important; background: #FFEB3B !important; }
body.smart-style-6 .jarviswidget.jarviswidget-color-orange > header { border-color: #FF9800 !important; background: #FF9800 !important; }
body.smart-style-6 .jarviswidget.jarviswidget-color-orangeDark > header { border-color: #E65100 !important; background: #E65100 !important; }
body.smart-style-6 .jarviswidget.jarviswidget-color-red > header { border-color: #F44336 !important; background: #F44336 !important; }
body.smart-style-6 .jarviswidget.jarviswidget-color-redLight > header { border-color: #FF5252 !important; background: #FF5252 !important; }

/*animation keyframes*/
@-webkit-keyframes blink { 0% { opacity: 1.0; }
  50% { opacity: 0; }
  100% { opacity: 1.0; } }
@-moz-keyframes blink { 0% { opacity: 1.0; }
  50% { opacity: 0; }
  100% { opacity: 1.0; } }
@-ms-keyframes blink { 0% { opacity: 1.0; }
  50% { opacity: 0; }
  100% { opacity: 1.0; } }

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