/* Minification failed. Returning unminified contents.
(1231,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/**
 *	default.css
 *
 *	전체 화면에서 사용하는 스타일을 정의합니다.
 */

/**
 * Element의 기본 속성을 정의합니다.
 */

* {
	text-decoration: none;
	font-family: 'NotoSansKR Medium',sans-serif, Malgun Gothic,"맑은 고딕","Open Sans","Nanum Gothic","나눔고딕",AppleGothic,Dotum,"돋움",sans-serif;
	/*	font-family: dotum, verdana;*/
}

body
{
	padding : 0px;
	margin : 0px;
}

img{
   cursor : pointer;
}

iframe {
	border: none;
}

input[type=date] {border: 1px solid #bcbec0;background-color: #ffffff;height: 27px;padding: 0px 3px 0px 3px;}
input[type=text], input[type=password]{border: 1px solid #bcbec0;background-color: #ffffff;height: 27px;padding: 0px 3px 0px 3px;}
input[type=radio] {vertical-align: text-top !important;}

textarea {
	border : 1px solid #bcbec0;
	background-color : #ffffff;
}

select {
	border: 1px solid #bcbec0;
	background-color: #ffffff;
	padding: 3px;
}

table
{
	width : 100%;
	border-collapse : collapse;
	border-spacing: 0px;
}

table td, table th
{
	padding : 0px;
}

/** Override Jquery UI */
.ui-datepicker-trigger {
    margin : 0px 2px 0px 2px;
}

/** Global style */
.button {
	cursor: pointer;
	border: 0
}

.link
{
	cursor : pointer;
}

/*목록테이블(기본) */
.list th {font-family: 'NotoSansKR Bold', sans-serif;font-size: 13px;text-align: center;/*border-top: 1px solid rgba(0, 0, 0, 0.05);*/border-bottom: 1px solid rgba(0, 0, 0, 0.05);padding: 0px 8px 0px 8px;height: 60px;white-space: nowrap;}
.list td {font-size: 13px;color: #666;letter-spacing: -0.5px;text-align: center;border-bottom: 1px solid rgba(0, 0, 0, 0.05);padding: 0px 8px 0px 8px;height : 40px;}
.list td a {color:#609FD2}
.list ._col_checkbox{width : 60px;}
.list ._col_datetime{width : 150px;}
.list ._text {text-align: left;min-width: 50px;max-width: 200px;text-overflow: ellipsis;overflow: hidden;}
.list ._nodata{line-height : 50px;text-align : center;}
.list .stat-th {min-width:120px; width:20%}
/*.list .stat-col {min-width:120px; width:20%}*/

/*목록테이블(통계데이터) */
.stat {overflow-y:scroll;}
.stat th {font-family: 'NotoSansKR Bold', sans-serif;font-size: 13px;text-align: center;border-top: 1px solid rgba(0, 0, 0, 0.05);border-bottom: 1px solid rgba(0, 0, 0, 0.05);padding: 0px 10px 0px 10px;height: 60px;white-space: nowrap;}
.stat td {font-size: 13px;color: #666;letter-spacing: -0.5px;text-align: center;border-bottom: 1px solid rgba(0, 0, 0, 0.05);padding: 0px 10px 0px 10px;height : 40px;text-align:right}
.stat td:first-of-type {border-right: 0.5px solid rgba(0, 0, 0, 0.05);}
.stat ._text {text-align: left;min-width: 50px;max-width: 200px;text-overflow: ellipsis;overflow: hidden;}
.stat ._nodata{line-height : 50px;text-align : center;}
/*.stat .stat-col {min-width:120px; width:20%}*/

.list-sum th {font-family: 'NotoSansKR Bold', sans-serif;font-size: 13px;text-align: right;border-top: 1px solid rgba(0, 0, 0, 0.05);border-bottom: 1px solid rgba(0, 0, 0, 0.05);padding: 0px 8px 0px 8px;height:40px; background-color:#f9f9f9}

/*목록테이블(2행헤더) */
.list-row2 th {font-family: 'NotoSansKR Bold', sans-serif;font-size: 13px;text-align: center;border-top: 1px solid rgba(0, 0, 0, 0.05);border-bottom: 1px solid rgba(0, 0, 0, 0.05);padding: 0px 8px 0px 8px;height:40px;}
.list-row2 th a {color:#609FD2}
.list-row2 tr:first-child th{border-left: 1px solid rgba(0, 0, 0, 0.05);}
.list-row2 tr:first-child th:first-child{border-left: none;}
.list-row2 tr:last-child th:nth-child(4n+1) {border-left: 1px solid rgba(0, 0, 0, 0.05);}


/*통계용컬럼크기*/
.stat-head { min-width:80px; text-align:center !important; padding: 0px !important;border-right: 0.5px solid rgba(0, 0, 0, 0.05); }
.stat-scr { border-left: 0px solid rgba(0, 0, 0, 0.05) !important; padding:0px !important}
.stat-col { width:10%}
.dark {background-color:#f9f9f9}

/** Paging style */
.paging
{
	margin : 10px 5px 5px 5px;
	text-align : center;
}

/** Form table style */
.form {table-layout : fixed;}
.form th, .form td,
.form1 th, 
.form1 td,
.form2 th, 
.form2 td {vertical-align : middle;padding : 5px 10px 5px 10px;}
.form1 th { width : 90px;}
.form2 th { width : 130px;}
.form th, 
.form1 th, 
.form2 th {
	font-family: 'NotoSansKR Bold', sans-serif;
	font-size: 13px;
	text-align: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	padding: 10px 10px 10px 10px;
	background-color: #f9f9f9;
}
.form th:first-of-type {border-top: 1px solid rgba(0, 0, 0, 0.05);}
.form td:first-of-type {border-top: 1px solid rgba(0, 0, 0, 0.05);}
.form td, 
.form2 td {
    font-size: 13px;
    color: #666;
    letter-spacing: -0.5px;
    text-align: left;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	padding : 5px 10px 5px 10px;
}
.form .title {
	color: #006996;
	padding:0px 10px 0px 10px;
	font-weight: bold;
}

.form .stat-col
{
	width : 120px;
}

.form ._col_l_name
{
	width : 220px;
}

.form ._col_s_name
{
    min-width:60px;
}

.form ._col_ss_name
{
    min-width:40px;
}

.form input[type=text]
{
	width : 250px;
}

._help {padding : 5px 0px 0px 0px;color : #999999; font-size : 0.9em;letter-spacing : -.05em;overflow-x : hidden;}

._scrollbar
{
    scrollbar-face-color : #ddecf4;
    scrollbar-shadow-color : #ffffff;
    scrollbar-highlight-color : #ffffff;
    scrollbar-3dlight-color : #6ab4d6;
    scrollbar-darkshadow-color : #6ab4d6;
    scrollbar-track-color : #e6eff6;
    scrollbar-arrow-color : #0c72a4;
}

.tree_text_sel {background-color:#f5eef3; color:#A251A2;font-weight : bold;}
.tree_text {color:black; cursor:pointer;}
/*
._NextPage
{
	border:0px;
	background-image : url(/Content/images/ico/paging_next.gif);
	background-position : top left; 
    background-repeat : no-repeat;
    color:#b0b0a4;
}

._PrevPage
{
	border:0px;
    color:#b0b0a4;
	background-image : url(/Content/images/ico/paging_prev.gif);
	background-position : top left; 
    background-repeat : no-repeat;
}
*/
a.selected
{
    color: #0068b0;
    font-weight:bold;
    /*text-decoration : underline;*/
}

a.selected:hover
{
    color: #0068b0;
    font-weight:bold;
    text-decoration : underline;
}

div.nth-row {
	display: block !important;
	margin-top: 3px
}

.f-right {
	float: right
}

.f-left {
	float: left
}

.w100pro {
	width: 100%;
}

.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.ml3 {
	margin-left: 3px;
}

.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.mr5 {
	margin-right: 5px;
}

.full-item {
	width: 100%;
}

/*리스트테이블*/
table.list-table tbody ._nodata {
	display: none;
}

table.list-table tbody ._nodata:only-child {
	display: table-row;
}

.basic-textarea {
	width: 100%;
	ime-mode: active
}

.basic-td p {
	font-weight: 400;
}

.basic-td input {
	border: 1px solid #686868;
	text-indent: 4px;
}


/* inner-table style1 */
.inner-table {
	width: 100%;
}

.basic-th2 {
	font-size: 1rem;
	font-weight: 500;
	color: #151515;
}

.basic-td2 {
	font-size: 1rem;
	font-weight: 500;
	line-height: 30px;
}

.basic-td2 .left-item {
	width: 60%;
}

.basic-td2 .btn-add {
	width: 78px;
	height: 60px;
	line-height: 60px;
}
/* inner-table-row */
.inner-table-row {
	text-align: center;
}

.inner-table-row .basic-th2 {
	border-bottom: 1px solid #e7e7e7;
	padding: 0 3px;
	height: 28px;
	line-height: 28px;
}
/*basic-td3 추가함 - sykim*/
.inner-table-row .basic-td2,
.inner-table-row .basic-td3 {
	border-bottom: 1px solid #e7e7e7;
	padding: 0 3px;
	height: 28px;
	line-height: 28px;
}

.inner-table-row .basic-th2 {
	border-left: 1px solid #e7e7e7;
	font-size: 1rem;
	font-weight: 500;
	color: #151515;
	border-bottom: 2px solid #c9d4ef;
	background-color: #f4f4f4;
	box-sizing: border-box;
}

.inner-table-row .basic-td2,
.inner-table-row .basic-td3 {
	border-left: 1px solid #e7e7e7;
	font-size: 1rem;
	font-weight: 500;
}

.inner-table-row .check-th,
.inner-table-row .check-td {
	/*border-left: 0;*/
}

.inner-table-row .check-td input {
	vertical-align: middle;
}

/* inner-table-col */
.inner-table-col .basic-th2,
.inner-table-col .basic-td2 {
	border-bottom: 1px solid #e7e7e7;
	line-height: 30px;
	padding: 0 15px;
}

.inner-table-col .basic-th2 {
	border-left: 1px solid #e7e7e7;
	font-size: 1rem;
	font-weight: 500;
	color: #151515;
	background-color: #f4f4f4;
}

.inner-table-col .basic-td2 {
	border-left: 1px solid #e7e7e7;
	font-size: .9rem;
	font-weight: 500;
}

.inner-table-col .check-th,
.inner-table-col .check-td {
	border-left: 0;
}

.t-box-wrap {
	line-height: 30px;
}

.t-box-wrap .btn-item,
.t-box-wrap .btn-item-b {
	margin-right: 0px;
}

/* blue button */
.btn-item-b {
	position: relative;
	display: inline-block;
	background-color: #477fc7;
	color: #fff;
	border-radius: 3px;
	font-size: .95rem;
	font-weight: 500;
	padding: 0px 10px 0px 10px;
	box-shadow: 2px 2px 0px #CCCCCC;
	line-height: 23px;
	text-align: center;
	transition: .2s;
	cursor: pointer;
	width: auto;
}

.btn-item-b:hover {
	background-color: #568bd0;
}

.btn-item-b:active {
	box-shadow : none;
}

/* white button */
.btn-item-w {
	position: relative;
	display: inline-block;
	background-color: #f2f2f2;
	border-radius: 3px;
	font-family: DotumChe,"돋움체",sans-serif;
	font-size: .91rem;
	font-stretch: narrower;
	color: #646464;
	letter-spacing: -1.2px;
	font-weight: 500;
	padding: 2px 7px 0px 7px;
	/*box-shadow: 2px 2px 0px #CCCCCC;*/
	border: 1px solid #CCCCCC;
	line-height: 1.5em;
	text-align: center;
	transition: .15s;
	cursor: pointer;
	width: auto;
}

.btn-item-w:hover {
	background-color: #d7d8d9;
}

.btn-item-w:active {
	border: 1px solid #9a9a9a;
	background-color: #7fb4f8;
	color : #fff;
}

/* 카카오 full-size 버튼 */
.btn-item-full {
	border: 1px solid #9b9b9b;
	text-align: center;
	vertical-align: middle;
	line-height: 3em;
	font-size: 1em;
	width: 100%;
	cursor: pointer;
	transition: .15s;
}

.btn-item-full:hover {
	background-color: #d7d8d9;
}

.btn-item-full:active {
	border: 1px solid #9a9a9a;
	background-color: #7fb4f8;
	color: #fff;
}

.viewer-p { /*팩스미리보기 뷰어*/
	height: calc(100vh - 100px);
}

.date-input {
	max-width: 105px;
	text-align: center;
}

.table-title {
	font-size: 0.98em;
	color: #fff;
	font-weight: 600;
	/*background: linear-gradient(#629ce6, #7fb4f8);*/
	background-color: #629ce6;
	margin: 5px 0px 2px 0px;
	display: inline-block;
	font-size: 1em;
	line-height: 24px;
	text-align: center;
	padding: 2px 7px 2px 2px;
	border-left: 5px solid #477fc7;
	/*border-right: 5px solid #477fc7;
	
	border-top: 1px solid #7fb4f8;
	border-bottom: 1px solid #7fb4f8;*/
	min-width: 107px;
}

.frame-border {
	border: 1px solid #dadada;
}

.frame-scroll-y {
	overflow-y: auto;
}
.frame-scroll-hidden {
	overflow:hidden;
}

.vh150 {
	height: calc( 100vh - 150px);
}

.vh180 {
	height: calc( 100vh - 180px);
}

.vh190 {
	height: calc( 100vh - 190px);
}
.vh160 {
	height: calc( 100vh - 160px);
}
/* 타이머 */
#timerPanel {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #f8f8f8;
	border: 5px solid #89b6f1;
	border-radius: 10px;
	width: 280px;
	height: 100px;
	text-align: center;
	padding: 20px;
	margin-top: -50px;
	margin-left: -140px
}

#timerImg, #timerMsg {
	margin-top: 5px;
}

#timerSec {
	color: #477fc7
}

/* 이미지 뷰어 */
#imgView {
	display:none;
	position: absolute;
	top: 30px;
	left: 50px;
	background-color: #f8f8f8;
	border: 5px solid #89b6f1;
	border-radius: 10px;
	width: calc(100vw - 160px);
	height: calc(100vh - 180px);
	text-align: center;
	padding: 10px;
}
#imgView div.toolbar {
	text-align: center;
}
#imgView div.imgArea {
	width: 100%;
	height: calc(100vh - 250px);
	text-align: center;
	overflow : auto;
	background-color: #fff;
	cursor: grab;
}
#imgView img {
	/*cursor: grab !important;*/
	width:100%;
}
#imgView div.btn-icon-div {
	width: 100%;
	text-align: center;
}
#imgView .btn-cate {
	display: inline-block;
	position: relative;
	margin-left: 10px;
}
#imgView button {
	min-width: 50px;
	border: 1px solid #fff;
	background-color: #fff;
	border-radius: 7px;
	margin-left: 2px;
	cursor: pointer;
	white-space:nowrap;
}
#imgView button:hover {
	border: 1px solid #eee;
	background-color: #eee;
}

#imgView button.bicon {
	display: inline-block;
	min-width: 60px;
	padding-top: 30px;
	background-repeat: no-repeat;
	background-position: 50% 10%;
}

#imgView button.icon01 {
	background-image: url(./ico/1.png);
}
#imgView button.icon02 {
	background-image: url(./ico/2.png);
}
#imgView button.icon03 {
	background-image: url(./ico/3.png);
}
#imgView button.icon04 {
	background-image: url(./ico/4.png);
}
#imgView button.icon05 {
	background-image: url(./ico/5.png);
}
#imgView button.icon06 {
	background-image: url(./ico/6.png);
}
#imgView button.icon07 {
	background-image: url(./ico/7.png);
}
#imgView button.icon08 {
	background-image: url(./ico/8.png);
}
#imgView button.icon09 {
	background-image: url(./ico/9.png);
}
#imgView button.icon10 {
	background-image: url(./ico/10.png);
}
#imgView button.icon11 {
	background-image: url(./ico/11.png);
}
#imgView button.icon12 {
	background-image: url(./ico/12.png);
}
#imgView button.icon13 {
	background-image: url(./ico/13.png);
}
#imgView button.icon14 {
	background-image: url(./ico/14.png);
}
#imgView div.imgNo {
	display: inline-block;
	width:50px;
	height: 50px;
	vertical-align: middle;
	font-size: 1.1em;
}
#imgView div.imgNo span {
	font-size: 1.1em;
	color : #006996;
}

/*모니터링*/
#monitor .form {
	width: 100% !important;
	width: 100% !important;
}

#eventLogList tr:first-child td {
	border-top: none;
}

#monitor .logDate {
	width: 35%;
	height: 17px;
}
#monitor .logServer {
	width: 15%;
	text-overflow: ellipsis;
}
#monitor .logText {
	width: 50%;
	text-align: left;
}
#monitor .stat_table td {
	text-align: right;
	width:11%;
}

.formRsrc {
	width: 100%;
	text-align: center;
	background-color: #d9d9d9;
	border-radius: 15px 15px 15px 15px;
}
.formRsrc th {
	color: #006996;
	background-color: #e1f1f9;
	font-weight: bold;
	padding: 5px;
}
.formRsrc td {
	padding: 10px;
}
.formRsrc div {
	display: inline-block;
	vertical-align: middle;
}
.formRsrc .blockTitle {
	border-radius: 15px 15px 0px 0px;
	font-size:1.1em;
}
.formRsrc .serviceBlock {
	display:inline-block;
	min-width: 150px;
	min-height: 250px;
	width : 45%;
	background-color: #ffffff;
	border-radius: 10px;
}
.formRsrc .cpuBlock, .formRsrc .hddBlock {
	width : 22%;
	min-width: 150px;
	min-height: 250px;
	background-color: #ffffff;
	border-radius: 10px;
	margin:1%;
}
.formRsrc .title {
	color: #0068b0;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight:bold;
	display:block;
	padding:2px;
}
.formRsrc .info {
	color: #686868;
	margin-top: 2px;
	font-size: 12px;
}
.formRsrc .cpuBlock td, .formRsrc .hddBlock td {
	padding: 0px;
}

.formRsrc .cpu, .formRsrc .power {
	display: inline-block;
	padding:10px;
	font-size :12px;
}
.formRsrc .hdd {
	display: block;
	padding: 10px;
}
.power .switch-box {
	border-radius: 6px 6px 6px 6px;
	background-color: #eef6df;
	padding:1px;
}
.power .on-off {
	display: inline-block;
	border-radius: 6px 6px 6px 6px;
	line-height: 38px;
	width: 38px;
	height: 38px;
	text-align: center;
}
.power .on-turn-on {
	background-color: #629ce6;
	color: #fff;
}
.power .off-turn-on {
	background-color: #ec061b;
	color: #fff;
}



.hdd .disk {
	padding: 0px;
	width: 90%;
	height: 20px;
	background-color: #eef6df;
	text-align: left;
}
.disk .used {
	width: 0%;
	height: 20px;
	background-color: #428ea1;
}

.border {
	border:1px solid red;
}

.dn {display: none !important;}

/*새팩스작성- 파일목록*/
.file_div {font-size: 12px;}
.file_div .help_txt {color:#999;}
.file_div ul li:last-child {border-bottom: 0px;}
.file_uls li{border-bottom: 1px solid #eee; padding-bottom: 10px; padding-top: 10px; padding-left: 20px;}
.file_uls li.thead {font-weight:bold;}
.file_uls li.tbody:hover {background-color: rgba(0,0,0,0.05);}

/* 리스트테이블 - 2023.01.13 수신자목록 등을 위해 추가 {*/
.file_uls { width:100%; max-height:199px; overflow-y:auto;} /*2023.02.07    sykim   최대199px 스크롤생성*/
.file_uls li div {display:inline-block;}
.file_uls li div:nth-child(1) {width:50px; margin:0px 0px 15px 0px;}
.file_uls li div:nth-child(2) {width:55%;}
.file_uls li div:nth-child(3)  {width:25%;}

.rcpt_uls { width:100%; max-height:199px; overflow-y:auto;} /*2023.02.07    sykim   최대199px 스크롤생성*/
.rcpt_uls li div {display:inline-block;}
.rcpt_uls li div:nth-child(1) {width:50px; margin:0px 0px 15px 0px;}
.rcpt_uls li div:nth-child(2) {width:55%;}
.rcpt_uls li div:nth-child(3)  {width:25%;}

.rcpt_div {font-size: 12px;}
.rcpt_div ul li:last-child {border-bottom: 0px;}
.rcpt_uls li{border-bottom: 1px solid #eee; padding-bottom: 10px; padding-top: 10px; padding-left: 20px}
.rcpt_uls li.thead {font-weight:bold;}
.rcpt_uls li.tbody:hover {background-color: rgba(0,0,0,0.05); }
.m_recv_list_div_tit {display: inline-block; background-color: #f9f9f9; padding: 8px 20px; font-size: 11px; color:#000;}

.list-table ._nodata { display: none; }
.list-table ._nodata:last-child { display:list-item; color: #619ED1;}
/* inner-table-row */
.inner-table-row{text-align:center;}
.inner-table-row .basic-th2{border-bottom:1px solid #e7e7e7;padding:0 3px;height: 28px; line-height: 28px;}
.inner-table-row .basic-td2,
.inner-table-row .basic-td3{border-bottom:1px solid #e7e7e7;padding:0 3px;height: 28px; line-height: 28px;}
.inner-table-row .basic-th2{border-left:1px solid #e7e7e7; font-size:.9rem;font-weight:500;color:#151515;border-bottom:2px solid #c9d4ef;background-color:#f4f4f4; box-sizing:border-box;}
.inner-table-row .basic-td2,
.inner-table-row .basic-td3{border-left:1px solid #e7e7e7;font-size:.8rem;font-weight:500;}
.inner-table-row .check-th,
.inner-table-row .check-td{border-left:0;}
.inner-table-row .check-td input{ vertical-align: middle;}
/*} 리스트테이블*/

.tiny_btn button {float: left;}
.btn_tiny {height: 31px; padding: 3px 10px 3px 8px; font-size: 12px; color: #999; letter-spacing: -0.5px; box-sizing: border-box; border: 1px solid #cfcfcf; background-color: #fff; border-radius: 4px; margin-left: -1px;}
.btn_tiny:hover {color:#000;}
.btn_tiny svg {float:left; margin-top: 2px; margin-right: 5px; width: 13px; height:13px;}
.btn_tiny span {float: left; margin-top: -1px;}
button.btn_tiny {border-radius: 0px;}
button.btn_tiny:first-of-type {border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
button.btn_tiny:last-of-type {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}

/* 수신자 목록 탭 2024.09.30 sykim*/
.tab_tiny {height: 31px; padding: 3px 10px 3px 8px; font-size: 12px; color: #999; letter-spacing: -0.5px; box-sizing: border-box; border: 1px solid #cfcfcf; background-color: #fff; border-radius: 4px 4px 0px 0px; margin-left: -1px; margin-bottom:-1px;}
.tab_tiny:first-child {margin-left:0px;}
.tab_tiny:hover {color:#000;}
.tab_tiny_on {color:#000; /*background-color:#A3B1C7;*/ border-bottom: 1px solid #fff; }
.tab_tiny svg {float:left; margin-top: 2px; margin-right: 5px; width: 13px; height:13px;}
.tab_tiny span {float: left; margin-top: -1px;}
.body_tab {float:left; box-sizing: border-box; padding-left: 40px; padding-right: 40px; overflow: hidden;}
.body_tab li {float: left; border-top-right-radius: 6px; border-top-left-radius: 6px; padding: 10px 25px 10px 25px; cursor: pointer; margin-top: 20px;font-size: 14px; color:#777;}
.body_tab .tab_on {background-color: #fff; box-shadow: 5px 5px 10px rgba(0,0,0,0.1); color:#000;}


input[type=file] {height: 31px;}
input[type=file]::file-selector-button {padding: 3px 10px 3px 8px;color: #999;letter-spacing: -0.5px;box-sizing: border-box;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 3px;font-size: 12px;cursor: pointer;width: auto;height: 29px;}

/* 도움말팝업 { */
.help_pop {position: absolute;top: 0px;right: -390px;width: 400px;background-color: #fff;padding: 15px 20px 15px 20px;border-radius: 8px;border: 2px solid #619ED1;box-shadow: 10px 10px 30px rgba(0,0,0,0.1);box-sizing: border-box;z-index: 3;}
.help_pop_con {word-break: keep-all; font-size: 12px; font-family:'NotoSansKR Regular',sans-serif !important; font-weight: normal !important; padding-right: 30px; box-sizing: border-box; letter-spacing: -0.5px;}
.help_pop_x_btn {color:#619ED1; background-color: #fff; border:0px; margin-top: -2px; margin-right: -10px;}
#help3_div {width: 450px; right: -440px; top:78px;}
#help4_div {top:48px;}
#help5_div {top:49px;}

/* 설치안내팝업 추가 2023.01.25 sykim */
.help_pop0 {position: absolute; top: 0px; right: -390px; width: 400px; background-color: #fff; padding: 15px 20px 15px 20px; border-radius: 8px; border: 2px solid red; box-shadow: 10px 10px 30px rgba(0,0,0,0.1); box-sizing: border-box; z-index: 3;}
.help_pop0_x_btn {color:red; background-color: #fff; border:0px; margin-top: -2px; margin-right: -10px;}
.help_pop0 .red{color:red;line-height:22px;letter-spacing:0.1px;}
.help_pop0 .red:hover{font-size:105%;letter-spacing:-0.3px;}
#help0_div {top:70px; right:10px; width:480px}
#help9_div {top:70px; right:10px; width:450px}


/*문자,팩스 작성양식*/
._sendform * {vertical-align: middle;}
._sendform .inp_longLen ,
._sendform td textarea {width: 440px;}
._sendform .t_div textarea {width: 400px;}
._sendform td {max-width: 500px; display: inline-block;}
._sendform .inp_midLen { width: 200px; }
._sendform select.inp_midLen { width: 208px; padding: 3px 0px; border: 1px solid #bcbec0}
._sendform .inp_midLen[readonly] { background-color: #f0f0f0;}
._sendform .redtxt {color: red }
._sendform .redline {border: 2px solid red; border-radius:3px;}

/* 도움말 버튼*/
.x_help_txt {font-size: 12px;}
.help_td {position:relative;}
.help_td button {position: absolute; top:17px; right:25px; color: #619ED1;}
.help_td_btn {background-color: transparent; border:0px;}
#help3 {top:90px;}
#help4 {top:64px;}
#help5 {top:69px;}
.help_tt {margin-top: 0px; font-size: 13px;}
/* } */


/* 레이어팝업 { */

.t_pop { position: absolute; top: 0px; right: -320px; width: 300px; z-index: 2; background-color: #fff; padding: 15px 20px 15px 20px; border-radius: 8px; border: 2px solid #619ED1; box-shadow: 10px 10px 30px rgba(0,0,0,0.1); box-sizing: border-box;}
.t_pop_tit {color:#000;}
.t_pop_subtit {color: #000; display:inline-block; min-width:50px;}
.t_pop_con {margin-top: 5px;}
.t_pop_btn {margin-top: 5px; display: flex; justify-content: flex-end;}
.t_pop_area {background-color: #f9f9f9; height:100px; padding: 15px; box-sizing: border-box; border:0px; font-size: 12px; border-radius: 6px;}
.t_pop_x_btn {color:#619ED1; background-color: #fff; border:0px; margin-top: 0px; margin-right: -4px;}
.t_pop_area2 {background-color: #f9f9f9; margin-top: 5px; width:100%; height:300px; padding: 15px; box-sizing: border-box; border:0px; font-size: 13px; border-radius: 6px; word-break: keep-all;}
/*수신자 선택 탭 추가 2024.09.30 sykim*/
.t_div { display: flex; flex-direction: column;background-color: #fff; padding: 15px 20px 15px 20px; border-radius: 0px 8px 8px 8px;; border: 1px solid #cfcfcf; box-shadow: 10px 10px 30px rgba(0,0,0,0.1); box-sizing: border-box; min-width: 450px; max-width: 500px;}
.t_div_blue { display: flex; flex-direction: column;background-color: #fff; padding: 10px 10px 10px 10px; border-radius: 8px 8px 8px 8px; border: 2px solid #619ED1; box-shadow: 10px 10px 30px rgba(0,0,0,0.1); box-sizing: border-box; min-width: 450px; max-width: 450px; margin-top:5px;}
.t_div_tit {color:#000;}
.t_div_con {margin-top: 10px;}
.t_div_btn {margin-top: 10px;}
.t_div_area {background-color: #f9f9f9; width:100%; height:100px; padding: 15px; box-sizing: border-box; border:0px; font-size: 12px; border-radius: 6px;}
.t_div_area2 {background-color: #f9f9f9; margin-top: 5px; width:100%; height:300px; padding: 15px; box-sizing: border-box; border:0px; font-size: 13px; border-radius: 6px; word-break: keep-all;}
/* } */

/* 팩스 전송버튼 {*/
.bd_right {float:right; margin-right: 40px;}
.bd_right li {margin-top: 23px; float:left; margin-left: 10px;}
.bd_right_li_txt {padding-top: 8px;}
/* 팩스 전송버튼 }*/

/* 인풋 스타일 { */
.inp_top {height:35px; border-radius: 4px; background-color: #f9f9f9; text-indent: 10px; color:#000; border:0px;}
.inp_date, .inp_text {width:120px; font-size: 12px;}
.inp_select {width: 100px; font-size: 12px;}
.inp_select2 {width: 200px; font-size: 12px;}
.inp_select3 {width: 150px; font-size: 12px;}
.inp_serch {height:35px; border-radius: 4px; background-color: #fff; text-indent: 10px; color:#000; border:2px solid #eee; font-size: 12px; width: 200px;}
.inp_serch:focus {background-color: #fff;}

.inp_search_btn {background-color: #A3B1C7; color:#fff; border-radius: 4px; border:0px; text-align: center; height:30px; width: 70px;}
.inp_gray_btn {background-color: #A3B1C7; color:#fff; border-radius: 4px; border:0px; text-align: center; height:30px;padding: 0px 10px 0px 10px}
/*green .inp_add_btn {background-color: #2a8b1b; color:#fff; border-radius: 4px; border:0px; text-align: center; height:35px; width: 120px;}*/
.inp_add_btn {background-color: #8651C3; color:#fff; border-radius: 4px; border:0px; text-align: center; height:35px; width: 120px;}
.inp_cancel_btn {background-color: #A3B1C7; color:#fff; border-radius: 4px; border:0px; text-align: center; height:35px; width: 70px;}
.inp_inp_btn {background-color: #B7C6DF; color:#fff; border-radius: 4px; border:0px; text-align: center; height:30px; width: 50px; position: absolute; /*top:10px;*/right: 10px;}
.small_btn {background-color: #B7C6DF; color:#fff; border-radius: 4px; border:0px; text-align: center; height:30px; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
.small_btn2 {border:2px solid #A3B1C7; background-color: transparent; color:#A3B1C7; border-radius: 4px; text-align: center; height:57px; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
/*2023.02.06 sykim 메모입력 인풋 스타일*/
.inp_memo {height:30px; border-radius: 4px; background-color: #fff; text-indent: 10px; color:#000; border:1px solid #eee; font-size: 12px; width:100%; margin-left:-10px;}
/* } */


/**
 *	main.css
 *
 *	메인 화면의 기본 구조에 대한 스타일을 정의합니다.
 */

/***** Top Area (65px) {*/
/*green #header {background: linear-gradient(to right, #2fb0d1, #2f9d1e);height: 65px;top: 0px;left: 0px;width: 100%;z-index: 2;position: fixed;min-width:1300px;padding:0px 40px 0px 30px;box-sizing: border-box;} */
#header {background: linear-gradient(to right, #53BDD8, #8B48C2);height: 65px;top: 0px;left: 0px;width: 100%;z-index: 2;position: fixed;min-width:1300px;padding:0px 40px 0px 40px;box-sizing: border-box;}
#header a img{	margin-top : 20px;}
.we_ul1 {float: left; width: 30%;}
.we_ul2 {float: right;}
.we_ul_li0 {padding-top: 0px; float: left;} /*상단로고*/
.we_ul_li1 {padding-top: 22px; float: left;}
.we_ul_li1 svg {color:#fff;}
.we_ul_li2 dd { float: left; font-size: 1.1em;color: #fff;margin-top: 24px;/*border-left: 1px solid rgba(0, 0, 0, 0.1);*//*padding-left: 10px;margin-left: 10px;*/line-height: 100%;}
.we_ul2 {float: right;}
.we_ul_li3 {color:rgba(255,255,255,0.5); padding-top: 22px; font-size: 13px; letter-spacing: -0.5px; margin-right: 20px; float:left;}
.we_ul_li3 span {color:#fff;}
.we_ul_li4 {color: #fff;padding-top: 22px;font-size: 13px;letter-spacing: -0.5px;margin-left: 25px;float: left;cursor: pointer;transition: all 350ms cubic-bezier(0.86, 1, 0.07, 1);}
.we_ul_li4:hover {opacity: 0.6;}
.we_ul_li4 dd {float:left; margin-left: 5px;}
/***** Top Area }*/


/***** Loadings { */
#loadings {position:fixed;width:100%;height:100%;top:0;left:0;background-color:#ffffff;z-index:9999;}
#loadings.list {position: absolute !important; background-color: #ffffff !important; opacity:0.5;}
#loadings_api { position: absolute; width:50px; height:50px; border: 2px solid rgba(0, 0, 0, .1); border-radius: 50%; border-top-color: #609FD2; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; margin: auto; top: 0; left: 0; bottom: 0; right: 0;}
#loadings_txt { position: absolute; width:50px; height:20px; text-align:center; font-size:10pt; margin: auto; top: 0; left: 0; bottom: 0; right: 0;}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
/***** Loadings } */


/***** reset {*/
button {cursor:pointer; box-sizing: border-box; transition: all 350ms cubic-bezier(0.86, 1, 0.07, 1);}
ul,li,dl,dt,dd{padding:0;margin:0;list-style:none;}
b,strong{font-family:"NotoSansKR Bold" !important;font-weight:inherit;}
.bold {font-weight:bold;}
.cb {clear:both;}
.fl {float:left;}
.fr {float:right;}
.dn {display:none;}

.font-t {font-family:'NotoSansKR Thin',sans-serif;}
.font-l {font-family:'NotoSansKR Light',sans-serif;}
.font-d {font-family:'NotoSansKR DemiLight',sans-serif;}
.font-r {font-family:'NotoSansKR Regular',sans-serif;}
.font-m {font-family:'NotoSansKR Medium',sans-serif;}
.font-b {font-family:'NotoSansKR Bold',sans-serif;}
.font-bb {font-family:'NotoSansKR Black',sans-serif;}

.color-fff {color:#fff}
.color-ddd {color:#ddd}
.color-eee {color:#eee}
.color-000 {color:#000}
.color-999 {color:#999}
.color-888 {color:#888}
.color-777 {color:#777}
.color-666 {color:#666}
.color-555 {color:#555}
.color-444 {color:#444}
.color-333 {color:#333}
.color-222 {color:#222}
.color-111 {color:#111}

.font-11 {font-size:11px;}
.font-12 {font-size:12px;}
.font-13 {font-size:13px;}
.font-14 {font-size:14px;}

.mt-3 {margin-top: 3px;}
.mt-5 {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mt-25 {margin-top: 25px;}
.mt-30 {margin-top: 30px;}
.mt-35 {margin-top: 35px;}
.mt-40 {margin-top: 40px;}
.mt-45 {margin-top: 45px;}
.mt-50 {margin-top: 50px;}

.main_color {color:#609FD2 !important;}
.po_rel {position: relative;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}
.text-left {text-align: left !important;}
.no_bd_bottom {border-bottom: 0px !important;}
.no_bd_right {border-right: 0px !important;}
.no_bd_left {border-left: 0px !important;}
.no_bd_top {border-top: 0px !important;}
.bd_r {border-right: 1px solid rgba(0,0,0,0.05) !important;}
.dn {display: none;}
.ov {cursor: pointer;}
/***** reset }*/


/***** Left Menu (220px) { */
.layout_left {width: 220px;box-sizing: border-box;border-right: 0.1px solid rgba(0, 0, 0, 0.1);height: 100%;padding: 30px 30px 40px 20px;left: 0px;top: 0px;z-index: 1;position: fixed;background-color: #fff;}
.left_group {padding-bottom: 20px;border-bottom: 0.1px solid rgba(0,0,0,0.1);box-sizing: border-box;}
.left_gnb li {padding-top: 20px;padding-bottom: 20px;padding-left: 0px;padding-right: 40px;border-bottom: 0.1px solid rgba(0, 0, 0, 0.1);cursor: pointer;position: relative;}
.left_gnb li:hover span {color: #000;}
.left_gnb li span,  .left_gnb li span a{box-sizing: border-box;font-size: 15px; letter-spacing: -0.5px;color: #777;transition: all 350ms cubic-bezier(0.86, 1, 0.07, 1);line-height: 100%;vertical-align: bottom;}
.left_gnb li span svg {color: #000;float:left;margin-right:5px;}
.left_gnb li dd:first-child {margin-right: 10px;}
.left_gnb_txt {padding-top: 5px; float:left; height:32px;}
.badge_cnt {background-color: #FF9933;color: #fff;font-size: 11px;text-align: center;padding: 3px 8px 3px 8px;border-radius: 3px;right: 0px;top: 20px;}
.badge_cnt2 {background-color: #FF9933;color: #fff;font-size: 11px;text-align: center;padding: 3px 8px 3px 8px;border-radius: 3px;cursor: pointer;width: 10px;}
/*2022.10.28 sykim  팩스커버미사용의 경우 공간확보를 위해*/
.badge_none {font-size: 11px;text-align: center;padding: 3px 8px 3px 8px;width: 10px;}

/* left GNB { */
#mainNav {position:relative; letter-spacing: -0.5px;}
#mainNav a{text-decoration:none;display:block;}
#mainNav li .line { height:2px; margin-bottom:2px; padding:0px; border-bottom: 0.1px dashed rgba(0, 0, 0, 0.1)} /*2022.10.24 sykim 메뉴 사이 구분선*/

#mainNav .DB_1D {position:relative;}
#mainNav .DB_1D a{}
#mainNav .DB_1D a:hover{}
#mainNav .DB_1D.DB_select a{}

#mainNav .DB_1D .DB_2D_wrap{display:none; padding:10px 20px 10px 20px; box-sizing: border-box;  margin-right: -40px; background-color: #f9f9f9; border-radius: 6px; margin-top: 15px;}
#mainNav .DB_1D .DB_2D_wrap .DB_2D {position:relative; padding: 0px; border-bottom: 0px; line-height: 180%;}
#mainNav .DB_1D .DB_2D_wrap .DB_2D a{font-size:13px;color:#666; font-family:'NotoSansKR Medium',sans-serif;}
#mainNav .DB_1D .DB_2D_wrap .DB_2D a:hover{color:#000}
#mainNav .DB_1D .DB_2D_wrap .DB_2D.DB_select a{color:#000}

#mainNav .DB_1D .DB_2D_wrap .DB_2D a.sub {margin-left:5px;}

/***** Left Menu  } */


/***** Main Contents { */
#content{margin : 20px 0px 0px 20px;}
    /*#content{margin : 65px 0px 0px 220px;}*/
#content .form {width: 1000px;}
#content ._title {height: 70px;border-bottom: 0.1px solid rgba(0, 0, 0, 0.1);box-sizing: border-box;/*box-shadow: 0px 0px 4px rgba(0,0,0,0.05);*/background-color: #fff;/*min-width: 1010px;*/ min-width:800px;}

/*타이틀*/
#content ._title ._name {font-size: 16px; letter-spacing: -0.5px; padding-top: 22px; float:left; margin-left: 40px; font-family:'NotoSansKR Bold',sans-serif;}
#content ._title ._left {float: left;}
#content ._title ._right{float : right;}
#content ._title div {vertical-align: bottom;}
#content ._subtitle {display : inline-block;color: #0068b0;font-size: 1em;font-weight: 400;vertical-align : middle;line-height : 1.2em;padding : 0.5em}

/*목록 상단 버튼 (타이틀 우측 정렬) */
#content ._title ._buttons {float : right;padding : 25px 20px 5px 0px;}
#content ._title ._buttons button { float:left}

/*상단 탭 (타이틀 우측 정렬) - 송신함/수신함/보관함/휴지통*/
.block_tab {float:right; box-sizing: border-box; padding-left: 20px; padding-right: 40px; overflow: hidden; margin-top:15px;}
.block_tab li {float: left;border-top-right-radius: 6px;border-top-left-radius: 6px;padding: 17px 25px 17px 25px;cursor: pointer; font-size: 14px;color: #777;}
.block_tab .tab_on {background-color: #f7f7f7; box-shadow: 5px 5px 10px rgba(0,0,0,0.1); color:#000; border-top: 0.1px solid rgba(0, 0, 0, 0.1); border-left: 0.1px solid rgba(0, 0, 0, 0.1); border-right: 0.1px solid rgba(0, 0, 0, 0.1);}
.block_tab_sub {float:right}

/*버튼*/
#content ._buttons{	padding : 5px 5px 5px 0px;}
#content ._buttons ._right{	float : right;}
#content ._buttons span, #content ._buttons img, #content ._buttons select{	vertical-align : middle;}

/*검색 상자*/
#content ._search{background-color : #f7f7f7;height: 50px;text-align : center;}
#content ._search ._group{margin-top:9px;display : inline-block;margin-right : 10px;}
#content ._search img, #content ._search span, #content ._search select, #content ._search input{vertical-align : middle;}
._group span{ display:inline-block; margin-right:10px; }
._group input[type=date] { margin-right:5px; }

#content .fix1000 {width: 998px;}
.datetext{width:80px;}

/* TextMsg Create {*/
/*	미리보기 팝업레이어*/
.popupC{position: fixed;top: 40%;left: 50%;transform: translate(-50%, -50%);width:290px;height:50%;}
/*	문자유형, 바이트 표시*/
label._help { min-width:50px; line-height:30px; font-size:12px}
/*	카카오 버튼정보 테이블*/
#rvrtbl, #rvrtbl_link {table-layout: fixed;width: 100%;}
.th {white-space: nowrap;text-align:center !important;}
.addCol1{word-wrap: break-word;overflow-wrap: break-word;}
.addcol{width:18%; white-space: nowrap; /* 줄바꿈 방지 */overflow: hidden; /* 내용이 너무 길 경우 가리기 */text-overflow: ellipsis; /* 가려진 내용에 대해 생략 부호(...) 표시 */}
.addcol:hover {white-space: normal;overflow: visible;z-index: 9999;position: absolute;background-color: white;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);}
/* TextMsg Create }*/

/***** Main Contents } */


/***** Paging { */
.tfoot {text-align: center; height:50px; margin-top: 30px;}
.tfoot a {display:inline-block; width:35px; height:35px; line-height:35px; background-color: transparent; color:#999; border:0px; border-radius: 6px;}
.tfoot a:hover {display:inline-block; background-color: #f7f7f7; color:#000;}
.tfoot .page_ico {width: 50px;}
.tfoot .page_ico:hover {background-color: #fff !important; color:#000;}
.tfoot .page_on {color:#000 !important; background-color: #f7f7f7 !important;}
/***** Paging } */

/* 도움말 { */
.content_help {padding:30px}
.helpdesk_btn_div {background-color: #f9f9f9; border-radius: 8px; padding: 30px; box-sizing: border-box; text-align: center;}
.install { background-color: #fff; padding: 15px 40px 15px 40px;  text-align: center;   border: 0px; border-radius: 6px;  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); font-size: 14px;letter-spacing: -0.5px;
    display: block;
    width: 250px;
    margin: 0 auto;
}
.download_btn {border:2px solid #eee; padding: 12px 20px 10px 20px; display: block; width: 180px; border-radius: 6px; letter-spacing: -0.5px; margin-right: 10px; color:#333}
.download_btn2 {border:2px solid #eee; padding: 12px 20px 10px 20px; display: block; width: 180px; border-radius: 6px; letter-spacing: -0.5px; margin-right: 10px; color:#333}
.help_txt {font-size: 12px; color:#999;}
/* } */

/* 모니터링 { */
.body_btn2 {float:left; margin-left: 40px; margin-top: 15px;}
.body_btn2 button {float: left;}
.body_btn_left {float:left; margin-right: 40px; margin-top: 15px;}
.body_btn_left button {float: left;}
.btn_mr {margin-right: 20px;}
.btn_tiny2 {height: 31px;padding: 3px 10px 3px 8px;font-size: 12px;color: #999;letter-spacing: -0.5px;box-sizing: border-box;border: 1px solid rgba(0, 0, 0, 0.1);background-color: #fff;border-radius: 4px;margin-left: -1px;}
.btn_tiny2 span {color:#000; font-family:'NotoSansKR Bold',sans-serif;}
.server {width:480px;height:220px; border:2px solid #0099ff; border-radius: 6px; box-sizing: border-box; padding: 20px 30px 10px 30px; float:left; margin-right: 20px; margin-bottom: 20px;}
.server:last-child { margin-right: 0px;}
.server_tit {float:left; font-size:16px; letter-spacing: -0.5px; color:#000}
.server_sub {float:left; font-size:12px; letter-spacing: -0.5px; color:#999; margin-top:5px; margin-left:5px;}
.server_status {float:right; font-size:12px; color:#0099ff; margin-top: 3px;}
.apexcharts-datalabel-label {font-family:'NotoSansKR Regular',sans-serif !important;}
.apexcharts-datalabel-value {font-family:'NotoSansKR Bold',sans-serif !important;}
.apexcharts-title-text {font-family:'NotoSansKR Bold',sans-serif !important;}
.server_tits {margin-bottom: 15px;}

li.stat_on {width: 15%; float: right;}
.stat_cpu {width: 24%; float:left; margin-left: -10px;}
.stat_mem {width: 24%; float:left;}
.stat_disk {width: 45%; float: right;}
.stat_disk1 {margin-top: 6px;}
.server_div {padding: 0px 40px 20px 40px; box-sizing: border-box;}
.off {border:2px solid #ccc; !important; opacity: 0.3; filter:grayscale(100%)}

.col2block .block1 {float:left; width: 65%; border:0px solid red; display:block}
.col2block .block2 {float:right; width: 34%; border:0px solid blue}
#monitor {padding:10px 30px;}
.sub_tit {height:30px; padding:10px 0px 0px 0px}
.sub_tit_ul1 {float:left; font-size: 15px; letter-spacing: -0.5px; color:#777}
.sub_tit_ul2 {float:right;}
.stat_table { margin-right: 20px; }
/* } */
@keyframes a{0%{border-color:silver}to{border-color:#3e97eb}}.magic-checkbox,.magic-radio{position:absolute;display:none}.magic-checkbox[disabled],.magic-radio[disabled]{cursor:not-allowed}.magic-checkbox+label,.magic-radio+label{position:relative;display:block;padding-left:30px;cursor:pointer;vertical-align:middle}.magic-checkbox+label:hover:before,.magic-radio+label:hover:before{animation-duration:.4s;animation-fill-mode:both;animation-name:a}.magic-checkbox+label:before,.magic-radio+label:before{position:absolute;top:0;left:0;display:inline-block;width:20px;height:20px;content:'';border:1px solid silver}.magic-checkbox+label:after,.magic-radio+label:after{position:absolute;display:none;content:''}.magic-checkbox[disabled]+label,.magic-radio[disabled]+label{cursor:not-allowed;color:#e4e4e4}.magic-checkbox[disabled]+label:after,.magic-checkbox[disabled]+label:before,.magic-checkbox[disabled]+label:hover,.magic-radio[disabled]+label:after,.magic-radio[disabled]+label:before,.magic-radio[disabled]+label:hover{cursor:not-allowed}.magic-checkbox[disabled]+label:hover:before,.magic-radio[disabled]+label:hover:before{border:1px solid #e4e4e4;animation-name:none}.magic-checkbox[disabled]+label:before,.magic-radio[disabled]+label:before{border-color:#e4e4e4}.magic-checkbox:checked+label:before,.magic-radio:checked+label:before{animation-name:none}.magic-checkbox:checked+label:after,.magic-radio:checked+label:after{display:block}.magic-radio+label:before{border-radius:50%}.magic-radio+label:after{top:6px;left:6px;width:8px;height:8px;border-radius:50%;background:#3e97eb}.magic-radio:checked+label:before{border:1px solid #3e97eb}.magic-radio:checked[disabled]+label:before{border:1px solid #c9e2f9}.magic-radio:checked[disabled]+label:after{background:#c9e2f9}.magic-checkbox+label:before{border-radius:3px}.magic-checkbox+label:after{top:2px;left:7px;box-sizing:border-box;width:6px;height:12px;transform:rotate(45deg);border:2px solid #fff;border-top:0;border-left:0}.magic-checkbox:checked+label:before{border:#3e97eb;background:#3e97eb}.magic-checkbox:checked[disabled]+label:before{border:#c9e2f9;background:#c9e2f9}