@charset "utf-8";
@import url("basic.css?ver=20260805-switch-70x31-round-text-color-clear");

#ajax-loading {position:absolute;left:0;top:0;z-index:81000;width:128px;height:128px;background:url(../img/ajaxloader.gif) no-repeat 0 0;display:none;}
#ajax-loading.wkr-ajax-progress-loading {position:fixed;inset:0;width:100%;height:100%;padding:16px;background:rgba(24,32,46,.42);display:flex !important;align-items:center;justify-content:center;}
#ajax-loading.wkr-ajax-progress-loading .wkr-ajax-progress {width:100%;max-width:360px;padding:22px 24px;background:#fff;border-radius:8px;box-shadow:0 12px 32px rgba(0,0,0,.25);color:#212529;text-align:center;}
#ajax-loading.wkr-ajax-progress-loading .wkr-ajax-progress-title {display:block;margin-bottom:14px;font-size:16px;font-weight:600;}
#ajax-loading.wkr-ajax-progress-loading .wkr-ajax-progress-bar {height:8px;overflow:hidden;background:#e9ecef;border-radius:999px;}
#ajax-loading.wkr-ajax-progress-loading .wkr-ajax-progress-bar span {display:block;width:42%;height:100%;background:#0d6efd;border-radius:inherit;animation:wkr-ajax-progress 1.1s ease-in-out infinite;}
@keyframes wkr-ajax-progress {0% {transform:translateX(-130%);} 100% {transform:translateX(310%);}}
#loading {position:absolute;width:270px;height:230px;z-index:13000;left:0;top:0;background:url(../img/loading_img.gif) no-repeat 0 0;display:none;}

/* Datepickers must stay above Chosen dropdowns and modal form controls. */
.ui-datepicker {z-index:1060 !important;}

.login-box {min-width:390px !important;}
.login-box .card-header {height:150px; padding:18px; overflow:hidden; display:flex; align-items:center; justify-content:center;}
.login-box .card-header > a {display:block; width:100%; line-height:0; text-align:center;}
.login-box .card-header > a > img {display:inline-block; max-width:100%; max-height:114px; width:auto; height:auto; object-fit:contain;}


/* 전체 날짜 선택창은 공통 파란 헤더·선택 월일·하단 버튼 디자인을 사용합니다. */
body .ui-datepicker,
body #ui-datepicker-div.ui-datepicker {
	box-sizing: border-box !important;
	width: 244px !important;
	max-width: calc(100vw - 24px) !important;
	padding: 0 !important;
	border: 1px solid #d6e0ea !important;
	border-radius: 8px !important;
	background: #fff !important;
	box-shadow: 0 8px 24px rgba(15, 23, 42, .16) !important;
	color: #273444 !important;
	font-family: "Source Sans Pro", "Malgun Gothic", sans-serif !important;
	font-size: 13px !important;
	overflow: hidden !important;
}

body .ui-datepicker .ui-datepicker-header {
	position: relative !important;
	padding: 8px 9px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #65b0dd !important;
	color: #fff !important;
}

body .ui-datepicker .ui-datepicker-prev,
body .ui-datepicker .ui-datepicker-next {
	top: 8px !important;
	width: 26px !important;
	height: 26px !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: #e4f3fc !important;
	cursor: pointer !important;
}

body .ui-datepicker .ui-datepicker-prev { left: 8px !important; }
body .ui-datepicker .ui-datepicker-next { right: 8px !important; }

body .ui-datepicker .ui-datepicker-prev:hover,
body .ui-datepicker .ui-datepicker-next:hover {
	top: 8px !important;
	background: #fff !important;
}

body .ui-datepicker .ui-datepicker-prev span,
body .ui-datepicker .ui-datepicker-next span {
	display: none !important;
}

body .ui-datepicker .ui-datepicker-prev::before,
body .ui-datepicker .ui-datepicker-next::before {
	display: block;
	color: #4b9bc9;
	font-size: 19px;
	font-weight: 700;
	line-height: 26px;
	text-align: center;
}

body .ui-datepicker .ui-datepicker-prev::before { content: "‹"; }
body .ui-datepicker .ui-datepicker-next::before { content: "›"; }

body .ui-datepicker .ui-datepicker-title {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 4px !important;
	margin: 0 30px !important;
	line-height: 26px !important;
}

body .ui-datepicker .ui-datepicker-title select,
body .ui-datepicker select.ui-datepicker-month,
body .ui-datepicker select.ui-datepicker-year {
	box-sizing: border-box !important;
	height: 28px !important;
	margin: 0 !important;
	border: 1px solid #c8d5e1 !important;
	border-radius: 4px !important;
	background: #fff !important;
	color: #273444 !important;
	font-size: 13px !important;
	line-height: 26px !important;
}

body .ui-datepicker select.ui-datepicker-year {
	width: 72px !important;
}

body .ui-datepicker select.ui-datepicker-month {
	width: 58px !important;
}

body .ui-datepicker table {
	width: 100% !important;
	margin: 0 0 4px !important;
	border-collapse: collapse !important;
	font-size: 12px !important;
}

body .ui-datepicker th {
	padding: 6px 2px !important;
	border: 0 !important;
	background: #f1f5f8 !important;
	color: #4a5563 !important;
	font-weight: 700 !important;
}

body .ui-datepicker td {
	padding: 2px !important;
	border: 0 !important;
}

body .ui-datepicker td span,
body .ui-datepicker td a {
	padding: 5px 0 !important;
	border: 1px solid transparent !important;
	border-radius: 3px !important;
	color: #273444 !important;
	text-align: center !important;
}

body .ui-datepicker td a:hover {
	border-color: #b9dff5 !important;
	background: #edf8fe !important;
}

body .ui-datepicker td a.ui-state-highlight,
body .ui-datepicker td span.ui-state-highlight {
	border-color: transparent !important;
	background: #edf3f8 !important;
	color: #273444 !important;
	font-weight: 400 !important;
}

body .ui-datepicker td a.ui-state-active,
body .ui-datepicker td span.ui-state-active {
	border-color: #e4b51c !important;
	background: #ffd95a !important;
	color: #273444 !important;
	font-weight: 700 !important;
}

body .ui-datepicker .ui-datepicker-buttonpane {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin: 0 !important;
	padding: 6px 8px 8px !important;
	border-top: 1px solid #e5ebf1 !important;
}

body .ui-datepicker .ui-datepicker-buttonpane button,
body .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: none !important;
	margin: 0 !important;
	padding: 5px 10px !important;
	border: 1px solid #cbd7e3 !important;
	border-radius: 4px !important;
	background: #edf3f8 !important;
	color: #4b657b !important;
	font-size: 12px !important;
	font-weight: 600 !important;
}

body .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {
	border-color: #65a9d7 !important;
	background: #65a9d7 !important;
	color: #fff !important;
}

/* scroll to top */
.scrollup {display:none;overflow:hidden;position:fixed;right:16px;bottom:64px;z-index:1000;width:48px;height:48px;background-color:#333;font-size:24px;line-height:48px;color:#fff;text-align:center;opacity:0.6;filter:alpha(opacity=80)}

@media (max-width: 575.98px) {
  .scrollup {right:12px;bottom:76px;width:44px;height:44px;line-height:44px;font-size:21px;}
}

/* Keep the customer list visible when the viewport is below the desktop width. */
@media screen and (max-width: 979.98px) {
  .main-sidebar,
  .main-sidebar::before {
    margin-left: -250px;
  }

  .sidebar-open .main-sidebar,
  .sidebar-open .main-sidebar::before {
    margin-left: 0;
  }
}

a.scrollup {
  outline: 0;
}

/* 리스트와 등록/수정 화면의 버튼 위치를 매니저 관리 화면과 통일합니다. */
.admin-list-actions {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-top: 12px;
}

.admin-list-actions .btn {
	margin: 0;
	width: auto !important;
	min-width: 128px;
	white-space: nowrap;
}

.admin-write-actions {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.admin-write-actions .admin-write-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	float: none !important;
	width: auto !important;
	min-width: 128px;
	min-height: 38px;
	padding-left: 16px;
	padding-right: 16px;
	margin: 0 !important;
	white-space: nowrap;
}

.admin-write-actions #writeGo {
	margin-left: auto !important;
}

/* 등록·수정 화면의 목록 버튼은 환경설정 색상값과 무관하게 항상 식별됩니다. */
.admin-write-actions #listGo {
	background: #6c757d !important;
	border-color: #6c757d !important;
	color: #fff !important;
}

.admin-write-actions #listGo:hover,
.admin-write-actions #listGo:focus {
	background: #545b62 !important;
	border-color: #4e555b !important;
	color: #fff !important;
}

@media (max-width: 575.98px) {
	.admin-list-actions .btn {
		width: 100% !important;
		min-width: 0;
	}

	.admin-write-actions {
		gap: 8px;
	}

	.admin-write-actions .admin-write-action {
		flex: 1 1 0;
		width: auto !important;
		min-width: 0;
	}

	.admin-write-actions #writeGo {
		margin-left: 0 !important;
	}
}

/* 등록·수정 화면은 고객리스트 검색영역과 같은 Bootstrap 입력 그룹을 사용합니다. */
/* 고객리스트를 제외한 목록 검색영역은 검색어·버튼이 필요한 만큼만 공간을 사용합니다. */
form.form-search:not(#memberlist) {
	margin: 0 0 16px;
}

form.form-search:not(#memberlist) > .form-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	width: auto;
	margin: 0;
}

form.form-search:not(#memberlist) > .form-row > .form-group,
form.form-search:not(#memberlist) > .form-row > .col,
form.form-search:not(#memberlist) > .form-row > .col-auto {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

form.form-search:not(#memberlist) > .form-row > .col {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

form.form-search:not(#memberlist) input[name="stx"] {
	flex: 0 1 500px;
	width: 500px !important;
	max-width: 500px;
	min-width: 0;
}

form.form-search:not(#memberlist) > .form-row > .col-auto:last-child,
form.form-search:not(#memberlist) > .form-row > .col > .btn,
form.form-search:not(#memberlist) > .form-row > .col > a.btn {
	white-space: nowrap;
}

form.form-search:not(#memberlist) > .form-row > .col-auto:last-child {
	display: flex;
	align-items: center;
	gap: 8px;
}

form.form-search:not(#memberlist) .btn {
	margin: 0;
}

/* 지사·코드점·대리점 검색행은 select의 form-group 기본 하단 여백으로 인해 입력창과 어긋나지 않도록 정렬합니다. */
.company-management-search > .form-row > .form-group > select,
.company-management-search #stx,
.company-management-search button[type="submit"] {
	box-sizing: border-box;
	height: 38px;
	margin-top: 0;
	margin-bottom: 0;
	vertical-align: middle;
}

.company-management-search button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding-top: 0;
	padding-bottom: 0;
}

/* 상태 등록·수정 입력영역은 제목 없이 카드 안쪽의 별도 패널로 표시합니다. */
.state-write-card-body {
	padding: 20px;
	background: #f8fafc;
}

.state-write-panel {
	padding: 20px;
	border: 1px solid #d8dee8;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 2px 8px rgba(15, 23, 42, .04);
}

.state-write-panel form {
	margin: 0;
}

.state-write-panel form#frmWrite .state-write-code-value {
	display: flex;
	align-items: center !important;
	min-height: 38px;
	font-weight: 600;
}

/* 접속형태 사용권한 체크박스는 PC 기준 16px 크기와 세로 중앙 정렬을 사용합니다. */
.state-write-permission-options {
	display: flex;
	align-items: center !important;
	flex-wrap: wrap;
	gap: 0;
	min-height: 38px;
}

.state-write-permission-options.input-group > .input-group-text {
	align-self: stretch;
	display: inline-flex;
	align-items: center;
}

.state-write-permission-options > .state-write-permission-checkbox,
.state-write-permission-options > label:not(.input-group-text) {
	align-self: center;
}

/* 사용권한 라벨과 체크박스·텍스트를 같은 행 높이의 세로 중앙에 맞춥니다. */
.state-write-permission-row {
	align-items: center;
}

.state-write-permission-row > .form-check-label {
	display: flex;
	align-items: center;
	min-height: 38px;
	margin-bottom: 0;
}

.state-write-permission-checkbox {
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
	margin: 0 8px 0 0;
	vertical-align: middle;
}

.state-write-permission-options > label {
	display: inline-flex;
	align-items: center;
	min-height: 22px;
	margin: 0 24px 0 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
}

.state-write-permission-options > label:last-child {
	margin-right: 0;
}

/* 지사·상담원·코드점·대리점·FC 입력영역은 제목을 유지하고 안쪽 박스로 감쌉니다. */
.wkr-write-card-body {
	padding: 20px;
	background: #f8fafc;
}

.wkr-write-panel {
	padding: 20px;
	border: 1px solid #d8dee8;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 2px 8px rgba(15, 23, 42, .04);
}

.wkr-write-panel form {
	margin: 0;
}

.wkr-write-panel > .sub-title:first-child {
	margin-top: 0;
}

@media (max-width: 575.98px) {
	.state-write-card-body {
		padding: 12px;
	}

	.state-write-panel {
		padding: 12px;
	}

	.wkr-write-card-body {
		padding: 12px;
	}

	.wkr-write-panel {
		padding: 12px;
	}

	form.form-search:not(#memberlist) > .form-row {
		align-items: stretch;
	}

	form.form-search:not(#memberlist) > .form-row > .col,
	form.form-search:not(#memberlist) > .form-row > .col-auto:last-child {
		flex: 1 1 100%;
		width: 100%;
	}

	form.form-search:not(#memberlist) > .form-row > .col {
		flex-wrap: wrap;
	}

	form.form-search:not(#memberlist) input[name="stx"] {
		flex: 1 1 100%;
		width: 100% !important;
		max-width: 500px;
	}

	form.form-search:not(#memberlist) > .form-row > .col > .btn,
	form.form-search:not(#memberlist) > .form-row > .col > a.btn {
		flex: 0 0 auto;
	}
}

form#frmWrite .wkr-form-input-group {
	align-items: stretch;
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}

form#frmWrite .wkr-form-input-group > .input-group-text {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	width: 120px;
	max-width: 150px;
	min-width: 120px;
	margin-right: 8px;
	white-space: nowrap;
}

form#frmWrite .wkr-form-input-group > .row {
	flex: 1 1 0;
	width: 0;
	min-width: 0;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

form#frmWrite .member-address-sido-group {
	flex: 0 0 auto;
	max-width: 100%;
	width: auto;
}

form#frmWrite .member-address-sido-group > .member-address-sido {
	padding-left: 0;
	padding-right: 0;
}

form#frmWrite .wkr-form-input-group > .form-control,
form#frmWrite .wkr-form-input-group > .form-select,
form#frmWrite .wkr-form-input-group > .chosen-container {
	min-width: 0;
}

form#frmWrite .wkr-form-input-group > .form-control[class*="w"],
form#frmWrite .wkr-form-input-group > .form-select[class*="w"] {
	flex: 0 1 auto;
	max-width: 100%;
}

form#frmWrite .wkr-form-input-group > .form-control.w120,
form#frmWrite .wkr-form-input-group > .form-select.w120 { width: 120px; }
form#frmWrite .wkr-form-input-group > .form-control.w150,
form#frmWrite .wkr-form-input-group > .form-select.w150 { width: 150px; }
form#frmWrite .wkr-form-input-group > .form-control.w180,
form#frmWrite .wkr-form-input-group > .form-select.w180 { width: 180px; }
form#frmWrite .wkr-form-input-group > .form-control.w200,
form#frmWrite .wkr-form-input-group > .form-select.w200 { width: 200px; }
form#frmWrite .wkr-form-input-group > .form-control.w250,
form#frmWrite .wkr-form-input-group > .form-select.w250 { width: 250px; }
form#frmWrite .wkr-form-input-group > .form-control.w350,
form#frmWrite .wkr-form-input-group > .form-select.w350 { width: 350px; }

form#frmWrite .wkr-checkbox-options {
	display: flex;
	flex: 1 1 auto;
	flex-wrap: nowrap;
	align-items: stretch;
	min-width: 0;
	max-width: 100%;
}

form#frmWrite .wkr-checkbox-options > .input-group-text {
	align-self: stretch;
}

form#frmWrite .wkr-checkbox-options-list {
	display: flex;
	flex: 1 1 auto;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	gap: 8px 14px;
	min-width: 0;
	max-width: 100%;
	padding-top: 7px;
	padding-bottom: 7px;
	overflow: hidden;
}

form#frmWrite .wkr-checkbox-options-list > .form-check-inline {
	display: inline-flex;
	flex: 0 1 auto;
	align-items: center;
	width: auto;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

form#frmWrite .wkr-checkbox-options-list > .form-check-inline > label {
	max-width: 100%;
	white-space: normal;
	overflow-wrap: anywhere;
}

form#frmWrite .wkr-form-input-group > .bootstrap-switch {
	flex: 0 0 auto;
	width: 58px !important;
	min-width: 58px;
	max-width: 58px;
	height: 29px !important;
	align-self: center;
	margin-left: 0;
	border-radius: 4px;
	overflow: hidden;
	vertical-align: middle;
}

form#frmWrite .wkr-form-input-group > .cp_id_text {
	display: inline-flex;
	flex: 0 1 auto;
	align-self: center;
	align-items: center;
	min-height: 38px;
	line-height: 1.2;
}

form#frmWrite .wkr-password-toggle-wrap {
	flex-wrap: nowrap;
	min-width: 0;
	max-width: 100%;
}

form#frmWrite .wkr-password-toggle-wrap > input[type="password"],
form#frmWrite .wkr-password-toggle-wrap > input[type="text"] {
	flex: 1 1 0 !important;
	min-width: 0;
}

/* 비밀번호와 비밀번호 확인 입력창은 데스크톱에서 동일한 300px 폭을 사용합니다. */
@media screen and (min-width: 576px) {
	form#frmWrite .wkr-paired-password-row > .col {
		flex: 0 0 300px;
		max-width: 300px;
		width: 300px;
	}

	form#frmWrite .wkr-paired-password-row > .col .wkr-password-field,
	form#frmWrite .wkr-paired-password-row > .col input[type="password"],
	form#frmWrite .wkr-paired-password-row > .col input[type="text"] {
		max-width: 300px !important;
		width: 300px !important;
	}
}

@media screen and (max-width: 575.98px) {
	form#frmWrite .wkr-paired-password-row > .col {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}

	form#frmWrite .wkr-paired-password-row > .col .wkr-password-field,
	form#frmWrite .wkr-paired-password-row > .col input[type="password"],
	form#frmWrite .wkr-paired-password-row > .col input[type="text"] {
		max-width: 100% !important;
		width: 100% !important;
	}
}

/* 지사·납품처의 비밀번호와 확인 입력창은 지정한 w250 폭을 유지합니다. */
form#frmWrite .wkr-fixed-password-row {
	flex-wrap: nowrap;
}

form#frmWrite .wkr-fixed-password-row > .wkr-password-toggle-wrap,
form#frmWrite .wkr-fixed-password-row > .col:not(.wkr-password-toggle-wrap) {
	flex: 0 0 auto;
	width: auto;
	min-width: 0;
}

form#frmWrite .wkr-fixed-password-row > .wkr-password-toggle-wrap > input.w250,
form#frmWrite .wkr-fixed-password-row > .col:not(.wkr-password-toggle-wrap) > input.w250 {
	flex: 0 1 auto !important;
	width: 250px;
	max-width: 250px;
}

/* FC 비밀번호 행은 첫 입력창에 라벨을 포함할 수 있는 열 폭을 확보합니다. */
form#frmWrite .wkr-fc-password-row {
	flex-wrap: nowrap;
}

@media screen and (min-width: 992px) {
	form#frmWrite .wkr-fc-password-row > .wkr-password-toggle-wrap {
		flex: 0 0 40%;
		max-width: 40%;
	}

	form#frmWrite .wkr-fc-password-row > .col:not(.wkr-password-toggle-wrap) {
		flex: 0 0 auto;
		width: auto;
		min-width: 0;
	}

	form#frmWrite .wkr-fc-password-row > .col:not(.wkr-password-toggle-wrap) > input.w250 {
		flex: 0 1 auto !important;
		width: 250px;
		max-width: 250px;
	}
}

form#frmWrite.member-write-form .wkr-has-radio-options {
	flex-wrap: nowrap;
}

form#frmWrite.member-write-form .wkr-form-input-group > .input-group-text {
	align-self: stretch;
}

form#frmWrite.member-write-form .wkr-form-input-group > .form-control,
form#frmWrite.member-write-form .wkr-form-input-group > .form-select,
form#frmWrite.member-write-form .wkr-form-input-group > .chosen-container {
	align-self: center;
}

form#frmWrite.member-write-form .wkr-form-input-group > .row > .col-4 .chosen-container {
	max-width: 100%;
	width: 100% !important;
}

form#frmWrite.member-write-form .wkr-radio-options {
	display: flex;
	flex: 1 1 auto;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
}

form#frmWrite.member-write-form .wkr-radio-options > input[type="radio"] {
	flex: 0 0 auto;
	align-self: center;
	margin-top: 0;
	margin-bottom: 0;
}

form#frmWrite.member-write-form .wkr-radio-options > label:not(.input-group-text) {
	flex: 0 0 auto;
	align-self: center;
	max-width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.5;
	white-space: normal;
	overflow-wrap: anywhere;
}

/* 매니저 등록·수정 화면의 세부권한과 짧은 계정 입력창 */
form#frmWrite.admin-write-form .wkr-manager-permission-row > .input-group-text {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	width: 150px;
	max-width: 150px;
	min-width: 150px;
	margin-right: 10px;
	white-space: nowrap;
}

form#frmWrite.admin-write-form .wkr-manager-permission-label.cur {
	position: relative;
	cursor: pointer;
}

form#frmWrite.admin-write-form .wkr-detail-permission-help {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin-left: 4px;
	margin-right: 20px;
	border: 1px solid #6c757d;
	border-radius: 50%;
	background: #fff;
	color: #495057;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	vertical-align: middle;
}

form#frmWrite.admin-write-form .wkr-detail-permission-view-field {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	width: auto;
	max-width: none;
}

form#frmWrite.admin-write-form .wkr-detail-permission-tooltip-content {
	position: absolute;
	bottom: calc(100% + 8px);
	left: 50%;
	z-index: 1080;
	width: max-content;
	max-width: 300px;
	padding: 8px 10px;
	border-radius: 4px;
	background: #050505;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .2);
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.45;
	text-align: left;
	white-space: normal;
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, 4px);
	transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
	pointer-events: none;
}

form#frmWrite.admin-write-form .wkr-detail-permission-tooltip-content::after {
	position: absolute;
	bottom: -5px;
	left: 50%;
	width: 10px;
	height: 10px;
	background: #050505;
	content: "";
	transform: translateX(-50%) rotate(45deg);
}

form#frmWrite.admin-write-form .wkr-detail-permission-help:hover .wkr-detail-permission-tooltip-content,
form#frmWrite.admin-write-form .wkr-detail-permission-help:focus .wkr-detail-permission-tooltip-content,
form#frmWrite.admin-write-form .wkr-manager-permission-label:hover > .wkr-detail-permission-tooltip-content,
form#frmWrite.admin-write-form .wkr-manager-permission-label:focus > .wkr-detail-permission-tooltip-content {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, 0);
}

form#frmWrite.admin-write-form #ad_id,
form#frmWrite.admin-write-form #ad_pw,
form#frmWrite.admin-write-form #ad_pw_re,
form#frmWrite.admin-write-form #ad_name {
	flex: 0 1 250px !important;
	width: 250px !important;
	max-width: 250px !important;
}

/* 관리자 비밀번호 행은 라벨·비밀번호·비밀번호 확인을 한 줄로 붙입니다. */
form#frmWrite.admin-write-form .admin-password-row {
	flex-wrap: nowrap;
}

form#frmWrite.admin-write-form .admin-password-row > .wkr-password-toggle-wrap {
	flex: 0 0 417.5px !important;
	width: 417.5px !important;
	max-width: 417.5px !important;
	padding-left: 7.5px;
	padding-right: 0;
}

form#frmWrite.admin-write-form .admin-password-row > .wkr-password-toggle-wrap > input[type="password"],
form#frmWrite.admin-write-form .admin-password-row > .wkr-password-toggle-wrap > input[type="text"] {
	flex: 0 0 250px !important;
	width: 250px !important;
	max-width: 250px !important;
}

form#frmWrite.admin-write-form .admin-password-row > .col:not(.wkr-password-toggle-wrap) {
	flex: 0 0 250px;
	width: 250px;
	max-width: 250px;
	padding-left: 0;
	padding-right: 0;
}

.wkr-detail-permission-tooltip .wkr-detail-permission-tooltip-view {
	color: #dc3545;
	font-weight: 700;
}

form#frmWrite .wkr-form-input-group > .chosen-container {
	flex: 1 1 auto;
}

/* 대리점명 입력창만 라벨을 제외한 실제 열 폭 안에서 줄어들도록 합니다. */
form#frmWrite .wkr-agency-name-group > .form-control.w350,
form#frmWrite .wkr-branch-name-group > .form-control.w350,
form#frmWrite .wkr-supplier-name-group > .form-control.w350 {
	max-width: calc(100% - 160px);
}

/* 대리점명 행도 하단 담당자·정산 필드와 동일하게 좌우 50% 열을 사용합니다. */
form#frmWrite.company2-write-form .wkr-affiliation-select-group,
form#frmWrite.company2-write-form .wkr-agency-name-group,
form#frmWrite.consultant-write-form .wkr-affiliation-select-group {
	flex: 0 0 50%;
	max-width: 50%;
}

/* 모든 소속 선택창은 FC 소속 선택창과 같은 폭을 사용합니다. */
@media screen and (min-width: 992px) {
	form#frmWrite .wkr-affiliation-select-group {
		flex: 0 0 48%;
		max-width: 48%;
	}

	form#frmWrite .wkr-affiliation-select-group > .chosen-container {
		flex: 0 1 275px;
		width: 275px !important;
		max-width: calc(100% - 170px);
	}
}

@media screen and (max-width: 991.98px) {
	form#frmWrite.admin-write-form .admin-password-row > .wkr-password-toggle-wrap,
	form#frmWrite.admin-write-form .admin-password-row > .col:not(.wkr-password-toggle-wrap) {
		flex: 1 1 0 !important;
		width: auto !important;
		max-width: none !important;
	}

	form#frmWrite.admin-write-form .wkr-manager-permission-row > .input-group-text {
		width: 140px;
		max-width: 150px;
		min-width: 140px;
	}

	form#frmWrite.admin-write-form #ad_id,
	form#frmWrite.admin-write-form #ad_pw,
	form#frmWrite.admin-write-form #ad_pw_re,
	form#frmWrite.admin-write-form #ad_name {
		flex: 1 1 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* FC 소속 선택은 라벨과 선택창이 같은 행에 들어갈 수 있도록 전용 열을 확보합니다. */
@media screen and (min-width: 992px) {
	form#frmWrite.member-write-form .wkr-affiliation-select-group,
	form#frmWrite.member-write-form .form-group.row > .col-5 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	form#frmWrite.member-write-form #cp_republication_chosen,
	form#frmWrite.member-write-form #mb_month_amt_chosen,
	form#frmWrite.member-write-form #mb_gift_chosen {
		flex: 0 1 275px;
		width: 275px !important;
		max-width: calc(100% - 170px);
	}

	form#frmWrite.member-write-form .wkr-form-input-group > .row > .col-4 {
		padding-left: 0;
		padding-right: 0;
	}

	form#frmWrite.member-write-form #mb_resident_year_chosen,
	form#frmWrite.member-write-form #mb_resident_month_chosen,
	form#frmWrite.member-write-form #mb_resident_day_chosen {
		width: 100% !important;
		max-width: 100% !important;
		margin-right: 0;
	}

	form#frmWrite.consultant-write-form .wkr-fc-affiliation-group {
		flex: 0 0 48%;
		max-width: 48%;
	}

	form#frmWrite.consultant-write-form .wkr-fc-contact-group {
		flex: 0 0 48%;
		max-width: 48%;
	}

	form#frmWrite.consultant-write-form .wkr-fc-affiliation-group > #cp_company_chosen {
		flex: 0 1 350px;
		width: 350px !important;
		max-width: calc(100% - 170px);
	}
}

@media screen and (max-width: 575.98px) {
	form#frmWrite.admin-write-form .admin-password-row {
		flex-wrap: wrap;
	}

	form#frmWrite.admin-write-form .admin-password-row > .wkr-password-toggle-wrap,
	form#frmWrite.admin-write-form .admin-password-row > .col:not(.wkr-password-toggle-wrap) {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		padding-left: 0;
		padding-right: 0;
	}

	form#frmWrite .wkr-fixed-password-row {
		flex-wrap: wrap;
	}

	form#frmWrite .wkr-fixed-password-row > .wkr-password-toggle-wrap,
	form#frmWrite .wkr-fixed-password-row > .col:not(.wkr-password-toggle-wrap) {
		flex: 0 0 100%;
		width: 100%;
	}

	form#frmWrite .wkr-fixed-password-row > .wkr-password-toggle-wrap > input.w250,
	form#frmWrite .wkr-fixed-password-row > .col:not(.wkr-password-toggle-wrap) > input.w250 {
		width: 100%;
		max-width: 100%;
	}

	form#frmWrite .wkr-form-input-group > .input-group-text {
		width: 120px;
		max-width: 150px;
		min-width: 120px;
		margin-right: 10px;
		padding-left: 8px;
		padding-right: 8px;
	}

	form#frmWrite .member-address-sido-group {
		flex: 0 0 100%;
		width: 100%;
	}

	form#frmWrite .member-address-sido-group > .member-address-sido,
	form#frmWrite .member-address-sido-group .chosen-container {
		min-width: 0;
		width: 100% !important;
	}

	form#frmWrite .wkr-form-input-group > .form-control.w120,
	form#frmWrite .wkr-form-input-group > .form-control.w150,
	form#frmWrite .wkr-form-input-group > .form-control.w180,
	form#frmWrite .wkr-form-input-group > .form-control.w200,
	form#frmWrite .wkr-form-input-group > .form-control.w250,
	form#frmWrite .wkr-form-input-group > .form-control.w350,
	form#frmWrite .wkr-form-input-group > .form-select.w120,
	form#frmWrite .wkr-form-input-group > .form-select.w150,
	form#frmWrite .wkr-form-input-group > .form-select.w180,
	form#frmWrite .wkr-form-input-group > .form-select.w200,
	form#frmWrite .wkr-form-input-group > .form-select.w250,
	form#frmWrite .wkr-form-input-group > .form-select.w350 {
		width: 100%;
	}
}

/* Searchable select (Chosen) */
select[style*="display: none"] {
	display: none !important;
}

select.no-chosen {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #fff;
	background-image: linear-gradient(45deg, transparent 50%, #667085 50%), linear-gradient(135deg, #667085 50%, transparent 50%);
	background-position: calc(100% - 17px) 15px, calc(100% - 12px) 15px;
	background-repeat: no-repeat;
	background-size: 5px 5px, 5px 5px;
	border: 1px solid #d8dee8;
	border-radius: 9px !important;
	box-sizing: border-box;
	box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
	color: #344054;
	cursor: pointer;
	height: 38px;
	line-height: 38px;
	padding: 0 34px 0 13px;
	transition: border-color .18s ease, box-shadow .18s ease;
}

select.no-chosen:focus {
	border-color: #3478f6;
	box-shadow: 0 0 0 3px rgba(52, 120, 246, .14);
	outline: 0;
}

.chosen-container {
	color: #344054;
	font-size: 14px;
	line-height: 1.5;
	max-width: 100%;
	min-width: 120px;
	text-align: left;
	vertical-align: middle;
	margin-right: 5px;
}

.chosen-container-single .chosen-single {
	align-items: center;
	background: #fff;
	border: 1px solid #d8dee8;
	border-radius: 9px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
	color: #344054;
	display: flex;
	height: 38px;
	line-height: 38px;
	padding: 0 42px 0 13px;
	transition: border-color .18s ease, box-shadow .18s ease;
}

.chosen-container-single .chosen-single span {
	margin-right: 0;
}

/* 코드점 선택상자는 두 화면에서 동일하게 250px을 확보합니다. */
#cp_precedence + .chosen-container {
	max-width: 100%;
	width: 250px !important;
}

.chosen-container-single .chosen-single div {
	align-items: center;
	display: flex;
	justify-content: center;
	width: 38px;
}

.chosen-container-single .chosen-single div b {
	background: none !important;
	border-bottom: 2px solid #667085;
	border-right: 2px solid #667085;
	height: 8px;
	margin-top: -4px;
	transform: rotate(45deg);
	transition: transform .18s ease;
	width: 8px;
}

.chosen-container-active .chosen-single {
	border-color: #3478f6;
	box-shadow: 0 0 0 3px rgba(52, 120, 246, .14);
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
	margin-top: 4px;
	transform: rotate(225deg);
}

.chosen-container .chosen-drop {
	background: #fff;
	border: 1px solid #d8dee8;
	border-radius: 10px;
	box-shadow: 0 12px 28px rgba(16, 24, 40, .15);
	margin-top: 5px;
	overflow: hidden;
}

.chosen-container-single .chosen-search {
	padding: 9px;
	position: relative;
}

.chosen-container-single .chosen-search::before {
	color: #98a2b3;
	content: "\f002";
	font-family: "Font Awesome 5 Free";
	font-size: 13px;
	font-weight: 900;
	left: 22px;
	pointer-events: none;
	position: absolute;
	top: 20px;
	z-index: 1;
}

.chosen-container-single .chosen-search input[type="text"] {
	background: #f8fafc !important;
	border: 1px solid #d8dee8;
	border-radius: 8px;
	color: #344054;
	font-family: inherit;
	font-size: 14px;
	height: 38px;
	line-height: 38px;
	outline: 0;
	padding: 0 10px 0 34px;
}

.chosen-container-single .chosen-search input[type="text"]:focus {
	background: #fff !important;
	border-color: #3478f6;
	box-shadow: 0 0 0 3px rgba(52, 120, 246, .12);
}

.chosen-container .chosen-results {
	color: #344054;
	margin: 0;
	max-height: 260px;
	padding: 3px 7px 8px;
}

.chosen-container .chosen-results li {
	border-radius: 7px;
	line-height: 1.45;
	margin: 2px 0;
	padding: 9px 11px;
}

.chosen-container .chosen-results li.highlighted {
	background: #edf4ff;
	color: #245edb;
}

.chosen-container .chosen-results li.result-selected {
	background: #f4f7fb;
	color: #667085;
	font-weight: 700;
}

.chosen-container .chosen-results li.no-results {
	background: #fff4f3;
	color: #b42318;
}

.wkr-progress-tooltip-popup {
	--bs-tooltip-bg: #050505;
	--bs-tooltip-color: #fff;
	--bs-tooltip-opacity: 1;
	--bs-tooltip-max-width: 360px;
}

.wkr-progress-tooltip-popup .tooltip-inner {
	background-color: #050505 !important;
	border: 1px solid #050505;
	border-radius: 10px;
	box-shadow: 0 12px 28px rgba(16, 24, 40, .15);
	color: #fff !important;
	max-width: 360px;
	padding: 10px 12px;
	text-align: left;
}

.bs-tooltip-top.wkr-progress-tooltip-popup .tooltip-arrow::before {
	border-top-color: #050505 !important;
}

td[data-bs-custom-class="wkr-progress-tooltip-popup"] {
	cursor: pointer;
}

/* 대리점 등록·수정 화면의 소속 선택상자 */
.precedence-select .chosen-container {
	max-width: 100%;
	width: 350px !important;
}

.member-address-sido .chosen-container {
	width: 180px !important;
}

.member-address-sigugun .chosen-container {
	width: 250px !important;
}

@media screen and (max-width: 575px) {
	.precedence-select .chosen-container {
		width: 100% !important;
	}


	.member-address-sido .chosen-container,
	.member-address-sigugun .chosen-container {
		width: 100% !important;
	}
}

.chosen-container.chosen-container-multi .chosen-choices {
	background: #fff;
	border: 1px solid #d8dee8;
	border-radius: 9px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
	min-height: 38px;
	padding: 3px 6px;
}

.chosen-container-multi .chosen-choices li.search-choice {
	background: #edf4ff;
	border: 0;
	border-radius: 6px;
	box-shadow: none;
	color: #245edb;
	margin: 3px;
	padding: 6px 26px 6px 9px;
}

.chosen-disabled {
	opacity: .62 !important;
}

@media (max-width: 575.98px) {
	.chosen-container {
		min-width: 0;
		width: 100% !important;
	}

	#cp_precedence + .chosen-container {
		width: 100% !important;
	}
}

a.scrollup:hover, a.scrollup:active, a.scrollup:focus {background-color:#e46e9e;color:#fff;text-decoration:none;opacity:1;filter:alpha(opacity=100)}

a.scrollup i:hover {
  text-decoration: none;
}

.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

#no_v_img a.view_image {display:block}
#no_v_img img {margin-bottom:20px;max-width:100%;height:auto}


/* 팝업레이어 */
#hd_pop {z-index:1500;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
.hd_pops {position:absolute;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con { color:#222;padding:20px; }
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}
.sound_only {display:none;}

.form-check-label {font-weight:700;}

/* 공통 iframe 모달 팝업 */
.wkr-content-modal {
	overflow: hidden !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	z-index: 1055;
}

.wkr-content-modal .modal-dialog {
	margin: 16px auto;
	max-height: calc(100vh - 32px);
	transition: max-width .2s ease;
}

.wkr-content-modal .modal-content {
	border: 0;
	border-radius: 18px;
	box-shadow: 0 28px 80px rgba(15, 23, 42, .28);
	max-height: calc(100vh - 32px);
	overflow: hidden;
}

.wkr-content-modal .modal-header {
	align-items: center;
	background: linear-gradient(135deg, #293248, #303b56);
	border: 0;
	color: #fff;
	cursor: grab;
	min-height: 58px;
	padding: 15px 20px;
	user-select: none;
}

.wkr-content-modal .modal-header:active {
	cursor: grabbing;
}

.wkr-content-modal .modal-title {
	font-size: 18px;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wkr-content-modal .btn-close {
	filter: invert(1) grayscale(100%) brightness(200%);
	opacity: .9;
}

.wkr-content-modal .modal-body {
	background: #fff;
	height: calc(100% - 58px);
	overflow: hidden;
	padding: 0;
	position: relative;
}

.wkr-content-modal iframe {
	background: #fff;
	border: 0;
	display: block;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
}

.wkr-content-modal.wkr-frame-scroll-locked iframe {
	overflow-y: hidden !important;
}

html.wkr-modal-page,
body.wkr-modal-page {
	max-width: 100%;
	overflow-x: hidden !important;
	width: 100%;
}

html.wkr-modal-page.wkr-chosen-dropdown-open,
body.wkr-modal-page.wkr-chosen-dropdown-open {
	overflow-y: hidden !important;
}

body.wkr-modal-page .wrapper,
body.wkr-modal-page .content-wrapper,
body.wkr-modal-page .content,
body.wkr-modal-page .card,
body.wkr-modal-page .card-body,
body.wkr-modal-page form {
	box-sizing: border-box;
	max-width: 100%;
	min-width: 0;
}

body.wkr-modal-page .table-responsive {
	max-width: 100%;
	overflow-x: hidden !important;
}

body.wkr-modal-page .wkr-popup-list-toolbar {
	align-items: center;
	background: #f8fafc;
	border-bottom: 1px solid #e7ebf1;
	display: flex;
	justify-content: space-between;
	padding: 10px 14px;
}

body.wkr-modal-page .wkr-popup-paging {
	display: flex;
	justify-content: center;
	overflow: hidden;
	padding: 10px 8px;
}

body.wkr-modal-page .wkr-popup-paging:empty {
	display: none;
}

body.wkr-modal-page .wkr-popup-paging .pagination {
	flex-wrap: wrap;
	gap: 3px;
	justify-content: center;
	margin: 0;
}

body.wkr-modal-page .wkr-popup-paging .page-link {
	border-radius: 6px;
	font-size: 13px;
	min-width: 32px;
	text-align: center;
}

body.wkr-modal-page table.table {
	min-width: 0 !important;
	table-layout: fixed;
	white-space: normal !important;
	width: 100% !important;
}

body.wkr-modal-page table.table th,
body.wkr-modal-page table.table td,
body.wkr-modal-page table.text-nowrap th,
body.wkr-modal-page table.text-nowrap td {
	overflow-wrap: anywhere;
	white-space: normal !important;
	word-break: break-word;
}

body.wkr-modal-page input,
body.wkr-modal-page select,
body.wkr-modal-page textarea,
body.wkr-modal-page .chosen-container {
	box-sizing: border-box;
	max-width: 100% !important;
}

body.wkr-modal-page select.wkr-chosen-page-scroll + .chosen-container .chosen-results {
	max-height: none;
	overflow-y: visible;
}

/* 배정 선택상자는 Chosen 검색·스크롤을 유지한 채 결과를 위로 연다. */
body.wkr-modal-page select.chosen-open-up + .chosen-container .chosen-drop {
	bottom: 100%;
	margin-bottom: 5px;
	margin-top: 0;
	top: auto;
}

/* Keep the code-point bulk assignment Chosen list above popup content. */
body.wkr-modal-page #cp_precedence + .chosen-container {
	position: relative;
	z-index: 1000;
}

body.wkr-modal-page #cp_precedence + .chosen-container.chosen-with-drop {
	z-index: 1051;
}

body.wkr-modal-page #cp_precedence + .chosen-container .chosen-drop {
	z-index: 1051;
}


body.wkr-modal-page .row {
	margin-left: 0;
	margin-right: 0;
	max-width: 100%;
}

.wkr-modal-loading {
	align-items: center;
	background: #fff;
	color: #667085;
	display: flex;
	flex-direction: column;
	gap: 12px;
	inset: 0;
	justify-content: center;
	position: absolute;
	z-index: 2;
}

.wkr-modal-spinner {
	align-items: center;
	background: #edf3ff;
	border-radius: 50%;
	color: #3478f6;
	display: inline-flex;
	font-size: 22px;
	height: 52px;
	justify-content: center;
	width: 52px;
}

@media screen and (max-width:600px){
	.wkr-content-modal {
		padding: 0 !important;
	}

	.wkr-content-modal .modal-dialog {
		height: calc(100% - 16px);
		margin: 8px;
		max-width: none !important;
		width: calc(100% - 16px) !important;
	}

	.wkr-content-modal .modal-content {
		border-radius: 14px;
		height: 100% !important;
	}

	.wkr-content-modal .modal-header {
		cursor: default;
		min-height: 52px;
		padding: 12px 15px;
	}

	.wkr-content-modal .modal-title {
		font-size: 16px;
	}
}

/* 공통 알림/확인 모달 */
.wkr-dialog .modal-content {
	border: 0;
	border-radius: 20px;
	box-shadow: 0 24px 70px rgba(15, 23, 42, .22);
	overflow: hidden;
}

.wkr-dialog .modal-header {
	align-items: center;
	background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
	border-bottom: 1px solid #eef2f7;
	padding: 22px 24px 16px;
}

.wkr-dialog .modal-title {
	font-size: 19px;
	font-weight: 700;
	width: 100%;
}

.wkr-dialog-title {
	align-items: center;
	color: #172033;
	display: flex;
	gap: 12px;
}

.wkr-dialog-icon {
	align-items: center;
	border-radius: 12px;
	display: inline-flex;
	height: 38px;
	justify-content: center;
	width: 38px;
}

.wkr-dialog-icon-info {
	background: #e8f1ff;
	color: #2563eb;
}

.wkr-dialog-icon-warning {
	background: #fff0ed;
	color: #e5484d;
}

.wkr-dialog-icon-success {
	background: #e8f8ef;
	color: #16a36a;
}

.wkr-dialog-icon-error {
	background: #fff0ed;
	color: #e5484d;
}

.wkr-dialog .modal-body {
	padding: 24px;
}

.wkr-dialog-message {
	color: #4b5565;
	font-size: 16px;
	line-height: 1.75;
	white-space: normal;
}

.wkr-dialog .modal-footer {
	background: #fbfcfe;
	border-top: 1px solid #eef2f7;
	gap: 8px;
	padding: 14px 20px 18px;
}

.wkr-dialog .modal-footer .btn {
	border: 0;
	border-radius: 10px;
	font-weight: 700;
	min-width: 92px;
	padding: 10px 18px;
}

.wkr-dialog .wkr-dialog-confirm.btn-primary {
	background: linear-gradient(135deg, #3478f6, #245edb);
	box-shadow: 0 8px 18px rgba(37, 94, 219, .22);
}

.wkr-dialog .wkr-dialog-confirm.btn-danger {
	background: linear-gradient(135deg, #f05252, #d9363e);
	box-shadow: 0 8px 18px rgba(217, 54, 62, .2);
}

.wkr-dialog .wkr-dialog-confirm.btn-success {
	background: linear-gradient(135deg, #26b47e, #159764);
	box-shadow: 0 8px 18px rgba(21, 151, 100, .2);
}

.wkr-dialog .wkr-dialog-cancel {
	background: #eef1f5;
	color: #4b5565;
}

.wkr-result-detail {
	background: #f5f7fa;
	border-radius: 10px;
	color: #667085;
	font-size: 14px;
	line-height: 1.6;
	margin-top: 16px;
	padding: 12px 14px;
}

/* Codepoint-management accordion submenus */
.main-sidebar .nav-sidebar .nav-treeview .nav-link.company-submenu-link {
	color: #fff;
	padding-left: 2rem;
}

.main-sidebar .nav-sidebar .nav-treeview .nav-link.company-submenu-link.active {
	background-color: #a1811f;
	color: #fff;
}

.main-sidebar .nav-sidebar .nav-treeview .nav-link.company-submenu-link .nav-icon,
.main-sidebar .nav-sidebar .nav-treeview .nav-link.company-submenu-link p {
	color: inherit;
}

/* Management list header styling */
.list-header-table th {
	background-color: #f4f7fb !important;
	border-top: 1px solid #d8dee8 !important;
	border-bottom: 1px solid #d8dee8 !important;
	color: #212529;
}

@media (max-width: 575.98px) {
	.wkr-dialog .modal-dialog {
		margin: 16px;
	}

	.wkr-dialog .modal-footer .btn {
		flex: 1;
	}
}