@charset "utf-8";

/* white body */
.hide { display:none; }
.noscroll { overflow:hidden; }
.invisible { width:0px; height:0px; visibility: hidden; display:none; }

.footer h3 { float:left; margin-top:7px; }
.footer ul { float:left; margin-left:15px; }
.footer li { height:18px; font-size:9pt; }

/* -------------- Login Page -------------- */

.loginWrap  { width:700px ; margin:auto; text-align:center !important; }  /* 가운데정렬 */
.loginTop {  height:50px; }
.loginLogo   { width:500px ; margin:auto; padding-bottom:30px; text-align:center; vertical-align:middle; }
.loginArea  { width:500px ; margin:auto; padding:1px; text-align:center; border:4px solid #d7d7d7; }
.loginErr  { width:100%; margin:auto; height:40px; line-height:40px; text-align:center; color:red; font-weight:bold; }
.loginTitle  { height:70px; padding:10px 20px 0 20px; background:url("../images/common/login_tbg.png") left top repeat-x; }
.loginTitle h2 { float:left; height:30px; margin-top:12px; padding:0px 0 0 35px; font-size:17pt; color:#ffffff; font-weight:bold; letter-spacing:-1px; background:url("../images/common/icon_login.png") no-repeat; }
.systemLogo  { float:right; width:200px; height:40px; margin-top:13px; text-align:right; vertical-align:middle; }

.table_login { height:60px; border-spacing:0px; border-collapse:collapse; empty-cells:show; min-height:100%; margin:auto; } 
.table_login th {  text-align:right; vertical-align:top; padding:3px; color:#646464; }
.table_login td { text-align:left; vertical-align:top; padding-left:10px; }
.table_login label { color:#646464; }

.input_idpw  { width:150px; height:23px ; border:1px solid #c8c8c8; padding-left:3px; }

.help_window{position: absolute; background: rgb(255, 255, 255); border: 1px solid #d7d7d7; border-radius: 15px;
    box-shadow: 2px 2px 4px 0px #b1b1b1; width: 1260px; height: auto; left: 0px; right: 0px; margin: 15px auto 0 auto;}
.help_window h2{ color: #197cd1; border-bottom: 4px solid; display: inline-block; padding-bottom: 4px;}
.help_window .os_select{margin-top:8px;}
.help_window h3{ display: inline-block; margin-right: 12px; background: #fff; color: #197cd1; padding: 1px 7px;
    border-radius: 5px; border:2px solid; cursor:pointer}
.help_window .os_active{background: #197cd1; color: #fff; border: 2px solid #197cd1;}
.help_window p{ margin-top: 12px; font-size: 14px; line-height: 26px; color: #6a6d6f; }
.help_window .window_close{ float: right; font-size: 14px; font-weight: 600; color: #ffffff; background: #d03232; padding: 0px 5px;
    border-radius: 7px; vertical-align: middle; cursor:pointer}

/**/
.group-box{display:inline-block;}
.group-box card{position:relative;}
.group-box .group-list{position: absolute; top: 68px; left: 0px; right: 0px; background: rgb(18, 43, 69); z-index: 999;}

/* Session TimeOut  */
.Alert_box { 
	background-color: #ffffff;
	width: 478px;
	min-height: 100px;
	padding: 17px;
	border-radius: 5px;
	text-align: center;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -256px;
	margin-top: -200px;
	overflow: hidden;   
	z-index:9999999999999999999999;
}
	
.Alert_title {font-size: 21px;font-weight: 600;position: relative;color: #ff1766;}
.Alert_msg {font-size: 14px;line-height: 22px;color: #444444;font-weight: 600;}
.Alert_ok { width:210px; margin:0 auto 0 auto; text-align:center;  }

/* -------------- Error Page -------------- */
/* .centerWrap  { width:700px ; margin:auto; text-align:center !important; }  가운데정렬 */
.errorBox  { width:500px ; height:300px; margin:auto; border:2px solid #d2dce1; }
.error_logo  { width:300px ; height:70px; margin:40px 0 0 50px; }
.error_img  { float:left; width:65px ; height:65px; background:url("../images/common/icon_error.png") no-repeat; margin-left:60px; }
.error_msg1  { float:left; width:300px; font-size:11pt;  font-weight:bold; margin:20px 0 0 20px; }
.error_msg2  { float:left; width:300px; line-height:27px; font-size:11pt;  font-weight:bold; margin:7px 0 0 20px;  }

.error-msg { margin: 0 auto; text-align:center; width: 400px; background: #fff;}
.error-msg i{font-size:5rem;color: #f31b6c;}
.error-msg p{color:#333; font-size:1rem; font-weight:300;}
.error-msg .back{background-color: #f31b6c !important; padding: 0.5rem 0;cursor: pointer; color:#fff}

/* Title & Search */
.titleArea {
	padding: 10px 15px 10px 20px;
}
.titleArea .breadcrumb { margin-bottom: 0; }
.titleArea h2 { margin-bottom: 12px; color: #ffffff; font-size: 22px; } 
.subtit { font-size:11pt; color:#005abd }

.titleSub h3 { font-size: 1rem; font-weight: 300; color: #fff; } 
.titleSub h2 { float:left ; height:30px; font-size:10pt; color:#32465a; margin-top:0px; padding-left:20px; background:url("../images/common/icon_tit2.png") 0px 4px no-repeat; } 
.titleSub .titleSub-info { font-size: 0.8rem; font-weight: 300;  }

/* Message  */
.mssg  { text-align:right; margin-top:10px;  }
.mssg:after  { float:none; clear:both; }
.input_msg1  { height:20px; padding-left:5px; font-size:9pt; color:#6482a0; border:1px solid #9cbed3; border-radius: 3px; }
.input_msg  { width:250px; height:20px; padding-left:5px; font-size:9pt; color:#6482a0; border:1px solid #9cbed3; border-radius: 3px; }
.input_infoRht{ display: inline-block; margin-left: 3px; vertical-align: middle; color: #6b6b6b; font-size: 11px; }
.helpMsg{display:inline-block; vertical-align:middle; }
.helpImg{cursor:pointer;}

/* Paging  */
.paging  { /*width:100%;*/ margin-top:15px; text-align:center; overflow:hidden; margin:0 auto;}
#pagination a{text-decoration:none;}

/* NoData */
.nodata td{ text-align:center; vertical-align: middle; height:100px;}
.nodata span{ font-size:1rem;}
.noDataArea2 { width: 100%; height: 100%; text-align: center; vertical-align: middle; display: table;}
.noDataArea2 span{ display: table-cell; vertical-align: middle; font-size:1rem;padding-bottom:2rem;}
.noDataArea2 .text-info{ display: table-cell; vertical-align: middle; color: #5a7a9c !important;padding-bottom:2rem;}

#info2{float: right; font-size: 0.9rem;}

.sendData_Area  {	 width:100%; height:100%; overflow:hidden; }
.sendData_left    { float:left;	width:48%; }
.sendData_right  { float:right; width:48%; margin-right:2px  }

.sendDataBox  { width:100%; height: 300px; margin-top:10px; background-color:#ffffff; border:1px solid #c8c8c8; overflow:auto; overflow-x:hidden; }  /* padding:5px 0 0 10px;  */
.sendDataTxt  { padding:5px 0 0 10px; word-wrap: break-word; font-size:9pt; color:#505050; }  

/* Tab Style */
.tab ul{ 
	border-bottom: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    }
    
.tab_on { 
	background-color: #9b61ff; 
	color: #ffffff !important; 
	border: 0;
	}
	
.tab  li  {
    border-radius: 0;
    border: none;
    cursor: pointer;
    line-height: 30px;
    font-weight: 300;
    padding-left: 30px;
    padding-right: 30px;
	margin-bottom: -1px; 
	display: block;
    border-radius: 30px;
	}
	
.tab_off { 
    color: #8ca2be !important; 
    background-color: transparent;
    }
    
.tab_off:hover { 
    color: #4d9cf6 !important;
}

.description { color: rgb(102, 102, 102); }

pre {	padding:10px ; border-radius: 8px; white-space: pre-wrap; background-color:#dddddd; }

input[type="file"] { border:1px solid #ffffff; font-size:9pt; background-color:#ffffff; color:#6e6e6e; line-height:22px;  }
.findFile  { display:block; /*margin:5px 0px 10px 0px;*/ vertical-align:top; }

/* progress */
.progress_cir { display:inline-block; vertical-align:middle; /* padding:5px 0 10px 0; */}
.progress_txt { display:inline-block; vertical-align:middle; padding-left:5px; }

/* Alignment */
.align_hl   { text-align:left !important ; }
.align_hc  { text-align:center !important ; }
.align_hr   { text-align:right !important; }

.align_vt   { vertical-align:top !important; }
.align_vm { vertical-align:middle !important; }
.align_vb  { vertical-align:bottom !important; }

.inline  { display:inline-block; }
.inline-center{ display:inline-block; text-align: center; }
.tcell  { display:table-cell ; }
.align_fl   { float:left !important; }
.align_fr   { float:right !important ;}
.align_fn  { float:none !important ; clear: both !important ; overflow:hidden }
.align_fr .align_vm a{text-decoration: none;}

.td_left td{ text-align: left !important;}
.td_right td{ text-align: right !important;}

.center{ text-align: center; margin:0 auto;}

/* Margin */
.mg_0  { margin:0px !important; }
.mg_10  { margin:10px !important; }
.mg_20  { margin:20px !important; }

.ml_0  { margin-left:0px !important; }
.ml_3  { margin-left:3px !important; }
.ml_5  { margin-left:5px !important; }
.ml_10  { margin-left:10px !important; }
.ml_30 {margin-left:30px !important;}

.mr_5 { margin-right:5px !important; }
.mr_10  { margin-right:10px !important; }
.mr_15  { margin-right:15px !important; }

.mt_0 { margin-top:0px !important; }
.mt_5 { margin-top:5px !important; }
.mt_10 { margin-top:10px !important; }
.mt_20 { margin-top:20px !important; }
.mt_30 { margin-top:30px !important; }
.mt_40 { margin-top:40px !important; }
.mt_50 { margin-top:50px !important; }
.mt_100 { margin-top:100px !important; }


/* Padding */
.pd_10 { padding:10px !important; }
.pd_15 { padding:15px !important; }
.pd_20 { padding:20px !important; }

.pt_5 { padding-top:5px !important; }
.pt_8 { padding-top:8px !important; }
.pt_10 { padding-top:10px !important; }

.pb_5 { padding-bottom:5px !important; }
.pb_10 { padding-bottom:10px !important; }
.pb_15 { padding-bottom:15px !important; }

.pl_0 { padding-left:0px !important; }
.pl_5 { padding-left:5px !important; }
.pl_10 { padding-left:10px !important; }
.pl_15 { padding-left:15px !important; }
.pl_20 { padding-left:20px !important;}
.pl_20 a{ text-decoration:none !important;}
.pl_30 { padding-left:30px !important;}
.pl_40 { padding-left:40px !important; }
.pl_60 { padding-left:60px !important; }
.pl_80 { padding-left:80px !important; }

.pr_0 { padding-right:0px !important; }
.pr_5 { padding-right:5px !important; }
.pr_10 { padding-right:10px !important; }
.pr_15 { padding-right:15px !important; }
.pr_20 { padding-right:20px !important; }
.pr_30 { padding-right:30px !important; }
.pr_40 { padding-right:40px !important; }
.pr_60 { padding-right:60px !important; }
.pr_80 { padding-right:80px !important; }


/* Width & Height */
.w100p  { width:100%; }
.w5  { width:5px; }
.w30  { width:30px; }
.w40  { width:40px; }
.w50  { width:50px; }
.w60  { width:60px; }
.w70  { width:70px; }
.w80  { width:80px; }
.w100 { width:100px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w300 { width:300px; }
.w310 { width:310px; }
.w334 { width:334px; }

.h25 { height:25px ; }
.h30 { height:30px !important; }
.h40 { height:40px ; }
.h50 { height:50px ; }
.h60 { height:60px ; }
.h100 { height:100px !important; }
.h150 { height:150px; }
.h300 { height:300px !important; }
.h100p{ height: 100%;}

/* ↓ 줄간격 */
.lh_16 { line-height:16px !important; }
.lh_18 { line-height:18px !important; }
.lh_20 { line-height:20px !important; }
.lh_23 { line-height:23px !important; }
.lh_25 { line-height:25px !important; }


/* Space */
.wspc_5 { width:5px ; height:1px }
.wspc_10 { width:10px ; height:1px }
.wspc_25 { width:25px ; height:1px }

.hspc_3 { float:none ; clear:both ; height:3px; overflow:hidden }
.hspc_5 { float:none ; clear:both ; height:5px; overflow:hidden }
.hspc_10 { float:none ; clear:both ; height:10px; overflow:hidden }
.hspc_15 { float:none ; clear:both ; height:15px; overflow:hidden }
.hspc_20 { float:none ; clear:both ; height:20px; line-height:20px; overflow:hidden }
.hspc_25 { float:none ; clear:both ; height:25px; line-height:25px; overflow:hidden }
.hspc_30 { float:none ; clear:both ; height:30px; line-height:30px; overflow:hidden }
.hspc_40 { float:none ; clear:both ; height:40px; line-height:40px; overflow:hidden }
.hspc_50 { float:none ; clear:both ; height:50px; line-height:50px; overflow:hidden }
.hspc_100 { float:none ; clear:both ; height:100px; line-height:100px; overflow:hidden }
 
.ellipsis{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:90%;}
.textOverflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.noScriptTitle { color : blue; text-align : center; font-weight : bold; padding-bottom : 12px; }
#url_check_msg { font-size:11px;}

.sandMail{text-decoration:none;}

.sub_title1{ color: #1c4da2; font-size: 14px; font-weight: 600; }

.chart{ height: 100%; width:100%;}
.chart_overInfo{ width: 600px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; color: #3d4fdc; margin-right: 11px;
    line-height: 15px; vertical-align: middle; display: inline-block; text-align:right;}
    
.loading_wrap{margin: 20px auto 0 auto; text-align: center;}
.loading{text-align: center; margin: 50px auto 0 auto; padding:0 !important;}
.loading div { display:inline-block; margin: 10px auto; text-align: center; width: 8px; height: 8px; border-radius: 12px; animation: loading 1.5s ease-in-out infinite;  background-color: #0062d2;}
.loading div:nth-child(1) { animation-delay: 0s; background-color: #5C6BC0; }
.loading div:nth-child(2) { animation-delay: 0.3s; background-color: #2196F3; }
.loading div:nth-child(3) { animation-delay: 0.6s; background-color: #00BCD4; }

.loading2{text-align: center;margin: 50px auto 0 auto; padding:0 !important;}
.loading2 div { display:inline-block; width: 8px; height: 8px; border-radius: 12px; /*animation: loading 1s ease-in-out infinite;*/ background-color: #708cad; margin: 10px auto; text-align: center;}
.loading2 img { position: absolute; top: -5px; right: 0; left: 0; bottom: 0; text-align: center; margin: 0 auto; }

.loading3 {text-align: center;margin: 50px auto 0 auto; padding:0 !important;}
.loading3 div{ display:inline-block; margin: 10px auto; text-align: center; width: 8px; height: 8px; border-radius: 12px; animation: loading 1.5s ease-in-out infinite;;  }
.loading3 div:nth-child(1) { animation-delay: 0.3s; background-color: #5C6BC0;}
.loading3 div:nth-child(2) { animation-delay: 0.3s; background-color: #2196F3;}
.loading3 div:nth-child(3) { animation-delay: 0.3s; background-color: #00BCD4;}

@keyframes loading {
  0% { transform: scale(1); }
  20% { transform: scale(1.5, 1.5); }
  40% { transform: scale(1); }
}

.loading-wrapper {
  /* position: absolute; */ width: 200px; height: 1px; left: -11px; right: 0; bottom: 0; top: 0; margin: 73px auto 60px auto; padding: 0 !important;
}

.mdi-play-circle-outline{ color :#00bcd4; font-size: 1.8rem}
.mdi-pause-circle-outline{ color :#2196f3; font-size: 1.8rem}
.mdi-restart{ color :#fff; font-size: 1.8rem}
.check-control{ background: transparent; }
.check-control i{ font-size:1rem; color:#fff; font-size:1.4rem; cursor:pointer; }
.check-control i:hover{opacity:0.5;}
.check-control .btn-custom-basic {float: right;}


/* Tab Style */
.tab ul{ 
	border-bottom: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    }
    
.tab_on { 
	background-color: #9b61ff; 
	color: #ffffff !important; 
	border: 0;
	}
	
.tab  li  {
    border-radius: 0;
    border: none;
    cursor: pointer;
    line-height: 30px;
    font-weight: 300;
    padding-left: 30px;
    padding-right: 30px;
	margin-bottom: -1px; 
	display: block;
    border-radius: 30px;
	}
	
.tab_off { 
    color: #8ca2be !important; 
    background-color: transparent;
    }
    
.tab_off:hover { 
    color: #4d9cf6 !important;
}

.tab2_area  { width:100%; height:25px; border-bottom:1px solid #bebebe; }
.tab2  { border-bottom: 0; /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);*/ display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0;}
.tab2  li { margin-bottom: -1px; }      
.tab2_on a{     
	/*background-color: #4d9cf6 !important; */
    border-bottom: 5px solid #9b61ff !important;
    color: #9b61ff !important;
    /* border: 0 !important;*/
}
.tab2  li a {
	background-color: transparent;
    border-radius: 0;
    border: none;
    color: #8ca2be;
    cursor: pointer;
    line-height: 40px;
    font-weight: 300;
    padding-left: 20px;
    padding-right: 20px;    
    padding: 0px 15px;
    position: relative;
    display:block;
}   
/***********************************/
/*   		메인페이지 관련 			   */
/***********************************/

.drag-bg{position: absolute; width:100%; height: 100%; top: 0; left: 0; z-index: 99; display:none;}

.check-set{float:right; display:table; border: 1px solid #a8b2c1; background: #ffffff; border-radius: 10px; color:#686868; position: fixed; z-index: 999; /*bottom: 40%; right: 20px;*/}
.check-set .check-menu-box { width: 65px; height: 65px; text-align: center; position: relative; cursor:pointer}
.check-set .check-menu-box:nth-child(even){background:#e6e6e6;}
.check-set .check-menu-box:nth-child(even):last-child{border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.check-set .check-menu-box :hover{opacity:0.7;}
.check-set .check-menu-box .check-menu {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.check-set .check-menu-box .check-menu i{ display: block;text-align: center;}
.check-set .check-menu-box .check-menu i:before{font-size: 20px;}    
.check-set .check-menu-box .check-menu span{margin: 0 auto; text-align: center; font-size: 12px; display: inline-block; line-height: 12px;}
.check-set .scan-user-insert .check-menu span{line-height: 12px;}
.check-set .check-menu-handle{color: #a4a4a4; text-align: center; line-height: 10px; margin-bottom: 5px; cursor: default;}
    
.check-set .scan-report{}
.check-set .user-report{}
.check-set .scan-user-insert{}
.check-set .scan-list{}
.check-set .scan-insert{ }
.check-set .check-menu-box-bt{}

.check-set i:first-child{ margin-top:0;}
.check-set i:last-child{border:none; margin-bottom: 0;}

.group-select-input{color: #44e8aa !important; border-bottom: 1px solid #44e8aa !important; padding-left: 4px;}
.group-select-input i{margin-right: 3px;}
.group-select-input i:before{font-size: 16px;}

.group_btn{ display: inline-block; vertical-align: top; background-color: #468ad1; border-radius: 6px; position: relative;
    padding: 0px 0 0 10px; cursor:pointer; border: 1px solid #6290b9; box-sizing: border-box; float: left;}
.group_btn i{font-size:21px; vertical-align:middle; color:#fff;}
.group_btn input[type=text] { background: #468ad1; border: none; color: #ffffff; cursor:pointer;}

.group_btn_text{ display: inline-block; padding: 2px; color: #131313; }
.group_btn_text p { display:inline-block; }

.group_window{position:absolute; left: 0; top: calc(1.95rem + 2px);  background: #08203a; /*padding: 0 10px 0 0;*/
    border: 1px solid #284065; display:none; cursor:auto; height: 510px;  overflow:auto; z-index:9999; min-width:300px; border-radius: 10px;}
    
.group_btn .scrollbar-inner > .scroll-element .scroll-bar{background-color: #ffffff !important;}
.policy_btn .scrollbar-inner > .scroll-element .scroll-bar{background-color: #ffffff !important;}
.testPolicy_btn .scrollbar-inner > .scroll-element .scroll-bar{background-color: #ffffff !important;}
.jstree i{font-size: 1rem;}

.policy_btn{position:relative;}
.testPolicy_btn{position:relative;}
.policy_window, .testPolicy_window{position:absolute; left: 0; top: 30px; background: #08203a; /*padding: 0 10px 0 0;*/
    border: 1px solid #284065; display:none; cursor:auto; height: 300px;  overflow:auto; z-index:9999; text-align: left; border-radius: 10px;}
        
.check_window{position:absolute; left: 0; top: 23px; display:none; cursor:auto; height: 600px; /*border: 1px solid #a9a9a9; box-shadow: 3px 2px 11px #cccccc; background: #fff;*/ overflow:visible;}

.check-title h4{margin:0 auto 0 0 !important;}
.check-title i{text-align:right; cursor: pointer; }
.check-title i:before{font-size:15px;}

.check-card-body h4{ margin: 0; font-size: 16px; overflow: hidden; text-overflow: ellipsis; width: 92%;}
.check-card-body h4 a{ color:#fff; white-space: nowrap; display:inline-block; width:100%; text-overflow:ellipsis; overflow:hidden;}

.check-info .form-inline{margin: 5px 0;white-space: nowrap; -ms-flex-flow: inherit; flex-flow: inherit;}
.check-info h2 { font-size: 0.9rem; font-weight: 300; color: #d3e3ff; margin: 0; line-height:inherit; }
.check-info p {text-overflow: ellipsis;font-size: 0.9rem;font-weight: 300;color: #86a1bd;margin: 0 0 0 8px;overflow: hidden;}
.check-info a {color: #86a1bd;white-space: nowrap;}

.check-chart{ width:200px;height:200px; margin:0 auto; text-align:center}
.check-chart i{font-size: 5rem;}
.check-chart p{font-size: 1rem; margin: 0;font-weight: 300; color:#fff;}
.check-chart .jqplot-data-label{color:#fff; font-size:0.9rem;}
.check-chart .jqplot-data-label:last-child{width:70px; top: 77.5px !important;; right: 0; left: 0 !important; margin:0 auto; text-align: center; font-size: 1.4rem; font-weight: 500; color: #fff; z-index:1;}

.check-button{ position: absolute; text-align: center; bottom: 0px; left: 10px; width:95px; display:flex; display:-ms-flex-box;}
.check-button i {/*background-image:linear-gradient(45deg, #43e4a8, #00bf1d);*/ background: #2196f3; color: #fff; cursor: pointer; /*margin: 0 -2px; */font-size: 22px; padding: 2px 5px 0 5px;  }
.check-button i:first-child { border-bottom-left-radius: 5px; border-top-left-radius: 5px; }
.check-button i:last-child { border-top-right-radius:5px; border-bottom-right-radius:5px; }
.check-button i:hover{ opacity: 0.8; }
.check-button .none { background: rgba(85, 86, 88, 0.37); color: #888888; cursor: default;}
.check-button .none:hover{opacity:1 !important;}
.check-button .stop-active { background-image: linear-gradient(45deg,  #E91E63,  #ea2f6f) }

.check-detail{position: absolute; top: 0; left: 10px;}
.check-detail button{height: 25px; font-size: 13px; padding: 0 8px !important;}
.check-detail button[type="button"]:disabled { cursor:default; }

.check-file{position: absolute; right:10px; bottom:5px;}
.check-file button{height: 25px; font-size: 13px; padding: 0 8px !important;}
.check-file button[type="button"]:disabled { cursor:default; }

.check-dot{position:relative;}


.check-vuln-stat-comp:before { content: ''; width: 7px; height: 7px; background: #48ef4f; position: absolute; left: -14px; top: 6px; border-radius: 50%; }
.check-vuln-stat-ing:before { content: ''; width: 7px; height: 7px; background: #77a979; position: absolute; left: -14px; top: 6px; border-radius: 50%; }
.check-vuln-stat-none:before { content: ''; width: 7px; height: 7px; background: #a7a7a7; position: absolute; left: -14px; top: 6px; border-radius: 50%; }
.check-vuln-stat-except:before { content: ''; width: 7px; height: 7px; background: #a7a7a7; position: absolute; left: -14px; top: 6px; border-radius: 50%; }

.checkDetail-set{display:flex; justify-content: space-between; width:100%; align-items: center;}
.checkDetail-set .check-button{position:inherit; width:80px;}

.engine_info .check-button{ top:0; bottom: inherit;}

.vuln_wrap{ background: #122b45; padding: 4px 16px;}
.vuln{ display: inline-block; margin:0 9px; }
.vuln p{ display: inline-block; vertical-align:middle; margin:0;}

.vuln-alert-all{ background: #122b45; font-size:18px; padding: 3px 12px; border: 1px solid #3a5e83; vertical-align: middle; cursor:pointer;}
.vuln-alert-all:hover{opacity:0.7;}
.vuln-alert-all span{ color: #b0d6ff; font-size: 20px; font-weight: 500; vertical-align: middle; margin-left: 5px;}
.vuln-alert-all i{vertical-align: middle; margin-left: 10px;}
.vuln-alert{ position:absolute; top:-13px; right:-13px; width: 35px; height:35px; border-radius:50%; background: rgba(59, 199, 146, 0.49);
    border: 1px solid #44e8aa; text-align:center; line-height:35px; cursor:pointer; color: #fff; font-size: 16px; font-weight:500;}
.vuln-alert:hover{opacity:0.7;}

.check-vuln-stat{position: absolute; right: 10px; top: 30px;}
.check-vuln-stat-title{min-width:85px;}
.overall{color:#9cccff;}
.severity{color:#fff;}

.check-login-status{position: absolute; left: 30px; top: 51px;}

.legend_outline{ display:inline-block; border: 1px solid #b1b1b1; padding: 1px; vertical-align:middle; }
.legend_inline{ width:10px; height:10px; }
.legend_red{ background-color: #f31b6c; }
.legend_org{ background-color: #fd9c35; }
.legend_yel{ background-color: #19d3e8; }
.legend_grn{ background-color: #5497f2; }

.siteAddWrap{ display: inline-block; position:relative;}
.siteAdd{ display: inline-block;}

.notice{ position: absolute; background: #fff; border: 1px solid #616161; z-index: 999; padding: 10px; left: 15px; width: 490px; top: 0;}
.notice p{color:#2c2c2c}
.mainHide{ height: 60px; }
.mainHide { display: inline-block;}
.mainHide .table05_main{ height: inherit; display:inline;}

.scanBox{border:1px solid #cdcdcd;}
.scanTitle{display:flex; background: #8c96a0; color: #fff; padding: 5px 5px; border-bottom: 2px solid #767676;}
.scanTitle h2{font-size: 14px;}
.scanTitle h2:first-child{ min-width:181px;}
.scanTitle h2:last-child { flex:4; }
.scanBody {max-height: 420px; overflow: auto;}
.scanBody .scanTr{ display: flex; padding: 1px 5px;}
.scanBody .scanTr:last-child{ margin-bottom: 20px; }
.scanBody .scanTr p{ white-space: nowrap; color: #6b6b6b;}
.scanBody .scanTr p:first-child { min-width:181px;}
.scanBody .scanTr p:last-child {flex:4;}
.scanActive{ background: #e1f4ff; }

#tab2 .checkorder-card{ height:inherit !important; background:inherit !important;}
#tab2 .checkorder-card-body{height:inherit !important;}

#loadingBg{position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.25); top: 0; left: 0; right: 0; display:none; z-index:9999999;}
#loadingBar{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display:none; z-index:99999999;}

.loading-spinner { position: relative; }
.loading-spinner:before, .loading-spinner:after { content: ""; position: relative; display: block; }
.loading-spinner:before {
  animation: spinner 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
  width: 4em;
  height: 4em;
  background-color: #00ffad;
}
.loading-spinner:after {
  animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
  bottom: -.9em;
  height: .75em;
  border-radius: 50%;
  background-color: rgba(0,0,0,0.7);
}

@keyframes spinner {
  50% {
    border-radius: 50%;
    transform: scale(0.5) rotate(360deg);
  }
  100% {
    transform: scale(1) rotate(720deg);
  }
}
@keyframes shadow {
  50% {
    transform: scale(0.5);
    background-color: rgba(#000000,0.1);
  }
}

/***********************************/
/*				메인페이지			   */
/***********************************/
.main-vlaty-page .card-body b { font-weight: 500; font-size: 40px; }

.dropdown-notice{/*overflow:auto;*/border-radius: .25rem;}

.notice-list li{ padding: 1.2rem 1rem; border-bottom: 1px solid #d6d6d6; cursor:pointer}
.notice-list li:hover{opacity:0.7;}
.notice-list li span{color: #5f7187;}

.notice-header{padding: 10px 5px; margin: 0 !important;}
.notice-title{margin: 0 auto; text-align: center; color: #79838e; font-size: 15px; font-weight: 300;}
.notice-back{color: #9aa6b9; cursor: pointer; }
.notice-desc{padding: 0 15px; height:420px; overflow:auto;}
.notice-desc p{ color:#7b8390; word-break: break-all; white-space: normal; margin:0;}

.main-notice .notice-require-title{border-top: 1px solid #e2e2e2; padding-top:16px}
.main-notice .notice-require-title h4{margin: 0 0 5px 0;}
.main-notice .notice-require-option i{cursor:pointer; font-size: 1rem; color: #435577;}
.main-notice .notice-require-info span{ color: #919191; vertical-align: middle; font-size:12px;}
.main-notice .notice-require-info li i { color: #a7a7a7; vertical-align: middle;}
.main-notice .notice-require-description{ min-height: 142px;word-break: break-all;}
.main-notice .notice-require-description p { margin-bottom: 0; }
.main-notice .notice-file-icon{vertical-align: sub; color: #0394e9; font-size:15px; margin-right: 5px;}
.main-notice .notice-file{vertical-align: middle; font-size:12px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; width:230px;}
.main-notice .notice-file:hover{opacity:0.7;}
.main-notice .notice-comment-insert { border-top: 1px solid #e2e2e2; padding-top: 16px;}
.main-notice .notice-comment-insert .input-group-addon{border: 0; background: #0394e9; border-radius: 0;}
.main-notice .notice-comment{ margin-bottom: 16px;}
.main-notice .notice-comment .comment{margin-top: 16px; }
.main-notice .notice-comment .comment-user{color: #4d4d4d;}
.main-notice .notice-comment .comment-date{font-size: 11px; margin-left:3px; color: #b0b0b0; font-weight: 300;}
.main-notice .notice-comment .comment-description{margin-top:4px; color:#6f6f6f;border-bottom: 1px solid #dddddd; padding-bottom: 12px;}
.main-notice .notice-comment .comment-control i{cursor:pointer}
.main-notice .notice-comment .comment-control i:hover{opacity:0.7;}
.main-notice .notice-option i { cursor: pointer; color: #a7a7a7; }
.main-notice .notice-option i:hover{opacity:0.7;}
/* .notice .notice-comment . */

/***********************************/
/*			Iframe 레이어 팝업 		   */
/***********************************/
.layerPop{background: #fff; padding:10px; border-radius: 14px; color:#0a2549;}
  
/***********************************/
/*				점검목록			   */  
/***********************************/
.fileList{position: absolute; bottom: 0px; left: 10px;}
.fileList i{ vertical-align: middle; margin-right: 2px; color: #40d8a0;}
.fileList i:hover{opacity:0.7;}
.fileList span{ background: #40d8a0; color: #0e233a; padding: 2px 12px; border-radius: 40px; font-size: 11px;}
.fileList span:not(:last-child){margin-right: 10px; }
.fileList button{ height: 25px; font-size: 13px; padding: 0 8px !important;}
.file-list-msg{position: absolute; bottom: 0; left: 10px; height: 25px; font-size: 13px; padding: 0 8px !important;}
.filelist-mdi{}
/***********************************/


/***********************************/
/*      		 스크롤                                */
/***********************************/
.scroll{overflow:auto;}
.scroll::-webkit-scrollbar { width: 8px; height: 8px; border: 3px solid #122b45; }
.scroll::-webkit-scrollbar-button:start:decrement,
.scroll::-webkit-scrollbar-button:end:increment { display: block; height: 10px; background: #122b45 }
.scroll::-webkit-scrollbar-track { background: #122b45; -webkit-border-radius: 10px; border-radius: 10px; }
.scroll::-webkit-scrollbar-thumb { width: 50px; background: rgba(99, 113, 126, 0.5); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .1) }
.scroll::-webkit-scrollbar-corner{ background: #122b45; }

.left .scroll { overflow: auto; }
.left .scroll::-webkit-scrollbar { width: 8px; height: 8px; border: 3px solid #fff; }
.left .scroll::-webkit-scrollbar-button:start:decrement,
.left .scroll::-webkit-scrollbar-button:end:increment { display: block; height: 10px; background: #fff }
.left .scroll::-webkit-scrollbar-track { background: #fff; -webkit-border-radius: 10px; border-radius: 10px; }
.left .scroll::-webkit-scrollbar-thumb { width: 50px; background: rgba(99, 113, 126, 0.5); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .1) }
.left .scroll::-webkit-scrollbar-corner{ background: #fff; }

.layerPop .scroll{overflow:auto; min-height: 100px !important;}
.layerPop .scroll::-webkit-scrollbar { width: 8px; height: 8px; border: 3px solid #ffffff; }
.layerPop .scroll::-webkit-scrollbar-button:start:decrement,
.layerPop .scroll::-webkit-scrollbar-button:end:increment { display: block; height: 10px; background: #ffffff }
.layerPop .scroll::-webkit-scrollbar-track { background: #ffffff; -webkit-border-radius: 10px; border-radius: 10px; }
.layerPop .scroll::-webkit-scrollbar-thumb { width: 50px; background: rgba(191, 191, 191, 0.5); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .1) }
.layerPop .scroll::-webkit-scrollbar-corner{ background: #ffffff; }

.layer-body.scroll{overflow:auto; min-height: 100px !important;}
.layer-body.scroll::-webkit-scrollbar { width: 8px; height: 8px; border: 3px solid #ffffff; }
.layer-body.scroll::-webkit-scrollbar-button:start:decrement,
.layer-body.scroll::-webkit-scrollbar-button:end:increment { display: block; height: 10px; background: #ffffff }
.layer-body.scroll::-webkit-scrollbar-track { background: #ffffff; -webkit-border-radius: 10px; border-radius: 10px; }
.layer-body.scroll::-webkit-scrollbar-thumb { width: 50px; background: rgba(191, 191, 191, 0.5); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .1) }
.layer-body.scroll::-webkit-scrollbar-corner{ background: #ffffff; }

.transparent-scroll{overflow:auto;}
.transparent-scroll::-webkit-scrollbar {width: 8px;height: 8px;border: 3px solid transparent;}
.transparent-scroll::-webkit-scrollbar-button:start:decrement,
.transparent-scroll::-webkit-scrollbar-button:end:increment { display: block; height: 10px; background: transparent }
.transparent-scroll::-webkit-scrollbar-track {background: transparent;-webkit-border-radius: 10px;border-radius: 10px;}
.transparent-scroll::-webkit-scrollbar-thumb { width: 50px; background: rgba(99, 113, 126, 0.5); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .1) }
.transparent-scroll::-webkit-scrollbar-corner{background: transparent;}

/* IE */
html .card, html .ie-scroll, html .scroll {
    scrollbar-3dlight-color: rgba(13, 35, 57, 1);
    scrollbar-arrow-color: rgba(77, 92, 106, 1);
    scrollbar-base-color: rgba(13, 35, 57, 1);
    scrollbar-face-color: rgba(77, 92, 106, 1);
    scrollbar-track-color: rgba(13, 35, 57, 1);
    scrollbar-shadow-color: rgba(77, 92, 106, 1);
}

html .layerPop .scroll, html .left .scroll{
    scrollbar-3dlight-color: rgba(255, 255, 255, 1);
    scrollbar-arrow-color: rgba(255, 255, 255, 1);
    scrollbar-base-color: rgba(255, 255, 255, 1);
    scrollbar-face-color: rgba(214, 214, 214, 1);
    scrollbar-track-color: rgba(255, 255, 255, 1);
    scrollbar-shadow-color: rgba(214, 214, 214, 1);
}

/* firefox */
@-moz-document url-prefix() { 
	select.form-custom{
		-moz-appearance: none;
		background-image: url(/images/common/icon_1_11.png);
		background-repeat: no-repeat;
		background-size: 14px;
		background-position-x: right;
		background-position-y: center;
	}
	.layerPop select.form-custom{
		-moz-appearance: none;
		background-image: url(/images/common/icon_1_11_1.png);
		background-repeat: no-repeat;
		background-size: 14px;
		background-position-x: right;
		background-position-y: center;
	}
	.layerPop select.form-custom[disabled], .layerPop select.form-custom[readonly]{
		-moz-appearance: none;
		background-image: url(/images/common/icon_1_11_2.png);
		background-repeat: no-repeat;
		background-size: 14px;
		background-position-x: right;
		background-position-y: center;
	}
	.frame-doc{
		scrollbar-color: rgba(99, 113, 126, 0.5) transparent; 
 		scrollbar-width: thin;
	}
	
	
/* 	html{ */
/*    		scrollbar-color: rgba(99, 113, 126, 0.5) #08203a; */
/* 		scrollbar-width: thin; */
/* 	} */
/* 	.left .scroll, .layerPop .scroll{ */
/*    		scrollbar-color: rgba(191, 191, 191, 0.5) #fff; */
/* 		scrollbar-width: thin; */
/* 	} */
/* 	.transparent-scroll{ */
/*    		scrollbar-color: rgba(99, 113, 126, 0.5) transparent; */
/* 		scrollbar-width: thin; */
/* 	} */
}
/* html {scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #efefef; scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #efefef} */

/***********************************/
/*           New Design            */
/***********************************/
.op *{opacity:0.7; cursor:default !important;}

.each{vertical-align:middle;}
.auto{vertical-align:middle;}

.card-custom {border-radius:0}
.card-custom .row-nm{margin:0;}
.card-custom .card-body{padding : 0;}
.card-custom .col-padding{padding: 1.65rem;}

.card-custom-title{ background: rgba(13, 24, 36, 0.77); }

.form-custom { display: block; width: 100%; height: calc(1.95rem + 2px); box-shadow: none; color: #a2bfe2; font-size: 14px; background-color: transparent; border: 0; border-bottom: 1px solid #5f7b99; padding-right: .75rem; line-height: 1.5; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.form-custom:focus { border-bottom: 1px solid #2ec586; color: #33fbba; box-shadow: none; }
.form-custom[disabled], .form-custom[readonly], fieldset[disabled] .form-custom { color: #808d9d; border-bottom: 1px solid #3c5571; opacity: 0.8; }
.form-custom:focus::placeholder { color: rgba(46, 197, 134, 0.6) !important; opacity: 1 }
.form-custom:focus::-webkit-input-placeholder { color: rgba(46, 197, 134, 0.6) !important; opacity: 1 }
.form-custom:focus::-moz-placeholder { color: rgba(46, 197, 134, 0.6) !important; opacity: 1 }
.form-custom:focus:-ms-input-placeholder { color: rgba(46, 197, 134, 0.6) !important; opacity: 1 }
.form-custom:focus::-ms-input-placeholder { color: rgba(46, 197, 134, 0.6) !important; opacity: 1 }
.form-custom::-ms-expand { background-color: transparent; border: 0 }
/* select.form-custom{color:#33fbba;} */
select.form-custom:focus{background: #122b45;color:#21b384}
.form-custom-title{font-weight: 300; margin: 0 auto; color:#33fbba}
/* .form-custom-title:after{content:''; display:block; width:30px; height:1px; background: #33fbba; margin: 0 auto; margin-top: 6px;} */
div.form-custom{line-height: 34px;}
input.form-custom-group{ color: #44e8aa !important; border-bottom: 1px solid #44e8aa !important;}
input.form-custom-group::placeholder { color: #44e8aa !important; opacity: 1}
.form-custom:focus::-webkit-input-placeholder { color: #44e8aa !important; opacity: 1 }
.form-custom:focus::-moz-placeholder { color: #44e8aa !important; opacity: 1 }
.form-custom:focus:-ms-input-placeholder { color: #44e8aa !important; opacity: 1 }
.form-custom:focus::-ms-input-placeholder { color: #44e8aa !important; opacity: 1 }

.input-group>.form-custom { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; }

.form-label{ line-height: calc(1.95rem + 2px); color: #fff;}

.form-button-row{margin-top: 2rem;}
.form-button-row .list-inline{margin:0 !important;}
.form-button-row .list-inline-item{padding:0 0 0 15px; margin:0 !important;}

.account-page .form-custom{height: calc(2.45rem + 2px);}
.account-page .form-label{ line-height: calc(2.45rem + 2px); color: #fff;}
.account-page .mdi-c-icon{ cursor:pointer; color:#33fbba; padding-top:5px; }

.text-custom{color:#33fbba}
.submit-right{margin:0 0 0 auto;}

.mdi-c-icon{ cursor:pointer; color:#33fbba; }
.mdi-c-icon:hover{ opacity: 0.7; }
.mdi-h-icon{ color:#33fbba; float:right; }
.mdi-a-icon{ float:right; font-size:18px; }

.btn-custom { cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.btn-custom:hover {opacity:0.7;}
.btn-custom i { color: #44e8aa; font-size: 1.2rem; vertical-align: middle; margin-right: 3px; }
.btn-custom span { color: #44e8aa !important; vertical-align: middle; }
.btn-custom-orange i, 
.btn-custom-orange span { color: #ffb100 !important; }
.btn-custom-basic i, 
.btn-custom-basic span { color: #b9d7f8 !important; vertical-align: middle; }
    
.table-button-custom { cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: right;  font-size: 0.8rem; color: #41dca3;}
.table-button-custom:hover {opacity:0.7;}
.table-button-custom i { vertical-align: middle; margin-right: 3px; font-size: 1rem; }

.btn-disabled { cursor: default; opacity:0.7;}
.btn-disabled i,
.btn-disabled span { color: #afafaf !important;}

.check-wrap .btn-custom span { color: #fff !important; vertical-align: middle; }

.list-inline-filter .list-inline-item i{color: #9b61ff;}
.list-inline-filter .list-inline-item i:before{font-size: 1.4rem;}
.list-inline-filter .list-inline-item:not(:last-child) { margin-right: 0.5rem; }

.list-inline-item .mdi-c-icon{padding:0;}
.list-inline-item label:not(:last-child){margin-right:1rem;}
.list-inline-item .form-custom[disabled], .form-custom[readonly], fieldset[disabled] .form-custom{ color:#868686; }
.list-inline-item > .input-group > label > select{padding-right:2em;}
.list-inline-item > .input-group > i{ cursor: pointer; color: #44e8aa; padding: 0;}
.list-inline-item > .input-group > i:hover{opacity:0.7;}
.list-inline-item > .input-group > i:before{font-size: 24px;}

.main-filter-form { margin-bottom: 1rem; display: flex; }
.main-filter .mdi-c-icon{padding:0;}
.main-filter label:not(:last-child){margin-right:1rem;}
.main-filter .form-custom[disabled], .form-custom[readonly], fieldset[disabled] .form-custom{ color:#868686; }
.main-filter > .input-group > label > select{padding-right:2em;}
.main-filter > .input-group > i{ cursor: pointer; color: #44e8aa; padding: 0;}
.main-filter > .input-group > i:hover{opacity:0.7;}
.main-filter > .input-group > i:before{font-size: 24px;}

.action-form > .input-group > label > select{padding-right:2em;}
.action-form > .input-group > i{ cursor: pointer; color: #44e8aa; padding: 0;}
.action-form > .input-group > i:hover{opacity:0.7;}
.action-form > .input-group > i:before{font-size: 24px;}

.input-file-group input[type="text"]{border-bottom:0;}

.url-check div.form-custom{ line-height: calc(1.95rem + 2px); border-bottom: 1px solid #b0b0b0; opacity: 0.8;}
.url-check span{color:#979797 !important;}
.url-insert-check .url-status{position: absolute; display:none; font-size:1.4rem; vertical-align:middle;}
.url-insert-check .active{display:block;}
.url-insert-check .form-custom{ transition: padding-left 0.3s; -webkit-transition: padding-left 0.3s;}
.url-insert-check .form-active{padding-left:28px;}

.card-custom .input-group.filebox > label { cursor: pointer; color: #33fbba; padding: 0;}
.card-custom .input-group.filebox > label:hover{opacity:0.7;}
.card-custom .input-group.filebox > label:before{font-size: 24px;}

.form-label-date span:not(:first-child){ margin-left:20px; }
.form-label-date span{font-size: 0.9rem; color: #33fbba;}

.sub-card{ background: #122b45 !important; box-shadow: none !important; }
.sub-card .card-heading { padding: 20px 20px; border-bottom: 1px solid #213f5f !important; font-size: 21px; font-weight: 500; background: #0e2843; }
.card-heading .list-inline{margin:0;}
.card-heading h1{font-size:24px; color:#fff; margin:0;}
.card-heading h1 .each{font-size: 18px; color: #33fbba; vertical-align: middle;}
.card-heading h1 .auto{font-size: 15px; color: #50cbf6; vertical-align: middle; font-weight:400;}
.card-heading .btn-custom i { color: #44e8aa; font-size: 1.2rem; vertical-align: middle; margin-right: 3px; }
.card-heading .btn-custom span { color: #44e8aa !important; vertical-align: middle; font-size:14px; font-weight:400 }
.card-heading .btn-custom-orange i, 
.card-heading .btn-custom-orange span { color: #ffb100 !important; }
.card-heading .btn-custom-basic i, 
.card-heading .btn-custom-basic span { color: #b9d7f8 !important; }

.regist-info{ line-height: calc(1.95rem + 2px); }

.badge-medium { background-color: #fd9c35; }
.badge-low { background-color: #19d3e8; }
.badge-info2 { background-color: #5497f2; }

.text-nodata{color: #5a7a9c !important; display: table-cell; vertical-align: middle;}

.form-inline-layout:not(:last-child){margin-bottom:10px;}
.form-inline-layout .form-inline:not(:last-child){margin-right:20px;}
.form-inline-layout .form-inline-title{ background: #f1eaff; color: #a77bfd; font-size: 12px; padding: 2px 6px; border-radius: 20px; margin-right: 10px;}

.head-layer-bg{ display:none; position:fixed; top:0; left:0; right:0; width:100%; height:100% !important; background:rgba(0,0,0,0.3); z-index:9999999;}
#head-loadingBar{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display:none; z-index:99999999;}
.head-layer-set { position: fixed; display: none; z-index: 99999999; margin: 0 auto; text-align: center; top: 50%; left: 50%; width: 60%; height: 80%; transform: translate(-50%, -50%); }

.check-manage-list .check-list-row{padding: 20px 0;border-bottom: 1px solid #3a526b;}
.check-manage-list .check-list-row .check-info-f{margin-bottom:10px;}
.check-manage-list .check-list-row .check-info-row:not(:last-child){margin-right:10px;}
.check-manage-list .check-list-row .check-info-row span{background: #284973;color: #c8d7e6; font-size: 14px;padding: 0px 10px;vertical-align: middle;border-radius: 13px;margin-right: 0px;}
.check-manage-list .check-list-row .fileList{position: initial; width: inherit !important;}
.check-manage-list .check-list-row .fileList span{white-space: nowrap; line-height:24px;}

.check-manage-list .check-list-row .check-status {margin-left:10px;}
.check-manage-list .check-list-row .check-status span{font-size: 13px; color: #122b45;  border-radius: 9px; padding: 1px 6px; font-weight: 500;}
.check-manage-list .check-list-row .cl-stat-wait{background: #19d3e8;}
.check-manage-list .check-list-row .cl-stat-ing{background: #8BC34A;}
.check-manage-list .check-list-row .cl-stat-complete{background: #40d8a0;}
.check-manage-list .check-list-row .cl-stat-pause{background: #2196f3;}
.check-manage-list .check-list-row .cl-stat-shutDown{background: #fd9c35;}
.check-manage-list .check-list-row .cl-stat-book{background: #53d258;}
.check-manage-list .check-list-row .cl-stat-error{background: #E91E63;color: #fff !important;}
.check-manage-list .check-list-row .cl-stat-null{background: #fff;}

.admin-setting-page .form-card-body{background: #09213b;}
/* .admin-setting-page .btn-basic{background-color: #43546a; border: 1px solid #6581a5 !important; color: #ffffff !important; border-radius: 3px;} */
/* .admin-setting-page .btn-info{background-color: #1f7fcb; border: 1px solid #1f7fcb !important; color: #ffffff !important; border-radius: 3px;} */
/* .admin-setting-page .list-inline-item:not(:last-child) { margin-right: 0.3rem; } */

.realtime-msg {font-size: 13px; color: #b5c5db; margin-top:10px; text-align:left;}

.id-check-form {height: 18px;}
.id-check-form #chkIcon i{color: #e66060; padding-top: 5px;}
.id-check-form #chkIcon i:before{line-height: 18px;}
.id-check-form #idmsg{margin:2px 0 0 5px; font-weight: bold; color: rgb(230, 96, 96); font-size: 11px;line-height: 18px;}

.title-sub-msg{font-size: 12px; margin-left: 10px; color: #afcdf6;}

.file-insert-form > input[type="text"].form-custom{border: 0 !important; margin: 1px 0 0 9px; padding: 0; cursor: pointer;}
.file-insert-button{color: #9b61ff !important; border: 1px solid #ab80f6 !important; padding: 2px 12px 0 12px; border-radius: 10px; font-size: 12px; margin-bottom: 3px;}
.file-insert-button:hover {color: #fff; background: #ab80f6; cursor: pointer;}

.sort-group { border: 1px solid #213f5f; padding: 5px 10px; border-radius: 17px; background: #0e2843;width: 300px !important;}
.sort-group > label { color: #cfdcea; border-right: 1px solid #213f5f; padding: 0 20px 0 10px; margin: 0 1rem 0 0; }
.sort-group > .form-custom { border: 0; padding: 0; height: auto; }
.sort-group::after {
    color: #cfdcea; content: "\F140"; font-size: 24px; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: inherit; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.sort-group .testPolicy_window, .sort-group .group_window{ width: 100%; }

@media (max-width: 1470px) {
  .fixed-left .vlaty-filter.main-filter-form { display: block; }
  .fixed-left .vlaty-filter .main-filter { margin-top: 7px; }
  .fixed-left .main-filter-group { display: flex; align-items: center; }
  .fixed-left .main-filter-group .group-select { flex: 1; }
  .fixed-left .main-filter .testPolicy_btn { flex: 1; }
}

@media (max-width: 1310px) {
  .fixed-left-void .vlaty-filter.main-filter-form { display: block; }
  .fixed-left-void .vlaty-filter .main-filter { margin-top: 7px; }
  .fixed-left-void .main-filter-group { display: flex; align-items: center; }
  .fixed-left-void .main-filter-group .group-select { flex: 1; }
  .fixed-left-void .main-filter .testPolicy_btn { flex: 1; }
}

@media (max-width: 1180px) {
  .fixed-left .user-stat-form.main-filter-form { display: block; }
  .fixed-left .user-stat-form .main-filter { margin-top: 7px; }
  .fixed-left .user-stat-form .main-filter .main-filter-date { margin: 7px 5px 0 5px; width: 100%;}
  .fixed-left .user-stat-form .main-filter .main-filter-date label{ flex: 1;}
}

@media (max-width: 1000px) {
  .fixed-left-void .user-stat-form.main-filter-form { display: block; }
  .fixed-left-void .user-stat-form .main-filter { margin-top: 7px; }
  .fixed-left-void .user-stat-form .main-filter .main-filter-date { margin: 7px 5px 0 5px; width: 100%;}
  .fixed-left-void .user-stat-form .main-filter .main-filter-date label{ flex: 1;}
}

@media (max-width: 950px) {
  .fixed-left .main-filter { display: block; }
  .fixed-left .main-filter .testPolicy_btn { width: 100% !important; }
  .fixed-left .vlaty-filter .main-filter .main-filter-date { margin: 7px 5px 0 5px; }
  .fixed-left .vlaty-filter .main-filter .main-filter-date label{ flex: 1;}
}

@media (max-width: 750px) {
  .fixed-left-void .main-filter { display: block; }
  .fixed-left-void .main-filter .testPolicy_btn { width: 100% !important; }
  .fixed-left-void .vlaty-filter .main-filter .main-filter-date { margin: 7px 5px 0 5px; }
  .fixed-left-void .vlaty-filter .main-filter .main-filter-date label{ flex: 1;}
}