.label-status {
	background-color: var(--blue-0);
	color: var(--light-0);
	font-size: 8px;
	padding: 2px 4px;
	font-weight: 700;
	border-radius: 4px;
}
.form-label {
	margin-bottom: .5rem
}
.lable-request-sub {
	color: var(--red-0);
	font-size: 13px;
}
.col-form-label {
	padding-top: calc(.45rem + 1px);
	padding-bottom: calc(.45rem + 1px);
	margin-bottom: 0;
	font-size: inherit;
	line-height: 1.5
}

.col-form-label-lg {
	padding-top: calc(.5rem + 1px);
	padding-bottom: calc(.5rem + 1px);
	font-size: calc(1.2501rem + .0012vw)
}

@media (min-width:1200px) {
.col-form-label-lg {
	font-size: 1.251rem
}
}
.col-form-label-sm {
	padding-top: calc(.28rem + 1px);
	padding-bottom: calc(.28rem + 1px);
	font-size: .875rem
}
.form-text {
	margin-top: .25rem;
	font-size: .75rem;
	color: #98a6ad
}
.form-control {
	display: block;
	width: 100%;
	padding: 9px 12px;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
	color: var(--dark-1);
	background-color: var(--light-4);
	background-clip: padding-box;
	border: 1px solid var(--light-0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 4px;
	-webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
.form-control {
	-webkit-transition: none;
	transition: none
}
}
.form-control[type=file] {
	overflow: hidden
}
.form-control[type=file]:not(:disabled):not([readonly]) {
	cursor: pointer
}
.form-control:focus {
	color: var(--dark-1);
	background-color: var(--light-4);
	border-color: var(--blue-1);
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}
.form-control::-webkit-date-and-time-value {
height:1.5em
}
.form-control::-webkit-input-placeholder {
color:#adb5bd;
opacity:1
}
.form-control::-moz-placeholder {
color:#adb5bd;
opacity:1
}
.form-control:-ms-input-placeholder {
color:#adb5bd;
opacity:1
}
.form-control::-ms-input-placeholder {
color:#adb5bd;
opacity:1
}
.form-control::placeholder {
color:  var(--dark-3);
opacity:1
}
.form-control:disabled, .form-control[readonly] {
	color: var(--dark-1);
	background-color: var(--light-4);
	border-color: var(--light-0);
}
.form-check {
	display: block;
	min-height: 1.35rem;
	padding-left: 24px;
	margin-bottom: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	color: var(--dark-1);
	line-height: 24px;
}
.form-check label {
	margin-bottom: 0 !important
}
.form-check .form-check-input {
	float: left;
	margin-left: -23px;
	margin-right: 0
}
.form-check-input {
	width: 1.112em;
	height: 1.112em;
	margin-top: 3px;
	vertical-align: top;
	background-color: var(--light-4);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 1px solid var(--light-0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
	-webkit-transition: background-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: background-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: background-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: background-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
.form-check-input {
	-webkit-transition: none;
	transition: none;
}
}
.form-check-input[type=checkbox] {
	border: 2px solid var(--blue-1);
	box-sizing: border-box;
	height: 18px;
	width: 18px;
	border-radius: 5.5px;
	border-color: var(--blue-1);
}
.form-check-input[type=radio] {
	border-radius: 50%;
	height: 18px;
	width: 18px;
	border: 2px solid var(--blue-1);
}
.form-check-input:active {
	-webkit-filter: brightness(90%);
	filter: brightness(90%)
}
.form-check-input:focus {
	border-color: var(--blue-1);
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}
.form-check-input:checked {
	background-color: var(--blue-1);
	border-color: var(--blue-1);
}
.form-check-input:checked[type=checkbox] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}
.form-check-input:checked[type=radio] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
	background-size: 15px;
	background-position: center;
}
.form-check-input[type=checkbox]:indeterminate {
	background-color: var(--blue-1);
	border-color: var(--blue-1);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}
.form-check-input:disabled {
	pointer-events: none;
	-webkit-filter: none;
	filter: none;
	opacity: .5
}
.form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label {
	opacity: .5;
	color: var(--dark-1);
}
.form-switch {
	padding-left: 2.5em
}
.form-switch .form-check-input {
	width: 2em;
	margin-left: -2.5em;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23dee2e6'/%3e%3c/svg%3e");
	background-position: left center;
	border-radius: 2em;
	-webkit-transition: background-position .15s ease-in-out;
	transition: background-position .15s ease-in-out;
}
input[data-switch] {
	display: none
}
input[data-switch]+label {
	width: 56px;
	height: 24px;
	background-color: var(--light-0);
	background-image: none;
	border-radius: 2rem;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	position: relative;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out
}
input[data-switch]+label:before {
	color: #313a46;
	content: attr(data-off-label);
	display: block;
	font-family: inherit;
	font-weight: 600;
	font-size: .75rem;
	line-height: 24px;
	position: absolute;
	right: 3px;
	margin: 0 .21667rem;
	top: 0;
	text-align: center;
	min-width: 1.66667rem;
	overflow: hidden;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out
}
input[data-switch]+label:after {
	content: '';
	position: absolute;
	left: 4px;
	background-color: #adb5bd;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 2rem;
	height: 18px;
	width: 18px;
	top: 3px;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out
}
input[data-switch]:checked+label {
	background-color: var(--blue-1)
}
input[data-switch]:checked+label:before {
	color: var(--light-4);
	content: attr(data-on-label);
	right: auto;
	left: 4px
}
input[data-switch]:checked+label:after {
	left: 34px;
	background-color: var(--light-0)
}
input[data-switch=bool]+label {
	background-color: var(--red-0)
}
input:disabled+label {
	opacity: .5;
	cursor: default
}
input[data-switch=bool]+label:before, input[data-switch=bool]:checked+label:before {
	color: var(--light-4)!important
}
input[data-switch=bool]+label:after {
	background-color: var(--light-0)
}
input[data-switch=primary]:checked+label {
	background-color: var(--blue-1)
}
input[data-switch=secondary]:checked+label {
	background-color: var(--blue-2)
}
input[data-switch=success]:checked+label {
	background-color: var(--green-0)
}
input[data-switch=info]:checked+label {
	background-color: var(--teal-0)
}
input[data-switch=warning]:checked+label {
	background-color: var(--yellow-0)
}
input[data-switch=danger]:checked+label {
	background-color: var(--red-0)
}
input[data-switch=light]:checked+label {
	background-color: var(--light-0)
}
input[data-switch=dark]:checked+label {
	background-color: var(--dark-1)
}

@media (prefers-reduced-motion:reduce) {
.form-switch .form-check-input {
	-webkit-transition: none;
	transition: none
}
}
.form-switch .form-check-input:focus {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23c8cbcf'/%3e%3c/svg%3e")
}
.form-switch .form-check-input:checked {
	background-position: right center;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}
.form-check-inline {
	display: inline-block;
	margin-right: 1rem
}
.btn-check {
	position: absolute;
	clip: rect(0,0,0,0);
	pointer-events: none
}
.btn-check:disabled+.btn, .btn-check[disabled]+.btn {
	pointer-events: none;
	-webkit-filter: none;
	filter: none;
	opacity: .65
}
.form-range {
	width: 100%;
	height: 1.4rem;
	padding: 0;
	background-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
.form-range:focus {
	outline: 0
}
.form-range:focus::-webkit-slider-thumb {
-webkit-box-shadow:0 0 0 1px #fafbfe, none;
box-shadow:0 0 0 1px #fafbfe, none
}
.form-range:focus::-moz-range-thumb {
box-shadow:0 0 0 1px #fafbfe, none
}
.form-range::-moz-focus-outer {
border:0
}
.form-range::-webkit-slider-thumb {
width:1rem;
height:1rem;
margin-top:-.25rem;
background-color:var(--light-4);
border: 3.80747px solid var(--blue-1);
border-radius:1rem;
-webkit-transition:background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
transition:background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
-webkit-appearance:none;
appearance:none
}

@media (prefers-reduced-motion:reduce) {
.form-range::-webkit-slider-thumb {
-webkit-transition:none;
transition:none
}
}
.form-range::-webkit-slider-thumb:active {
background-color:#d5d8fc
}
.form-range::-webkit-slider-runnable-track {
width:100%;
height:.5rem;
color:transparent;
cursor:pointer;
background-color:var(--light-0);
border-color:transparent;
border-radius:1rem
}
.form-range::-moz-range-thumb {
width:1rem;
height:1rem;
background-color:var(--light-4);
border: 3.80747px solid var(--blue-1);
border-radius:1rem;
-moz-transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-moz-appearance:none;
appearance:none
}

@media (prefers-reduced-motion:reduce) {
.form-range::-moz-range-thumb {
-moz-transition:none;
transition:none
}
}
.form-range::-moz-range-thumb:active {
background-color:#d5d8fc
}
.form-range::-moz-range-track {
width:100%;
height:.5rem;
color:transparent;
cursor:pointer;
background-color:var(--light-0);
border-color:transparent;
border-radius:1rem
}
.form-range:disabled {
	pointer-events: none
}
.form-range:disabled::-webkit-slider-thumb {
background-color:#adb5bd
}
.form-range:disabled::-moz-range-thumb {
background-color:#adb5bd
}
output {
	position: absolute;
	background-image: linear-gradient(#444444, #999999);
	width: 40px;
	height: 30px;
	text-align: center;
	color: white;
	border-radius: 10px;
	display: inline-block;
	font: bold 15px/30px Georgia;
	bottom: 175%;
	left: 0;
	margin-left: -1%;
}
output:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 10px solid #999999;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	margin-top: -1px;
}
.input-group-vngclound {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
	height: 38px;
}
.input-group-vngclound>.form-control {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0;
	padding-left: 77px;
	box-sizing: border-box;
}
.input-group-vngclound>.form-control.right-action {
	padding: 9px 40px 9px 12px;
}
.input-group-text-vngclound {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 9px .1rem 9px 12px;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
	color: var(--dark-1);
	text-align: center;
	white-space: nowrap;
	background-color: var(--light-4);
	border: 0px solid var(--light-0);
	border-radius: 4px;
	position: absolute;
	z-index: 100;
	margin: 1px 0 0 1px;
}
.box-group-right-action {
	padding: 6px 12px;
	position: absolute;
	z-index: 100;
	margin: 1px 0 0 1px;
	right: 1px;
}
.input-group {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%
}
.input-group>.form-control, .input-group>.form-select {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0
}
.input-group>.form-control:focus, .input-group>.form-select:focus {
	z-index: 3
}
.input-group .btn {
	position: relative;
	z-index: 2
}
.input-group .btn:focus {
	z-index: 3
}
.input-group-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: .45rem .9rem;
	font-size: .9rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--dark-1);
	text-align: center;
	white-space: nowrap;
	background-color: var(--light-4);
	border: 1px solid var(--light-0);
	border-radius: 4px
}
.input-group-lg>.btn, .input-group-lg>.form-control, .input-group-lg>.form-select, .input-group-lg>.input-group-text {
	padding: .5rem 1rem;
	font-size: calc(1.2501rem + .0012vw);
	border-radius: .3rem
}


@media (min-width:1200px) {
.input-group-lg>.btn, .input-group-lg>.form-control, .input-group-lg>.form-select, .input-group-lg>.input-group-text {
	font-size: 1.251rem
}
}
.input-group-sm>.btn, .input-group-sm>.form-control, .input-group-sm>.form-select, .input-group-sm>.input-group-text {
	padding: .28rem .8rem;
	font-size: .875rem;
	border-radius: .2rem
}
.input-group-lg>.form-select, .input-group-sm>.form-select {
	padding-right: 3.4rem
}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4), .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-feedback):not(.invalid-feedback) {
	margin-left: -1px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}
.valid-feedback {
	display: none;
	width: 100%;
	font-size: 12px;
	color:var(--green-0);
	margin-top: 6px;
}
.is-valid~.valid-feedback, .was-validated :valid~.valid-feedback {
display:block
}
.form-control.is-valid, .was-validated .form-control:valid {
border-color:var(--green-0);
padding-right:calc(1.5em + .9rem);
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' fill='%233ED25E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.7071 8.29289C17.0976 8.68342 17.0976 9.31658 16.7071 9.70711L11.2071 15.2071C10.8166 15.5976 10.1834 15.5976 9.79289 15.2071L7.29289 12.7071C6.90237 12.3166 6.90237 11.6834 7.29289 11.2929C7.68342 10.9024 8.31658 10.9024 8.70711 11.2929L10.5 13.0858L15.2929 8.29289C15.6834 7.90237 16.3166 7.90237 16.7071 8.29289Z' fill='white'/%3E%3C/svg%3E%0A");
background-repeat:no-repeat;
background-position:right calc(.375em + .225rem) center;
background-size:calc(.75em + .45rem) calc(.75em + .45rem)
}
.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
border-color:var(--green-0);
-webkit-box-shadow:0 0 0 .2rem rgba(10,207,151,.25);
box-shadow:0 0 0 .2rem rgba(10,207,151,.25)
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
padding-right:calc(1.5em + .9rem);
background-position:top calc(.375em + .225rem) right calc(.375em + .225rem)
}
.form-select.is-valid, .was-validated .form-select:valid {
border-color:var(--green-0);
padding-right:calc(.75em + 4.075rem);
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%230acf97' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-position:right .9rem center, center right 3.4rem;
background-size:16px 12px, calc(.75em + .45rem) calc(.75em + .45rem)
}
.form-select.is-valid:focus, .was-validated .form-select:valid:focus {
border-color:var(--green-0);
-webkit-box-shadow:0 0 0 .2rem rgba(10,207,151,.25);
box-shadow:0 0 0 .2rem rgba(10,207,151,.25)
}
.form-check-input.is-valid, .was-validated .form-check-input:valid {
border-color:var(--green-0)
}
.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
background-color:var(--green-0)
}
.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {
-webkit-box-shadow:0 0 0 .2rem rgba(10,207,151,.25);
box-shadow:0 0 0 .2rem rgba(10,207,151,.25)
}
.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {
color:var(--green-0)
}
.form-check-inline .form-check-input~.valid-feedback {
	margin-left: .5em
}
.input-group .form-control.is-valid, .input-group .form-select.is-valid, .was-validated .input-group .form-control:valid, .was-validated .input-group .form-select:valid {
z-index:3
}
.invalid-feedback {
	display: none;
	width: 100%;	
	font-size: 12px;
	color: var(--red-0);
	margin-top: 6px;
}

.is-invalid~.invalid-feedback, .was-validated :invalid~.invalid-feedback {
display:block
}
.form-control.is-invalid, .was-validated .form-control:invalid {
border-color:var(--red-0);
padding-right:calc(1.5em + .9rem);
background-image: url(../images/icon-tag-notice.svg);
background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 11.9998C22 17.5238 17.523 21.9998 12 21.9998C6.477 21.9998 2 17.5238 2 11.9998C2 6.47776 6.477 1.99976 12 1.99976C17.523 1.99976 22 6.47776 22 11.9998' fill='%23EF3B3B'/%3E%3Cpath d='M13 15.5C13 14.9477 12.5523 14.5 12 14.5C11.4477 14.5 11 14.9477 11 15.5C11 16.0523 11.4477 16.5 12 16.5C12.5523 16.5 13 16.0523 13 15.5Z' fill='white'/%3E%3Cpath d='M11 12.5C11 13.0523 11.4477 13.5 12 13.5C12.5523 13.5 13 13.0523 13 12.5V8.5C13 7.94772 12.5523 7.5 12 7.5C11.4477 7.5 11 7.94772 11 8.5V12.5Z' fill='white'/%3E%3C/svg%3E%0A");
background-repeat:no-repeat;
background-position:right calc(.375em + .225rem) center;
background-size:calc(.75em + .45rem) calc(.75em + .45rem)
}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
border-color:var(--red-0);
-webkit-box-shadow:0 0 0 .2rem rgba(250,92,124,.25);
box-shadow:0 0 0 .2rem rgba(250,92,124,.25)
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
padding-right:calc(1.5em + .9rem);
background-position:top calc(.375em + .225rem) right calc(.375em + .225rem)
}
.form-select.is-invalid, .was-validated .form-select:invalid {
border-color:var(--red-0);
padding-right:calc(.75em + 4.075rem);
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23fa5c7c'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fa5c7c' stroke='none'/%3e%3c/svg%3e");
background-position:right .9rem center, center right 3.4rem;
background-size:16px 12px, calc(.75em + .45rem) calc(.75em + .45rem)
}
.form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {
border-color:var(--red-0);
-webkit-box-shadow:0 0 0 .2rem rgba(250,92,124,.25);
box-shadow:0 0 0 .2rem rgba(250,92,124,.25)
}
.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
border-color:var(--red-0)
}
.form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked {
background-color:var(--red-0)
}
.form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus {
-webkit-box-shadow:0 0 0 .2rem rgba(250,92,124,.25);
box-shadow:0 0 0 .2rem rgba(250,92,124,.25)
}
.form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label {
color:var(--red-0)
}
.form-check-inline .form-check-input~.invalid-feedback {
	margin-left: .5em
}
.input-group .form-control.is-invalid, .input-group .form-select.is-invalid, .was-validated .input-group .form-control:invalid, .was-validated .input-group .form-select:invalid {
z-index:3
}
.btn {
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	color: var(--dark-1);
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 0px solid transparent;
	padding: 12px 24px;
	font-size: 16px;
	border-radius: 0px;
	-webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
.btn {
	-webkit-transition: none;
	transition: none
}
}
.btn:hover {
	color: #6c757d
}
.btn-check:focus+.btn, .btn:focus {
	outline: 0;
	-webkit-box-shadow: 0 0 0 .2rem rgba(114,124,245,.25);
	box-shadow: 0 0 0 .2rem rgba(114,124,245,.25)
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
	pointer-events: none;
	opacity: .65
}


.btn-primary-blue {
	color: var(--white);
	font-size: 18px;
	line-height: 56px;
	margin: 0px;
	height: 56px;
	font-weight: 700;
	background: linear-gradient(128deg, #005FC0 0%, #059FF5 100%);
	padding:0 32px;
	border-radius: 30px;
	-webkit-align-items: center;
}
.btn-primary-blue:hover {
	color: var(--white);
	background: #059FF5;
	text-decoration: none;	
}
.btn-check:focus+.btn-primary-blue, .btn-primary-blue:focus {	
	color: var(--white);
	background: var(--blue-700);
}
.btn-check:active+.btn-primary-blue, .btn-check:checked+.btn-primary-blue, .btn-primary-blue.active, .btn-primary-blue:active {
	color: var(--white);
	background: var(--blue-700);
}
.btn-primary-blue.disabled, .btn-primary-blue:disabled {
	color: var(--white);
	background: var(--blue-700);
	opacity: 0.5;
}

.btn-link-blue {
	color: var(--blue);
	font-size: 16px;
	margin: 0px;
	font-weight: 400;
	padding:0;
	-webkit-align-items: left;
}
.btn-link-blue:hover {
	color: var(--blue-600);
}
.btn-check:focus+.btn-link-blue, .btn-link-blue:focus {	
	color: var(--blue-700);
}
.btn-check:active+.btn-link-blue, .btn-check:checked+.btn-link-blue, .btn-link-blue.active, .btn-link-blue:active {
	color: var(--blue-700);
}
.btn-primary-blue.disabled, .btn-link-blue:disabled {
	color: var(--blue-700);
	opacity: 0.5;
}




.btn-medium-40-primary {
	color: var(--white);
	font-size: 14px;
	line-height: 14px;
	margin: 0px;
	height: 40px;
	font-weight: 600;
	background-color: var(--red);
	border-color: var(--red-700);
	text-align: center;
}
.btn-medium-40-primary:hover {
	color: var(--white);
	background-color: var(--red-900);
	border-color: var(--red-900);
}
.btn-check:focus+.btn-medium-40-primary, .btn-medium-40-primary:focus {
	color: var(--white);
	background-color: var(--red-900);
	border-color: var(--red-900);
}
.btn-check:active+.btn-medium-40-primary, .btn-check:checked+.btn-medium-40-primary, .btn-medium-40-primary.active, .btn-medium-40-primary:active {
	color: var(--white);
	background-color: var(--red-900);
	border-color: var(--red-900);
}
.btn-medium-40-primary.disabled, .btn-medium-40-primary:disabled {
	background-color: var(--gray-25);
	border-color:var(--gray-25);
	color: var(--gray-200);
	opacity: 0.8;
}
.btn-medium-40-secondary {
	color: var(--blue-700);
	font-size: 14px;
	line-height: 14px;
	margin: 0px;
	height: 40px;
	font-weight: 600;
	border-radius: 20px;
	background-color: var(--white);
	border-color: var(--blue-700);
	text-align: center;
}
.btn-medium-40-secondary:hover {
	color: var(--white);
	background-color: var(--blue-800);
	border-color: var(--blue-800);
}
.btn-check:focus+.btn-medium-40-secondary, .btn-medium-40-secondary:focus {
	color: var(--white);
	background-color: var(--blue-800);
	border-color: var(--blue-800);
}
.btn-check:active+.btn-medium-40-secondary, .btn-check:checked+.btn-medium-40-secondary, .btn-medium-40-secondary.active, .btn-medium-40-secondary:active {
	color: var(--white);
	background-color: var(--blue-800);
	border-color: var(--blue-800);
}
.btn-medium-40-secondary.disabled, .btn-medium-40-secondary:disabled {
	background-color: var(--gray-25);
	border-color:var(--gray-25);
	color: var(--gray-200);
	opacity: 0.8;
}

.btn-medium-48-primary {
	color: var(--white);
	font-size: 16px;
	line-height: 48px;
	margin: 0px;
	font-weight: 700;
	border-radius: 99px;
	background-color: var(--blue-700);
	border-color: var(--blue-700);
	text-align: center;
	text-decoration: none;
	    display: inline-block;
}
.btn-medium-48-primary:hover {
	color: var(--white);
	background-color: var(--blue-800);
	border-color: var(--blue-800);
	text-decoration: none;
}
.btn-check:focus+.btn-medium-48-primary, .btn-medium-48-primary:focus {
	color: var(--white);
	background-color: var(--blue-800);
	border-color: var(--blue-800);
}
.btn-check:active+.btn-medium-48-primary, .btn-check:checked+.btn-medium-48-primary, .btn-medium-480-primary.active, .btn-medium-48-primary:active {
	color: var(--white);
	background-color: var(--blue-800);
	border-color: var(--blue-800);
}
.btn-medium-48-primary.disabled, .btn-medium-48-primary:disabled {
	background-color: var(--gray-25);
	border-color:var(--gray-25);
	color: var(--gray-200);
	opacity: 0.8;
}
.btn-medium-48-secondary {
	color: var(--blue);
	font-size: 16px;
	line-height: 48px;
	margin: 0px;
	height: 48px;
	font-weight: 700;
	background: #E6EAFF;
	padding:0 32px;
	border-radius: 30px;
	-webkit-align-items: center;
}
.btn-medium-48-secondary:hover {
	color: var(--white);
	background-color: var(--blue-800);
	border-color: var(--blue-800);
	text-decoration: none
}
.btn-check:focus+.btn-medium-48-secondary, .btn-medium-48-secondary:focus {
	color: var(--white);
	background-color: var(--blue-800);
	border-color: var(--blue-800);
}
.btn-check:active+.btn-medium-48-secondary, .btn-check:checked+.btn-medium-48-secondary, .btn-medium-48-secondary.active, .btn-medium-48-secondary:active {
	color: var(--white);
	background-color: var(--blue-800);
	border-color: var(--blue-800);
}
.btn-medium-48-secondary.disabled, .btn-medium-48-secondary:disabled {
	background-color: var(--gray-25);
	border-color:var(--gray-25);
	color: var(--gray-200);
	opacity: 0.8;
}

.form-control-datetime {
	display: block;
	width: 100%;
	padding: 8px 32px 8px 32px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--dark-1);
	background-color: var(--light-0);
	background-clip: padding-box;
	border: 1px solid var(--light-0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 4px;
	background-image: url(../images/icon-calendar.svg);
	background-position: 8px 8px;
	background-size: 20px;
	background-repeat: no-repeat;
	-webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}
.form-control-datetime:after {
	
	background-image: url(../images/icon-time.svg);
	content: "";
}
.form-control-datetime:focus {
	color: var(--dark-1);
	background-color: var(--light-4);
	border-color: var(--blue-1);
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}
.form-control-datetime::placeholder {
color:  var(--dark-3);
opacity:1
}


.form-control-search {
	display: block;
	width: 100%;
	padding: 8px 32px 8px 32px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--dark-1);
	background-color: var(--light-0);
	background-clip: padding-box;
	border: 1px solid var(--light-0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 4px;
	background-image: url('../images/icon-search.svg');
	background-position: 8px 8px;
	background-size: 20px;
	background-repeat: no-repeat;
	-webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.form-control-search.no-search {
	padding: 8px 32px 8px 12px;
	background-image: none;
}

.form-control-search:focus {
	color: var(--dark-1);
	background-color: var(--light-4);
	border-color: var(--blue-1);
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}
.form-control-search::placeholder {
color:  var(--dark-3);
opacity:1
}
.pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none
}
.page-link {
	position: relative;
	height: 32px;
	font-size: 13px;
	line-height: 18px;
	color: var(--dark-1);
	width: 32px;
	background-color: var(--light-4);
	-webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-around;
	align-items: center;
}
.pagination-rounded .page-link {
	border-radius: 4px!important;
	margin: 0 3px!important;
	border: none
}

@media (prefers-reduced-motion:reduce) {
.page-link {
	-webkit-transition: none;
	transition: none
}
}
.page-link:hover {
	z-index: 2;
	color: var(--dark-1);
	background-color: var(--light-0);
	border-color: var(--light-0);
}
.page-link:focus {
	z-index: 3;
	color: var(--dark-1);
	background-color: var(--light-0);
	outline: 0;
}
.page-item:not(:first-child) .page-link {
	margin-left: -1px
}
.page-item.active .page-link {
	z-index: 3;
	color: var(--dark-1);
	background-color: var(--light-0);
	;
	border-color: var(--light-0);
}
.page-item.disabled .page-link {
	pointer-events: none;
	color: var(--dark-1);
	background-color: var(--light-0);
	opacity: 0.5
}
.page-link {
	padding: .375rem .75rem
}
.page-item:first-child .page-link {
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem
}
.page-item:last-child .page-link {
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem
}
.pagination-lg .page-link {
	padding: .75rem 1.5rem;
	font-size: calc(1.2501rem + .0012vw)
}

@media (min-width:1200px) {
.pagination-lg .page-link {
	font-size: 1.251rem
}
}
.pagination-lg .page-item:first-child .page-link {
	border-top-left-radius: .3rem;
	border-bottom-left-radius: .3rem
}
.pagination-lg .page-item:last-child .page-link {
	border-top-right-radius: .3rem;
	border-bottom-right-radius: .3rem
}
.pagination-sm .page-link {
	padding: .25rem .5rem;
	font-size: .875rem
}
.pagination-sm .page-item:first-child .page-link {
	border-top-left-radius: .2rem;
	border-bottom-left-radius: .2rem
}
.pagination-sm .page-item:last-child .page-link {
	border-top-right-radius: .2rem;
	border-bottom-right-radius: .2rem
}
.form-select {
	display: block;
	width: 100%;
	padding: 8px 12px;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
	color: var(--dark-1);
	background-color: var(--light-4);
	background-image: url(../images/icon-arrow-bottom.svg);	
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 24px 24px;
	border: 1px solid var(--light-0);
	border-radius: 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.form-select:focus {
	border-color: var(--blue-1);
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
	padding-right: .9rem;
	background-image: none
}
.form-select:disabled {
	color:  var(--dark-3);
	background-color: var(--light-4);
}
.form-select:-moz-focusring {
color:transparent;
text-shadow:0 0 0 #6c757d
}
.form-select-sm {
	padding-top: .28rem;
	padding-bottom: .28rem;
	padding-left: .8rem;
	font-size: .875rem
}
.form-select-lg {
	padding-top: .5rem;
	padding-bottom: .5rem;
	padding-left: 1rem;
	font-size: calc(1.2501rem + .0012vw)
}

@media (min-width:1200px) {
.form-select-lg {
	font-size: 1.251rem
}
}

@media (min-width:1200px) {
.btn-group-lg>.btn, .btn-lg {
	font-size: 1.251rem
}
}
.btn-group-sm>.btn, .btn-sm {
	padding: .28rem .8rem;
	font-size: .875rem;
	border-radius: .15rem
}
.label-noti-medium {
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 600;
	line-height: 12px;
	height: 20px;
	border-radius: 4px;
	color: var(--light-4);
	padding: 2px 3px;
}
.label-noti-small {
	display: flex;
	align-items: center;
	font-size: 8px;
	font-weight: 600;
	line-height: 11px;
	height: 16px;
	border-radius: 4px;
	color: var(--light-4);
	padding: 2px 4px;
}