/*
 * 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.
 */

/* smart-form 변경 */
.smart-form .inline-group .checkbox, .smart-form .inline-group .radio { margin: 5px 10px 4px 0; color: #404040; cursor: pointer; font-size: 14px;; }
.smart-form .label { margin: 7px 5px 0 0; color: #404040; font-size: 14px;}
.smart-form .table-bordered .col { float:left; padding-right: 0px; padding-left: 0px; }

.smart-form .input input {height:32px;}

.smart-form .textarea textarea {}
.smart-form .input .btn {padding:6px 12px;}
.state-disabled {background-color:silver;}

#menuSubTabList > ul > li > a{cursor: pointer;}


.bdr1 {border:1px solid red;}
.bdb1 {border:1px solid blue;}
.checkboxCenter {width:0px;height:19px;margin:0 auto;}


/* 테이블 색상 */
table {background-color:#FFFFFF}
.table-bordered .blue{background-color:#D4DFF5}
.table-bordered th{background-color:#EEF1F6;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{text-align:center; vertical-align: middle;}

.tb_type03>tbody>tr>td {text-align:left;vertical-align: middle;}
.tb_type02>tbody>tr>td {text-align:left;vertical-align: middle;}

/* 폰트사이즈 */
.fs15 {font-size:15px;}
.fs20 {font-size:20px;}
.fw {font-weight:bold;}
p{margin: 0 0 0px;}

/* 기타 설정 */
.subTit{font-weight:bold;}

.tableFooterText {margin-top:-7px;margin-bottom:-13px;}
.tRed {color:red;}

/* width */

.w5 {width:5px;}
.w10 {width:10px;}
.w20 {width:20px;}
.w30 {width:30px;}
.w40 {width:40px;}
.w50 {width:50px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w100 {width:100px;}
.w110 {width:110px;}
.w120 {width:120px;}
.w130 {width:130px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w180 {width:180px;}
.w200 {width:200px;}
.w210 {width:210px;}
.w250 {width:250px;}
.w500 {width:500px;}
.w800 {width:800px;}

.wp90{width:90%} .wp10{width:10%}
.wp80{width:80%} .wp20{width:20%}
.wp75{width:75%} .wp25{width:25%}
.wp72{width:72%} .wp28{width:28%}
.wp70{width:70%} .wp30{width:30%}
.wp50{width:50%} .wp60{width:60%}
.wp40{width:40%} .wp15{width:15%}
.wp85{width:85%} .wp100{width:100%}



/* margin */

.ml-1 {margin-left:-1px;}
.ml1 {margin-left:1px;}
.ml2 {margin-left:2px;}
.ml5 {margin-left:5px;}
.ml6 {margin-left:6px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml15 {margin-left:15px;}
.mr5 {margin-right:2px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}

.mt2 {margin-top:2px;}
.mt5 {margin-top:5px;}
.mt7 {margin-top:7px;}
.mt8 {margin-top:8px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt-10 {margin-top:-10px;}


.mb2 {margin-bottom:2px;}
.mb5 {margin-bottom:5px;}
.mb7 {margin-bottom:7px;}
.mb8 {margin-bottom:8px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}



/* padding */
.pl1 {padding-left:1px;}
.pl5 {padding-left:5px;}
.pr5 {padding-right:5px;}
.pl10 {padding-left:10px;}
.pr10 {padding-right:10px;}
.pt100 {padding-top:100px;}



/* 검색 영역 */

.search {overflow:hidden; border:1.5px solid #243655;  height:auto; padding:6px; margin-bottom:10px; background-color:#fff; border-radius: 8px; }
.searchAreaBox {list-style:none;margin:0;padding:0;}
.searchAreaBox li {border : 0;float: left;height:34px;}

.searchAreaBox li ul{list-style:none;margin:0;padding:0;}
.searchAreaBox li ul li{border : 0;float: left;height:34px;}


/*.condition {margin-right:10px;}*/
.fL {float:left;} , .txtL {text-align:left;}
.fR {float:right;} , .txtR {text-align:right;}
.label {color:#000;font-weight:normal; font-size:10pt;}



/*  로딩바  */
.page_ing_wrap{overflow:hidden; position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000; background-color:rgba(0,0,0, .2);}
.page_ing_wrap .page_ing{position: fixed; top:50%;  margin-top:-55px;  left:50%;  margin-left:-120px; text-align:center; display: block; background:#fff; border:3px solid #005bad; border-radius:8px; -webkit-border-radius:8px;}


/* 팝업 */
.popLayer { display:none; position:absolute; top:0; left:0; width:605px; height:auto; padding:15px; border:3px solid #747474; box-sizing:border-box; background:#FFF; z-index:99999; }
.popLayer .popWrap { position:relative; width:100%; height:100%; }
.popLayer .popWrap > h3 { font-size:14px; font-weight:bold; margin-bottom:8px; }
.popLayer .popWrap .close_pop { position:absolute; top:0; right:0; }
.popWrap.newWindow { padding:15px; box-sizing:border-box; }
.pop_bot_btn {margin:auto 0px; padding:20px 0 30px; text-align:center; }
.pop_btn_box { padding:20px; text-align:center; }

/*  팝업 id  */
#Applicant   { width:600px; height:400px; }
#AddAppicant { width:540px; height:300px; }
#IndiEval    { width:540px; height:300px; }
.popWrap .eval { height:80px; }
#AddRecipe   { width:570px; height:auto; }
#Recipe   { width:570px; height:400px; overflow:auto; }
#sris00t0001 { width:570px; height:620px; }
#sror00t0001 { width:600px; height:650px; }
#sror00t0002 { width:600px; height:568px; }
#pass { width:350px; height:auto; }
#contentLayer2 { width:1000px; height:auto; }
#contentLayer { width:800px; height:auto; }
#mainInsert { width:600px; height:620px; }
#manualPop { width:800px; }

/* 달력 */
/* 크롬, IE-Edge 및 - Mozilla, Firefox, Mac IE 5, Safari 등 가상클래스를 지원하는 브라우저 */
@media screen and (-webkit-min-device-pixel-ratio:0) { select.ui-datepicker-month { height:21px;}}
@media screen and (-webkit-min-device-pixel-ratio:0) { select.ui-datepicker-year  { height:21px;padding-top: 2px;    }}


/* 버튼 */
.btn_box_top {margin-bottom:10px;}


/* 일정 달력 페이지 */
.tb_calendar { width:100%; border-spacing:0; border-collapse:collapse; border:1px solid #E7E7E7; }
.tb_calendar>tbody>tr>th { height:30px; background:#EEF1F6; border:1px solid #E7E7E7; }
.tb_calendar>tbody>tr>td { position:relative; height:100px; border:1px solid #E7E7E7; vertical-align:top; }
.tb_calendar>tbody>tr>td .day { position:absolute; display:block; top:0; left:0; padding:5px; }
.tb_calendar>tbody>tr>td ul.schedule {padding:0px; margin-top:20px; list-style:none; }
.tb_calendar>tbody>tr>td ul.schedule li { padding:2px 5px; box-sizing:border-box;text-align:left; }
.tb_calendar>tbody>tr>td ul.schedule li:hover { background:#FBE0B2; }
.tb_calendar>tbody>tr>td ul.schedule li:before { margin-right:5px; content:"-"; }
.tb_calendar>tbody>tr>td ul.schedule li a { color:#000; }

/* 일정 달력 페이지 */
.reservation { width:100%; border-spacing:0; border-collapse:collapse; border:1px solid #E7E7E7; }
.reservation>tbody>tr>th { height:30px; background:#EEF1F6; border:1px solid #E7E7E7; }
.reservation>tbody>tr>td { position:relative; height:100px; border:1px solid #E7E7E7;}
.reservation>tbody>tr>td .day { position:absolute; display:block; top:0; left:0; padding:5px; }
.reservation>tbody>tr>td ul.schedule {padding:0px; list-style:none; }
.reservation>tbody>tr>td ul.schedule li { padding:2px 5px; box-sizing:border-box;text-align:left; }
.reservation>tbody>tr>td ul.schedule li:hover { background:#FBE0B2; }
.reservation>tbody>tr>td ul.schedule li:before { margin-right:5px; content:"-"; }
.reservation>tbody>tr>td ul.schedule li a { color:#000; }

.calendar_top { position:relative; width:100%; height:26px; padding:3px; text-align:center; background:#09205F; box-sizing:border-box; color:#FFF; }
.calendar_top .today { position:absolute; top:0; left:0; width:12.5%; padding:7px; text-align:center; color:#FFF; }
.calendar_top input { height:20px; border:1px solid #777586; vertical-align:middle; font-size:12px; color:#000; }

.td-hover>tbody>tr>td:hover {
    background-color: #ecf3f8
}


/* 부트스트랩 색상 변경 */
html, body{
	background:#ffffff;
}

#header{
	background: #f3f3f3;
}
.project-context .jarviswidget-sortable .nav-tabs>li>a:hover{
	border-radius: 8px;
	background: #57698e;
	color: #ffffff;
}
/*상단 메뉴*/

#ribbon{
	background: #57698e;
}

#ribbon .breadcrumb li:last-child{
	color: #dfe9fb;
}
#ribbon .breadcrumb>li{
	color: #dfe9fb;
}
.nav-tabs {
    border-bottom: 0px;
}
.nav-tabs>li>a {
    line-height: 1.2;
}
/*왼쪽 메뉴*/
.login-info{
	background: #57698e;
}
#left-panel{
	background: #ececec;
}
.minifyme{
	background: #ffffff;
}

.minified nav>ul>li>ul, .minified nav>ul>li>ul>li{
	background: #a7a7a7;
}
nav ul ul{
	background:#a7a7a7;
}

nav ul li a, nav ul li a:focus{
	color:#04173a;
}
nav ul li a:hover{
	color:#000000;
}
nav ul li.open>a, nav ul li.open>a b, nav ul .active>a, .minified nav>ul>li>a>.menu-item-parent{
	color:#04173a !important
}
nav ul li .active>a{
	color:#ffffff !important;
	background-color: rgba(69, 69, 69, .8);
}

nav ul ul li a, nav ul ul li b, nav ul ul ul li a{
	color:#101725;
}

.login-info>span, .login-info, .minified .login-info, .minifyme {
	border-bottom:0px
}
.minified nav>ul>li{
    border-bottom: 0px solid #525151;
    border-top: 0px solid #525151;
}

.minifyme {
    width: 36px;
    height: 34px;
    font-size: 23px;
}

/*하단 메뉴*/
.page-footer{
	background: #57698e;
}
.page-footer>div>div>span{
	color: #dfe9fb
}

/* 컨텐츠 영역 */
.smart-form .checkbox input:focus+i, .smart-form .input input:focus,
	.smart-form .radio input:focus+i, .smart-form .select select:focus,
	.smart-form .textarea textarea:focus, .smart-form .toggle input:focus+i
	{
	border-color: #fab102;
	border-width: 2px
}
.smart-form .checkbox:hover i, .smart-form .input:hover input,
	.smart-form .radio:hover i, .smart-form .select:hover select,
	.smart-form .textarea:hover textarea, .smart-form .toggle:hover i {
	/* border-color: #fab102; */
	border-width: 2px
}

.form-control:focus {
	border-color: #fab102;
	border-width: 2px
}
/* 컨텐츠 테두리 시작 */
article{
	/* border-bottom: 1.5px solid #243655;
	border-left: 1.5px solid #243655;
	border-right: 1.5px solid #243655;
	padding-left: 0;
	padding-right: 1px;
	margin-left: 0;
	margin-right: 0; */
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    min-height: 0px;
}
@media ( min-width :1200px) {
	.col-lg-1{
		width: 30%;
	}
}
@media ( min-width :992px) {
	.col-md-2 {
        width: 30%
    }
}
.nav-tabs>li {
    margin-bottom: 0px;
}
.content{
	border-bottom: 1.5px solid #243655;
    border-left: 1.5px solid #243655;
    border-right: 1.5px solid #243655;
    padding-left: 0;
    padding-right: 1px;
    padding-bottom: 1px;
    margin-left: 0;
    margin-right: 0;
}

.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #9ca2a7;
}
/* 컨텐츠 테두리 종료 */

/* 탭영역 컬러 */

.tab-content>.jarviswidget-sortable>.nav-tabs {
    border-bottom: 1.5px solid #243655;
}
.nav-tabs>li>a {
    margin-right: 0px;
}
 .tab-content>.jarviswidget-sortable>.nav-tabs>li>a{
    background: #EEF1F6;
    
    box-shadow: 0 -1px 0 #57889c;
    border-top-width: 0 !important;
    margin-top: 1px !important;
    background: #FFF;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: 1px;
	/* border-top-left-radius: 6px;
	border-top-right-radius: 6px; */
} 
 .tab-content>.jarviswidget-sortable>.nav-tabs>.active>a{
    background: #fab102;
    color:#031229;
	/* border-top-left-radius: 6px;
	border-top-right-radius: 6px; */
} 

.tab-content>.jarviswidget-sortable>.nav-tabs>li>a:hover {
    border-color: #FFF;
    background: #fab102;
}

.totalColor{
	background-color: #EEF1F6;
}

/* 210827 추가 */
.popup-con {width: 300px;}
.popup-con .file_box {padding: 24px 30px 14px;}
.popup-con .file_box .tit {margin-bottom: 10px;line-height: 24px;font-size: 18px;}
.popup-con .file_box .sub {line-height: 20px;font-size: 15px;}
.popup-con .file_box .red {color: red;font-size: 15px;font-weight: bold;}
.popup-con .file_box .line {padding: 15px 25px 0;}
.popup-con .file_box button {padding: 5px 15px;width: auto;border: 3px solid #f8d92d;}

/* 210827 추가 */
.dim-layer {display: none;position: fixed;_position: absolute;top: 250px;left: 0;width: 100%;height: 100%;z-index: 900;}
.dim-layer .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.popup-con {position: fixed;left: 50%;transform: translate(-50%, -50%);padding-bottom: 20px;width: 450px;height: auto;max-height: 315px;z-index: 10;text-align: center;letter-spacing: -0.03em;
    background: url("../../images/logout_bg.png") no-repeat bottom center;background-size: cover;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .2), -2px 2px 3px rgba(0, 0, 0, .2), 2px -1px 3px rgba(0, 0, 0, .2), -2px -1px 3px rgba(0, 0, 0, .2)}
.popup-con .close_box {height: 40px;background: #f8d92d;background-image: url("../../images/logo_s.png");background-position: 5% center;background-repeat: no-repeat;}
.popup-con .file_box {padding: 24px 30px 20px;}
.popup-con .file_box .tit {margin-bottom: 10px;line-height: 26px;font-size: 20px;font-weight: bold;word-spacing: -0.1em;}
.popup-con .file_box .sub {line-height: 24px;font-size: 16px;}
.popup-con .file_box .red {color: red;font-size: 16px;font-weight: bold;}
.popup-con .file_box .line {padding: 25px 100px 0;}
.popup-con .file_box button {padding: 5px 15px;width: auto;font-weight: bold;border: 3px solid #f8d92d;}
.popup-con  .line .b_y {background: #f8d92d;}
.popup-con  .line .b_w {background: white;}

/* 메인 css */
#main{
}