
@font-face {
	font-family: "LG-Smart-h2";
	src: local("LG Smart_H2.0");
	local("LG�뒪留덊듃泥�2.0");
	url(LGSmHaL_v1.4_151215.ttf);
}

/*jqgrid 諛섏쓳�삎*/
/* .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all {width:100% !important;} */
/* .ui-jqgrid-view {width:100% !important;} */
/* .ui-jqgrid-hdiv {width:100% !important;} */
/* .ui-jqgrid .ui-jqgrid-hbox {width:100% !important; padding:0 !important;} */
/* .ui-jqgrid-htable {width:100% !important;} */
/* .ui-jqgrid-bdiv {width:100% !important;} */
/* .ui-jqgrid-btable {width:100% !important;} */
/* .ui-jqgrid-pager {width:100% !important;} */

/* base */
body, label, a, p, h1, h2, h3, h4, h5, h6,
th, td {font-family: "LG-Smart-h2", 'Muli', Arial, sans-serif;}
ul, li, ol {list-style:none;margin:0;padding:0;}
a {cursor:pointer;}
i {font-style:normal;}

body {min-width:1400px;}
/* layout */
.nav li {display:block;}
.sidebar .nav li li a {display:block;/*margin:0;*/}

/* modal */
.modal-header .close {position:absolute;top:18px;right:15px;margin:0;}

/* dropdown */
div.dropdown a.dropdown-toggle p {display:inline-block;}

/* checkbox and radio */
.checkbox.checkbox-inline {margin-top:0;}
.radio.radio-inline {margin-top:0;}

/* btn */
.btn.btn-inline {/*margin-top:26px;*/}


/* table list : Checkbox */
input[type=checkbox].cbox { display: none; }
input[type=checkbox].cbox + label { display: block; color:#CCC5B9;/*font-size: 0; background: url(../images/common/bg_checkbox.png) 0 0 no-repeat;*/ cursor: pointer; width: 18px; height: 18px; }
input[type=checkbox].cbox + label span {font-size:0;}
input[type=checkbox].cbox:checked + label.fa.fa-check {color:#42A084;}

/**/
.icon-name {font-size:12px;}

/* file */
input[type=file] {}
input[type=file] + .file-delete {position:absolute;right:15px;top:calc(50% - 5px);}

/**/
.card .title.in {display:inline-block;margin-right:20px;}

/* search */
.content.search-box {padding:10px 15px 5px 15px;}
.form-horizontal.search {position:relative;}
.form-horizontal.search .form-control {padding:1px 18px;height:27px;}
.form-horizontal.search .form-group {margin-right:0;margin-left:0;margin-bottom:5px;}
.form-horizontal.search .form-group>.row:last-child .form-group {margin-bottom:0;}
.form-horizontal.search .form-group label {display:block;padding-top:3px;}
.form-horizontal.search .btn-box {position:absolute;right:0;/*bottom:36px;*/bottom:10px;text-align:right;}
.form-horizontal.search .btn-box .btn {padding:2px 18px 1px;border-radius:14px;}
.double-box>.start-box,
.double-box>.end-box {position:relative;width:calc(50% - 5px);}
.double-box>.start-box img,
.double-box>.end-box img {position:absolute;top:calc(50% - 9px);right:8px;}
.double-box>.start-box {float:left;}
.double-box>.end-box {float:right;}
.double-box.hyphen {}
.double-box.hyphen>.start-box,
.double-box.hyphen>.end-box {width:calc(50% - 10px);}
.double-box.hyphen>.end-box:before {position:absolute;top:0;left:-20px;display:inline-block;content:" - ";width:20px;height:100%;line-height:27px;text-align:center;}
.double-box.hyphen input {padding-right:30px;}
.double-box:after {display:block;content:"";clear:both;}
select.time {background:#fffcf5 url(../img/time.png) no-repeat 100% center;-webkit-appearance: none; appearance: none;}
.ui-datepicker-trigger {cursor:pointer;}

/* flex */
.grid_box {display:flex;}
.grid-item-box:not(.grid) {/*flex:1 1 auto;*/}
.grid-item-box.grid {/*flex-basis:74%;*/width:calc(100% - 420px);}
.grid-item-box.grid-detail {position:relative;z-index:2;display:flex;flex-direction:column;padding:15px 0 30px;/*flex-basis:26%;*/width:420px;background-color:#fff;}
.grid-item-box.grid-detail .head-box {text-align:center;height:55px;}
.grid-item-box.grid-detail .head-box .title {display:block;padding:7px 8px 8px;font-weight:bold;}
.grid-item-box.grid-detail .detail-box {flex:1 1 auto;padding:12px;border-top:1px solid #CCC5B9;border-bottom:1px solid #CCC5B9;border-left:1px solid #CCC5B9;text-align:center;}

.card-grid-box {display:flex;/*flex-wrap:wrap;*/}
.card-grid-box>.card-item-box {flex:1 1 auto;}
.card-grid-box .content {text-align:center;}

@media (max-width: 1200px) {
/*     .card-grid-box {flex-wrap:wrap;} */
}


/**/
@media (min-width: 992px) {
	form.form-horizontal [class*="col-"].control-label {padding-top:13px;}
}

/*      form : Checkbox and radio         */
.checkbox,
.radio {
	margin-bottom: 12px;
	padding-left: 30px;
	position: relative;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	color: #66615b;
}

.checkbox label:before,
.radio label:before {
	position:absolute;
	color: #66615b;
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	top: 0;
	width: 20px;
	text-align: center;
	line-height: 21px;
	font-size: 20px;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:1.5em !important;
	cursor: pointer;
	-webkit-transition: color,opacity 0.15s linear;
	transition: color,opacity 0.15s linear;
	opacity: .50;
}

.checkbox label:before {
	content:"\f0c8";
}
.checkbox input:checked + label:before {
	content:"\f14a";
}

.radio label:before {
	content:"\f10c";
}
.radio input[type="radio"]:checked + label:before {
	content:"\f192";
}

.checkbox input:checked + label:before,
.radio input:checked + label:before {
	opacity: 1;
}
.checkbox input,
.radio input {
	outline: none !important;
	display: none;
}

.checkbox label,
.radio label {
	padding-left: 10px;
}

.checkbox input:disabled + label,
.radio input:disabled + label {
	cursor: default;
	color: #DDDDDD;
}

.checkbox input:disabled + label:before,
.radio input:disabled + label:before {
	cursor: default;
	color: #DDDDDD;
}

.checkbox2 {position: relative;margin:0 10px 15px 0;}
.checkbox2 input {outline: none !important;display: none;}
.checkbox2 label {margin:0;padding:2px 0;color:#fff;background-color:#b3b0ad;width:40px;text-align:center;border-radius:4px;font-weight:400;cursor:pointer;}
.checkbox2 input:checked + label {background-color:#66615b;}
.checkbox2-inline {display:inline-block;vertical-align:middle;}

/* .calender {} */
/* .calender .checkbox.checkbox-inline {float:left;margin-left:0;width:calc(100% / 7);} */
/* .calender .checkbox.checkbox-inline label {padding-left:0;} */

/**/
.navbar.navbar-absolute {
    position: absolute;
    width: 100%;
    z-index: 1030;
}

.wrapper .sidebar .nav ul {/*padding-left:40px;*/}
.wrapper .sidebar .sidebar-wrapper .logo .mini.simple-text {display:none;}
/* sidebar-type1 */
.wrapper[data-side-type='tnm_fade_away'] {}
.wrapper[data-side-type='tnm_fade_away'] .sidebar,
.wrapper[data-side-type='tnm_fade_away'] .main-panel {
	-webkit-transition-property: left,width;transition-property: left, width;
	-webkit-transition-duration: .2s,.2s;transition-duration: .2s,.2s;
	-webkit-transition-timing-function: linear,linear;transition-timing-function: linear,linear;
	-webkit-overflow-scrolling: touch;
}
.wrapper[data-side-type='tnm_fade_away'] .main-panel .navbar .navbar-minimize {float:left;}
.wrapper[data-side-type='tnm_fade_away'] .main-panel .navbar-minimize .btn {margin:12px 3px;border-radius:0;border:0 none;font-size:24px;background:none;}
.wrapper[data-side-type='tnm_fade_away'] .main-panel .navbar-minimize .btn:hover,
.wrapper[data-side-type='tnm_fade_away'] .main-panel .navbar-minimize .btn:focus {color:#66615B;}
.wrapper[data-side-type='tnm_fade_away'].minimize {}
.wrapper[data-side-type='tnm_fade_away'].minimize .sidebar {left:-260px;}
.wrapper[data-side-type='tnm_fade_away'].minimize .main-panel {width:100%;}

/* sidebar-type2 */
.wrapper[data-side-type='tnm_mini'] {}
.wrapper[data-side-type='tnm_mini'] .sidebar + .main-panel {width:calc(100% - 80px);}
.wrapper[data-side-type='tnm_mini'] .sidebar {width:80px;overflow:hidden;z-index:3;transition:width 0s ease-out;}
.wrapper[data-side-type='tnm_mini'] .sidebar .sidebar-wrapper {width:80px;transition:width 0s ease-out;}
.wrapper[data-side-type='tnm_mini'] .sidebar .sidebar-wrapper .logo .simple-text {display:none;width:220px;}
.wrapper[data-side-type='tnm_mini'] .sidebar .sidebar-wrapper .logo .mini.simple-text {display:block;width:40px;}
.wrapper[data-side-type='tnm_mini'] .sidebar .nav p {opacity:0;width:200px;}
.wrapper[data-side-type='tnm_mini'] .sidebar .nav .collapse.in {display:none;}
.wrapper[data-side-type='tnm_mini'] .sidebar .nav .side-nav-link i.m-depth {position:absolute;right:0;top:10px;display:none;font-size:10px;}
.wrapper[data-side-type='tnm_mini'] .sidebar .nav .side-nav-link i.m-depth:before {font-family:'themify';content:"\e64b";}
.wrapper[data-side-type='tnm_mini'] .sidebar .nav .side-nav-link.collapsed i.m-depth:before {content:"\e648";}
.wrapper[data-side-type='tnm_mini'] .sidebar:hover,
.wrapper[data-side-type='tnm_mini'] .sidebar:focus {width:260px;transition:width .3s ease-out;}
.wrapper[data-side-type='tnm_mini'] .sidebar:hover .sidebar-wrapper,
.wrapper[data-side-type='tnm_mini'] .sidebar:focus .sidebar-wrapper {width:260px;transition:width .3s ease-out;}
.wrapper[data-side-type='tnm_mini'] .sidebar:hover .sidebar-wrapper .logo .simple-text,
.wrapper[data-side-type='tnm_mini'] .sidebar:focus .sidebar-wrapper .logo .simple-text {display:block;}
.wrapper[data-side-type='tnm_mini'] .sidebar:hover .sidebar-wrapper .logo .mini.simple-text,
.wrapper[data-side-type='tnm_mini'] .sidebar:focus .sidebar-wrapper .logo .mini.simple-text {display:none;}
.wrapper[data-side-type='tnm_mini'] .sidebar:hover .nav p, 
.wrapper[data-side-type='tnm_mini'] .sidebar:focus .nav p {opacity:1;}
.wrapper[data-side-type='tnm_mini'] .sidebar:hover .nav .collapse.in,
.wrapper[data-side-type='tnm_mini'] .sidebar:focus .nav .collapse.in {display:block;}
.wrapper[data-side-type='tnm_mini'] .sidebar:hover .nav li.active > a:before,
.wrapper[data-side-type='tnm_mini'] .sidebar:focus .nav li.active > a:before {display:none;}
.wrapper[data-side-type='tnm_mini'] .sidebar:hover .nav li.active > a:after,
.wrapper[data-side-type='tnm_mini'] .sidebar:focus .nav li.active > a:after {display:none;}
.wrapper[data-side-type='tnm_mini'] .sidebar:hover .nav i.m-depth, 
.wrapper[data-side-type='tnm_mini'] .sidebar:focus .nav i.m-depth {display:block;}
.wrapper[data-side-type='tnm_mini'] .main-panel .navbar .navbar-minimize {display:none;}
@media (max-width: 991px) {
	.wrapper[data-side-type='tnm_mini'] .sidebar + .main-panel {width: 100%;}
}


/* modal */
.modal-content.window-type {
	border:0 none;
	border-radius:0;
	-webkit-box-shadow:none;
	box-shadow:none;
}

.modal-content.window-type .modal-header .close {
	display:none;
}

/* theme */
/*
 input[type="date"]::-webkit-inner-spin-button {
        opacity: 0
    }

    input[type="date"]::-webkit-calendar-picker-indicator {
        background: url(https://cdn3.iconfinder.com/data/icons/linecons-free-vector-icons-pack/32/calendar-16.png) center/80% no-repeat;
        content:"\e6b6";
        color: rgba(0, 0, 0, 0);
        opacity: 0.5
    }

    input[type="date"]::-webkit-calendar-picker-indicator:hover {
        background: url(https://cdn3.iconfinder.com/data/icons/linecons-free-vector-icons-pack/32/calendar-16.png) center/80% no-repeat;
        opacity: 0.8
    }
    */
/* .wrapper {background:#0a0b0d;} */

.sidebar[data-background-color="tnm_dark"] .sidebar-wrapper {box-shadow:none;}
.sidebar[data-background-color="tnm_dark"]:after, 
.sidebar[data-background-color="tnm_dark"]:before,
.off-canvas-sidebar[data-background-color="tnm_dark"]:after,
.off-canvas-sidebar[data-background-color="tnm_dark"]:before {
	background:#0a0b0d;
}
.sidebar[data-background-color="tnm_dark"] .logo,
.off-canvas-sidebar[data-background-color="tnm_dark"] .logo {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.sidebar[data-background-color="tnm_dark"] .logo p,
.off-canvas-sidebar[data-background-color="tnm_dark"] .logo p {
	color: #FFFFFF;
}
.sidebar[data-background-color="tnm_dark"] .logo .simple-text,
.off-canvas-sidebar[data-background-color="tnm_dark"] .logo .simple-text {
	color: #FFFFFF;
}
.sidebar[data-background-color="tnm_dark"] .nav li:not(.active) > a,
.off-canvas-sidebar[data-background-color="tnm_dark"] .nav li:not(.active) > a {
	color: #FFFFFF;
}
.sidebar[data-background-color="tnm_dark"] .nav .divider,
.off-canvas-sidebar[data-background-color="tnm_dark"] .nav .divider {
	background-color: rgba(255, 255, 255, 0.2);
}

.sidebar[data-background-color="tnm_dark"] .nav li.active > a:before, 
.off-canvas-sidebar[data-background-color="tnm_dark"] .nav li.active > a:before {
	border-right:17px solid #262930;
}

.sidebar[data-background-color="tnm_dark"] .nav li.active > a:after, 
.off-canvas-sidebar[data-background-color="tnm_dark"] .nav li.active > a:after {
	border-right:17px solid #262930;
}

.sidebar[data-background-color="tnm_dark"][data-active-color="danger"] .nav li.active > a, 
.off-canvas-sidebar[data-background-color="tnm_dark"][data-active-color="danger"] .nav li.active > a {
	color:#c30236;
}


.main-panel[data-background-color="tnm_dark"] {background-color:#262930;}
.main-panel[data-background-color="tnm_dark"] .navbar-default {background-color:#262930;border-bottom:1px solid #5b5e66}
.main-panel[data-background-color="tnm_dark"] .navbar-default .navbar-brand {color:#fff;}
.main-panel[data-background-color="tnm_dark"] .navbar-default .navbar-nav > li > a:not(.btn) {color:#fff;}

.main-panel[data-background-color="tnm_dark"] .card {background-color:#383c45;color:#fff;box-shadow:0 2px 2px rgb(4 4 4 / 38%);}
.main-panel[data-background-color="tnm_dark"] .card .title {color:#fff;}
.main-panel[data-background-color="tnm_dark"] .card .tnm_grid .ui-jqgrid .ui-jqgrid-bdiv tr:nth-of-type(2n) {background-color:#383c45 !important;}
.main-panel[data-background-color="tnm_dark"] .card .tnm_grid .ui-jqgrid .ui-jqgrid-bdiv tr:nth-of-type(2n+1) {background-color:#4c5058 !important;}
.main-panel[data-background-color="tnm_dark"] .card .tnm_grid .ui-widget-content {color:#fff;border-bottom:1px solid #5b5e66;}
.main-panel[data-background-color="tnm_dark"] .card .tnm_grid .ui-jqgrid .ui-jqgrid-htable th {color:#fff;}
.main-panel[data-background-color="tnm_dark"] .card .tnm_grid .ui-jqgrid .ui-jqgrid-hbox {border-bottom:1px solid #5b5e66;}
.main-panel[data-background-color="tnm_dark"] .card .tnm_grid .ui-jqgrid .no-pointer tr.jqgrow:hover, 
.main-panel[data-background-color="tnm_dark"] .card .tnm_grid .ui-jqgrid .no-pointer tr.jqgrow:focus {color:#fff;border-bottom: 1px solid #5b5e66;}
.main-panel[data-background-color="tnm_dark"] .card .icon-container [class^="ti-"], 
.main-panel[data-background-color="tnm_dark"] .card .icon-container [class*=" ti-"] {color:#fff;}
.main-panel[data-background-color="tnm_dark"] .card .icon-name {color:#fff;}
.main-panel[data-background-color="tnm_dark"] .card .form-control {background-color:#2c2f36;color:#fff;}
.main-panel[data-background-color="tnm_dark"] .card .form-control.border-input {border: 1px solid #2c2f36;}
.main-panel[data-background-color="tnm_dark"] .card hr {border-color:#5b5e66;}




/* scroll */
/*
::-webkit-scrollbar {
	width: 10px;
	height: 20px;
}
::-webkit-scrollbar-track {
	background-color: lightblue;
}
::-webkit-scrollbar-track-piece {
	background-color: #262930;
}
::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background-color: #686a6f;
}
::-webkit-scrollbar-button {
	width: 0px;
	height: 0px;
}
::-webkit-scrollbar-button:start {
}
::-webkit-scrollbar-button:end {
}
::-webkit-scrollbar-button:vertical:increment {
}
::-webkit-scrollbar-button:vertical:decrement {
}
::-webkit-scrollbar-corner {
}
::-webkit-resizer {
}
*/

/* LoadingBar */
#LoadingBar{display:none;position:fixed;top:0;left:0;bottom:0;right:0;/*width:100%;height:100%;*/background-color:rgba(0,0,0,0.3);z-index:9999;}
#LoadingBar img{position:fixed;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;z-index:9999;}

/*********************************************************************************/
/* contents */
/*********************************************************************************/

/* Login page */
.login {background-color:#ebeae7;}
.login .container {width:calc(100% - 80px);}
.login .navbar-header {float:none;}
.login .navbar-header .navbar-brand {float:right;}
.login .header .title {margin-bottom:78px;}
.login-page button {width:100%;border-radius:5px;}

.login-page > .content, .lock-page > .content {
	/*padding-top:20vh;*/ padding-top:14vh;
}

/* dashboard map */
.gm-style {border-radius:0 6px 0 6px;}
.gm-style .gm-style-iw-c {padding:12px !important;background-color:#00000080;border-radius:0;}
.gm-style .gm-style-iw-c button {position:relative;background:url(/resources/assets/img/button_close_map.png) no-repeat center center !important;opacity:1;}
.gm-style .gm-style-iw-c button img {display:none !important;}
.gm-style .gm-style-iw-t::after {background:linear-gradient(45deg,rgb(0 0 0 / .5) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);}
.gm-style-iw-d {overflow:hidden !important;color:#fff;}

.gm-style-iw-d .location_pop {position:relative;font-size:15px;font-weight:bold;}
.gm-style-iw-d .location_pop .tit {}
.gm-style-iw-d .location_pop .robot_cnt {display:inline-block;margin:4px 0;color:#000;background:url(/resources/assets/img/bul_style.png) no-repeat 0 0;width:46px;height:47px;line-height:47px;font-size:20px;font-weight:bold;}
.gm-style-iw-d .location_pop .state {}
.gm-style-iw-d .location_pop .state .finish_cnt {position:relative;padding:0 0 0 20px;}
.gm-style-iw-d .location_pop .state .finish_cnt:before {position:absolute;left:0;top:0;display:block;content:"";background:url(/resources/assets/img/bul_style.png) no-repeat 0 -50px;width:18px;height:16px;line-height:20px;}
.gm-style-iw-d .location_pop .state .progressing_cnt {position:relative;margin:0 0 0 20px;padding:0 0 0 20px;}
.gm-style-iw-d .location_pop .state .progressing_cnt:before {position:absolute;left:0;top:0;display:block;content:"";background:url(/resources/assets/img/bul_style.png) no-repeat 0 -75px;width:18px;height:16px;line-height:20px;}

.locationToal_pop {position:absolute;z-index:1;left:20px;bottom:30px;color:#252422;background:#fff;border-radius:10px;box-shadow:0 2px 7px 1px rgba(0,0,0,0.3);}
.locationToal_pop ul li {position:relative;padding:10px 10px 10px 55px;border-bottom:1px solid #ccc5b9;}
.locationToal_pop ul li .tit {display:block;margin:0 0 7px;font-size:13px;font-weight:bold;}
.locationToal_pop ul li .val {display:block;font-size:18px;font-weight:bold;font-style:normal;line-height:1em;height:1em;}
.locationToal_pop ul li:last-child {border-bottom:0 none;}
.locationToal_pop ul li:before {position:absolute;left:0;top:0;display:block;content:"";background-image:url(/resources/assets/img/bul_style.png);background-repeat:no-repeat;}
.locationToal_pop ul li.robot_cnt:before {top:calc(50% - 17px);left:11px;background-position:-50px 0;width:35px;height:35px;}
.locationToal_pop ul li.finish_cnt:before {top:calc(50% - 10px);left:21px;background-position:-50px -50px;width:20px;height:21px;}
.locationToal_pop ul li.progressing_cnt:before {top:calc(50% - 10px);left:21px;background-position:-50px -75px;width:20px;height:21px;}

.map_view {border-radius:0 0 6px 6px;}

.table-hover>tbody>tr .icon-container [class^="ti-"],
.table-hover>tbody>tr .icon-container [class*=" ti-"],
.table-hover>tbody>tr .icon-name {color:#252422;}
.table-hover>tbody>tr:hover {color:#fff;background:#ce0f46;}
.table-hover>tbody>tr:hover .icon-container [class^="ti-"], 
.table-hover>tbody>tr:hover .icon-container [class*=" ti-"],
.table-hover>tbody>tr:hover .icon-name {color:#fff;}
