.no-margin{
	margin:0px !important;
}

html,body{height: 100%;}
#wrapper{height: 100%;}
#page-wrapper{min-height: 100%;}

.grid-col {
	padding-right: 5px !important;
	padding-left: 5px !important;
}

#LoadingDivLayer
{
    width:100%;
}

.LoadingDivLayerClass
{
    position:absolute;
    margin:0;
    padding:0;
    z-index:2147483640;
    top:0px;
    left:0px;
    border:none;
    overflow:hidden;
    display:none;
}

.LoadingDivLayerClass .LoadingForeground
{
    position:relative;
    z-index:101;
    width:100%;
}

.LoadingDivLayerClass .LoadingForeground .LoadingBox
{
    position:relative;
    width:69px !important;
    height:69px !important;
    text-align:center;
    margin:0;
    padding:0;
    line-height:69px;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    background:rgba(0,0,0,.70);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000CC, endColorstr=#000000CC);
}

.LoadingDivLayerClass .LoadingForeground .LoadingBox img
{
    position:relative;
    width:29px;
    height:29px;
    border:none;
    outline:none;
    margin:18px auto;
    padding:0;
}

.LoadingDivLayerClass .LoadingBackground
{
    position:absolute;
    margin:0;
    padding:0;
    z-index:100;
    width:100%;
    top:0px;
    left:0px;
    border:none;
    overflow:hidden;
    background-color:#000;
    filter:opacity(alpha=30);
    opacity:0.3;
}

.top-navigation .nav > li a:hover,
.top-navigation .nav > li a:focus {
  background: #323B4C;
  color: #1ab394;
}

.btn-search {
  color: #fff;
  background-color: #666;
  border-color: #666;
  width:60px;
}
.btn-search:focus,
.btn-search.focus {
  color: #fff;
  background-color: #666;
  border-color: #666;
}
.btn-search:hover {
  color: #fff;
  background-color: #777;
  border-color: #777;
}
.btn-search:active,
.btn-search.active,
.open > .dropdown-toggle.btn-search {
  color: #fff;
  background-color: #666;
  border-color: #666;
}
.btn-search:active:hover,
.btn-search.active:hover,
.open > .dropdown-toggle.btn-search:hover,
.btn-search:active:focus,
.btn-search.active:focus,
.open > .dropdown-toggle.btn-search:focus,
.btn-search:active.focus,
.btn-search.active.focus,
.open > .dropdown-toggle.btn-search.focus {
  color: #fff;
  background-color: #666;
  border-color: #666;
}
.btn-search:active,
.btn-search.active,
.open > .dropdown-toggle.btn-search {
  background-image: none;
}
.btn-search.disabled:hover,
.btn-search[disabled]:hover,
fieldset[disabled] .btn-search:hover,
.btn-search.disabled:focus,
.btn-search[disabled]:focus,
fieldset[disabled] .btn-search:focus,
.btn-search.disabled.focus,
.btn-search[disabled].focus,
fieldset[disabled] .btn-search.focus {
  background-color: #666;
  border-color: #666;
}

.note-editor{font-family:"맑은 고딕"}

.machhapuchchhre
{
	font-size:.9em;
	margin-bottom:0px;
}
.machhapuchchhre thead tr th
{
	font-size:.9em;
	padding:4px;
	text-align:center;
	background-color:#8b8b8b;
	color:#ffffff;
}
.machhapuchchhre tbody tr td
{
	font-size:.9em;
	padding:4px;
	background-color:#FFFFFF;
	/*width:200px;*/
}

.machhapuchchhre:not(.devicelist) tbody tr:hover td
{
	font-size:.9em;
	padding:4px;
	background-color:#EBEBEB;
	/*width:200px;*/
}

.machhapuchchhre tbody tr th
{
	font-size:.9em;
	padding:4px;
	text-align:center;
	background-color:#8b8b8b;
	color:#ffffff;
	/*width:100px;*/
}

.machhapuchchhre-hover tbody tr:hover td
{
	background-color:#EBEBEB
}

.machhapuchchhre input,textarea,select
{
	border: 1px solid #e5e6e7;
}

.machhapuchchhre2
{
	font-size:.9em;
	margin-bottom:0px;
}
.machhapuchchhre2 thead tr th
{
	font-size:.9em;
	padding:4px;
	text-align:center;
	background-color:#8b8b8b;
	color:#ffffff;
}
.machhapuchchhre2 tbody tr td
{
	font-size:.9em;
	padding:4px;
	background-color:#FFFFFF;
	/*width:200px;*/
}

.machhapuchchhre2 tbody tr th
{
	font-size:.9em;
	padding:4px;
	text-align:center;
	background-color:#8b8b8b;
	color:#ffffff;
	/*width:100px;*/
}

.machhapuchchhre-hover2 tbody tr:hover td
{
	background-color:#EBEBEB
}

.machhapuchchhre2 input,textarea,select
{
	border: 1px solid #e5e6e7;
}

.machhapuchchhre_bar
{
	margin-bottom:1px;
	font-size:.9em;
	padding:4px 4px 4px 4px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #D4D4D4;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #D4D4D4;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #D4D4D4;
}
:-moz-placeholder { /* Firefox 18- */
	color: #D4D4D4;
}

.annapurna
{
	font-size:.9em;
	margin-bottom:0px;
}

.annapurna tbody tr th
{
	font-size:.9em;
	padding:4px;
	text-align:center;
	background-color:#8b8b8b;
	color:#ffffff;
	height:31px;
}

.annapurna tbody tr td
{
	font-size:.9em;
	padding:4px;
	background-color:#FFFFFF;
	height:31px;
}

.annapurna-hover tbody tr:hover td
{
	background-color:#EBEBEB
}

.annapurna select
{
	height:22px;
}

.annapurna input,textarea,select
{
	border: 1px solid #e5e6e7;
}

.searchstyle
{
	border: 1px solid #8b8b8b;
	height: 22px;
}

/* added by lizzy 171130 : 유용한 링크 */
.mailbox-content-add
{
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}
.mb_font
{
    font-size:11px !important;
}
.mb_icon
{
    width:14px;
    text-align:center;
}

/* think in kinx : bg 라운딩 제거*/
.widget_no_radius {
  border-radius: 0px;
  padding: 15px 20px;
  margin-bottom: 10px;
  margin-top: 10px;
}

/* slideshare : 이미지 우측정렬*/
#slideshare_desc img
{
    float : left !important;
    margin-right: 10px;
    height:90px !important;
}

/*신규입사자*/
.welcome_bg
{
    background-image: url('/img/welcome_ribon.png');
    background-repeat:no-repeat;
    background-color: transparent;
    z-index: 1;
}

/*생일팝업*/
.birth-title {
    background-image : url('/img/msg_title.jpg');
    background-size : 500px 253px;
}

.birth-box {
  background-image: url('/img/msg_bg.jpg') !important;
  background-size : 500px 20px;
  background-repeat : repeat-y !important;
  border-style:none;
}

.birth-bottom {
    background-image : url('/img/msg_btm.jpg');
    background-size : 500px 65px;
}

/* My birth popup 영역 */
.mybirth-bg {
    background-image : url('/img/bg_congrat.jpg');
    background-size : 500px 380px;
}

#congrat {width:500px; height:380px; background:url(/img/bg_congrat.jpg) no-repeat;}
.congrat_title	 {text-align:center; font-size:18px; color:#444; letter-spacing:-1.5px; line-height:20px; padding-top:210px;}
.congrat_notice   {text-align:center; font-size:12px; color:#444; letter-spacing:-1px; line-height:20px; padding-top:25px;}

/*Login*/
/* 배경 및 슬로건 */
#login_visual {position:relative; margin:0 auto; background:url('/img/bg_login.jpg') no-repeat 50% 0; width:100%; height:900px; text-align: center;}
#login_visual .title {position:relative; margin:0 auto; width:1000px; height:900px;}
#login_visual .txt {position:absolute; top:230px; left:80px;}

/* 로그인 영역 */
#login_visual .login {position:absolute; width:400px; height:400px; top:230px; left:540px; opacity:0.4; filter:alpha(opacity=40); background:#000000;}
#login_visual .login1 {position:absolute; width:400px; height:400px; top:230px; left:540px;}
#login_visual .login_tit {position:relative; padding-top:80px;}
#login_visual .login_input {position:relative; padding-top:40px;}
#login_visual .login_txt {position:relative; padding-top:30px; color:#999; font-size:12px;}


/*mission 인재상 */
.mission {display: -webkit-flex; display: flex; height:218px; }
.mission_bg_left { background-image : url('/img/mission_bg_left.png'); background-size:35px 218px; background-repeat:no-repeat;
          -webkit-flex: initial;  flex: initial; width: 35px; min-width: 35px; }
.mission_bg_center { background-image : url('/img/mission_bg_center.png'); background-repeat:repeat-x; flex:1;   height:218px;  }
.mission_bg_right { background-image : url('/img/mission_bg_right.png'); background-size: 73px 218px; background-repeat:no-repeat;
         -webkit-flex: none; flex: none; width: 73px; height:218px;  }

/* slideshare */
.profile_area{
 border: 1px solid #e9ebee; height:68px; overflow: hidden; position: relative;
}
.profile_area_detail{
 padding:8px 8px; left:0; position:absolute; right:0;top:0;
}
.profile_info{
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; font-size:12px;
}



.datepicker-days table tboby tr td.disabled{
    cursor: not-allowed;
}

.dataTables_info{
    color:#aaa;
}
.dataTables_info span{
    color:#888;
}


#selectable .ui-selecting { background-color: #FECA40; }
#selectable .ui-selected { background-color: #F39814; color: #ffffff; }
.machhapuchchhre2 .ui-occupied { background-color: #ed5565; color: #ffffff; }
.machhapuchchhre2 .ui-allocated { background-color: #1c84c6; color: #ffffff; }
.machhapuchchhre2 .ui-marked { background-color: #1c84c6; color: #ffffff; }

.machhapuchchhre .sumstyle1 { background-color: #cbcbcb; color: #ffffff; font-weight: bold; }
.machhapuchchhre .sumstyle2 { background-color: #ababab; color: #ffffff; font-weight: bold; }
.machhapuchchhre .sumstyle3 { background-color: #8b8b8b; color: #ffffff; font-weight: bold; }

.machhapuchchhre2 .ui-racks { background-color: #b5b5b5; color: #ffffff; }
.machhapuchchhre2 .ui-devices { background-color: #c2c2c2; color: #ffffff; }

.machhapuchchhre .ui-marked { background-color: #1c84c6; color: #ffffff; }

.kinx-datatable{
    border-bottom:solid 2px #ddd !important;
    border-right:solid 2px #ddd !important;
    margin-bottom:5px;
}

.kinx-datatable > thead > tr > th{
    text-align:center;
    border:0;
    border-bottom:solid 1px #ccc;
    border-top:solid 1px #ccc !important;
    border-right:solid 1px #ccc !important;
    padding:5px;
    position: relative;
    vertical-align: middle;
}
.kinx-datatable > thead > tr > th.sorting_desc:after{
    content: "\f0dd";
    position: absolute;
    right: 8px;
    display: inline-block;
    font-family: FontAwesome;
    font-size:0.8em;
    opacity: .5;
}

.kinx-datatable > thead > tr > th.sorting_asc:after{
    content: "\f0de";
    position: absolute;
    right: 8px;
    display: inline-block;
    font-family: FontAwesome;
    font-size:0.8em;
    opacity: .5;

}


/* kinxtable.js css*/
.kinx-datatable{
    margin-top:5px;
}

.kinxtable{
    margin-bottom: 0px;
}


.kinxtable > tbody > tr > th, .kinxtable > thead > tr > th{
    background-color: #FBFBFB;
    border-bottom: solid 1px #DEDEDE;
    color: #556a82 !important;
    padding: 4px 4px 4px 10px !important;
    font-size:0.9em;
    font-weight: normal;
    width: 150px;
}
.kinxtable > thead > tr > th{
    width: auto;
    vertical-align: middle;
}

/*start 190809*/
.table > thead > tr > th.sorting_desc:after{
    content: "\f0dd";
    position: absolute;
    right: 8px;
    display: inline-block;
    font-family: FontAwesome;
    font-size:0.8em;
    opacity: .5;
}

.table > thead > tr > th.sorting_asc:after{
    content: "\f0de";
    position: absolute;
    right: 8px;
    display: inline-block;
    font-family: FontAwesome;
    font-size:0.8em;
    opacity: .5;

}
/*end 190809 */
.kinxtable > tbody > tr:last-child th{
    border-bottom:0;
    vertical-align: middle;
}
.kinxtable > tbody > tr > td, .kinxtable > tfoot > tr > td{
    padding:4px 4px 4px 10px !important;
    font-size:0.85em;
}

.kinxtable > tfoot > tr > th{
    width: auto;
    vertical-align: middle;
}

.kinx-datatable tbody tr td, .kinx-datatable tbody tr th{
    vertical-align: middle;
    padding: 5px;
}

.table-hover > tbody > tr:hover > th {
  background-color: #E5E5E5;
}

.btn-icon{
    padding-right:5px;font-size:0.85em
}


select.input-sm{
    font-size: 11px;
}

select.input-xsm{
    height: 27px;
    line-height: 27px;
    font-size: 10px;
}


.tree_focus{
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjdlYSIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOWVjMyIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  rgba(0,183,234,0.3) 0%, rgba(0,158,195,0.3) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,183,234,0.3)), color-stop(100%,rgba(0,158,195,0.3))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,183,234,0.3) 0%,rgba(0,158,195,0.3) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,183,234,0.3) 0%,rgba(0,158,195,0.3) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,183,234,0.3) 0%,rgba(0,158,195,0.3) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,183,234,0.3) 0%,rgba(0,158,195,0.3) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d00b7ea', endColorstr='#4d009ec3',GradientType=0 ); /* IE6-8 */
}

.parsley-error {
  border-color: #f05050 !important;
}
.parsley-errors-list {
  display: none;
  margin: 0;
  padding: 0;
}
.parsley-errors-list.filled {
  display: block;
}
.parsley-errors-list > li {
  font-size: 12px;
  list-style: none;
  color: #f05050;
}


.btn-xxs,
.btn-group-xxs > .btn {
  padding: 1px 5px;
  font-size: 11px;
  line-height: 1.5;
  border-radius: 3px;
}

.tooltip-inner {
    min-width: 300px;
}
 
/* 테이블 헤더 고정 Style Sheet */
.table-box-wrap {
	position: relative;
	margin-top: 0px;
	padding-top: 23px;
	border: 1px solid #ccc;
}
.table-box-wrap .table-box {
	max-height: 500px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.table-box-wrap .table-box table {
	width: 100%;
	table-layout: fixed;
	border-spacing: 0;
	border-collapse: collapse;
}
.table-box-wrap .table-box table thead tr {
	position: absolute;
	top: 0;
	left: 0;
}
.table-box-wrap .table-box table tr {
	display: inline-table;
	width: 100%;
	table-layout: fixed;
}
.table-box-wrap .table-box table tbody tr {
	display: table-row;
} 
/*상면전체현황,  */
#datatable_rackstats > table{  max-height:700px;  table-layout:fixed; } 
#datatable_rackstats > table thead{display:block; } 
/*#datatable_rackstats > table thead tr th{  padding:8px; text-align:center;background-color:#8b8b8b; color:#ffffff; } */
#datatable_rackstats > table tbody {height:700px; overflow-y:scroll; display:block;  }
#datatable_rackstats > table .fix_width {overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; } 
 
/*상면업체현화 페이지 */
#datatable_rackmains > table{  max-height:700px;  table-layout:fixed; } 
#datatable_rackmains > table thead{display:block; } 
/*#datatable_rackmains > table thead tr th{  padding:8px; text-align:center;background-color:#8b8b8b; color:#ffffff; } */
#datatable_rackmains > table tbody {height:700px; overflow-y:scroll; display:block;  }
#datatable_rackmains > table .fix_width {overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}