@charset "utf-8";
@import url(icon-mode3.css);

/*
//base
//grid

nav
table



flexbox


alert
toastr
toast
badge
breadcrumb

pagination
progress
spinner

list-group

modal
tooltip
popover

card
media
accordion
carousel

formdata
dropdown
input-group
custom-control
custon-switch
custom-select
custom-file
custom-range
btn

align
bg
border
rounded
display
flex
justify-content
align-content
float
overflow
text
font
*/

/*	------------------------------------------------------------
	[COMPONENT_NAME]
	------------------------------------------------------------ */

/*	------------------ [Type] ------------------ */
/*	--------- basic --------- */
/*	--- size --- */

/*	------------------ [Style] ------------------ */
/*	--------- basic --------- */

/*	------------------ [Size] ------------------ */

/*	------------------ [Color] ------------------ */

/*	------------------ [Staus] ------------------ */
/*	--------- disabled --------- */

/*	--------- [Responsive] --------- */
@media (min-width: 576px) {
	.class {}
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.class {}
}


/*** IE11 hack *** /
@media screen and (-ms-high-contrast:active), (-ms-high-contrast: none) and (min-width: 768px) {
	.class { }
}











/*	------------------------------------------------------------
	[ROOT]
	------------------------------------------------------------ */
@media ( min-width: 500px) {
	.container-sm, .container { max-width: 90%; }
}
@media ( min-width: 768px) {
	.container-md, .container-sm, .container { max-width: 90%; }
}
@media ( min-width: 992px) {
	.container-lg, .container-md, .container-sm, .container { max-width: 90%; }
}
@media ( min-width: 1200px) {
	.container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 95%; }
}
@media ( min-width: 1400px) {
	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1320px; }
}




/*	------------------------------------------------------------
	[GRID SYSTEM]
	------------------------------------------------------------ */
.row.row-deck > .col, .row.row-deck > [class*="col-"] { display: flex; align-items: stretch; }
.row.row-deck > .col > div, .row.row-deck > [class*="col-"] > div { min-width: 100%; }
.row + .row { margin-top: 0; }

.row-cols-7 > * { flex: 0 0 auto; width: 14.285714%; }
.row-cols-8 > * { flex: 0 0 auto; width: 12.5%; }
.row-cols-9 > * { flex: 0 0 auto; width: 11.111111%; }
.row-cols-10 > * { flex: 0 0 auto; width: 10%; }
.row-cols-11 > * { flex: 0 0 auto; width: 9.090909%; }
.row-cols-12 > * { flex: 0 0 auto; width: 8.333333%; }

.column-1 { columns: 1; }
.column-2 { columns: 2; }
.column-3 { columns: 3; }
.column-4 { columns: 4; }
.column-5 { columns: 5; }
.column-6 { columns: 6; }
.column-7 { columns: 7; }
.column-8 { columns: 8; }
.column-9 { columns: 9; }
.column-10 { columns: 10; }
.column-11 { columns: 11; }
.column-12 { columns: 12; }
/*	--------- Responsive --------- */
@media (min-width: 576px) {
	.row-cols-sm-7 > * { flex: 0 0 auto; width: 14.285714%; }
	.row-cols-sm-8 > * { flex: 0 0 auto; width: 12.5%; }
	.row-cols-sm-9 > * { flex: 0 0 auto; width: 11.111111%; }
	.row-cols-sm-10 > * { flex: 0 0 auto; width: 10%; }
	.row-cols-sm-11 > * { flex: 0 0 auto; width: 9.090909%; }
	.row-cols-sm-12 > * { flex: 0 0 auto; width: 8.333333%; }

	.column-sm-1 { columns: 1; }
	.column-sm-2 { columns: 2; }
	.column-sm-3 { columns: 3; }
	.column-sm-4 { columns: 4; }
	.column-sm-5 { columns: 5; }
	.column-sm-6 { columns: 6; }
	.column-sm-7 { columns: 7; }
	.column-sm-8 { columns: 8; }
	.column-sm-9 { columns: 9; }
	.column-sm-10 { columns: 10; }
	.column-sm-11 { columns: 11; }
	.column-sm-12 { columns: 12; }
}
@media (min-width: 768px) {
	.row-cols-md-7 > * { flex: 0 0 auto; width: 14.285714%; }
	.row-cols-md-8 > * { flex: 0 0 auto; width: 12.5%; }
	.row-cols-md-9 > * { flex: 0 0 auto; width: 11.111111%; }
	.row-cols-md-10 > * { flex: 0 0 auto; width: 10%; }
	.row-cols-md-11 > * { flex: 0 0 auto; width: 9.090909%; }
	.row-cols-md-12 > * { flex: 0 0 auto; width: 8.333333%; }

	.column-md-1 { columns: 1; }
	.column-md-2 { columns: 2; }
	.column-md-3 { columns: 3; }
	.column-md-4 { columns: 4; }
	.column-md-5 { columns: 5; }
	.column-md-6 { columns: 6; }
	.column-md-7 { columns: 7; }
	.column-md-8 { columns: 8; }
	.column-md-9 { columns: 9; }
	.column-md-10 { columns: 10; }
	.column-md-11 { columns: 11; }
	.column-md-12 { columns: 12; }
}
@media (min-width: 992px) {
	.row-cols-lg-7 > * { flex: 0 0 auto; width: 14.285714%; }
	.row-cols-lg-8 > * { flex: 0 0 auto; width: 12.5%; }
	.row-cols-lg-9 > * { flex: 0 0 auto; width: 11.111111%; }
	.row-cols-lg-10 > * { flex: 0 0 auto; width: 10%; }
	.row-cols-lg-11 > * { flex: 0 0 auto; width: 9.090909%; }
	.row-cols-lg-12 > * { flex: 0 0 auto; width: 8.333333%; }

	.column-lg-1 { columns: 1; }
	.column-lg-2 { columns: 2; }
	.column-lg-3 { columns: 3; }
	.column-lg-4 { columns: 4; }
	.column-lg-5 { columns: 5; }
	.column-lg-6 { columns: 6; }
	.column-lg-7 { columns: 7; }
	.column-lg-8 { columns: 8; }
	.column-lg-9 { columns: 9; }
	.column-lg-10 { columns: 10; }
	.column-lg-11 { columns: 11; }
	.column-lg-12 { columns: 12; }
}
@media (min-width: 1200px) {
	.row-cols-xl-7 > * { flex: 0 0 auto; width: 14.285714%; }
	.row-cols-xl-8 > * { flex: 0 0 auto; width: 12.5%; }
	.row-cols-xl-9 > * { flex: 0 0 auto; width: 11.111111%; }
	.row-cols-xl-10 > * { flex: 0 0 auto; width: 10%; }
	.row-cols-xl-11 > * { flex: 0 0 auto; width: 9.090909%; }
	.row-cols-xl-12 > * { flex: 0 0 auto; width: 8.333333%; }

	.column-xl-1 { columns: 1; }
	.column-xl-2 { columns: 2; }
	.column-xl-3 { columns: 3; }
	.column-xl-4 { columns: 4; }
	.column-xl-5 { columns: 5; }
	.column-xl-6 { columns: 6; }
	.column-xl-7 { columns: 7; }
	.column-xl-8 { columns: 8; }
	.column-xl-9 { columns: 9; }
	.column-xl-10 { columns: 10; }
	.column-xl-11 { columns: 11; }
	.column-xl-12 { columns: 12; }
}
@media (min-width: 1440px) {
	.row-cols-xxl-7 > * { flex: 0 0 auto; width: 14.285714%; }
	.row-cols-xxl-8 > * { flex: 0 0 auto; width: 12.5%; }
	.row-cols-xxl-9 > * { flex: 0 0 auto; width: 11.111111%; }
	.row-cols-xxl-10 > * { flex: 0 0 auto; width: 10%; }
	.row-cols-xxl-11 > * { flex: 0 0 auto; width: 9.090909%; }
	.row-cols-xxl-12 > * { flex: 0 0 auto; width: 8.333333%; }

	.column-xxl-1 { columns: 1; }
	.column-xxl-2 { columns: 2; }
	.column-xxl-3 { columns: 3; }
	.column-xxl-4 { columns: 4; }
	.column-xxl-5 { columns: 5; }
	.column-xxl-6 { columns: 6; }
	.column-xxl-7 { columns: 7; }
	.column-xxl-8 { columns: 8; }
	.column-xxl-9 { columns: 9; }
	.column-xxl-10 { columns: 10; }
	.column-xxl-11 { columns: 11; }
	.column-xxl-12 { columns: 12; }
}



/*	------------------------------------------------------------
	[FLEXBOX GRID]
	------------------------------------------------------------ */
.flexbox-type .col-fixed { width: 100%; flex: 0 0 auto; }
.flexbox-type .col-fixed-middle { width: 100%; display: flex; flex: 0 1 auto; flex-direction: column; justify-content: center; }
.flexbox-type .col-flex { width: auto; flex: 1 1 0; }
.flexbox-type .col-flex-middle { width: auto; display: flex; flex: 1 1 0; flex-direction: column; justify-content: center; }
/*	--------- [Responsive] --------- */
@media (min-width: 576px) {
	.flexbox-type .col-fixed { width: auto; }
	.flexbox-type .col-fixed-middle { width: auto; }
}



/*	------------------------------------------------------------
	[ALERT]
	------------------------------------------------------------ */
.alert { transition: all .2s linear 0s; }
.alert-outline-none { border-color: transparent !important; }

.alert-dismissible .btn-close { padding-top: 19px; padding-bottom: 19px; background-image: none; font-size: 15px; line-height: 1; text-shadow: none; opacity: .75; }
.alert-dismissible .btn-close:hover { color: inherit; opacity: 1; }
.alert-dismissible .btn-close:focus { box-shadow: none; }

.alert .alert-link, .alert .link-underline, .alert .link-arrow { font-weight: 500 !important; }
.alert .link-wrap { margin:-1rem; padding: 1rem; display: block; text-decoration: none; }
.alert p:last-of-type,
.alert .list-paragraph:last-of-type { margin-bottom: 0; }
.alert .list-paragraph { color: #4c4d51; }
.alert hr { width: 100%; }

.alert-container { display: flex; flex-flow: row wrap; }
.alert-container .alert-header { margin-bottom: .5rem; display: flex; flex: 0 1 100%; align-items: center; }
.alert-container .alert-header .alert-heading { margin-bottom: 0; }
.alert-container .alert-body { display: flex; flex: 1 1 0; align-items: center; flex-wrap: wrap; }
.alert-container .alert-body > .alert-heading,
.alert-container .alert-body > p,
.alert-container .alert-body > .list-paragraph { flex: 0 1 100%; }

.alert-container .alert-body > p i { margin-right: .25rem; position: relative; top: 1px; }
.alert-container .alert-icon { padding-right: .5rem; display: flex; flex: 0 1 auto; justify-content: center; align-items: flex-start; }
.alert-container .alert-aside { display: flex; flex: 0 1 100%; justify-content: flex-start; align-items: center; }
.alert-container .alert-icon + .alert-body + .alert-aside { padding-left: 29px; }
.link-wrap .alert-container .alert-aside { padding-left: 0 !important; flex: 0 1 auto; }

.alert-container .alert-icon i { border-radius: 100%; font-size: 21px; }
.alert-container .alert-aside .btn { margin-top: .75rem; white-space: nowrap; }
.alert-container .alert-aside .btn:not(.btn-icon) { min-width: 6rem; }
/*	--------- [Responsive] --------- */
@media (min-width: 576px) {
	.alert-container .alert-aside { padding-left: 0 !important; flex: 0 1 auto; justify-content: center; }
	.alert-container .alert-aside .btn { margin-top: -.25rem; margin-bottom: -.3125rem; margin-left: 1rem; }
}

/*	------------------ [Align] ------------------ */
.alert-content-center .alert-container { justify-content: center; }
.alert-content-center .alert-container .alert-body { flex: 0 1 auto; }
.alert-content-center > .alert-body { text-align: center; }

/*	------------------ [Size] ------------------ */
.alert-sm .alert-container .alert-icon { padding-top: 2px; padding-right: .5rem; }
.alert-sm .alert-container .alert-icon i { font-size: 15px; }
.alert-sm .alert-container .alert-icon + .alert-body + .alert-aside { padding-left: 23px; }
.alert-sm .alert-container .alert-aside .btn { margin-top: .5rem; }
/*	--------- [Responsive] --------- */
@media (min-width: 576px) {
	.alert-sm .alert-container .alert-aside .btn { margin-top: -.375rem; margin-bottom: -.3125rem; }
}

/*	------------------ [Type] ------------------ */
/*	--------- global fixed --------- */
.alert-type--global-fixed { position: fixed; }
.alert-type--global-relative { position: relative; }
.alert-type--global-fixed,
.alert-type--global-relative { margin-bottom: 0; padding-top: .625rem; padding-bottom: .6875rem; top: 0; left: 0; right: 0; border-color: transparent; border-radius: 0; z-index: 10000; }
.alert-type--global-fixed.alert-dismissible .btn-close,
.alert-type--global-relative.alert-dismissible .btn-close { width: 2rem; height: 2rem; padding: 5px; }
.alert-type--global-fixed p,
.alert-type--global-relative p { font-size: .8125rem; }
.alert-type--global-fixed p a:not(.btn),
.alert-type--global-relative p a:not(.btn) { color: inherit; }
.alert-type--global-fixed p a:not(.link-underline),
.alert-type--global-relative p a:not(.link-underline) { text-decoration: none; }
.alert-type--global-fixed p .btn,
.alert-type--global-relative p .btn { margin-top:-4px; margin-bottom:-1px; padding-top: 0; padding-bottom: 0; }

/*	------------------ [Color] ------------------ */
.alert-primary { background-color: #d0f4f7; border-color: #beeff4; }
.alert-primary, .alert-primary p, .alert-primary strong { color: #0a6770; }
.alert-primary .list-paragraph { color: #0d818b; }
.alert-primary hr { border-top-color: #aaeaf0; }
.alert-primary .alert-link { color: #06373c; }
.alert-primary .link-arrow::after { border-left-color: #06373c; }
.alert-secondary, .alert-secondary p, .alert-secondary strong { color: #41464b; }
.alert-secondary .list-paragraph { color: #464c51; }
.alert-secondary hr { border-top-color: #c8cbcf; }
.alert-secondary .link-arrow::after { border-left-color: #202326; }
.alert-success, .alert-success p, .alert-success strong { color: #0f5132; }
.alert-success .list-paragraph { color: #1a6d2d; }
.alert-success .link-arrow::after { border-left-color: #0b2e13; }
.alert-warning, .alert-warning p, .alert-warning strong { color: #664d03; }
.alert-warning .list-paragraph { color: #a67e05; }
.alert-warning .link-arrow::after { border-left-color: #533f03; }
.alert-danger, .alert-danger p, .alert-danger strong { color: #842029; }
.alert-danger .list-paragraph { color: #b02a37; }
.alert-danger .link-arrow::after { border-left-color: #491217; }
.alert-info, .alert-info p, .alert-info strong { color: #055160; }
.alert-info .list-paragraph { color: #11798a; }
.alert-info hr { border-top-color: #abdde5; }
.alert-info .link-arrow::after { border-left-color: #062c33; }
.alert-light, .alert-light p, .alert-light strong { color: #636464; }
.alert-light .list-paragraph { color: #a1a2a3; }
.alert-light .link-arrow::after { border-left-color: #686868; }
.alert-dark, .alert-dark p, .alert-dark strong { color: #141619; }
.alert-dark .list-paragraph { color: #1a1e21; }
.alert-dark .link-arrow::after { border-left-color: #040505; }



/*	------------------------------------------------------------
	[Toastr]
 * Copyright 2012-2015
 * Authors: John Papa, Hans Fjällemark, and Tim Ferrell.
 * All Rights Reserved.
 * Use, reproduction, distribution, and modification of this code is subject to the terms and
 * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php
 *
 * ARIA Support: Greta Krafsig
 *
 * Project: https://github.com/CodeSeven/toastr
	------------------------------------------------------------ */
#toast-container > .toast { width: 22rem; padding: 1rem 1.5rem 1rem 3rem; background-image: none !important; border-radius: .25rem; box-shadow: none; opacity: 1; -ms-filter: progid: dXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); }
#toast-container > .toast:hover { box-shadow: none; }

#toast-container > .toast::before { position: absolute; top: .9375rem; left: .875rem; color: inherit; font-family: "icon-mode3"; font-size: 24px; line-height: 1; }
.toast .toast-close-button { float: none; padding: .1875rem; position: absolute; top: .3125rem; right: .3125rem; color: inherit; font-size: 15px; font-weight: 700; text-shadow: none; opacity: .75; -ms-filter: progid: dXImageTransform.Microsoft.Alpha(Opacity=75); filter: alpha(opacity=75); }
.toast button.toast-close-button { -moz-appearance: none; appearance: none; }
.toast .toast-close-button:hover { color: inherit; opacity: 1; -ms-filter: progid: dXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); }
.toast .toast-close-button:focus { box-shadow: none; }

#toast-container > .toast .toast-message p,
#toast-container > .toast .toast-message a { margin-bottom: 0; color: inherit; }
#toast-container > .toast .toast-message a.link-url:hover { text-decoration: underline; }
#toast-container > .toast .toast-message .btn { margin-top: .5rem; }

/*	------------------ [Type] ------------------ */
/*	--------- icon none --------- */
#toast-container > .toast.toast-type--icon-none { padding-left: 1.2rem; }
#toast-container > .toast.toast-type--icon-none::before { content: none !important; }

/*	------------------ [Color] ------------------ */
#toast-container > .toast.bg-primary::before { content: "\ea13"; }
#toast-container > .toast.bg-secondary::before { content: "\ea13"; }
#toast-container > .toast.bg-success::before,
#toast-container > .toast.toast-success::before { content: "\e998"; }
#toast-container > .toast.toast-error::before,
#toast-container > .toast.bg-danger::before { content: "\e9d8"; }
#toast-container > .toast.bg-warning::before,
#toast-container > .toast.toast-warning::before { content: "\e9d5"; }
#toast-container > .toast.bg-info::before,
#toast-container > .toast.toast-info::before { content: "\ea13"; }
#toast-container > .toast.bg-light::before { content: "\ea13"; }
#toast-container > .toast.bg-dark::before { content: "\ea13"; }



/*	------------------------------------------------------------
	[TOAST]
	------------------------------------------------------------ */
.toast { width: 22rem; padding: 1rem 1.5rem; position: relative; background-color: #fff; box-shadow: none; background-clip: border-box; }
.toast-outline-none { border-color: transparent; }
.toast-container > :not(:last-child) { margin-bottom: .375rem; }

.toast .btn-close { padding: .1875rem; position: absolute; top: .3125rem; right: .75rem; background: none; color: inherit; font-size: 15px; line-height: 1; text-shadow: none; opacity: .75; }
.toast .btn-close:hover { color: inherit; opacity: 1; }
.toast .btn-close:focus { box-shadow: none; }

.toast .toast-header { padding: 0; background-color: transparent; border: none; }
.toast .toast-title { margin-right: auto; }
.toast .toast-body { padding: 0; }
.toast .toast-header h5,
.toast .toast-body p { font-size: .875rem; line-height: 1.5; }
.toast .toast-header h5,
.toast .toast-body p:last-of-type { margin-bottom: 0; }

/*	------------------ [Type] ------------------ */
/*	--------- icon --------- */
.toast-type--icon { padding-left: 3rem; }
.toast-type--icon .toast-icon { position: absolute; top: 1rem; left: .9375rem; }
.toast-type--icon .toast-icon i { font-size: 21px; }

/*	------------------ [Color] ------------------ */
.toast.bg-primary, .toast.bg-primary .toast-header, .toast.bg-primary .toast-header h5, .toast.bg-primary .toast-body, .toast.bg-primary .toast-body p { color: #fff; }
.toast.bg-secondary, .toast.bg-secondary .toast-header, .toast.bg-secondary .toast-header h5, .toast.bg-secondary .toast-body, .toast.bg-secondary .toast-body p { color: #fff; }
.toast.toast-success { background-color: #198754; }
.toast.bg-success, .toast.bg-success .toast-header, .toast.bg-success .toast-header h5, .toast.bg-success .toast-body, .toast.bg-success .toast-body p,
.toast.toast-success, .toast.toast-success .toast-header, .toast.toast-success .toast-header h5, .toast.toast-success .toast-body, .toast.toast-success .toast-body p { color: #fff; }
.toast.toast-error { background-color: #dc3545; }
.toast.bg-error, .toast.bg-error .toast-header, .toast.bg-error .toast-header h5, .toast.bg-error .toast-body, .toast.bg-error .toast-body p,
.toast.toast-error, .toast.toast-error .toast-header, .toast.toast-error .toast-header h5, .toast.toast-error .toast-body, .toast.toast-error .toast-body p { color: #fff; }
.toast.bg-danger, .toast.bg-danger .toast-header, .toast.bg-danger .toast-header h5, .toast.bg-danger .toast-body, .toast.bg-danger .toast-body p { color: #fff; }
.toast.toast-warning { background-color: #ffc107; }
.toast.bg-warning, .toast.bg-warning .toast-header, .toast.bg-warning .toast-header h5, .toast.bg-warning .toast-body, .toast.bg-warning .toast-body p { color: #212529 !important; }
.toast.toast-info { background-color: #0dcaf0; }
.toast.bg-info, .toast.bg-info .toast-header, .toast.bg-info .toast-header h5, .toast.bg-info .toast-body, .toast.bg-info .toast-body p,
.toast.toast-info, .toast.toast-info .toast-header, .toast.toast-info .toast-header h5, .toast.toast-info .toast-body, .toast.toast-info .toast-body p { color: #fff; }
.toast.bg-light, .toast.bg-light .toast-header, .toast.bg-light .toast-header h5, .toast.bg-light .toast-body, .toast.bg-light .toast-body p { color: #212529; }
.toast.bg-dark, .toast.bg-dark .toast-header, .toast.bg-dark .toast-header h5, .toast.bg-dark .toast-body, .toast.bg-dark .toast-body p { color: #fff; }



/*	------------------------------------------------------------
	[BADGE]
	------------------------------------------------------------ */
.badge { min-width: 17px; padding: .3125rem .5rem .375rem; font-size: .8125rem; font-weight: 500; }
a.badge, a.badge:focus, a.badge.focus { box-shadow: none; text-decoration: none; }
.badge-pill { border-radius: 2rem; }
.badge-fixed { width: 17px; height: 17px; padding-right: 0 !important; padding-left: 0 !important; text-align: center; }

h1 > .badge, .h1 > .badge, h2 > .badge, .h2 > .badge, h3 > .badge, .h3 > .badge, h4 > .badge, .h4 > .badge, h5 > .badge, .h5 > .badge, h6 > .badge, .h6 > .badge { position: relative; }
h1 > .badge, .h1 > .badge { top:-4px; }
h2 > .badge, .h2 > .badge { top:-3px; padding-bottom: .125rem; font-size: .625rem; }
h3 > .badge, .h3 > .badge { top:-3px; padding-bottom: .125rem; font-size: .625rem; }
h4 > .badge, .h4 > .badge { top:-2px; padding-bottom: .125rem; font-size: .625rem; }
h5 > .badge, .h5 > .badge { top:-2px; padding-bottom: .125rem; font-size: .625rem; }
h6 > .badge, .h6 > .badge { top:-1px; padding-bottom: .125rem; font-size: .625rem; }

/*	------------------ [Size] ------------------ */
.badge-lg { padding: .5rem .5625rem .5rem; font-size: 1rem; }
.badge-md { padding: .3125rem .5625rem; font-size: .875rem; }
.badge-fixed.badge-lg { width: 2rem; height: 2rem; }
.badge-fixed.badge-md { width: 1.5rem; height: 1.5rem; }

/*	------------------ [Color] ------------------ */
a.badge:hover, a.badge:focus { color: #fff; }
a.badge.text-dark:hover { color: #212529; }
.badge.bg-white { border: 1px solid #dae1e8; }

/*	------------------ [Status] ------------------ */
.badge.disabled { background-color: #dfe4ea; color: #bdc3c7; }



/*	------------------------------------------------------------
	[BREADCRUMB]
	------------------------------------------------------------ */
.breadcrumbs { display: none; color: #a4b0be; font-size: .8125rem; font-weight: 400; text-transform: uppercase; }
.breadcrumbs .breadcrumb { margin-bottom: 0; padding: .625rem 1rem .6875rem; background-color: transparent; }
.breadcrumbs .breadcrumb-item { position: relative; }
.breadcrumbs .breadcrumb-item a { display: inline-block; text-decoration: none; }
.breadcrumbs .breadcrumb-item a:hover { text-decoration: none; }
.breadcrumbs .breadcrumb-item.root i { position: relative; top: 2px; color: #7f7f7f; }
.breadcrumbs .breadcrumb-item + .breadcrumb-item::before { color: rgba(0,0,0,.5); }

/*	------------------ [Type] ------------------ */
/*	--------- tracker --------- */
.breadcrumb-type--tracker {font-size: .875rem; }
.breadcrumb-type--tracker .breadcrumb { padding: 0 !important; background-color: #e9ecef; overflow: hidden; }
.breadcrumb-type--tracker .breadcrumb-item { padding-left: 0; }
.breadcrumb-type--tracker .breadcrumb-item:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; }
.breadcrumb-type--tracker .breadcrumb-item a,
.breadcrumb-type--tracker .breadcrumb-item em { padding: .625rem .5rem .6875rem 2.5rem; display: inline-block; font-style: normal; transition: background-color .12s ease-out; }
.breadcrumb-type--tracker .breadcrumb-item:first-child a,
.breadcrumb-type--tracker .breadcrumb-item:first-child em { padding-left: 1.5rem !important; }
.breadcrumb-type--tracker .breadcrumb-item:not(.active) a:hover { background-color: #14c6d6; color: #fff; }
.breadcrumb-type--tracker .breadcrumb-item a:hover::after { border-left-color: #14c6d6; }
.breadcrumb-type--tracker .breadcrumb-item + .breadcrumb-item a::before,
.breadcrumb-type--tracker .breadcrumb-item + .breadcrumb-item em::before { content: ""; padding-right: 0; border-top: calc(42px / 2 + 4px) solid transparent; border-bottom: calc(42px / 2 + 4px) solid transparent; border-left: calc(42px / 2 + 4px) solid #fff; position: absolute; top:-4px; left: 4px; }
.breadcrumb-type--tracker .breadcrumb-item a::after { content: ""; border-top: calc(42px / 2 + 4px) solid transparent; border-bottom: calc(42px / 2 + 4px) solid transparent; border-left: calc(42px / 2 + 4px) solid #e9ecef; position: absolute; top:-4px; right:-25px; z-index: 1; transition: border-left-color .12s ease-out; }
.breadcrumb-type--tracker .breadcrumb-item + .breadcrumb-item::before,
.breadcrumb-type--tracker .breadcrumb-item:last-child a::after { content: none; }
/*	--- size --- */
.breadcrumbs-sm.breadcrumb-type-tracker .breadcrumb-item a,
.breadcrumbs-sm.breadcrumb-type-tracker .breadcrumb-item em { padding: .75rem .5rem .75rem 2.5rem; }

/*	------------------ [Style] ------------------ */
/*	--------- separator --------- */
.breadcrumbs.separator-chevron .breadcrumb-item + .breadcrumb-item::before,
.breadcrumbs.separator-caret .breadcrumb-item + .breadcrumb-item::before { height: 21px; line-height: 21px; font-size: 15px; font-family: "icon-mode3"; text-align: center; vertical-align: top; }
.breadcrumbs.separator-chevron .breadcrumb-item + .breadcrumb-item::before { content: "\ead7"; }
.breadcrumbs.separator-caret .breadcrumb-item + .breadcrumb-item::before { content: "\e97e"; }
/*	--- size --- */
.breadcrumbs-sm.breadcrumbs.separator-chevron .breadcrumb-item + .breadcrumb-item::before,
.breadcrumbs-sm.breadcrumbs.separator-caret .breadcrumb-item + .breadcrumb-item::before { height: 18px; line-height: 18px; position: relative; top: 1px; }

/*	------------------ [Size] ------------------ */
.breadcrumbs-sm { font-size: .75rem; }
.breadcrumbs-sm .breadcrumb { padding: .75rem 1rem; }

/*	--------- [Responsive] --------- */
@media (min-width: 992px) {
	.breadcrumbs { display: block; }
}



/*	------------------------------------------------------------
	[PAGINATION]
	------------------------------------------------------------ */
.pagination-container { padding: .75rem; }

.pagination-body { display: flex; flex-wrap: wrap; justify-content: center; text-align: center; }
.pagination-info { padding-top: 5px; padding-bottom: 5px; display: flex; align-items: center; font-size: .875rem; white-space: nowrap; }
.pagination { margin-bottom: 0; }

.page-item-nav .page-link,
.page-item.first .page-link, .page-item.previous .page-link, .page-item.next .page-link, .page-item.last .page-link { padding-right: .5rem; padding-left: .5rem; white-space: nowrap; }
.page-link { padding: .375rem .6875rem; color: #2f3640; font-size: .875rem; }
.page-link:hover { color: #2f3640; }
.page-link:focus { box-shadow: none; }
.page-link i { position: relative; top: 1px; }
.page-item.active .page-link { background-color: #14c6d6; border-color: #14c6d6; }
.page-item.disabled .page-link { color: #bdc3c7; }

/*	------------------ [Style] ------------------ */
/*	------ type-interval : interval ------ */
.pagination-type--interval.pagination .page-item { margin: 0 .1875rem; }
.pagination-type--interval.pagination .page-link { border-radius: .25rem; }
.pagination-type--interval.pagination .page-item-nav .page-link { padding: .375rem 7px; }
/*	------ type-rounded : rounded ------ */
.pagination-type--rounded.pagination .page-item-nav:first-child .page-link,
.pagination-type--rounded.pagination .page-item:first-child:not(.page-item-nav) .page-link { border-top-left-radius: 2rem; border-bottom-left-radius: 2rem; }
.pagination-type--rounded.pagination .page-item-nav:last-child .page-link,
.pagination-type--rounded.pagination .page-item:last-child:not(.page-item-nav) .page-link { border-top-right-radius: 2rem; border-bottom-right-radius: 2rem; }
.pagination-type--rounded.pagination .page-item:first-child:not(.page-item-nav) .page-link { padding-left: 1rem; }
.pagination-type--rounded.pagination .page-item:last-child:not(.page-item-nav) .page-link { padding-right: 1rem; }
/*	------ type-no-border : no inline border / rounded ------ */
.pagination-type--no-border.pagination .page-item .page-link { border-left-color: #fff; border-right-color: #fff; }
.pagination-type--no-border.pagination .page-item-nav:first-child .page-link,
.pagination-type--no-border.pagination .page-item:first-child:not(.page-item-nav) .page-link { border-top-left-radius: 2rem; border-bottom-left-radius: 2rem; border-right-color: #fff; border-left-color: #dee2e6; }
.pagination-type--no-border.pagination .page-item-nav:last-child .page-link,
.pagination-type--no-border.pagination .page-item:last-child:not(.page-item-nav) .page-link { border-top-right-radius: 2rem; border-bottom-right-radius: 2rem; border-right-color: #dee2e6; border-left-color: #fff; }
.pagination-type--no-border.pagination .page-item:first-child:not(.page-item-nav) .page-link { padding-left: 1rem; }
.pagination-type--no-border.pagination .page-item:last-child:not(.page-item-nav) .page-link { padding-right: 1rem; }
.pagination-type--no-border.pagination .page-item:first-child .page-link { border-left-color: #dee2e6; }
.pagination-type--no-border.pagination .page-item:last-child .page-link { border-right-color: #dee2e6; }
/*	------ type-no-outline : no outline ------ */
.pagination-type--no-outline.pagination .page-link { border-color: #fff; }
.pagination-type--no-outline.pagination .page-link:hover { background-color: transparent; color: #14c6d6; }
.pagination-type--no-outline.pagination .page-item.active .page-link { background-color: transparent; color: #14c6d6; font-weight: 500; }
/*	------ type-circular-active : no outline / active status circular ------ */
.pagination-type--circular-active.pagination .page-link { border-color: #fff; border-radius: 2rem; }
.pagination-type--circular-active.pagination .page-item.active .page-link { padding-right: .8rem; padding-left: .8rem; }
/*	--------- [Responsive] --------- */
@media (min-width: 768px) {
	.pagination-paginate { margin-left: auto; }
}



/*	------------------------------------------------------------
	[LOAD MORE PAGINATION]
	------------------------------------------------------------ */
.btn-more { display: block; margin: 0 auto; }
.btn-more .btn-text i.im-angle-down { margin-right: 0; margin-left: .25rem; top:-1px; font-size: 12px; }
.btn-more:not(:disabled):not(.disabled):active, .btn-more:not(:disabled):not(.disabled).active { background-color: transparent; border-color: transparent; color: #2f3640 !important; }
.btn-more.active .btn-text { width: 1px; height: 1px; margin:-1px; padding: 0; position: absolute; border: 0; clip: rect(0 0 0 0); white-space: nowrap; overflow: hidden; opacity: 0; }
.btn-more:not(.active) .spinner-spin-dark, .btn-more:not(.active) .spinner-spin-light, .btn-more:not(.active) .spinner-border { width: 1px; height: 1px; margin:-1px; padding: 0; position: absolute; border: 0; clip: rect(0 0 0 0); white-space: nowrap; overflow: hidden; opacity: 0; transition: all .3s ease; }
.btn-more.active .spinner-spin-dark, .btn-more.active .spinner-spin-light { width: 2rem; height: 2rem; position: relative !important; background-size: 2rem auto; }
.btn-more.active .spinner-border { opacity: 1; }

/*	------------------ [Type] ------------------ */
.btn-more-circular { width: 8rem; height: 8rem; border-radius: 50%; font-size: 1.2rem; }



/*	------------------------------------------------------------
	[PROGRESS]
	------------------------------------------------------------ */
.progress-container { margin: .5rem 0; }
.progress { background-color: rgba(0,0,0,.08); }

/*	------------------ [Type] ------------------ */
.track-dark { background-color: rgba(0,0,0,.9); }

/*	------------------ [Size] ------------------ */
.progress-lg { height: 2rem; }
.progress-lg .progress-bar-striped { background-size: 2rem 2rem; }
.progress-sm { height: 5px; }

/*	------------------ [Color] ------------------ */
.progress-bar-striped.bg-light, .progress-bar-striped.bg-white, .progress-bar-striped.bg-gray { background-image: linear-gradient(45deg, rgba(0,0,0,.15) 25%, transparent 25%, transparent 50%, rgba(0,0,0,.15) 50%, rgba(0,0,0,.15) 75%, transparent 75%, transparent); }

/*	------------------ [Modal / Pre Load] ------------------ */
.modal-loading .progress-container { width: 24rem; height: 5px; margin: auto; padding: 2rem 1rem calc(2rem + 5px); display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #212a30; border-radius: .25rem; }
.progress-bar-load { -webkit-animation: progress-bar-load 2s ease-in-out forwards !important; animation: progress-bar-load 2s ease-in-out forwards !important; }
@-webkit-keyframes progress-bar-load {
	from { width: 0; }
	to { width: 100%; }
}
@keyframes progress-bar-load {
	from { width: 0; }
	to { width: 100%; }
}



/*	------------------------------------------------------------
	[SPINNER]
	------------------------------------------------------------ */
.spinner-spin-dark, .spinner-spin-light { width: 2rem; height: 2rem; display: inline-block; background-repeat: no-repeat; background-position: 50% 50%; background-size: 32px auto; border-radius: .25rem; vertical-align: text-bottom; }

/*	------------------ [Type] ------------------ */
/*	--------- modal --------- */
.modal-loading { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100000; }
.modal-loading .spinner-spin-dark, .modal-loading .spinner-spin-light { width: 5rem; height: 5rem; }

/*	--------- inner --------- */
.view-loading { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; }

/*	--------- button load --------- */
[class*="btn-load-"].active .btn-text { width: 1px; height: 1px; margin:-1px; padding: 0; position: absolute; border: 0; clip: rect(0 0 0 0); white-space: nowrap; overflow: hidden; opacity: 0; }
[class*="btn-load-"]:not(.active) .spinner-spin-dark,
[class*="btn-load-"]:not(.active) .spinner-spin-light,
[class*="btn-load-"]:not(.active) .spinner-border,
[class*="btn-load-"]:not(.active) .spinner-grow { width: 1px; height: 1px; margin:-1px; padding: 0; position: absolute; border: 0; clip: rect(0 0 0 0); white-space: nowrap; overflow: hidden; opacity: 0; transition: all .3s ease; }

[class*="btn-load-"].active .spinner-spin-dark,
[class*="btn-load-"].active .spinner-spin-light { position: relative !important; }
[class*="btn-load-"].active .spinner-border,
[class*="btn-load-"].active .spinner-grow { opacity: 1; }

/*	------------------ [Size] ------------------ */
/*	--------- large --------- */
.spinner-spin-dark-lg, .spinner-spin-light-lg,
.spinner-border-lg, .spinner-grow-lg { width: 3rem; height: 3rem; }
.spinner-spin-dark-lg, .spinner-spin-light-lg { background-size: 48px auto; }
/*	--------- small --------- */
.spinner-spin-dark-sm, .spinner-spin-light-sm { width: 1rem; height: 1rem; background-size: 16px auto; }

/*	------------------ [Color] ------------------ */
.spinner-spin-dark { background-image: url(../../../assets/img/base/spinner-1s_64px_dark.svg); }
.spinner-spin-light { background-image: url(../../../assets/img/base/spinner-1s_64px_light.svg); }
/*	--- Internet Explore --- */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast: none) {
	.spinner-spin-dark { background-image: url(../../../assets/img/base/spinner-1s_64px_dark.gif); }
	.spinner-spin-light { background-image: url(../../../assets/img/base/spinner-1s_64px_light.gif); }
}
.modal-loading.backdrop-dark .spinner-spin-light { background-color: rgba(0,0,0,1); }
.modal-loading.backdrop-light .spinner-spin-dark { background-color: rgba(255,255,255,0); }
.modal-loading.backdrop-dark,
.view-loading.backdrop-dark { background-color: rgba(16,16,16,.85); }
.modal-loading.backdrop-light,
.view-loading.backdrop-light { background-color: rgba(255,255,255,.7); }



/*	------------------------------------------------------------
	[STEP PROGRESS BAR]
	------------------------------------------------------------ */
.step-progressbar-container { width: 100%; margin: 2rem auto; }
.step-progressbar-container .step-progressbar { margin-top: auto; margin-bottom: 20px; padding: 0; display: flex; justify-content: space-between; }
.step-progressbar-container:not(.step-progressbar-type--tracker) .step-progressbar { counter-reset: step; }

.step-progressbar .step-progressbar-item { display: flex; flex: 1 1 0; flex-direction: column; align-items: center; position: relative; list-style-type: none; }
.step-progressbar .step-progressbar-item::before { content: counter(step); counter-increment: step; width: 2rem; height: 2rem; margin: 0 auto; display: flex; align-items: center; justify-content: center; background-color: #fff; border: 2px solid #d8dde3; border-radius: 50%; color: #d8dde3; font-size: .875rem; font-weight: 700; z-index: 3; }
.step-progressbar .step-progressbar-item span { margin-top: .75rem; display: block; color: #d8dde3; font-size: .875rem; }
.step-progressbar .step-progressbar-item::after { content: ""; width: 100%; height: 2px; position: absolute; background-color: #d8dde3; top: 1rem; left:-50%; z-index: 2; }
.step-progressbar .step-progressbar-item:first-child::after { content: none; }

.step-progressbar .step-progressbar-item.complete::before { background-color: #14c6d6; border-color: #14c6d6; color: #fff; }
.step-progressbar .step-progressbar-item.active::before { border-color: #14c6d6; color: #14c6d6; }
.step-progressbar .step-progressbar-item.complete span,
.step-progressbar .step-progressbar-item.active span { color: #14c6d6; }
.step-progressbar .step-progressbar-item.complete + .step-progressbar-item::after { background-color: #14c6d6; }

/*	------------------ [Style] ------------------ */
/*	--------- checked --------- */
.step-checked.step-progressbar .step-progressbar-item.complete::before { content: "\e998"; font-family:'icon-mode3'; font-size: 15px; }
/*	--------- tracker --------- */
.step-progressbar-type--tracker {}
.step-progressbar-type--tracker .step-progressbar { overflow: hidden; }
.step-progressbar-type--tracker .step-progressbar .step-progressbar-item { float: left; width: 150px; height: 70px; margin-left: 0; padding: 5px 5px 5px 30px; position: relative; border-right: 3px solid #fff; list-style-type: none; }
.step-progressbar-type--tracker .step-progressbar .step-progressbar-item:first-child { padding-left: 5px; }
.step-progressbar-type--tracker .step-progressbar .step-progressbar-item:nth-child(n+2)::before { content: ""; width: 0; height: 0; display: block; position: absolute; top: 0; left: 0; border-top: 40px solid transparent; border-bottom: 40px solid transparent; border-left: 25px solid white; }
.step-progressbar-type--tracker .step-progressbar .step-progressbar-item::after { content: ""; width: 0; height: 0; display: block; position: absolute; top: 0; right:-25px; border-left: 25px solid #7c8437; border-top: 40px solid transparent; border-bottom: 40px solid transparent; z-index: 1; }
.step-progressbar-type--tracker .step-progressbar .step-progressbar-item { background-color: #7C8437; }
.step-progressbar-type--tracker .step-progressbar .step-progressbar-item::after { border-left-color: #7c8437; }
.step-progressbar-type--tracker .step-progressbar .step-progressbar-item.active { background-color: #C36615; }
.step-progressbar-type--tracker .step-progressbar .step-progressbar-item.active::after { border-left-color: #C36615; }
.step-progressbar-type--tracker .step-progressbar .step-progressbar-item.active ~ .step-progressbar-item { background-color: #EBEBEB; }
.step-progressbar-type--tracker .step-progressbar .step-progressbar-item.active ~ .step-progressbar-item::after {	border-left-color: #EBEBEB; }
.step-progressbar-type--tracker .step-progressbar .step-progressbar-item:hover {background-color: #696; }
.step-progressbar-type--tracker .step-progressbar .step-progressbar-item:hover::after {border-left-color: #696; }



/*	------------------------------------------------------------
	[MODAL]
	------------------------------------------------------------ */
.modal.fade .modal-dialog { transform: translate(0,0); }
.modal-backdrop.show { opacity: .75 !important; }
.modal-fullscreen { padding-right: 0 !important; }
.modal-angulate .modal-content, .modal-angulate .modal-header, .modal-angulate .modal-body, .modal-angulate .modal-footer { border-radius: 0.000001rem; }

.modal-header { padding-right: 1.5rem; padding-left: 1.5rem; border-bottom: 0 solid #e8ebf0; }
.modal-header .btn-close { background: none; line-height: 1; font-size: 15px; text-shadow: none; outline: none; opacity: .75; }
.modal-header .btn-close:not(:disabled):not(.disabled):hover, .modal-header .btn-close:not(:disabled):not(.disabled):focus { opacity: 1; }
.modal-title { color: #212529; font-size: 1rem; }
.modal-title small { margin: 0 .3125rem; color: rgba(0,0,0,.5); font-size: .75rem; }
.modal-header figure, .modal-header img { width: 100%; line-height: 0; font-size: 0; }
.modal-header-centered { justify-content: center; }
.modal-header-centered .modal-title { padding-right: 1.5rem; padding-left: 1.5rem; }
.modal-header-centered .btn-close { position: absolute; top: 1rem; right: 1rem; }

.modal-body { padding: 1.5rem; }
.modal-body .panel-wrap:not(.text-panel) .panel-body { padding-right: 0; padding-bottom: 0; padding-left: 0; }
.modal-body .text-panel .panel-header,
.modal-body .text-panel .panel-body { display: flex; align-items: center; justify-content: center; text-align: left; }
.modal-body .text-panel .panel-body { min-height: 128px; }
.modal-body .text-panel .panel-header + .panel-body { min-height: inherit; }
 
.modal-body p { color: #2f3640; font-size: .875rem; }
.modal-body *:last-child { margin-bottom: 0; }
.modal-body .list-paragraph { color: #90979e; }
.modal-body .icon-modal { position: absolute; top: 2.75rem; left: 1.625rem; }
.modal-body .icon-modal i { font-size: 30px; }

.modal-body-centered { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.modal-body-centered form { width: 100%; }
.modal-body-internallyscroll { max-height: calc(70vh); overflow: auto; }
.modal-body-icon { padding-left: 4.5rem; }

.modal-footer { border-top: none; }
.modal-footer-centered { justify-content: center; }
.modal-footer .form-group > .btn, .modal-footer .form-btn-group > .btn, .modal-footer > .btn { min-width: 5rem; }

.modal-footer-fluid { padding: 0; }
.modal-footer-fluid .btn { width: 100%; margin: 0; flex: 1 0 0%; }

.modal-footer > .form-group { width: 100%; }

/*	------------------ [Type] ------------------ */



/*	--------- video --------- */
.modal-type--video { --bs-modal-border-radius: 0; --bs-modal-bg: transparent; --bs-modal-border-width: 0; }
.modal-type--video .modal-header { padding-right: 0; }
.modal-type--video .modal-body { padding: 0; }

/*	--------- [Responsive] --------- */
@media (min-width: 992px) {
	.modal-type--video .modal-dialog { --bs-modal-width: 1080px; }
}





/*	--------- youtube --------- */




/*	--------- simple --------- */
.modal-type--simple .modal-header { padding-top: 1.5rem; padding-bottom: 0; }
.modal-type--simple .modal-header .modal-title { font-size: 1.125rem; }
.modal-type--simple .modal-header .btn-close { position: absolute; top: 1rem; right: 1rem; }
.modal-type--simple .modal-header-centered { padding-top: 3rem; padding-bottom: 1.5rem; }
.modal-type--simple .modal-body { min-height: 12rem; }
.modal-type--simple .modal-content > .modal-body:first-of-type { padding-top: 4rem; }
.modal-type--simple .modal-footer { border-top: 0 solid #e8ebf0; }
.modal-type--simple .modal-footer-centered { padding-bottom: 1.5rem; }

/*	--------- tools --------- */
.modal-type--tools .modal-header { padding: .5rem .75rem .5rem 1rem; }
.modal-type--tools .modal-header .modal-title { font-size: .875rem; }
.modal-type--tools .modal-body { padding: 1rem; }
.modal-type--tools .modal-footer { padding: .5rem; }

/*	--------- header icon --------- */
.modal-header-icon { padding-top: 2.5rem; padding-bottom: 2.5rem; border-bottom-width: 1px; }
.modal-header-icon .modal-title { font-size: 1.3rem; text-align: center; }
.modal-header-icon .modal-title i { margin-bottom: 1rem; display: block; font-size: 2rem; }
.modal-header-icon .modal-title small { display: block; font-size: .875rem; }
.modal-type--header-icon .modal-body { padding-top: 2rem; padding-bottom: 2rem; }
.modal-type--header-icon .modal-footer { padding-bottom: 1.5rem; }

/*	--------- header bg --------- */
.modal-type--header-bg .modal-header { height: 12rem; background-repeat: no-repeat; background-size: cover; text-align: center; }
.modal-type--header-bg .modal-header .modal-title { width: 100%; color: #fff; font-size: 1.5rem; font-weight: 400; }
.modal-type--header-bg .modal-header .modal-title small { display: block; color: rgba(255,255,255,.75); font-size: .875rem; }
.modal-type--header-bg .modal-footer:not(.modal-footer-fluid) { padding-bottom: 1.5rem; }

/*	--------- progress --------- */
.modal-type--progress {}
.modal-type--progress .modal-content { background-color: #212529; border-color: transparent; }
.modal-type--progress .modal-header { padding: 0; }
.modal-type--progress .modal-body { background-color: #212529; }
.modal-type--progress .modal-footer { padding-top: 0; justify-content: center; background-color: #212529; }
.modal-type--progress .modal-footer p { color: rgba(255,255,255,.5); font-size: .625rem; line-height: 1.5; }

/*	--------- gallery --------- */
.modal-type--gallery .modal-content { background-color: rgba(0,0,0,1); }
.modal-type--gallery .modal-header { padding: .75rem 1rem; }
.modal-type--gallery .modal-header .modal-title { color: #fff; }
.modal-type--gallery .modal-header .btn-group { width: auto; position: absolute; top: 0; right: 0; z-index: 100; }
.modal-type--gallery .modal-header .btn-group .btn-icon { width: 3rem; height: 3rem; }
.modal-type--gallery .modal-header .btn-group .btn-icon i.im { font-size: 15px; }
.modal-type--gallery .modal-header .btn.close { margin: 0; border: 1px solid transparent; color: #fff; font-size: 1rem; line-height: 1.5; }
.modal-type--gallery .modal-header .btn.close:hover { background-color: #dc3545; }
.modal-type--gallery .modal-header .btn.close span { height: auto; }
.modal-type--gallery .modal-body { height: 100%; height: calc(100% - 3rem); }
.modal-type--gallery .modal-body figure { width: 100%; height: 100%; margin: auto; font-size: 0; line-height: 0; }
.modal-type--gallery .modal-body img { width: auto; max-width: calc(100% - 342px); height: auto; max-height: calc(100% - 182px); margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0,0,0,.9); }

/*	--------- carousel --------- */
.modal-type--carousel .modal-content { height: 100%; background-color: rgba(0,0,0,1); border-radius: 0; }
.modal-type--carousel .modal-header { padding: .75rem 1rem; }
.modal-type--carousel .modal-header .modal-title { color: #fff; }
.modal-type--carousel .modal-header .btn-group { width: auto; position: absolute; top: 0; right: 0; z-index: 100; }
.modal-type--carousel .modal-header .btn.close { margin: 0; border: 1px solid transparent; color: #fff; font-size: 1rem; line-height: 1.5; }
.modal-type--carousel .modal-header .btn.close:hover { background-color: #dc3545; }
.modal-type--carousel .modal-header .btn.close span { height: auto; }
.modal-type--carousel .modal-body { height: 100%; height: calc(100% - 3rem); }
.modal-type--carousel .modal-body > div { width: 100%; height: 100%; margin: auto; font-size: 0; line-height: 0; }
.modal-type--carousel .modal-body .slider { /*width: auto;*/ max-width: calc(100% - 5px); height: auto; max-height: calc(100% - 5px); margin: auto !important; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 0px solid rgba(0,0,0,.9); }
.modal-type--carousel .modal-body .swiper-container .swiper-slide { background-color: transparent; }
/*	--------- [Responsive] --------- */
@media (min-width: 768px) {
	.modal-type--carousel .modal-body .swiper-container { max-width: calc(100% - 64px); max-height: calc(100% - 80px); }
}
@media (min-width: 992px) {
	.modal-type--carousel .modal-body .swiper-container { max-width: calc(100% - 192px); max-height: calc(100% - 96px); }
}
@media (min-width: 1200px) {
	.modal-type--carousel .modal-body .swiper-container { max-width: calc(100% - 342px); max-height: calc(100% - 182px); }
}

/*	------------------ [Position] ------------------ */
.modal .modal-top { top: 0; }
.modal .modal-right { right: 0; }
.modal .modal-bottom { bottom: 0; }
.modal .modal-left { left: 0; }

.modal .modal-frame { margin: 0; position: absolute; }
.modal .modal-top.modal-frame,
.modal .modal-bottom.modal-frame { width: 100%; max-width: 100%; }
.modal .modal-right.modal-frame,
.modal .modal-left.modal-frame { width: 20rem; height: 100%; max-height: 100%; }

.modal .modal-top.modal-frame .modal-content,
.modal .modal-bottom.modal-frame .modal-content { flex-wrap: wrap; flex-direction: row; }
.modal .modal-top.modal-frame .modal-body,
.modal .modal-top.modal-frame .modal-footer
.modal .modal-bottom.modal-frame .modal-body,
.modal .modal-bottom.modal-frame .modal-footer { width: auto; max-width: 100%; min-height: 1%; position: relative; }
.modal .modal-top.modal-frame .modal-body,
.modal .modal-bottom.modal-frame .modal-body { flex: 1 1 0; }
.modal .modal-top.modal-frame .modal-footer,
.modal .modal-bottom.modal-frame .modal-footer { padding: 1.5rem; flex: 0 0 auto; }

.modal .modal-right.modal-frame .modal-content,
.modal .modal-left.modal-frame .modal-content { height: 100%; }
.modal .modal-right.modal-frame .modal-body-internallyscroll,
.modal .modal-left.modal-frame .modal-body-internallyscroll { height: calc(100% - 56px - 68px); max-height: inherit; }

.modal.top:not(.show) .modal-frame { transform: translate3d(0,-25%,0); }
.modal.right:not(.show) .modal-frame { transform: translate3d(25%,0,0); }
.modal.bottom:not(.show) .modal-frame { transform: translate3d(0,25%,0); }
.modal.left:not(.show) .modal-frame { transform: translate3d(-25%,0,0); }
.modal .modal-frame .modal-content { border: 0; box-shadow: 0 .375rem .625rem 0 rgba(0,0,0,.18), 0 .25rem 1rem 0 rgba(0,0,0,.15) }
.modal .modal-top .modal-content { border-bottom: 1px solid rgba(0,0,0,.2); }
.modal .modal-right .modal-content { border-left: 1px solid rgba(0,0,0,.2); }
.modal .modal-bottom .modal-content { border-top: 1px solid rgba(0,0,0,.2); }
.modal .modal-left .modal-content { border-right: 1px solid rgba(0,0,0,.2); }

/*	------------------ [Size] ------------------ */
/*	--------- theme-dark --------- */
.theme-dark .modal-fullscreen .modal-header { background-color: #212529; }
.theme-dark .modal-fullscreen .modal-header .modal-title,
.theme-dark .modal-fullscreen .modal-header .btn-close,
.theme-dark .modal-fullscreen .modal-body p { color: #fff; }

.theme-dark .modal-fullscreen .modal-header,
.theme-dark .modal-fullscreen .modal-body,
.theme-dark .modal-fullscreen .modal-footer { background-color: #212529; }

/*	------------------ [Modal Loading Type] ------------------ * /
.modal-loading .modal-content { background-color: #212529; }
.modal-loading .modal-header { padding: 0; }
.modal-loading .modal-header figure { line-height: 0; font-size: 0; }
.modal-loading .modal-header figure img { width: 100%; }
.modal-loading .modal-body { background-color: #212529; }
.modal-loading .modal-footer { padding-top: 0; justify-content: center; background-color: #212529; }
.modal-loading .modal-footer p { color: rgba(255,255,255,.5); font-size: .625rem; line-height: 1.5; }

/*	------------------ [Color] ------------------ */
.modal-header.bg-primary .modal-title,
.modal-header.bg-primary .btn-close { color: #fff; }
.modal-header.bg-secondary .modal-title,
.modal-header.bg-secondary .btn-close { color: #fff; }
.modal-header.bg-success .modal-title,
.modal-header.bg-success .btn-close { color: #fff; }
.modal-header.bg-danger .modal-title,
.modal-header.bg-danger .btn-close { color: #fff; }
.modal-header.bg-warning .modal-title,
.modal-header.bg-warning .btn-close { color: #212529; }
.modal-header.bg-info .modal-title,
.modal-header.bg-info .btn-close { color: #fff; }
.modal-header.bg-light .modal-title,
.modal-header.bg-light .btn-close { color: #212529; }
.modal-header.bg-dark .modal-title,
.modal-header.bg-dark .btn-close { color: #fff; }



/*	------------------------------------------------------------
	[TOOLTIP]
	------------------------------------------------------------ */
.tooltip { font-size: .75rem; }
.tooltip-inner { padding-bottom: .3125rem; text-align: left; }
.tooltip-inner h4 { margin-bottom: 0; display: block; color: #fff; font-size: .75rem; font-weight: 700; }

/*	------------------ [Template Type] ------------------ */
/*	--------- template --------- */
.tooltip-primary.show,.tooltip-secondary.show,.tooltip-success.show,.tooltip-danger.show,.tooltip-warning.show,.tooltip-info.show,.tooltip-light.show,.tooltip-dark.show,
.tooltip-red.show,.tooltip-pink.show,.tooltip-orange.show,.tooltip-yellow.show,.tooltip-green.show,.tooltip-teal.show,.tooltip-cyan.show,.tooltip-blue.show,.tooltip-azure.show,.tooltip-violet.show,.tooltip-purple.show,.tooltip-white.show,.tooltip-gray.show,.tooltip-black.show,.tooltip-excel.show,.tooltip-facebook.show,.tooltip-twitter.show,.tooltip-naver.show,.tooltip-kakao.show { opacity: 1; }

/*	--------- custom --------- */
.tooltip-container { display: inline-block; position: relative; }
.tooltip-container .tooltip { opacity: 1; }
.tooltip-container .tooltip-inner {  }

.tooltip-container .bs-tooltip-top { left: 50%; bottom: 100%; transform: translateX(-50%); }
.tooltip-container .bs-tooltip-top .tooltip-arrow { margin-left:-0.4rem; left: 50%; }
.tooltip-container .bs-tooltip-end { top: 50%; left: 100%; transform: translateY(-50%); }
.tooltip-container .bs-tooltip-end .tooltip-arrow { margin-top:-0.4rem; top: 50%; }
.tooltip-container .bs-tooltip-bottom { left: 50%; top: 100%; transform: translateX(-50%); }
.tooltip-container .bs-tooltip-bottom .tooltip-arrow { margin-left:-0.4rem; left: 50%; }
.tooltip-container .bs-tooltip-start { top: 50%; right: 100%; transform: translateY(-50%); }
.tooltip-container .bs-tooltip-start .tooltip-arrow { margin-top:-0.4rem; top: 50%; }

/*	------------------ [Color] ------------------ */
.tooltip-primary.bs-tooltip-top .tooltip-arrow::before,.tooltip-primary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { border-top-color: #14c6d6; }
.tooltip-primary.bs-tooltip-end .tooltip-arrow::before,.tooltip-primary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { border-right-color: #14c6d6; }
.tooltip-primary.bs-tooltip-bottom .tooltip-arrow::before,.tooltip-primary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { border-bottom-color: #14c6d6; }
.tooltip-primary.bs-tooltip-start .tooltip-arrow::before,.tooltip-primary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { border-left-color: #14c6d6; }
.tooltip-secondary.bs-tooltip-top .tooltip-arrow::before,.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { border-top-color: #6c757d; }
.tooltip-secondary.bs-tooltip-end .tooltip-arrow::before,.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { border-right-color: #6c757d; }
.tooltip-secondary.bs-tooltip-bottom .tooltip-arrow::before,.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { border-bottom-color: #6c757d; }
.tooltip-secondary.bs-tooltip-start .tooltip-arrow::before,.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { border-left-color: #6c757d; }
.tooltip-success.bs-tooltip-top .tooltip-arrow::before,.tooltip-success.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { border-top-color: #198754; }
.tooltip-success.bs-tooltip-end .tooltip-arrow::before,.tooltip-success.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { border-right-color: #198754; }
.tooltip-success.bs-tooltip-bottom .tooltip-arrow::before,.tooltip-success.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { border-bottom-color: #198754; }
.tooltip-success.bs-tooltip-start .tooltip-arrow::before,.tooltip-success.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { border-left-color: #198754; }
.tooltip-danger.bs-tooltip-top .tooltip-arrow::before,.tooltip-danger.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { border-top-color: #dc3545; }
.tooltip-danger.bs-tooltip-end .tooltip-arrow::before,.tooltip-danger.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { border-right-color: #dc3545; }
.tooltip-danger.bs-tooltip-bottom .tooltip-arrow::before,.tooltip-danger.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { border-bottom-color: #dc3545; }
.tooltip-danger.bs-tooltip-start .tooltip-arrow::before,.tooltip-danger.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { border-left-color: #dc3545; }
.tooltip-warning.bs-tooltip-top .tooltip-arrow::before,.tooltip-warning.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { border-top-color: #ffc107; }
.tooltip-warning.bs-tooltip-end .tooltip-arrow::before,.tooltip-warning.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { border-right-color: #ffc107; }
.tooltip-warning.bs-tooltip-bottom .tooltip-arrow::before,.tooltip-warning.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { border-bottom-color: #ffc107; }
.tooltip-warning.bs-tooltip-start .tooltip-arrow::before,.tooltip-warning.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { border-left-color: #ffc107; }
.tooltip-warning .tooltip-inner { color: #000; }
.tooltip-info.bs-tooltip-top .tooltip-arrow::before,.tooltip-info.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { border-top-color: #0dcaf0; }
.tooltip-info.bs-tooltip-end .tooltip-arrow::before,.tooltip-info.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { border-right-color: #0dcaf0; }
.tooltip-info.bs-tooltip-bottom .tooltip-arrow::before,.tooltip-info.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { border-bottom-color: #0dcaf0; }
.tooltip-info.bs-tooltip-start .tooltip-arrow::before,.tooltip-info.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { border-left-color: #0dcaf0; }
.tooltip-info .tooltip-inner { color: #000; }
.tooltip-light.bs-tooltip-top .tooltip-arrow::before,.tooltip-light.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { border-top-color: #f8f9fa; }
.tooltip-light.bs-tooltip-end .tooltip-arrow::before,.tooltip-light.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { border-right-color: #f8f9fa; }
.tooltip-light.bs-tooltip-bottom .tooltip-arrow::before,.tooltip-light.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { border-bottom-color: #f8f9fa; }
.tooltip-light.bs-tooltip-start .tooltip-arrow::before,.tooltip-light.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { border-left-color: #f8f9fa; }
.tooltip-light .tooltip-inner { color: #000; }
.tooltip-dark.bs-tooltip-top .tooltip-arrow::before,.tooltip-dark.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { border-top-color: #212529; }
.tooltip-dark.bs-tooltip-end .tooltip-arrow::before,.tooltip-dark.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { border-right-color: #212529; }
.tooltip-dark.bs-tooltip-bottom .tooltip-arrow::before,.tooltip-dark.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { border-bottom-color: #212529; }
.tooltip-dark.bs-tooltip-start .tooltip-arrow::before,.tooltip-dark.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { border-left-color: #212529; }



/*	------------------------------------------------------------
	[POPOVER]
	------------------------------------------------------------ */
.popover { font-family:-apple-system, BlinkMacSystemFont, "Noto Sans KR", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Malgun Gothic", Gulim, Dotum, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; box-shadow: .25rem .25rem .25rem rgba(0,0,0,.1); }
.popover-header { background-color: #fff; }
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { border-bottom: 1px solid #fff; }

/*	------------------ [Type] ------------------ */
/*	--------- custom --------- */
.popover-container { display: inline-block; position: relative; }
.popover-container .popover { min-width: 272px; }

.popover-container .bs-popover-top { top:-120px; left: 50%; transform: translateX(-50%); }
.popover-container .bs-popover-top .popover-arrow { margin-left: -.4rem; left: 50%; }
.popover-container .bs-popover-end { top: 50%; right:-284px; left: auto; transform: translateY(-50%); }
.popover-container .bs-popover-end .popover-arrow { margin-top: -.4rem; top: 50%; }
.popover-container .bs-popover-bottom { top: auto; bottom:-120px; left: 50%; transform: translateX(-50%); }
.popover-container .bs-popover-bottom .popover-arrow { margin-left: -.4rem; left: 50%; }
.popover-container .bs-popover-start { top: 50%; left:-284px; transform: translateY(-50%); }
.popover-container .bs-popover-start .popover-arrow { margin-top: -.4rem; top: 50%; }

/*	------------------ [Color] ------------------ */
.popover-primary.popover { border-color: #11a8b6; }
.popover-primary .popover-header { background-color: transparent; border-bottom-color: #11a8b6; color: #fff; }
.popover-primary .popover-body { color: #fff; }
.popover-primary.bs-popover-top > .popover-arrow::before, .popover-primary.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { border-top-color: #11a8b6; }
.popover-primary.bs-popover-end > .popover-arrow::before, .popover-primary.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { border-right-color: #11a8b6; }
.popover-primary.bs-popover-bottom > .popover-arrow::before, .popover-primary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { border-bottom-color: #11a8b6; }
.popover-primary.bs-popover-start > .popover-arrow::before, .popover-primary.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { border-left-color: #11a8b6; }
.popover-primary.bs-popover-top > .popover-arrow::after,.popover-primary.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { border-top-color: #14c6d6; }
.popover-primary.bs-popover-end > .popover-arrow::after,.popover-primary.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-right-color: #14c6d6; }
.popover-primary.bs-popover-bottom > .popover-arrow::after,.popover-primary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { border-bottom-color: #14c6d6; }
.popover-primary.bs-popover-start > .popover-arrow::after,.popover-primary.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { border-left-color: #14c6d6; }

.popover-secondary.popover { border-color: #565e64; }
.popover-secondary .popover-header { background-color: transparent; border-bottom-color: #565e64; color: #fff; }
.popover-secondary .popover-body { color: #fff; }
.popover-secondary.bs-popover-top > .popover-arrow::before, .popover-secondary.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { border-top-color: #565e64; }
.popover-secondary.bs-popover-end > .popover-arrow::before, .popover-secondary.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { border-right-color: #565e64; }
.popover-secondary.bs-popover-bottom > .popover-arrow::before, .popover-secondary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { border-bottom-color: #565e64; }
.popover-secondary.bs-popover-start > .popover-arrow::before, .popover-secondary.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { border-left-color: #565e64; }
.popover-secondary.bs-popover-top > .popover-arrow::after,.popover-secondary.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { border-top-color: #6c757d; }
.popover-secondary.bs-popover-end > .popover-arrow::after,.popover-secondary.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-right-color: #6c757d; }
.popover-secondary.bs-popover-bottom > .popover-arrow::after,.popover-secondary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { border-bottom-color: #6c757d; }
.popover-secondary.bs-popover-start > .popover-arrow::after,.popover-secondary.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { border-left-color: #6c757d; }

.popover-success.popover { border-color: #146c43; }
.popover-success .popover-header { background-color: transparent; border-bottom-color: #146c43; color: #fff; }
.popover-success .popover-body { color: #fff; }
.popover-success.bs-popover-top > .popover-arrow::before, .popover-success.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { border-top-color: #146c43; }
.popover-success.bs-popover-end > .popover-arrow::before, .popover-success.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { border-right-color: #146c43; }
.popover-success.bs-popover-bottom > .popover-arrow::before, .popover-success.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { border-bottom-color: #146c43; }
.popover-success.bs-popover-start > .popover-arrow::before, .popover-success.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { border-left-color: #146c43; }
.popover-success.bs-popover-top > .popover-arrow::after,.popover-success.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { border-top-color: #198754; }
.popover-success.bs-popover-end > .popover-arrow::after,.popover-success.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-right-color: #198754; }
.popover-success.bs-popover-bottom > .popover-arrow::after,.popover-success.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { border-bottom-color: #198754; }
.popover-success.bs-popover-start > .popover-arrow::after,.popover-success.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { border-left-color: #198754; }

.popover-danger.popover { border-color: #b02a37; }
.popover-danger .popover-header { background-color: transparent; border-bottom-color: #b02a37; color: #fff; }
.popover-danger .popover-body { color: #fff; }
.popover-danger.bs-popover-top > .popover-arrow::before, .popover-danger.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { border-top-color: #b02a37; }
.popover-danger.bs-popover-end > .popover-arrow::before, .popover-danger.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { border-right-color: #b02a37; }
.popover-danger.bs-popover-bottom > .popover-arrow::before, .popover-danger.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { border-bottom-color: #b02a37; }
.popover-danger.bs-popover-start > .popover-arrow::before, .popover-danger.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { border-left-color: #b02a37; }
.popover-danger.bs-popover-top > .popover-arrow::after,.popover-danger.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { border-top-color: #dc3545; }
.popover-danger.bs-popover-end > .popover-arrow::after,.popover-danger.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-right-color: #dc3545; }
.popover-danger.bs-popover-bottom > .popover-arrow::after,.popover-danger.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { border-bottom-color: #dc3545; }
.popover-danger.bs-popover-start > .popover-arrow::after,.popover-danger.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { border-left-color: #dc3545; }

.popover-warning.popover { border-color: #ffcd39; }
.popover-warning .popover-header { background-color: transparent; border-bottom-color: #ffcd39; color: #000; }
.popover-warning .popover-body { color: #000; }
.popover-warning.bs-popover-top > .popover-arrow::before, .popover-warning.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { border-top-color: #ffcd39; }
.popover-warning.bs-popover-end > .popover-arrow::before, .popover-warning.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { border-right-color: #ffcd39; }
.popover-warning.bs-popover-bottom > .popover-arrow::before, .popover-warning.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { border-bottom-color: #ffcd39; }
.popover-warning.bs-popover-start > .popover-arrow::before, .popover-warning.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { border-left-color: #ffcd39; }
.popover-warning.bs-popover-top > .popover-arrow::after,.popover-warning.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { border-top-color: #ffc107; }
.popover-warning.bs-popover-end > .popover-arrow::after,.popover-warning.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-right-color: #ffc107; }
.popover-warning.bs-popover-bottom > .popover-arrow::after,.popover-warning.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { border-bottom-color: #ffc107; }
.popover-warning.bs-popover-start > .popover-arrow::after,.popover-warning.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { border-left-color: #ffc107; }

.popover-info.popover { border-color: #3dd5f3; }
.popover-info .popover-header { background-color: transparent; border-bottom-color: #3dd5f3; color: #000; }
.popover-info .popover-body { color: #000; }
.popover-info.bs-popover-top > .popover-arrow::before, .popover-info.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { border-top-color: #3dd5f3; }
.popover-info.bs-popover-end > .popover-arrow::before, .popover-info.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { border-right-color: #3dd5f3; }
.popover-info.bs-popover-bottom > .popover-arrow::before, .popover-info.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { border-bottom-color: #3dd5f3; }
.popover-info.bs-popover-start > .popover-arrow::before, .popover-info.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { border-left-color: #3dd5f3; }
.popover-info.bs-popover-top > .popover-arrow::after,.popover-info.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { border-top-color: #0dcaf0; }
.popover-info.bs-popover-end > .popover-arrow::after,.popover-info.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-right-color: #0dcaf0; }
.popover-info.bs-popover-bottom > .popover-arrow::after,.popover-info.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { border-bottom-color: #0dcaf0; }
.popover-info.bs-popover-start > .popover-arrow::after,.popover-info.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { border-left-color: #0dcaf0; }

.popover-light.popover { border-color: #d4d5d6; }
.popover-light .popover-header { background-color: transparent; border-bottom-color: #d4d5d6; color: #000; }
.popover-light .popover-body { color: #000; }
.popover-light.bs-popover-top > .popover-arrow::before, .popover-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { border-top-color: #d4d5d6; }
.popover-light.bs-popover-end > .popover-arrow::before, .popover-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { border-right-color: #d4d5d6; }
.popover-light.bs-popover-bottom > .popover-arrow::before, .popover-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { border-bottom-color: #d4d5d6; }
.popover-light.bs-popover-start > .popover-arrow::before, .popover-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { border-left-color: #d4d5d6; }
.popover-light.bs-popover-top > .popover-arrow::after,.popover-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { border-top-color: #f8f9fa; }
.popover-light.bs-popover-end > .popover-arrow::after,.popover-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-right-color: #f8f9fa; }
.popover-light.bs-popover-bottom > .popover-arrow::after,.popover-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { border-bottom-color: #f8f9fa; }
.popover-light.bs-popover-start > .popover-arrow::after,.popover-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { border-left-color: #f8f9fa; }

.popover-dark.popover { border-color: #1a1e21; }
.popover-dark .popover-header { background-color: transparent; border-bottom-color: #1a1e21; color: #fff; }
.popover-dark .popover-body { color: #fff; }
.popover-dark.bs-popover-top > .popover-arrow::before, .popover-dark.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { border-top-color: #1a1e21; }
.popover-dark.bs-popover-end > .popover-arrow::before, .popover-dark.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { border-right-color: #1a1e21; }
.popover-dark.bs-popover-bottom > .popover-arrow::before, .popover-dark.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { border-bottom-color: #1a1e21; }
.popover-dark.bs-popover-start > .popover-arrow::before, .popover-dark.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { border-left-color: #1a1e21; }
.popover-dark.bs-popover-top > .popover-arrow::after,.popover-dark.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { border-top-color: #212529; }
.popover-dark.bs-popover-end > .popover-arrow::after,.popover-dark.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-right-color: #212529; }
.popover-dark.bs-popover-bottom > .popover-arrow::after,.popover-dark.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { border-bottom-color: #212529; }
.popover-dark.bs-popover-start > .popover-arrow::after,.popover-dark.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { border-left-color: #212529; }



/*	------------------------------------------------------------
	[RIBBON]
	------------------------------------------------------------ */
.ribbon { width: 5.3125rem; position: absolute; z-index: 1; }
.ribbon > span { display: block; position: absolute; background-color: #14c6d6; color: #fff; font-size: .875rem; font-weight: 500; text-align: center; line-height: 1; }

/*	------------------ [Type] ------------------ */
.ribbon:not([class*="ribbon-type-"]) { height: 5.3125rem; text-align: right; overflow: hidden; }
.ribbon:not([class*="ribbon-type-"]).ribbon-top-left { top: 0; left: 0; }
.ribbon:not([class*="ribbon-type-"]).ribbon-top-right { top: 0; right: 0; }
.ribbon:not([class*="ribbon-type-"]).ribbon-bottom-left { bottom: 0; left: 0; }
.ribbon:not([class*="ribbon-type-"]).ribbon-bottom-right { bottom: 0; right: 0; }
.ribbon:not([class*="ribbon-type-"]) > span { width: 6.875rem; padding: 7px 0 9px; }
.ribbon:not([class*="ribbon-type-"]).ribbon-top-left > span { top: .875rem; left:-1.625rem; transform: rotate(-45deg); }
.ribbon:not([class*="ribbon-type-"]).ribbon-top-right > span { top: .875rem; right:-1.625rem; transform: rotate(45deg); }
.ribbon:not([class*="ribbon-type-"]).ribbon-bottom-left > span { bottom: .875rem; left:-1.625rem; transform: rotate(45deg); }
.ribbon:not([class*="ribbon-type-"]).ribbon-bottom-right > span { bottom: .875rem; right:-1.625rem; transform: rotate(-45deg); }

/*	--------- tail --------- */
.ribbon-type--tail { height: 5.3125rem; text-align: right; overflow: hidden; }
.ribbon-type--tail.ribbon-top-left { top: -.3125rem; left: -.3125rem; }
.ribbon-type--tail.ribbon-top-right { top: -.3125rem; right: -.3125rem; }
.ribbon-type--tail.ribbon-bottom-left { bottom: -.3125rem; left: -.3125rem; }
.ribbon-type--tail.ribbon-bottom-right { bottom: -.3125rem; right: -.3125rem; }
.ribbon-type--tail > span { width: 6.875rem; padding: .5rem 0; }
.ribbon-type--tail.ribbon-top-left > span { top: .875rem; left:-1.625rem; transform: rotate(-45deg); box-shadow: 0 3px 10px -5px rgba(0,0,0,1); }
.ribbon-type--tail.ribbon-top-right > span { top: .875rem; right:-1.625rem; transform: rotate(45deg); box-shadow: 0 3px 10px -5px rgba(0,0,0,1); }
.ribbon-type--tail.ribbon-bottom-left > span { bottom: .875rem; left:-1.625rem; transform: rotate(45deg); box-shadow: 0 -3px 10px -5px rgba(0,0,0,1); }
.ribbon-type--tail.ribbon-bottom-right > span { padding: 7px 0 .5625rem; bottom: .875rem; right:-1.625rem; transform: rotate(-45deg); box-shadow: 0 -3px 10px -5px rgba(0,0,0,1); }
.ribbon-type--tail > span::before,
.ribbon-type--tail > span::after { content: ""; position: absolute; border-width: 3px; border-style: solid; border-color: #11a8b6; z-index:-1; }
.ribbon-type--tail > span::before { left: 0; border-right-color: transparent !important; }
.ribbon-type--tail > span::after { right: 0; border-left-color: transparent !important; }
.ribbon-type--tail.ribbon-top-left > span::before,
.ribbon-type--tail.ribbon-top-left > span::after,
.ribbon-type--tail.ribbon-top-right > span::before,
.ribbon-type--tail.ribbon-top-right > span::after { top: 100%; border-bottom-color: transparent !important; }
.ribbon-type--tail.ribbon-bottom-left > span::before,
.ribbon-type--tail.ribbon-bottom-left > span::after,
.ribbon-type--tail.ribbon-bottom-right > span::before,
.ribbon-type--tail.ribbon-bottom-right > span::after { bottom: 100%; border-top-color: transparent !important; }

/*	--------- rectangle --------- */
.ribbon-type--rectangle { width: 100%; }
.ribbon-type--rectangle.ribbon-top { top: 1rem; }
.ribbon-type--rectangle.ribbon-bottom { bottom: 1rem; }
.ribbon-type--rectangle > span { width: calc(100% + 1rem); padding: .75rem 0; position: relative; top: 0; left: -.5rem; box-shadow: 0 0 4px rgba(0,0,0,.35); z-index: 2; }
.ribbon-type--rectangle::before, .ribbon-type--rectangle::after { content: ""; width: 0; height: 0; position: absolute; border-width: .5rem; border-style: solid; border-color: #11a8b6; z-index: 1; }
.ribbon-type--rectangle::before { top: -.5rem; left:-1rem; border-top-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; }
.ribbon-type--rectangle::after { bottom: -.5rem; right:-1rem; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; }

/*	--------- bookmark --------- */
.ribbon-type--bookmark { width: 3rem; padding-bottom: .625rem; }
.ribbon-type--bookmark.ribbon-top-left { top: -.25rem; left: .5rem; }
.ribbon-type--bookmark.ribbon-top-right { top: -.25rem; right: .5rem; }
.ribbon-type--bookmark > span { min-height: 3rem; padding: .5rem 0; display: flex; justify-content: center; align-items: center; position: relative; }
.ribbon-type--bookmark > span:after { content: ""; width: 0; height: 0; position: absolute; bottom:-13px; left: 0; border-left-width: 1.5rem; border-right-width: 1.5rem; border-bottom-width: .625rem; border-style: solid; border-color: #14c6d6; border-bottom-color: transparent !important; }

/*	--------- square --------- */
.ribbon-type--square { width: auto; padding: 0; }
.ribbon-type--square.ribbon-top-left { top: .5rem; left: .5rem; }
.ribbon-type--square.ribbon-top-right { top: .5rem; right: .5rem; }
.ribbon-type--square.ribbon-bottom-left { bottom: .5rem; left: .5rem; }
.ribbon-type--square.ribbon-bottom-right { bottom: .5rem; right: .5rem; }
.ribbon-type--square > span { width: 4rem; height: 4rem; padding: .5rem; display: flex; justify-content: center; align-items: center; position: relative; }

/*	--------- circle --------- */
.ribbon-type--circle { width: auto; display: inline-block; position: absolute; }
.ribbon-type--circle.ribbon-top-left { top: .5rem; left: .5rem; }
.ribbon-type--circle.ribbon-top-right { top: .5rem; right: .5rem; }
.ribbon-type--circle.ribbon-bottom-left { bottom: .5rem; left: .5rem; }
.ribbon-type--circle.ribbon-bottom-right { bottom: .5rem; right: .5rem; }
.ribbon-type--circle > div { width: 4rem; height: 4rem; padding: .25rem; display: flex; justify-content: center; align-items: center; border-radius: 50%; box-shadow: 0 3px 10px -5px rgba(0,0,0,1); opacity: 0.9; overflow: hidden; }
.ribbon-type--circle > div > span { background-color: transparent !important; color: #fff; font-size: .875rem; font-weight: 500; text-align: center; line-height: 1; }

/*	--------- group --------- */
.ribbon-group { position: absolute; line-height: 1; z-index: 1; }
.ribbon-group .ribbon-type--circle { margin-left: -.5rem; position: relative; }
.ribbon-group.ribbon-top-left { top: .5rem; left: 1rem; }
.ribbon-group.ribbon-top-right { top: .5rem; right: .5rem; }
.ribbon-group.ribbon-bottom-left { bottom: -.5rem; left: 1rem; }
.ribbon-group.ribbon-bottom-right { bottom: -.5rem; right: .5rem; }

/*	------------------ [Color] ------------------ */
.ribbon-primary > span, .ribbon-primary.ribbon-type--circle > div { background-color: #14c6d6 !important; }
.ribbon-primary::before, .ribbon-primary::after, .ribbon-primary span::before, .ribbon-primary span::after { border-color: #11a8b6; }
.ribbon-type--bookmark.ribbon-primary > span:after { border-color: #14c6d6; }

.ribbon-light > span, .ribbon-light.ribbon-type--circle > div { background-color: #f8f9fa !important; color: #212529 !important; }
.ribbon-light.ribbon-type--circle > div > span { color: #212529 !important; }
.ribbon-light::before, .ribbon-light::after, .ribbon-light > span::before, .ribbon-light > span::after { border-color: #bdc3c7; }
.ribbon-type--bookmark.ribbon-light > span:after { border-color: #f8f9fa; }

.ribbon-dark > span, .ribbon-dark.ribbon-type--circle > div { background-color: #212529 !important; }
.ribbon-dark::before, .ribbon-dark::after, .ribbon-dark > span::before, .ribbon-dark > span::after { border-color: #23272b; }
.ribbon-type--bookmark.ribbon-dark > span:after { border-color: #212529; }

.ribbon-red > span, .ribbon-red.ribbon-type--circle > div { background-color: #f52950 !important; }
.ribbon-red::before, .ribbon-red::after, .ribbon-red > span::before, .ribbon-red > span::after { border-color: #ce2146; }
.ribbon-type--bookmark.ribbon-red > span:after { border-color: #f52950; }

.ribbon-pink > span, .ribbon-pink.ribbon-type--circle > div { background-color: #e83e8c !important; }
.ribbon-pink::before, .ribbon-pink::after, .ribbon-pink > span::before, .ribbon-pink > span::after { border-color: #c53577; }
.ribbon-type--bookmark.ribbon-pink > span:after { border-color: #e83e8c; }

.ribbon-orange > span, .ribbon-orange.ribbon-type--circle > div { background-color: #fd7e14 !important; }
.ribbon-orange::before, .ribbon-orange::after, .ribbon-orange > span::before, .ribbon-orange > span::after { border-color: #e37112; }
.ribbon-type--bookmark.ribbon-orange > span:after { border-color: #fd7e14; }

.ribbon-yellow > span, .ribbon-yellow.ribbon-type--circle > div { background-color: #fec22a !important; }
.ribbon-yellow::before, .ribbon-yellow::after, .ribbon-yellow > span::before, .ribbon-yellow > span::after { border-color: #d7a432; }
.ribbon-type--bookmark.ribbon-yellow > span:after { border-color: #fec22a; }

.ribbon-green > span, .ribbon-green.ribbon-type--circle > div { background-color: #28a745 !important; }
.ribbon-::before, .ribbon-green::after, .ribbon-green > span::before, .ribbon-green > span::after { border-color: #1e7e34; }
.ribbon-type--bookmark.ribbon-green > span:after { border-color: #28a745; }

.ribbon-jungle > span, .ribbon-jungle.ribbon-type--circle > div { background-color: #24bc9d !important; }
.ribbon-::before, .ribbon-green::after, .ribbon-jungle > span::before, .ribbon-green > span::after { border-color: #25a086; }
.ribbon-type--bookmark.ribbon-jungle > span:after { border-color: #24bc9d; }

.ribbon-teal > span, .ribbon-teal.ribbon-type--circle > div { background-color: #008080 !important; }
.ribbon-teal::before, .ribbon-teal::after, .ribbon-teal > span::before, .ribbon-teal > span::after { border-color: #006666; }
.ribbon-type--bookmark.ribbon-teal > span:after { border-color: #008080; }

.ribbon-cyan > span, .ribbon-cyan.ribbon-type--circle > div { background-color: #00a3d2 !important; }
.ribbon-cyan::before, .ribbon-cyan::after, .ribbon-cyan > span::before, .ribbon-cyan > span::after { border-color: #0082a8; }
.ribbon-type--bookmark.ribbon-cyan > span:after { border-color: #00a3d2; }

.ribbon-blue > span, .ribbon-blue.ribbon-type--circle > div { background-color: #007bff !important; }
.ribbon-blue::before, .ribbon-blue::after, .ribbon-blue > span::before, .ribbon-blue > span::after { border-color: #0062cc; }
.ribbon-type--bookmark.ribbon-blue > span:after { border-color: #007bff; }

.ribbon-azure > span, .ribbon-azure.ribbon-type--circle > div { background-color: #00a8ff !important; }
.ribbon-azure::before, .ribbon-azure::after, .ribbon-azure > span::before, .ribbon-azure > span::after { border-color: #008fd9; }
.ribbon-type--bookmark.ribbon-azure > span:after { border-color: #00a8ff; }

.ribbon-navy > span, .ribbon-navy.ribbon-type--circle > div { background-color: #34495e !important; }
.ribbon-navy::before, .ribbon-navy::after, .ribbon-navy > span::before, .ribbon-navy > span::after { border-color: #263647; }
.ribbon-type--bookmark.ribbon-navy > span:after { border-color: #34495e; }

.ribbon-violet > span, .ribbon-violet.ribbon-type--circle > div { background-color: #6f42c1 !important; }
.ribbon-violet::before, .ribbon-violet::after, .ribbon-violet > span::before, .ribbon-violet > span::after { border-color: #5e38a4; }
.ribbon-type--bookmark.ribbon-violet > span:after { border-color: #6f42c1; }

.ribbon-purple > span, .ribbon-purple.ribbon-type--circle > div { background-color: #9e245f !important; }
.ribbon-purple::before, .ribbon-purple::after, .ribbon-purple > span::before, .ribbon-purple > span::after { border-color: #861f51; }
.ribbon-type--bookmark.ribbon-purple > span:after { border-color: #9e245f; }

.ribbon-white > span, .ribbon-white.ribbon-type--circle > div { background-color: #f5f6fa !important; color: #212529 !important; }
.ribbon-white.ribbon-type--circle > div > span { color: #212529 !important; }
.ribbon-white::before, .ribbon-white::after, .ribbon-white > span::before, .ribbon-white > span::after { border-color: #d8dde3; }
.ribbon-type--bookmark.ribbon-white > span:after { border-color: #f5f6fa; }

.ribbon-gray > span, .ribbon-gray.ribbon-type--circle > div { background-color: #dae1e8 !important; color: #212529 !important; }
.ribbon-gray.ribbon-type--circle > div > span { color: #212529 !important; }
.ribbon-gray::before, .ribbon-gray::after, .ribbon-gray > span::before, .ribbon-gray > span::after { border-color: #545b62; }
.ribbon-type--bookmark.ribbon-gray > span:after { border-color: #dae1e8; }

.ribbon-black > span, .ribbon-black.ribbon-type--circle > div { background-color: #101010 !important; }
.ribbon-black::before, .ribbon-black::after, .ribbon-black > span::before, .ribbon-black > span::after { border-color: #000; }
.ribbon-type--bookmark.ribbon-black > span:after { border-color: #101010; }

.ribbon-excel > span, .ribbon-excel.ribbon-type--circle > div { background-color: #217346 !important; }
.ribbon-excel::before, .ribbon-excel::after, .ribbon-excel > span::before, .ribbon-excel > span::after { border-color: #0e5c2f; }
.ribbon-type--bookmark.ribbon-excel > span:after { border-color: #217346; }

.ribbon-facebook > span, .ribbon-facebook.ribbon-type--circle > div { background-color: #4267b2 !important; }
.ribbon-facebook::before, .ribbon-facebook::after, .ribbon-facebook > span::before, .ribbon-facebook > span::after { border-color: #29487d; }
.ribbon-type--bookmark.ribbon-facebook > span:after { border-color: #4267b2; }

.ribbon-twitter > span, .ribbon-twitter.ribbon-type--circle > div { background-color: #1da1f2 !important; }
.ribbon-twitter::before, .ribbon-twitter::after, .ribbon-twitter > span::before, .ribbon-twitter > span::after { border-color: #0362a9; }
.ribbon-type--bookmark.ribbon-twitter > span:after { border-color: #1da1f2; }

.ribbon-naver > span, .ribbon-naver.ribbon-type--circle > div { background-color: #1ec800 !important; }
.ribbon-naver::before, .ribbon-naver::after, .ribbon-naver > span::before, .ribbon-naver > span::after { border-color: #20aa18; }
.ribbon-type--bookmark.ribbon-naver > span:after { border-color: #1ec800; }

.ribbon-kakao > span, .ribbon-kakao.ribbon-type--circle > div { background-color: #ffcd00 !important; color: #3c1e1e; }
.ribbon-kakao.ribbon-type--circle > div > span { color: #3c1e1e !important; }
.ribbon-kakao::before, .ribbon-kakao::after, .ribbon-kakao > span::before, .ribbon-kakao > span::after { border-color: #d8ad22; }
.ribbon-type--bookmark.ribbon-kakao > span:after { border-color: #ffcd00; }




/*	------------------------------------------------------------
	[CAROUSEL]
	------------------------------------------------------------ */
.carousel-container {}
.carousel-item img { width: 100%; margin: 0; padding: 0; display: block; }
.carousel-caption h5 { color: #fff; font-size: 1.25rem; }
.carousel-caption p { color: #fff; font-size: 1rem; opacity: .75; }
.carousel-caption hr { width: 3rem; margin-top: 2rem; margin-bottom: 2rem; border-top-width: 2px; border-color: #fff; }
.carousel-control-prev, .carousel-control-next { width: 10%; }

/*	------------------ [Type] ------------------ */
.carousel-container.carousel-type--bg .carousel-item { background-repeat: no-repeat; background-position: center; background-size: cover; }

/*	------------------ [Style] ------------------ */
/*	------ control : chevron light ------ */
.control-chevron-light .carousel-control-prev-icon, .control-chevron-light .carousel-control-next-icon { width: 2.75rem; height: 2.75rem; background-image: none; }
.control-chevron-light .carousel-control-prev-icon::before, .control-chevron-light .carousel-control-next-icon::before,
.control-chevron-light .carousel-control-prev-icon::after, .control-chevron-light .carousel-control-next-icon::after { content: ""; width: 2rem; height: 2rem; margin:-1rem 0 0 -1rem; display: block; position: absolute; top: 50%; left: 50%; transform: rotate(-135deg); z-index: 2; }
.control-chevron-light .carousel-control-prev-icon::after, .control-chevron-light .carousel-control-next-icon::after { margin:-1rem; z-index: 1; }
.control-chevron-light .carousel-control-prev-icon::before, .control-chevron-light .carousel-control-next-icon::before { border-width: 0; border-style: solid; border-color: rgba(255,255,255,.9); }
.control-chevron-light .carousel-control-prev-icon::before { border-top-width: 1px; border-right-width: 1px; }
.control-chevron-light .carousel-control-next-icon::before { border-bottom-width: 1px; border-left-width: 1px; }
.control-chevron-light .carousel-control-prev-icon::after, .control-chevron-light .carousel-control-next-icon::after { border-width: 0; border-style: solid; border-color: rgba(0,0,0,.2); }
.control-chevron-light .carousel-control-prev-icon::after { border-top-width: 3px; border-right-width: 3px; }
.control-chevron-light .carousel-control-next-icon::after { border-bottom-width: 3px; border-left-width: 3px; }

/*	------ control : chevron ------ */
.control-chevron .carousel-control-prev-icon, .control-chevron .carousel-control-next-icon { width: 2.75rem; height: 2.75rem; background-image: none; }
.control-chevron .carousel-control-prev-icon::before, .control-chevron .carousel-control-next-icon::before,
.control-chevron .carousel-control-prev-icon::after, .control-chevron .carousel-control-next-icon::after { content: ""; width: 2rem; height: 2rem; margin:-1rem 0 0 -1rem; display: block; position: absolute; top: 50%; left: 50%; transform: rotate(-135deg); z-index: 2; }
.control-chevron .carousel-control-prev-icon::after, .control-chevron .carousel-control-next-icon::after { margin:-1rem; z-index: 1; }
.control-chevron .carousel-control-prev-icon::before, .control-chevron .carousel-control-next-icon::before { border-width: 0; border-style: solid; border-color: rgba(255,255,255,.9); }
.control-chevron .carousel-control-prev-icon::before { border-top-width: 2px; border-right-width: 2px; }
.control-chevron .carousel-control-next-icon::before { border-bottom-width: 2px; border-left-width: 2px; }
.control-chevron .carousel-control-prev-icon::after, .control-chevron .carousel-control-next-icon::after { border-width: 0; border-style: solid; border-color: rgba(0,0,0,.2); }
.control-chevron .carousel-control-prev-icon::after { border-top-width: 3px; border-right-width: 3px; }
.control-chevron .carousel-control-next-icon::after { border-bottom-width: 3px; border-left-width: 3px; }

/*	------ control : chevron circle light ------ */
.control-chevron-circle-light .carousel-control-prev-icon, .control-chevron-circle-light .carousel-control-next-icon { width: 3rem; height: 3rem; background-color: rgba(255,255,255,.75); background-image: none; border-radius: 3rem; }
.control-chevron-circle-light .carousel-control-prev-icon::before,
.control-chevron-circle-light .carousel-control-next-icon::before { content: ""; width: 1rem; height: 1rem; margin-top: -.5rem; display: block; position: absolute; top: 50%; left: 50%; transform: rotate(-135deg); z-index: 2; }
.control-chevron-circle-light .carousel-control-prev-icon::before { margin-left: -.25rem; }
.control-chevron-circle-light .carousel-control-next-icon::before { margin-left: -.75rem; }
.control-chevron-circle-light .carousel-control-prev-icon::before, .control-chevron-circle-light .carousel-control-next-icon::before { border-width: 0; border-style: solid; border-color: rgba(0,0,0,.9); }
.control-chevron-circle-light .carousel-control-prev-icon::before { border-top-width: 1px; border-right-width: 1px; }
.control-chevron-circle-light .carousel-control-next-icon::before { border-bottom-width: 1px; border-left-width: 1px; }

/*	------ control : chevron circle ------ */
.control-chevron-circle .carousel-control-prev-icon, .control-chevron-circle .carousel-control-next-icon { width: 3rem; height: 3rem; background-color: rgba(255,255,255,.75); background-image: none; border-radius: 3rem; }
.control-chevron-circle .carousel-control-prev-icon::before,
.control-chevron-circle .carousel-control-next-icon::before { content: ""; width: 1rem; height: 1rem; margin-top: -.5rem; display: block; position: absolute; top: 50%; left: 50%; transform: rotate(-135deg); z-index: 2; }
.control-chevron-circle .carousel-control-prev-icon::before { margin-left: -.25rem; }
.control-chevron-circle .carousel-control-next-icon::before { margin-left: -.75rem; }
.control-chevron-circle .carousel-control-prev-icon::before, .control-chevron-circle .carousel-control-next-icon::before { border-width: 0; border-style: solid; border-color: rgba(0,0,0,.9); }
.control-chevron-circle .carousel-control-prev-icon::before { border-top-width: 2px; border-right-width: 2px; }
.control-chevron-circle .carousel-control-next-icon::before { border-bottom-width: 2px; border-left-width: 2px; }

/*	------ control : chevron circle outline light ------ */
.control-chevron-circle-outline-light .carousel-control-prev-icon, .control-chevron-circle-outline-light .carousel-control-next-icon { width: 3rem; height: 3rem; background-image: none; border: 1px solid rgba(255,255,255,.75); border-radius: 3rem; }
.control-chevron-circle-outline-light .carousel-control-prev-icon::before,
.control-chevron-circle-outline-light .carousel-control-next-icon::before { content: ""; width: 1rem; height: 1rem; margin-top: -.5rem; display: block; position: absolute; top: 50%; left: 50%; transform: rotate(-135deg); z-index: 2; }
.control-chevron-circle-outline-light .carousel-control-prev-icon::before { margin-left: -.25rem; }
.control-chevron-circle-outline-light .carousel-control-next-icon::before { margin-left: -.75rem; }
.control-chevron-circle-outline-light .carousel-control-prev-icon::before, .control-chevron-circle-outline-light .carousel-control-next-icon::before { border-width: 0; border-style: solid; border-color: rgba(255,255,255,.9); }
.control-chevron-circle-outline-light .carousel-control-prev-icon::before { border-top-width: 1px; border-right-width: 1px; }
.control-chevron-circle-outline-light .carousel-control-next-icon::before { border-bottom-width: 1px; border-left-width: 1px; }

/*	------ control : chevron circle outline ------ */
.control-chevron-circle-outline .carousel-control-prev-icon, .control-chevron-circle-outline .carousel-control-next-icon { width: 3rem; height: 3rem; background-image: none; border: 2px solid rgba(255,255,255,.75); border-radius: 3rem; }
.control-chevron-circle-outline .carousel-control-prev-icon::before,
.control-chevron-circle-outline .carousel-control-next-icon::before { content: ""; width: 1rem; height: 1rem; margin-top: -.5rem; display: block; position: absolute; top: 50%; left: 50%; transform: rotate(-135deg); z-index: 2; }
.control-chevron-circle-outline .carousel-control-prev-icon::before { margin-left: -.25rem; }
.control-chevron-circle-outline .carousel-control-next-icon::before { margin-left: -.75rem; }
.control-chevron-circle-outline .carousel-control-prev-icon::before, .control-chevron-circle-outline .carousel-control-next-icon::before { border-width: 0; border-style: solid; border-color: rgba(255,255,255,.9); }
.control-chevron-circle-outline .carousel-control-prev-icon::before { border-top-width: 2px; border-right-width: 2px; }
.control-chevron-circle-outline .carousel-control-next-icon::before { border-bottom-width: 2px; border-left-width: 2px; }

/*	------ control : chevron square light ------ */
.control-chevron-square-light .carousel-control-prev-icon, .control-chevron-square-light .carousel-control-next-icon { width: 3rem; height: 3rem; background-color: rgba(255,255,255,.75); background-image: none; }
.control-chevron-square-light .carousel-control-prev-icon::before,
.control-chevron-square-light .carousel-control-next-icon::before { content: ""; width: 1rem; height: 1rem; margin-top: -.5rem; display: block; position: absolute; top: 50%; left: 50%; transform: rotate(-135deg); z-index: 2; }
.control-chevron-square-light .carousel-control-prev-icon::before { margin-left: -.25rem; }
.control-chevron-square-light .carousel-control-next-icon::before { margin-left: -.75rem; }
.control-chevron-square-light .carousel-control-prev-icon::before, .control-chevron-square-light .carousel-control-next-icon::before { border-width: 0; border-style: solid; border-color: rgba(0,0,0,.9); }
.control-chevron-square-light .carousel-control-prev-icon::before { border-top-width: 1px; border-right-width: 1px; }
.control-chevron-square-light .carousel-control-next-icon::before { border-bottom-width: 1px; border-left-width: 1px; }

/*	------ control : chevron square ------ */
.control-chevron-square .carousel-control-prev-icon, .control-chevron-square .carousel-control-next-icon { width: 3rem; height: 3rem; background-color: rgba(255,255,255,.75); background-image: none; }
.control-chevron-square .carousel-control-prev-icon::before,
.control-chevron-square .carousel-control-next-icon::before { content: ""; width: 1rem; height: 1rem; margin-top: -.5rem; display: block; position: absolute; top: 50%; left: 50%; transform: rotate(-135deg); z-index: 2; }
.control-chevron-square .carousel-control-prev-icon::before { margin-left: -.25rem; }
.control-chevron-square .carousel-control-next-icon::before { margin-left: -.75rem; }
.control-chevron-square .carousel-control-prev-icon::before, .control-chevron-square .carousel-control-next-icon::before { border-width: 0; border-style: solid; border-color: rgba(0,0,0,.9); }
.control-chevron-square .carousel-control-prev-icon::before { border-top-width: 2px; border-right-width: 2px; }
.control-chevron-square .carousel-control-next-icon::before { border-bottom-width: 2px; border-left-width: 2px; }

/*	------ control : chevron square outline light ------ */
.control-chevron-square-outline-light .carousel-control-prev-icon, .control-chevron-square-outline-light .carousel-control-next-icon { width: 3rem; height: 3rem; background-image: none; border: 1px solid rgba(255,255,255,.75); }
.control-chevron-square-outline-light .carousel-control-prev-icon::before,
.control-chevron-square-outline-light .carousel-control-next-icon::before { content: ""; width: 1rem; height: 1rem; margin-top: -.5rem; display: block; position: absolute; top: 50%; left: 50%; transform: rotate(-135deg); z-index: 2; }
.control-chevron-square-outline-light .carousel-control-prev-icon::before { margin-left: -.25rem; }
.control-chevron-square-outline-light .carousel-control-next-icon::before { margin-left: -.75rem; }
.control-chevron-square-outline-light .carousel-control-prev-icon::before, .control-chevron-square-outline-light .carousel-control-next-icon::before { border-width: 0; border-style: solid; border-color: rgba(255,255,255,.9); }
.control-chevron-square-outline-light .carousel-control-prev-icon::before { border-top-width: 1px; border-right-width: 1px; }
.control-chevron-square-outline-light .carousel-control-next-icon::before { border-bottom-width: 1px; border-left-width: 1px; }

/*	------ control : chevron square outline ------ */
.control-chevron-square-outline .carousel-control-prev-icon, .control-chevron-square-outline .carousel-control-next-icon { width: 3rem; height: 3rem; background-image: none; border: 2px solid rgba(255,255,255,.75); }
.control-chevron-square-outline .carousel-control-prev-icon::before,
.control-chevron-square-outline .carousel-control-next-icon::before { content: ""; width: 1rem; height: 1rem; margin-top: -.5rem; display: block; position: absolute; top: 50%; left: 50%; transform: rotate(-135deg); z-index: 2; }
.control-chevron-square-outline .carousel-control-prev-icon::before { margin-left: -.25rem; }
.control-chevron-square-outline .carousel-control-next-icon::before { margin-left: -.75rem; }
.control-chevron-square-outline .carousel-control-prev-icon::before, .control-chevron-square-outline .carousel-control-next-icon::before { border-width: 0; border-style: solid; border-color: rgba(255,255,255,.9); }
.control-chevron-square-outline .carousel-control-prev-icon::before { border-top-width: 2px; border-right-width: 2px; }
.control-chevron-square-outline .carousel-control-next-icon::before { border-bottom-width: 2px; border-left-width: 2px; }

/*	------ control : icon ------ */
.control-icon .carousel-control-prev-icon, .control-icon .carousel-control-next-icon { width: 45px; height: 45px; background-image: none; }
.control-icon .carousel-control-prev-icon i,
.control-icon .carousel-control-next-icon i { color: #fff; font-size: 45px; }


/*	------------------ [Style] ------------------ */
/*	------ indicator : dot ------ */
.indicator-dot.carousel-indicators [data-bs-target] { width: .5rem; height: .5rem; border-radius: 100%; }

/*	------ indicator : outline dot ------ */
.indicator-dot-outline.carousel-indicators [data-bs-target] { width: .5rem; height: .5rem; background-color: transparent; border: 2px solid #fff; border-radius: 100%; background-clip: inherit; }
.indicator-dot-outline.carousel-indicators .active { background-color: #fff; }



/*	------------------------------------------------------------
	[SLICK]
	------------------------------------------------------------ */
.slick-container { width: 100%; position: relative; }
.slick-loading .slick-list { background: #fff url(../../../assets/img/base/ajax-loader.gif) center center no-repeat; }

.slick-container .slick-slide { position: relative; }
.slick-container .slick-slide img { width: 100%; }
.slick-container .slick-inner { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-shrink: 0; position: relative; text-align: center; }
.slick-container .slick-item { width: 40rem; max-width: 40rem; max-width: calc(100% - 4rem); }
.slick-container .slick-item h5 { margin-bottom: 1.25rem; display: inline-block; color: #fff; font-size: 1.5rem; font-weight: 500; text-align: left; }
.slick-container .slick-item p { display: inline-block; color: rgba(255,255,255,.85); font-size: .875rem; font-weight: 400; text-align: left; }
.slick-container .slick-item .form-group { margin-top: 3rem; text-align: center; }
.slick-container .slick-item .form-group .btn { min-width: 8rem !important; margin: 0 .5rem; padding-top: .375rem; padding-bottom: .5rem; font-size: 1rem; font-weight: 400; }

.slick-container:not(.slick-type--bg) .slick-inner { position: absolute; top: 0%; right: 0%; left: 0%; }
/*	--------- Responsive --------- */
@media (min-width: 375px) {
	.slick-container .slick-item { max-width: calc(100% - 6rem); }
}
@media (min-width: 576px) {
	.slick-container .slick-item { max-width: calc(100% - 12rem); }
	.slick-container .slick-item h5 { font-size: 2rem; }
	.slick-container .slick-item p { font-size: 1rem; }
	.slick-container .slick-item .form-group .btn { min-width: 10rem !important; padding-top: .46875rem; padding-bottom: .59375rem; font-size: 1.125rem; }
}
@media (min-width: 768px) {
	.slick-container .slick-item h5 { font-size: 2.5rem; }
	.slick-container .slick-item p { font-size: 1.2rem; }
}
@media (min-width: 992px) {
	.slick-container .slick-item h5 { font-size: 3rem; }
}

/*	------------------ [Type] ------------------ */
/*	--------- basic --------- */
.slick-control-prev, .slick-control-next { width: 30px; height: 30px; padding: 0; display: block; position: absolute; top: 50%; background: transparent; border: none; outline: none; color: transparent; cursor: pointer; transform: translate(0, -50%); z-index: 1; }
.slick-control-prev:hover, .slick-control-prev:focus, .slick-control-next:hover, .slick-control-next:focus { background: transparent; color: transparent; outline: none; }
.slick-control-prev:hover i, .slick-control-prev:focus i, .slick-control-next:hover i, .slick-control-next:focus i { opacity: 1; }
.slick-control-prev.slick-disabled i, .slick-control-next.slick-disabled i { opacity: .25; }
.slick-control-prev i, .slick-control-next i { color: #fff; font-size: 30px; opacity: .75; }
.slick-control-prev { left: 2.5rem; }
[dir='rtl'] .slick-control-prev { right: 2.5rem; left: auto; }
.slick-control-next { right: 2.5rem; }
[dir='rtl'] .slick-control-next { right: auto; left: 2.5rem; }

.slick-container .slick-dotted.slick-slider { margin-bottom: 0; }
.slick-container .slick-dots { width: 100%; margin: 0; padding: 0; position: absolute; left: 0; bottom: .5rem; list-style: none; text-align: center; }
.slick-container .slick-dots li { width: 1.25rem; height: 1.25rem; margin: 0 .25rem; padding: 0; display: inline-block; position: relative; cursor: pointer; }
.slick-container .slick-dots li button { width: 100%; height: 100%; display: block; background-color: transparent; border: 0; outline: none; color: transparent; text-indent:-9999px; cursor: pointer; }
.slick-container .slick-dots li button:hover, .slick-container .slick-dots li button:focus { outline: none; }
.slick-container .slick-dots li button:hover::before, .slick-container .slick-dots li button:focus::before { opacity: 1; }
.slick-container .slick-dots li button::before { content: ""; width: .5rem; height: .5rem; margin-top: -.25rem; margin-left: -.25rem; position: absolute; top: 50%; left: 50%; background-color: var(--dots-color); border-radius: 100%; opacity: .25; text-align: center; }
.slick-container .slick-dots li.slick-active button::before { color: #fff; opacity: .75; }

.slick-container .slick-counter { width: 100%; margin: 0; padding: 0; position: absolute; bottom: 1.5rem; left: 1rem; text-align: center; }
.slick-container .slick-counter .counter-container { padding: 0 1rem 2px; background-color: rgba(0,0,0,.75); border-radius: 2rem; color: #fff; font-size: 1rem; }

/*	--------- slick --------- */
.slick-prev, .slick-next { width: 30px; height: 30px; padding: 0; display: block; position: absolute; top: 50%; background: transparent; border: none; outline: none; color: transparent; font-size: 0; line-height: 0; cursor: pointer; transform: translate(0, -50%); z-index: 1; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background: transparent; color: transparent; outline: none; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }
.slick-prev:before, .slick-next:before { color: #fff; font-family: "icon-mode3"; font-size: 30px; line-height: 1; opacity: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: 2.5rem; }
[dir='rtl'] .slick-prev { right: 2.5rem; left: auto; }
.slick-prev:before { content: "\eace"; }
[dir='rtl'] .slick-prev:before { content: "\ead4"; }
.slick-next { right: 2.5rem; }
[dir='rtl'] .slick-next { right: auto; left: 2.5rem; }
.slick-next:before { content: "\ead4"; }
[dir='rtl'] .slick-next:before { content: "\eace"; }

/*	--------- bg --------- */
.slick-type--bg { height: 30rem; }
.slick-container.slick-type--bg .slick-slider,
.slick-container.slick-type--bg .slick-list,
.slick-container.slick-type--bg .slick-track,
.slick-container.slick-type--bg .slick-slide > div,
.slick-container.slick-type--bg .slick-slide-bg { height: 100%; }

/*	------------------ [Style] ------------------ */
/*	--------- control : slim --------- */
.slick-single-control-slim .slick-control-prev-icon::before, .slick-single-control-slim .slick-control-next-icon::before,
.slick-single-control-slim .slick-control-prev-icon::after, .slick-single-control-slim .slick-control-next-icon::after { content: ""; width: 2rem; height: 2rem; margin:-1rem 0 0 -1rem; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); z-index: 2; }
.slick-single-control-slim .slick-control-prev-icon::after, .slick-single-control-slim .slick-control-next-icon::after { margin:-1rem; z-index: 1; }
.slick-single-control-slim .slick-control-prev-icon::before, .slick-single-control-slim .slick-control-next-icon::before { border-width: 0; border-style: solid; border-color: rgba(255,255,255,.9); }
.slick-single-control-slim .slick-control-prev-icon::before { border-top-width: 1px; border-right-width: 1px; }
.slick-single-control-slim .slick-control-next-icon::before { border-bottom-width: 1px; border-left-width: 1px; }
.slick-single-control-slim .slick-control-prev-icon::after, .slick-single-control-slim .slick-control-next-icon::after { border-width: 0; border-style: solid; border-color: rgba(0,0,0,.2); }
.slick-single-control-slim .slick-control-prev-icon::after { border-top-width: 3px; border-right-width: 3px; }
.slick-single-control-slim .slick-control-next-icon::after { border-bottom-width: 3px; border-left-width: 3px; }

.slick-single-control-slim .slick-control-prev,.slick-single-control-slim .slick-control-next,
.slick-single-control-slim .slick-control-prev-icon,.slick-single-control-slim .slick-control-next-icon { width: 2.75rem; height: 2.75rem; background-image: none; }

/*	--------- indicator : square --------- */
.slick-single-indicator-square .slick-dots { display: flex; justify-content: center; bottom: 1.5rem; }
.slick-single-indicator-square .slick-dots li { width: 30px; height: 3px; margin-right: .1875rem; margin-left: .1875rem; flex: 0 1 auto; }
.slick-single-indicator-square .slick-dots li button { background-color: var(--dots-color); opacity: 0.5; text-indent:-999px; transition: opacity 0.6s ease; }
.slick-single-indicator-square .slick-dots li.slick-active button { opacity: 1; }
.slick-single-indicator-square .slick-dots li button::before { content: none; }

/*	--------- multiple --------- */
.slick-items-square .slick-slide::after { content: ""; padding-bottom: 100%; display: block; }
.slick-items-square .slick-slide > div { width: 100%; height: 100%; padding: .5rem; position: absolute; }
.slick-items-square .slick-slide img { width: 100%; height: 100%; }



/*	------------------------------------------------------------
	[HERO IMAGE SCREEN]
	------------------------------------------------------------ */
.jumbotron-wrapper { width: 100%; height: 100%; display: flex; position: relative; z-index: 1; }
.jumbotron { width: 100%; height: 100%; margin-bottom: 0; display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: relative; background-color: transparent; background-size: cover; background-repeat: no-repeat; background-position: center; text-align: center; }
.jumbotron .jumbotron-caption { max-width: calc(100% - 4rem); background-color: transparent; }
.jumbotron .jumbotron-caption h1 { float: none; margin-bottom: 1.25rem; color: rgba(255,255,255,1); font-size: 2rem; font-weight: 500; text-align: left; }
.jumbotron .jumbotron-caption p.lead { color: rgba(255,255,255,1); font-size: 1rem; font-weight: 400; text-align: left; }
.jumbotron .jumbotron-caption hr { width: 3rem; margin-top: 2rem; margin-bottom: 2rem; border-top-width: 2px; border-color: #fff; }
.jumbotron .jumbotron-caption .form-group { margin-top: 1rem; }
.jumbotron .jumbotron-caption .form-group .btn { /*width: 100%;*/ min-width: 8rem !important; padding-top: .375rem; padding-bottom: .5rem; font-size: 1rem; font-weight: 400; }
/*	------------------ [Type] ------------------ */

/*	--------- [Responsive] --------- */
@media (min-width: 375px) {
	.jumbotron .jumbotron-caption { max-width: calc(100% - 6rem); }
}
@media (min-width: 576px) {
	.jumbotron .jumbotron-caption { max-width: calc(100% - 12rem); }
	.jumbotron .jumbotron-caption h1 { font-size: 2rem; }
	.jumbotron .jumbotron-caption p.lead { font-size: 1rem; word-break: keep-all; }
	.jumbotron .jumbotron-caption .form-group .btn { min-width: 10rem !important; padding-top: .46875rem; padding-bottom: .59375rem; font-size: 1.125rem; }
}
@media (min-width: 768px) {
	.jumbotron .jumbotron-caption h1 { font-size: 2.5rem; }
	.jumbotron .jumbotron-caption p.lead { font-size: 1.2rem; }
}
@media (min-width: 992px) {
	.jumbotron .jumbotron-caption h1 { font-size: 3rem; }
}






/*	------------------------------------------------------------
	[CLIENTS]
	------------------------------------------------------------ */
.clients-section .block-group { margin: 20px 0; }
.clients-section .block-group .block-item-clients { margin: auto; position: relative; text-align: center; }
.clients-section .block-group .block-item-clients img { max-width: 100%; opacity: .7; max-height: 160px; }
.clients-section .block-group .block-item-clients img:hover { opacity: 1 }






















/*	------------------------------------------------------------
	[VIDEO]
	------------------------------------------------------------ */
.video-container { position: relative; background-color: #1e272e; }
.video-embed-maxwidth { max-width: 560px; max-height: 315px; margin: 0 auto; }
/*	------------------ [Type] ------------------ */
.video-container .section-body { max-width: 960px; margin-left:-552px; position: absolute; left: 50%; top: 45%; color: #fff; transform: translateY(-50%); z-index: 30; }
.video-container .section-body h1 { float: none; margin-bottom: 1.25rem; color: #fff; font-size: 2rem; font-weight: 300; text-align: left; }
.video-container .section-body p.lead { color: rgba(255,255,255,.85); font-size: 1rem; font-weight: 400; text-align: left; }
/*
.video-section .section-body { width: 25%; margin: 0; padding: 35px; position: absolute; top: 20px; right: 20px; background: rgba(0,0,0,0.5); z-index: 100; }
.video-section .section-body h2 { line-height: 1.2; margin-bottom: 10px; color: #fff; font-size: 24px; font-weight: 300; text-align: left; }
.video-section .section-body p.lead { line-height: 1.5; color: #fff; font-size: 14px; font-weight: 200; text-align: left; }
.video-section .section-content { margin: 0; padding: 0; }
*/
.video-wrapper { width: 100%; min-height: 31.25rem; position: relative; overflow: hidden; }
.video-overlay { width: 100%; height: 100%; position: absolute; background-color: rgba(0,0,0,0); background-size: 10px; z-index: 2; }
.video-expand { width: 96px; height: 32px; line-height: 1em; display: inline-block; position: absolute; bottom: 1.25rem; right: 1.25rem; background-image: url(../../../assets/img/svg/social-youtube2_w.svg); background-repeat: no-repeat; background-size: 150% auto; background-position: center; text-indent:-9999px; white-space: nowrap; opacity: .4; z-index: 3; /*overflow: hidden;*/ }
.video-expand:hover { transition: all 400ms ease-in-out; opacity: 1; }
.video-content { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 1; }
.video-content .video-player { margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: opacity .5s; opacity: 0; z-index: 1; }
.video-content .video-player.active { opacity: 1; }
/*	------------------ [Type] ------------------ */
.video-overlay.dotted-raster { background-image: url(../../../assets/img/base/dotted-raster.png); }
.video-overlay.dotted-raster-bias { background-image: url(../../../assets/img/base/dotted-raster-bias.png); }
.video-overlay.dotted-raster-dot { background-image: url(../../../assets/img/base/dotted-raster-dot.png); }

/*	--------- [Responsive] --------- */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.video-overlay.dotted-raster { background-image: url(../../../assets/img/base/dotted-raster@2x.png); }
	.video-overlay.dotted-raster-bias { background-image: url(../../../assets/img/base/dotted-raster-bias@2x.png); }
	.video-overlay.dotted-raster-dot { background-image: url(../../../assets/img/base/dotted-raster-dot@2x.png); }
}



/*	------------------------------------------------------------
	[CARD]
	------------------------------------------------------------ */
.card { margin-bottom: 30px; }
.gutters-12 .card { margin-bottom: 24px; }
.gutters-10 .card { margin-bottom: 20px; }
.gutters-6 .card { margin-bottom: 12px; }
.gutters-5 .card { margin-bottom: 10px; }

.card-outline-none { border: none; }
.card-outline-none .card-body { padding-right: 0; padding-left: 0; }
.card-outline-none.card > .card-body:first-child,
.card-outline-none .card > .card-body:first-child { padding-top: 0; }
.card-outline-none.card > .card-body:last-child,
.card-outline-none .card > .card-body:last-child { padding-bottom: 0; }

.card-header { position: relative; background-color: transparent; border-bottom: 0; }
.card-header-group { display: flex; flex-wrap: wrap; }
.card-header-group .group { display: flex; flex: 1 1 auto; align-items: center; }
.card-header-group .group:last-child { flex-grow: 0; }
.card-header-group .group-img { margin-right: .5rem !important; flex: 0 1 auto; }
.card-header-group .group-img span { width: 2.5rem; height: 2.5rem; display: inline-block; position: relative; background-repeat: no-repeat; background-size: 2.5rem; border-radius: 50%; vertical-align: middle; }
.card-header-group .group-title { display: flex; flex: 1 1 auto; flex-direction: column; align-items: flex-start; align-content: center; line-height: 1.25; }
.card-header-group .group-title .name { font-size: .8125rem; }
.card-header-group .group-title .location { margin-top: .1875rem; }
.card-header-group .group-title small { display: block; color: #777d81; font-size: .75rem; }
.card-header-group .group-title small i { margin-left: .25rem; position: relative; top: 2px; }
.card-header-group .group .dropdown { margin-right: -.5rem; }

.card-body { position: relative; }
.card-body h5.card-title { font-size: 1.25rem; font-weight: 300; }
.card-body h6.card-title { font-size: 1rem; font-weight: 300; }
.card-body .card-pretitle { color: #14c6d6; font-size: .875rem; font-weight: 400; }
.card-body .card-pretitle i { position: relative; top: 1px; }
.card-body .card-subtitle { margin-top: -.75rem; margin-bottom: .5rem; color: #777d81; font-size: .875rem; font-weight: 400; }
.card-body .card-link { margin-left: 0; display: block; font-size: .875rem; }
.card-body .card-price { margin-bottom: .75rem; }
.card-body .card-price .selling-price { font-size: 1rem; font-weight: 500; }
.card-body .card-price .regular-price { color: #777d81; font-size: .75rem; }
.card-body .card-price .saving { color: #dc3545; font-size: .75rem; }
.card-body .card-date { padding-top: .5rem; color: #a4b0be; font-size: .75rem; }
.card-body .btn-textmore { margin-bottom: .75rem; }
.card-body *:last-child { margin-bottom: 0; }

.card-footer { padding-top: 0; padding-bottom: 0; position: relative; background-color: transparent; border-top: 0; }
.card-footer.card-footer-outline::before { content: ""; width: 80%; width: calc(100% - 1.5rem); height: 1px; position: absolute; top: 0; left: .75rem; background-color: rgba(0,0,0,.075); }

.card .align-group-between .group { position: relative; display: inline-flex; vertical-align: middle; }

.card-img-group { position: relative; }
.card-img-group.margins { margin-top: 1.25rem; margin-right: 1.25rem; margin-left: 1.25rem; }
.card-img-group.margins:last-child { margin-bottom: 1.25rem; }
.card-body + .card-img-group.margins { margin-top: 0; }
.card-img-group figure { margin: 0; position: relative; overflow: hidden; }
.card-img-group figure img { display: block; position: relative; }
.card-img-group figure .card-img, .card-img-group .card-img,
.card-img-group.margins figure img { border-radius: 0; }

.card-img-overlay { overflow: hidden; }
.card-img-overlay .card-title,
.card-img-overlay .card-text { color: #fff; }

.card-icon-group[class*="align-group-"] { align-items: center; }
.card-icon-group { margin-right: -.75rem; margin-bottom: .75rem; margin-left: -.75rem; }
.card-icon-group .btn.active .im-heart:before, .card-icon-group .btn:active .im-heart:before, .card-icon-group .btn:hover .im-heart:before { content: "\e99e"; color: #e83e8c; }



.card-svg-group { margin-right: -.75rem; margin-bottom: .75rem; margin-left: -.75rem; }
.card-svg-group .group { padding-right: .5rem; padding-left: .5rem; }
.card-svg-group .group > div { margin-right: .25rem; border-radius: 50%; }
.card-svg-group .group > div:last-child { margin-right: 0; }
.card-svg-group .group > div img { width: 30px; height: 30px; border-radius: 50%; }
/*	------------------ [Type] ------------------ */
.card-svg-group.svg-light .card-body-group > div { background-color: #34495e; }
.card-svg-group.svg-dark .card-body-group > div { background-color: #e8ebf0; }
.card-svg-group.svg-dark .card-body-group > div img { opacity: .5; }

.card-count-group[class*="align-group-"] { align-items: center; }
.card-count-group { margin-right: -.75rem; margin-left: -.75rem; padding-top: .75rem; padding-bottom: .75rem; }
.card-count-group .count { padding: 0 .75rem; display: flex; align-items: center; color: #777d81; font-size: .75rem; }
.card-count-group .count i { position: relative; top: 1px; }
.card-count-group .count-like i { color: #e83e8c; }
.card-count-group .count .format-num { margin-left: .25rem; }

.card-btn-group[class*="align-group-"] { align-items: center; }
.card-btn-group { margin-right: -.8125rem; margin-left: -.8125rem; padding-top: .5rem; padding-bottom: .5rem; border-top: 1px solid #ddd; }
.card-btn-group .btn-like:not(:disabled):not(.disabled):active,
.card-btn-group .btn-like:not(:disabled):not(.disabled).active { background-color: transparent; color: #007bff; font-weight: 500; }
.card-btn-group .btn-like:not(:disabled):not(.disabled):active .im-heart:before,
.card-btn-group .btn-like:not(:disabled):not(.disabled).active .im-heart:before { content: "\e99e"; color: #007bff; }

.collapse-type-readmore { line-height: 0; }
.collapse-type-readmore * { line-height: 1.5; }

.collapse-type-readmore.collapse:not(.show) { display: block; }
.collapse-type-readmore.collapsing { height: inherit !important; }
.collapse-type-readmore.collapse:not(.show) p:last-of-type { display: inline; }
.collapse-type-readmore.collapse:not(.show) .mark-ellipsis { display: inline-block; }
.collapse-type-readmore.collapse:not(.show) .hidden-group { display: none; }
.collapse-type-readmore.collapse.show .mark-ellipsis,
.collapse-type-readmore.collapsing .mark-ellipsis { display: none; }
.collapse-type-readmore.collapse.show .hidden-group,
.collapse-type-readmore.collapsing .hidden-group { display: inline; }

/*	------------------ [Horizotal] ------------------ */
.card-horizontal { align-items: flex-start; flex-direction: row; }
.card-horizontal .card-img-group { flex: 0 1 auto; max-width: 100%; padding: 1.25rem; position: relative; }
.card-horizontal .card-img-group figure { width: 8rem; }
.card-horizontal .card-body { flex: 1 1 auto; max-width: 100%; padding: 1.25rem 1.25rem .5rem 0; position: relative; }
.card-horizontal .card-body h5.card-title,
.card-horizontal .card-body h6.card-title { margin-bottom: 0; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.card-horizontal .card-body .card-text { margin-bottom: .625rem; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #777d81; overflow: hidden; text-overflow: ellipsis; }
.card-horizontal .dl-inline dd { color: #777d81; }
.card-horizontal .dl-inline dd img { height: 1.5rem; border: 1px solid #ddd; box-sizing: content-box; }
.card-horizontal .card-toolbar-group { position: absolute; top: 1rem; right: 1rem; }






























/*	------------------ [Feature] ------------------ */
.card-feature { background-color: transparent; border: none; border-radius: 0; }
.card-feature .card-img-group { padding: 0 1.25rem; }

.card-feature .card-img-group .block { width: 8rem; height: 8rem; margin: 0 auto; background-color: #e8ebf0; border-radius: 50%; overflow: hidden; }
.card-feature .card-img-group .block figure { width: 100%; height: 100%; }
.card-feature .card-img-group .block img { width: 100%; margin: 0 auto; }
.card-feature .card-img-group .block span { width: 100%; height: 100%; display: block; background-repeat: no-repeat; /*background-size: 512px auto;*/ background-position: 0 0; }

.card-feature .card-img-icon .block { width: 4.5rem; height: 4.5rem; background-color: transparent; border-radius: 0; }
.card-feature .card-img-icon .block figure { display: flex; align-items: center; justify-content: center; border-radius: 0; }
.card-feature .card-img-icon .block i[class^="dicon-"] { margin: 0 auto; color: #212529; font-size: 3.5rem; }

.card-feature .card-body { padding-bottom: 3.5rem; }
.card-feature .card-body .card-title { color: #212529; font-size: 1.25rem; text-align: center; }
.card-feature .card-body .card-text { margin-right: auto; margin-left: auto; display: table; text-align: left; color: #646c73; font-size: .9375rem; }

/*	------------------ [Type] ------------------ */
/*	------ column background ------ */
.type-bg.feature-container .row { margin-right:-1.5rem; margin-left:-1.5rem; }
.type-bg.feature-container .col,
.type-bg.feature-container [class*="col-"] { padding-right: 1.5rem; padding-left: 1.5rem; padding-bottom: 3rem; }
.type-bg.feature-container .card-feature { background-color: #fff; border-radius: .25rem; }
.type-bg.feature-container .card-feature .card-img-group { padding-top: 2.5rem; padding-right: 2.5rem; padding-left: 2.5rem; }
.type-bg.feature-container .card-feature .card-body { padding-right: 2.5rem; padding-bottom: 2.5rem; padding-left: 2.5rem; }

.type-bg.feature-container .no-gutters { margin-right: 0; margin-left: 0; }
.type-bg.feature-container .no-gutters > .col,
.type-bg.feature-container .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; padding-bottom: 0; }
.type-bg.feature-container .no-gutters > .col .card-feature,
.type-bg.feature-container .no-gutters > [class*="col-"] .card-feature { border-radius: 0; }

/*	------ horizontal layout ------ */
.type-horizontal.feature-container .card-feature { align-items: flex-start; flex-direction: row; }
.type-horizontal.feature-container .card-img-group { padding-right: 0 !important; }
.type-horizontal.feature-container .card-body { flex: 1; padding-top: 0; }
.type-horizontal.feature-container .card-body .card-title { text-align: left; }
.type-bg.type-horizontal.feature-container .card-body { padding-top: 2.5rem; padding-left: 1.25rem; }

/*	------------ [Size] ------------ */
.type-sm .card-feature .card-img-group .block { width: 4rem; height: 4rem; border-width: 3px; }
.type-sm .card-feature .card-img-group .block span { /*background-size: 256px auto;*/ }
.type-sm .card-feature .card-img-icon .block { width: 2rem; height: 2rem; }
.type-sm .card-feature .card-img-icon .block i[class^="dicon-"] { font-size: 2rem; }

/*	------------ [Theme] ------------ */
/*.theme-light.type-bg.feature-container .col .card-feature { background-color: #212a30; }*/
.theme-dark.feature-container { background-color: #212a30; }

/*	------------------ [Gallery] ------------------ */
.gallery-column { column-gap: 0; }
.gallery-container { border: 0; border-radius: 0; }
.gallery-container .card-img-group figure img { border-radius: calc(0.25rem - 1px); }

/*	------------------ [Hover Effect] ------------------ */
/*	------------------ [Type] ------------------ */
.card-img-group.type1 figure { -webkit-filter: grayscale(.8); filter: grayscale(.8); }
.card-img-group.type1 figure::before { content: ""; width: 0; height: 0; display: block; position: absolute; top: 50%; left: 50%; background-color: rgba(0,0,0,.2); border-radius: 100%; transform: translate(-50%,-50%); opacity: 0; z-index: 2; }
.card-img-group.type1 figure:hover { -webkit-animation: bloom ease-in-out .75s forwards; animation: bloom ease-in-out .75s forwards; }
.card-img-group.type1 figure:hover::before { -webkit-animation: circle .75s; animation: circle .75s; }
@-webkit-keyframes bloom {
	  0% { -webkit-filter: grayscale(.8); filter: grayscale(.8); }
	 40% { -webkit-filter: grayscale(.5); filter: grayscale(.5); }
	100% { -webkit-filter: grayscale(0); filter: grayscale(0); }
}
@keyframes bloom {
	  0% { -webkit-filter: grayscale(.8); filter: grayscale(.8); }
	 40% { -webkit-filter: grayscale(.5); filter: grayscale(.5); }
	100% { -webkit-filter: grayscale(0); filter: grayscale(0); }
}
@-webkit-keyframes circle {
	  0% { opacity: .5; background-color: rgba(213,156,34,.2); }
	 40% { opacity: 1; background-color: rgba(213,34,160,.2); }
	100% { width: 500px; height: 500px; opacity: 0; }
}
@keyframes circle {
	  0% { opacity: .5; background-color: rgba(213,156,34,.2); }
	 40% { opacity: 1; background-color: rgba(213,34,160,.2); }
	100% { width: 500px; height: 500px; opacity: 0; }
}

.card-img-group.type2 figure { -webkit-filter: grayscale(.8); filter: grayscale(.8); background-color: rgba(0,0,0,.6); }
.card-img-group.type2 figure img { width: calc(100% + 3.125rem); min-height: 100%; opacity: .7; transition: opacity .35s, transform .35s; transform: translate3d(-2.5rem,0,0); }
.card-img-group.type2 figure figcaption { padding: 2rem; color: #fff; text-transform: uppercase; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.card-img-group.type2 figure figcaption::before, .card-img-group.type2 figure figcaption::after { pointer-events: none; }
.card-img-group.type2 figure figcaption, .card-img-group.type2 figure figcaption > a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.card-img-group.type2 figure figcaption > a { font-size: 0; text-indent: 200%; white-space: nowrap; opacity: 0; z-index: 1000; }
.card-img-group.type2 figure figcaption > div { width: 100%; height: 50%; padding: 2rem; position: absolute; bottom: 0; left: 0; }
.card-img-group.type2 figure h2 { font-size: 1.5rem; font-weight: 300; transition: transform .35s; }
.card-img-group.type2 figure h2 span { font-weight: 700; }
.card-img-group.type2 figure p { color: rgba(255,255,255,.8); font-size: 1rem; opacity: 0; transition: opacity .2s, transform .35s; }
.card-img-group.type2 figure h2, .card-img-group.type2 figure p { margin: 0; transform: translate3d(0,2.5rem,0); }
.card-img-group.type2 figure:hover { -webkit-filter: grayscale(0); filter: grayscale(0); }
.card-img-group.type2 figure:hover img, .card-img-group.type2 figure:hover p { opacity: 1; }
.card-img-group.type2 figure:hover img, .card-img-group.type2 figure:hover h2, .card-img-group.type2 figure:hover p { transform: translate3d(0,0,0); }
.card-img-group.type2 figure:hover p { transition-delay: .05s; transition-duration: .35s; }

.card-img-group.type3 figure { text-align: center; }
.card-img-group.type3 figure figcaption { padding: 2rem; color: #fff; text-transform: uppercase; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.card-img-group.type3 figure figcaption::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background:-webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); opacity: 0; transform: translate3d(0,50%,0); }
.card-img-group.type3 figure figcaption::before,
.card-img-group.type3 figure figcaption::after { pointer-events: none; }
.card-img-group.type3 figure figcaption, .card-img-group.type3 figure figcaption > a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.card-img-group.type3 figure figcaption > a { font-size: 0; text-indent: 200%; white-space: nowrap; opacity: 0; z-index: 1000; }
.card-img-group.type3 figure h2 { width: 100%; margin: 0; position: absolute; top: 50%; left: 0; color: #212529; font-size: 1.5rem; font-weight: 300; transition: transform .35s, color .35s; transform: translate3d(0,-50%,0); }
.card-img-group.type3 figure h2 span { font-weight: 700; }
.card-img-group.type3 figure p { width: 100%; margin: 0; padding: 2rem; position: absolute; bottom: 0; left: 0; font-size: 1rem; opacity: 0; transform: translate3d(0,.625rem,0); }
.card-img-group.type3 figure figcaption::before,
.card-img-group.type3 figure p { transition: opacity .35s, transform .35s; }
.card-img-group.type3 figure:hover h2 { color: #fff; transform: translate3d(0,-50%,0) translate3d(0,-2.5rem,0); }
.card-img-group.type3 figure:hover figcaption::before,
.card-img-group.type3 figure:hover p { color: #fff; opacity: 1; transform: translate3d(0,0,0); }

.card-img-group.type4 figure { max-height: 310px; background-color: #18a367; text-align: center; }
.card-img-group.type4 figure img { opacity: 0.8; }
.card-img-group.type4 figure figcaption { padding: 3rem; color: #fff; text-transform: uppercase; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.card-img-group.type4 figure figcaption::before, .card-img-group.type4 figure figcaption::after { content: ""; position: absolute; opacity: 0; pointer-events: none; }
.card-img-group.type4 figure figcaption::before { top: 50px; right: 30px; bottom: 50px; left: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0,1); transform-origin: 0 0; }
.card-img-group.type4 figure figcaption::after { top: 30px; right: 50px; bottom: 30px; left: 50px; border-right: 1px solid #fff; border-left: 1px solid #fff; transform: scale(1,0); transform-origin: 100% 0; }
.card-img-group.type4 figure figcaption, .card-img-group.type4 figure figcaption > a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.card-img-group.type4 figure figcaption > a { font-size: 0; text-indent: 200%; white-space: nowrap; opacity: 0; z-index: 1000; }
.card-img-group.type4 figure h2 { margin: 0; padding-top: 26%; font-size: 1.5rem; font-weight: 300; transition: transform .35s; }
.card-img-group.type4 figure h2 span { font-weight: 700; }
.card-img-group.type4 figure p { margin: 0; padding: .5rem 2rem; color: #fff; font-size: .875rem; text-transform: none; opacity: 0; transform: translate3d(0,-.625rem,0); }
.card-img-group.type4 figure img, .card-img-group.type4 figure h2 { transform: translate3d(0,-1.875rem,0); }
.card-img-group.type4 figure img, .card-img-group.type4 figure figcaption::before, .card-img-group.type4 figure figcaption::after,
.card-img-group.type4 figure p { transition: opacity .35s, transform .35s; }
.card-img-group.type4 figure:hover img { opacity: .7; transform: translate3d(0,0,0); }
.card-img-group.type4 figure:hover figcaption::before, .card-img-group.type4 figure:hover figcaption::after { opacity: 1; transform: scale(1); }
.card-img-group.type4 figure:hover h2, .card-img-group.type4 figure:hover p { opacity: 1; transform: translate3d(0,0,0); }
.card-img-group.type4 figure:hover figcaption::after, .card-img-group.type4 figure:hover h2, .card-img-group.type4 figure:hover p, .card-img-group.type4 figure:hover img { transition-delay: .15s; }

.card-img-group.type5 figure { background-color: #3085a3; text-align: center; }
.card-img-group.type5 figure img { opacity: 0.8; }
.card-img-group.type5 figure figcaption { width: 100%; height: 4rem; padding: 1rem; position: absolute; top: auto; bottom: 0; background-color: rgba(255,255,255,.75); color: #212529; transition: transform .35s; transform: translate3d(0,100%,0); text-transform: uppercase; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.card-img-group.type5 figure figcaption::before, .card-img-group.type5 figure figcaption::after { pointer-events: none; }
.card-img-group.type5 figure h2 { margin: 0; font-size: 1rem; font-weight: 300; }
.card-img-group.type5 figure h2 span { font-weight: 700; }
.card-img-group.type5 figure .card-text { margin: 0; padding: 2rem; position: absolute; bottom: 5rem; left: 0; color: #fff; font-size: 1rem; text-transform: none; opacity: 0; transition: opacity .35s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.card-img-group.type5 figure .card-icon-group { display: flex; flex-grow: 1; align-items: center; }
.card-img-group.type5 figure .card-group { display: flex; align-items: center; }
.card-img-group.type5 figure .card-icon-group h2, .card-img-group.type5 figure .card-icon-group .btn { transition: transform .35s; transform: translate3d(0,200%,0); }
.card-img-group.type5 figure:hover .card-text { opacity: 1; }
.card-img-group.type5 figure:hover figcaption, .card-img-group.type5 figure:hover .card-icon-group h2, .card-img-group.type5 figure:hover .card-icon-group .btn { transform: translate3d(0,0,0); }
.card-img-group.type5 figure:hover .card-icon-group h2 { transition-delay: .05s; }
.card-img-group.type5 figure:hover .card-icon-group .btn:nth-child(1) { transition-delay: .1s; }
.card-img-group.type5 figure:hover .card-icon-group .btn:nth-child(2) { transition-delay: .15s; }
.card-img-group.type5 figure:hover .card-icon-group .btn:nth-child(3) { transition-delay: .2s; }

.card-img-group.type6 figure { -webkit-filter: grayscale(0); filter: grayscale(0); background-color: rgba(0,0,0,0); transition: all .35s; }
.card-img-group.type6 figure img { opacity: 1; transition: opacity .35s; }
.card-img-group.type6 figure figcaption { padding: 2rem; color: #fff; text-transform: uppercase; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.card-img-group.type6 figure figcaption::before, .card-img-group.type6 figure figcaption::after { pointer-events: none; }
.card-img-group.type6 figure figcaption, .card-img-group.type6 figure figcaption > a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.card-img-group.type6 figure figcaption > a { font-size: 0; text-indent: 200%; white-space: nowrap; opacity: 0; z-index: 1000; }
.card-img-group.type6 figure figcaption > div { width: 30px; height: 30px; margin-top:-15px; margin-left:-15px; position: absolute; top: 50%; left: 50%; }
.card-img-group.type6 figure i { margin: 0; color: #fff; font-size: 30px; opacity: 0; transition: opacity .2s; }
.card-img-group.type6 figure:hover { -webkit-filter: grayscale(.8); filter: grayscale(.8); background-color: rgba(0,0,0,.6); }
.card-img-group.type6 figure:hover img { opacity: .7; }
.card-img-group.type6 figure:hover i { opacity: 1; }

.card-img-group.type7 figure { }
.card-img-group.type7 figure img { }
.card-img-group.type7 figure figcaption { padding: 2rem; background-color: transparent; color: #fff; text-transform: uppercase; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all .4s ease 0s; }
.card-img-group.type7 figure figcaption::before, .card-img-group.type7 figure figcaption::after { pointer-events: none; }
.card-img-group.type7 figure figcaption, .card-img-group.type7 figure figcaption > a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.card-img-group.type7 figure figcaption > a { font-size: 0; text-indent: 200%; white-space: nowrap; opacity: 0; z-index: 1000; }
.card-img-group.type7 figure figcaption > div { width: 15px; height: 15px; margin-top: -.46875rem; margin-left: -.46875rem; position: absolute; top: 50%; left: 50%; }
.card-img-group.type7 figure i { margin: 0; color: #fff; font-size: 15px; opacity: 0; transition: opacity .2s; }

.card-img-group.type7 figure:hover figcaption { background-color: rgba(0,20,24,.8); }
.card-img-group.type7 figure:hover i { opacity: 1; }

/*
.card-img-group.type2 figure { background-color: #3085a3; text-align: center; }
.card-img-group.type2 figure img { opacity: 0.8; }
.card-img-group.type2 figure figcaption { padding: 2rem; color: #fff; text-transform: uppercase; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.card-img-group.type2 figure figcaption::before,
.card-img-group.type2 figure figcaption::after { pointer-events: none; }
.card-img-group.type2 figure figcaption,
.card-img-group.type2 figure figcaption > a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.card-img-group.type2 figure figcaption > a { font-size: 0; text-indent: 200%; white-space: nowrap; opacity: 0; z-index: 1000; }
.card-img-group.type2 figure h2 { font-size: 1.5rem; font-weight: 300; }
.card-img-group.type2 figure h2 span { font-weight: 700; }
.card-img-group.type2 figure h2,
.card-img-group.type2 figure p { margin: 0; }
.card-img-group.type2 figure p { font-size: 1rem; }
*/
/*	------------------ [Gallery Section] ------------------ * /
.gallery-section .block-group { text-align: left; }
.gallery-section .block-group .block-item-gallery { float: left; width: 100%; display: block; position: relative; background-color: #fff; overflow: hidden; }
.gallery-section .block-group .block-item-gallery img { width: 100%; max-width: 100%; height: auto; transform: scale(1); transition: .3s ease-in-out; }
.gallery-section .block-group .block-item-gallery:hover img { transform: scale(1.1); }

.gallery-section .block-group .overlay { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.6); opacity: 0; transition: all .5s; overflow: hidden; }
.gallery-section .block-group .overlay:hover { opacity: 1; }
.gallery-section .block-group .overlay .overlay-content { position: absolute; left: 40px; right: 40px; bottom: 25px; transition: bottom .5s; }
.gallery-section .block-group .overlay:hover .overlay-content { bottom: 35px; }
.gallery-section .block-group .overlay h4 { margin-bottom: 5px; padding: 0; color: #fff; font-size: 16px; font-weight: 400; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.gallery-section .block-group .overlay p.lead { margin: 0; color: rgba(255,255,255,.9); font-size: 14px; font-weight: 200; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.gallery-section .block-group .btn-open { width: 37px; height: 37px; padding: 10px !important; position: absolute; top:-60px; right: 0; color: #1e272e; font-size: 15px; text-align: center; background-color: rgba(0,0,0,0.1); transition: all .5s; }
.gallery-section .block-group .btn-open i {color: #fff; font-size: 17px; }
.gallery-section .block-group .overlay:hover .btn-open { top: 0; }
.gallery-section .block-group .btn-open:hover { background-color: #fff; }
.gallery-section .block-group .btn-open:hover i { color: #1e272e; }
/*	--------- TYPE1 --------- * /
.type1.gallery-section .block-group { margin: 0 !important; padding: 0; }
/*	--------- TYPE2 --------- * /
.type2.gallery-section .block-group { margin: 0 !important; padding: 0; }
.type2.gallery-section .block-group .overlay { background-color: rgba(0,0,0,.3); opacity: 1; }
.type2.gallery-section .block-group .overlay:hover { background-color: rgba(0,0,0,.6); }
.type2.gallery-section .block-group .overlay .overlay-content { left: 80px; right: 80px; bottom: 45px; }
.type2.gallery-section .block-group .overlay:hover .overlay-content { bottom: 95px; }
.type2.gallery-section .block-group .overlay h4 { margin-bottom: 15px; font-size: 18px; font-weight: 400; }
.type2.gallery-section .block-group .overlay p.lead { font-weight: 300; white-space: inherit; text-overflow: inherit; }
.type2.gallery-section .block-group .overlay .btn-group { margin-top: 40px; }
.type2.gallery-section .block-group .overlay .btn-group .btn { min-width: 150px; border-radius: 0; font-size: 14px; }



/*	------------------------------------------------------------
	[MEDIA OBJECT]
	------------------------------------------------------------ */
.media-container { margin: 0.5rem 0; }
.media { background-color: #fff; }
.media-outline { border: 1px solid rgba(0,0,0,.125); }
.media-rounded { border-radius: .25rem; }
.media-rounded { border-radius: .25rem; }
.media-rounded .media-img-group:not(.media-img-outline) figure img { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; }

.media-img-group { position: relative; }
.media-img-group figure { width: 8.5rem; margin: 0; position: relative; overflow: hidden; }
.media-img-group figure img { width: 100%; display: block; position: relative; }
.media-img-group .media-img { border-radius: 0; }

.media-img-outline { padding-top: 1.25rem; padding-bottom: 1.25rem; padding-left: 1.25rem; }
.media-img-outline figure img { border-radius: 0; }

.media-body { padding: 1.25rem; position: relative; }
.media-body .media-title { padding-top: 0; font-weight: 300; }
.media-body h5.media-title { font-size: 1.125rem; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.media-body .media-text { margin-bottom: 0; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #777d81; font-size: .875rem; }
.media-body h5.media-title.clamp1 { -webkit-line-clamp: 1; }
.media-body h5.media-title.clamp3 { -webkit-line-clamp: 3; }
.media-body .media-text.clamp1 { -webkit-line-clamp: 1; }
.media-body .media-text.clamp3 { -webkit-line-clamp: 3; }

.media-list .media { border-bottom: 1px solid rgba(0,0,0,.125); }
.media-list .media:first-child { border-top: 1px solid rgba(0,0,0,.125); }
.media-list .media-body { padding-right: 0; }

.media-list.media-list-border .media { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.media-list.media-list-border .media:first-child { border-top: 1px solid rgba(0,0,0,.45); }
.media-list.media-list-border .media:last-child { border-bottom: 1px solid rgba(0,0,0,.45); }
.media-list.media-list-border .media-img-group { padding-left: 1.25rem; }
.media-list.media-list-border .media-body { padding-top: 0; padding-right: 1.25rem; padding-bottom: 0; }

.media-list.media-list-outline { padding: 1.25rem; border: 1px solid rgba(0,0,0,.45); }
.media-list.media-list-outline .media { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.media-list.media-list-outline .media:first-child { padding-top: 0; border-top: none; }
.media-list.media-list-outline .media:last-child { padding-bottom: 0; border-bottom: none; }
.media-list.media-list-outline .media-body { padding-top: 0; padding-right: 1.25rem; padding-bottom: 0; }










































/*	------------------------------------------------------------
	[ALIGNMENT]
	------------------------------------------------------------ */
.align-group-start, .align-group-center, .align-group-end, .align-group-between, .align-group-around, .align-flex-fill, .align-flex-grow-start, .align-flex-grow-end, .align-group-center-end { display: flex !important; }
.align-group-start { justify-content: flex-start !important; }
.align-group-center { justify-content: center !important; }
.align-group-end { justify-content: flex-end !important; }
.align-group-between { justify-content: space-between !important; }
.align-group-around { justify-content: space-around !important; }
.align-group-center-end { justify-content: center !important; }



/*	------------------------------------------------------------
	[PARAGRAPH]
	------------------------------------------------------------ */
/*	------------------ [Paragraph] ------------------ */
h4 small, h5 small, h6 small { margin: 0 .3125rem; }
p { margin-bottom: .75rem; letter-spacing: -.05em; }
p.lead { font-weight: 400; }
p.desc { color: #adb5bd; }
p i[class*="im-"] { position: relative; top: 1px; }
small { color: var(--bs-gray-600); font-size: .8125em; font-weight: 300; }
hr.hr-dot { border-top-style: dotted; }

.link-url { display: block; }
.link-url:hover { text-decoration: underline; }
.link-underline-none { text-decoration: none; }
.link-arrow, .link-angle, .link-external { text-decoration: none; white-space: nowrap; }
.link-arrow:hover, .link-angle:hover, .link-external:hover { text-decoration: none; }
.link-arrow::after, .link-angle::after,.link-external::after { display: inline-block; position: relative; top: 1px; font-family:'icon-mode3' !important; font-size: 15px; line-height: 1; }
.link-arrow::after { content: "\e97e"; }
.link-angle::after { content: "\ead7"; }
.link-external::after { content: "\e9dd"; margin-left: .25rem; }

.taghash, .atmark { text-decoration: none; }
.taghash:hover,
.taghash:hover .taghash-hash,
.taghash:hover .taghash-text,
.atmark:hover,
.atmark:hover .atmark-at,
.atmark:hover .atmark-text { text-decoration: underline; }

.mark-ellipsis { margin-right: .25rem; display: inline-block; font-size: .875rem; }
.mark-slash { display: inline-block; position: relative; color: #8e9aa9; font-size: .875rem; }
.btn-more-text { display: inline-block; font-size: .875rem; }
.btn-more-text:not(.collapsed) { display: none; }

/*	--------- [Responsive] --------- */
@media (min-width: 769px) {
	p {  }
}





/*	------------------ [Quote] ------------------ */
.blockquote,
.blockquote-footer {  }
.blockquote { margin-bottom: .75rem; font-size: .875rem; }
.blockquote p { margin-bottom: 0; font-size: .875rem; }
.blockquote-footer { margin-top: .75rem; margin-bottom: 0; font-size: .8125rem; }
/*	--------- [Responsive] --------- */
@media (min-width: 576px) {
	.blockquote,
	.blockquote-footer { width: 30rem; }
}

.text-center .blockquote,
.text-center .blockquote-footer { margin-right: auto; margin-left: auto; }
.text-end .blockquote,
.text-end .blockquote-footer { margin-left: auto; }

.blockquote-align-start,
.blockquote-align-center,
.blockquote-align-end { display: flex; flex-direction: column; }
.blockquote-align-start .blockquote-footer,
.blockquote-align-center .blockquote-footer,
.blockquote-align-end .blockquote-footer { margin-top: 0; text-align: right; }
.blockquote-align-start { justify-content: flex-start; }
.blockquote-align-start .blockquote,
.blockquote-align-start .blockquote-footer { align-self: flex-start; }
.blockquote-align-center { justify-content: center; }
.blockquote-align-center .blockquote,
.blockquote-align-center .blockquote-footer { align-self: center; }
.blockquote-align-end { justify-content: flex-end; }
.blockquote-align-end .blockquote,
.blockquote-align-end .blockquote-footer { align-self: flex-end; }

/*	------------------ [Annotation] ------------------ */
.text-note { margin-right: .25rem; }
.text-note a { text-decoration: none; white-space: nowrap; }
.list-note { margin-bottom: .75rem; padding-left: 1.125rem; position: relative; color: #38393c; font-size: .875rem; text-align: left; }
.list-inserted-note { list-style: none; color: #8e9aa9; font-size: .8125rem; }
.list-inserted-note > li::before { content: "\203b"; position: absolute; top:-1px; left:-1.125rem; }
.list-footnote { margin-top: 1.25rem; padding-top: 1.25rem; color: #8e9aa9; font-size: .8125rem; }
.list-footnote::before { content: ""; width: 15rem; height: 1px; background-color: #8e9aa9; position: absolute; top: 0; left: 0; }
.note-type--number.list-footnote { list-style: none; }
.note-type--number.list-footnote li a.note-no { position: absolute; top: 0; left:-1.125rem; text-decoration: none; }
.note-type--arrow.list-footnote li a.note-no { text-decoration: none; }
.note-type--arrow.list-footnote li a.note-no i { position: relative; top: 2px; }



/*	------------------------------------------------------------
	[UNORDERED/ORDERED LIST]
	------------------------------------------------------------ */
ul li, ol li { position: relative; }
li.emphasis { font-weight: 500; }
.list-paragraph { margin-bottom: .75rem; padding-left: 1.125rem; position: relative; color: #212529; font-size: .875rem; text-align: left; }
.list-paragraph li i[class*="im"] { position: relative; top: 1px; }

.list-type--gap li { margin-bottom: .25rem; }
.list-type--gap li:last-child { margin-bottom: 0; }
.list-type--ref { list-style: none; }
.list-type--ref > li::before { content: "\203b"; position: absolute; top:-1px; left:-1.125rem; }
.list-type--decimal { list-style: decimal; }
.list-type--circle { list-style: circle; }
.list-type--disc { list-style: disc; }
.list-type--square { list-style: square; }
.list-type--dashed { list-style: none; }
.list-type--dashed > li::before { content: ""; position: absolute; width: .5rem; height: .125rem; top: .625rem; left:-1.125rem; background-color: #212529; }

.list-type--dashed.text-primary li::before { background-color: #14c6d6; }
.list-type--dashed.text-secondary li::before { background-color: #6c757d; }
.list-type--dashed.text-success li::before { background-color: #198754; }
.list-type--dashed.text-info li::before { background-color: #0dcaf0; }
.list-type--dashed.text-warning li::before { background-color: #ffc107; }
.list-type--dashed.text-danger li::before { background-color: #dc3545; }
.list-type--dashed.text-light li::before { background-color: #f8f9fa; }
.list-type--dashed.text-dark li::before { background-color: #212529; }
.list-type--dashed.text-red li::before { background-color: #f52950; }
.list-type--dashed.text-pink li::before { background-color: #e83e8c; }
.list-type--dashed.text-orange li::before { background-color: #fd7e14; }
.list-type--dashed.text-yellow li::before { background-color: #fec22a; }
.list-type--dashed.text-green li::before { background-color: #28a745; }
.list-type--dashed.text-jungle li::before { background-color: #24bc9d; }
.list-type--dashed.text-teal li::before { background-color: #008080; }
.list-type--dashed.text-cyan li::before { background-color: #00a3d2; }
.list-type--dashed.text-blue li::before { background-color: #007bff; }
.list-type--dashed.text-azure li::before { background-color: #00a8ff; }
.list-type--dashed.text-navy li::before { background-color: #34495e; }
.list-type--dashed.text-violet li::before { background-color: #6f42c1; }
.list-type--dashed.text-purple li::before { background-color: #9e245f; }
.list-type--dashed.text-white li::before { background-color: #fff; }
.list-type--dashed.text-white-75 li::before { background-color: rgba(255,255,255,.75); }
.list-type--dashed.text-white-50 li::before { background-color: rgba(255,255,255,.5); }
.list-type--dashed.text-white-35 li::before { background-color: rgba(255,255,255,.35); }
.list-type--dashed.text-gray li::before { background-color: #dae1e8; }
.list-type--dashed.text-black-75 li::before { background-color: rgba(0,0,0,.75); }
.list-type--dashed.text-black-50 li::before { background-color: rgba(0,0,0,.5); }
.list-type--dashed.text-black-35 li::before { background-color: rgba(0,0,0,.35); }
.list-type--dashed.text-excel li::before { background-color: #217346; }
.list-type--dashed.text-facebook li::before { background-color: #4267b2; }
.list-type--dashed.text-twitter li::before { background-color: #1da1f2; }
.list-type--dashed.text-naver li::before { background-color: #1ec800; }
.list-type--dashed.text-kakao li::before { background-color: #3c1e1e; }

/*	------------------ [Size] ------------------ */
.list-paragraph-sm { font-size: .8125rem; }



/*	------------------------------------------------------------
	[UNORDERED/ORDERED LIST INLINE]
	------------------------------------------------------------ */
.list-inline { margin-bottom: .75rem; }
.list-inline-item { padding-right: .6875rem; padding-bottom: .25rem; }
.list-inline-item:not(:last-child) { margin-right: .375rem; }
.list-inline-item:last-child { padding-right: 0; }
.list-inline-item, .list-inline-item a { font-size: .875rem; text-decoration: none; }

.list-inline-item.active, .list-inline-item.active a { font-weight: 500; }
.list-inline-item .label { font-weight: 700; } 
.list-inline-item i[class*="im"] { position: relative; /*top: 2px;*/ }
.list-inline-item a i[class*="im"] { display: none; }
.list-inline-item.active a i[class*="im"] { display: inherit; color: #f52950; }

/*	------------------ [Style] ------------------ */
.list-inline.separator-bar .list-inline-item::after { content: ""; width: 1px; height: 10px; display: block; position: absolute; top: 6px; right: 0; background-color: #bdc3c7; }
.list-inline.separator-bar .list-inline-item:last-child::after { content: none; }
.list-inline.separator-dot .list-inline-item::after { content: ""; width: 2px; height: 2px; margin-top: -.1875rem; margin-right: -1px; display: block; position: absolute; top: 50%; right: 0; background-color: #bdc3c7; border-radius: 50%; }
.list-inline.separator-dot .list-inline-item:last-child::after { content: none; }

/*	------------------ [Size] ------------------ */
.list-inline-sm .list-inline-item { font-size: .8125rem; }




.list.separator-bar span { padding-right: .625rem; padding-left: .5rem; position: relative; }
/*span.separator-bar:not(:last-child) { margin-right: .375rem; }
span.separator-bar:last-child { padding-right: 0; }*/
.list.separator-bar span::after { content: ""; width: 1px; height: 8px; margin-top: -4px; display: block; position: absolute; top: 50%; right: -1px; background-color: rgba(0,0,0,.25); }
.list.separator-bar span:last-child::after { content: none; }













/*	------------------------------------------------------------
	[DEFINITION LIST]
	------------------------------------------------------------ */
dl { margin-bottom: .75rem; }
dt, dd { line-height: 1.5; color: #212529; font-size: .875rem; }
dt { font-weight: 500; }
dd:last-child { margin-bottom: 0; }

/*	------------------ [Type] ------------------ */
dl.row dt, dl.row dd { min-height: 1px; position: relative; word-break: break-word; }
dl.row dt:not([class*="col-"]), dl.row dd:not([class*="col-"]) { width: 100%; }

/*
dl.row dt { padding-right: .5rem; padding-left: 15px; }
dl.row dd { padding-right: 15px; padding-left: .5rem; }
dl.row.gutters-12 dt { padding-left: 12px; }
dl.row.gutters-12 dd { padding-right: 12px; }
dl.row.gutters-10 dt { padding-left: 10px; }
dl.row.gutters-10 dd { padding-right: 10px; }
dl.row.gutters-6 dt { padding-left: 6px; }
dl.row.gutters-6 dd { padding-right: 6px; }
dl.row.gutters-5 dt { padding-left: 5px; }
dl.row.gutters-5 dd { padding-right: 5px; }
*/

dl.row dt:not([class*="col-"]) { flex: 0 0 123px; max-width: 123px; }
dl.row dd:not([class*="col-"]) { flex: 0 0 calc(100% - 123px); max-width: calc(100% - 123px); }

/*	------------------ [Type] ------------------ */
dl.row.dt-right dt { text-align: right; }
dl.row.dt-truncate dt { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }


/*	------------------------------------------------------------
	[IMAGE]
	------------------------------------------------------------ */
.figure .figure-img { margin-bottom: 0; }
.figure .figure-caption { margin-top: .25rem; font-size: .8125rem; }
.figure-fluid,
.picture-fluid { max-width: 100%; height: auto; }
/*	--------- [Responsive] --------- */
@media (max-width: 768px) {
	.img-fluid,
	.figure-fluid,
	.picture-fluid { width: 100%; }
}



/*	------------------------------------------------------------
	[RATING]***
	------------------------------------------------------------ * /
.rating-star .im-star,
.rating-star .im-star-fill { color: #dfe4ea; }
.rating-star .im-star.checked,
.rating-star .im-star-filled.checked { color: #ffc028; }



/*	------------------------------------------------------------
	[LIST]
	------------------------------------------------------------ */
/*
.listing ul::before,
.listing ul::after { content: ""; display: table; }
.listing ul::after { clear: both; }

/*	------------------ [Header] ------------------ * /
.listing > .list-btn-group { text-align: right; }
.listing .list-btn-group { padding: 2px 5px; }
.listing .list-btn-group .btn { min-width: 80px; }

/*	------------------ [Content - Thumbnail List] ------------------ * /
.listing .list-thumbnail {}
.listing .list-thumbnail ul {}
.listing .list-thumbnail ul li { margin-right: 10px; position: relative; }
.listing .list-thumbnail ul li a { display: inline-block; border: 2px solid #fff; }
.listing .list-thumbnail ul li.active a,
.listing .list-thumbnail ul li:hover a { border: 2px solid #ed1c66; transition: all .15s ease-out; }
.listing .list-thumbnail li img { display: block; }
.listing .list-thumbnail.list-thumb10 li { max-width: 14px; max-height: 14px; }
.listing .list-thumbnail.list-thumb10 li img { max-width: 10px; max-height: 10px; }
.listing .list-thumbnail.list-thumb20 li { max-width: 24px; max-height: 24px; }
.listing .list-thumbnail.list-thumb20 li img { max-width: 20px; max-height: 20px; }
.listing .list-thumbnail.list-thumb30 li { max-width: 34px; max-height: 34px; }
.listing .list-thumbnail.list-thumb30 li img { max-width: 30px; max-height: 30px; }
.listing .list-thumbnail.list-thumb40 li { max-width: 44px; max-height: 44px; }
.listing .list-thumbnail.list-thumb40 li img { max-width: 40px; max-height: 40px; }
.listing .list-thumbnail.list-thumb50 li { max-width: 54px; max-height: 54px; }
.listing .list-thumbnail.list-thumb50 li img { max-width: 50px; max-height: 50px; }
.listing .list-thumbnail.list-thumb60 li { max-width: 60px; max-height: 60px; }
.listing .list-thumbnail.list-thumb60 li img { max-width: 60px; max-height: 60px; }
.listing .list-thumbnail.list-thumb70 li { max-width: 74px; max-height: 74px; }
.listing .list-thumbnail.list-thumb70 li img { max-width: 70px; max-height: 70px; }
.listing .list-thumbnail.list-thumb80 li { max-width: 84px; max-height: 84px; }
.listing .list-thumbnail.list-thumb80 li img { max-width: 80px; max-height: 80px; }
.listing .list-thumbnail.list-thumb90 li { max-width: 94px; max-height: 94px; }
.listing .list-thumbnail.list-thumb90 li img { max-width: 90px; max-height: 90px; }
.listing .list-thumbnail.list-thumb100 li { max-width: 104px; max-height: 104px; }
.listing .list-thumbnail.list-thumb000 li img { max-width: 100px; max-height: 100px; }

/*	------------------ [Content - Text List] ------------------ * /
.listing .list-text ul { background-color: #fff; }
.listing .list-text ul li:first-child { border-top: 1px solid #dcdde1; }
.listing .list-text ul li { position: relative; border-bottom: 1px solid #dcdde1; font-size: 13px; }
.listing .list-text ul li .list-header { width: 100%; line-height: 1.42857143; padding: 6px 10px; display: block; position: relative; }
.listing .list-text ul li p { padding-right: 20px; color: #2f3640; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.listing .list-text ul li time { display: block; color: #a4b0be; font-size: 12px; text-align: left; }
.listing .list-text ul li > div > div { padding: 5px 15px 15px 15px; color: #a4b0be; text-align: left; }
.listing .list-text ul li .btn { position: absolute; }
.listing .list-text ul li .btn.btn-close { top: 4px; right: 4px; color: #a4b0be; }
.listing .list-text ul li.new::before { content: ""; width: 4px; height: 4px; position: absolute; top: 18px; left: 6px; background-color: #f63759; border-radius: 100%; }
.listing .list-text ul li.visited p { color: #a4b0be; }
/*	--------- Pagination --------- * /
.listing .pagination { padding: 10px 0; }
.listing .pagination .paginate { float: none; margin: 0; }
/****** MODAL ****** /
.modal .listing .list-text ul li .list-header { padding: 10px 15px; }

/*	------------------ [Content - Thumbnail Text List] ------------------ * /
.listing .list-thumbtext { margin: 10px 0; }
.listing .list-thumbtext ul { background-color: #fff; }
.listing .list-thumbtext ul li { }
.listing .list-thumbtext ul li a { display: block; padding: 0 6px 10px 6px; border-width: 1px; border-style: solid; border-color: transparent; }
.listing .list-thumbtext ul li a:focus,
.listing .list-thumbtext ul li a.active,
.listing .list-thumbtext ul li a:active { background-color: #edfafe; border-color: #d2f3fe; }
.listing .list-thumbtext ul li a:hover:not(.active) { background-color: #edfafe; border-color: #edfafe; }
.listing .list-thumbtext ul li .list-header { width: 100%; line-height: 1.42857143; padding: 6px 5px; display: block; position: relative; text-align: left; }
.listing .list-thumbtext ul li .list-header h3 { color: #f63759; font-size: 14px; font-weight: 400; }
.listing .list-thumbtext ul li .list-content { overflow: hidden; }
.listing .list-thumbtext ul li .list-content .img-thumbnail { padding-right: 10px; }
.listing .list-thumbtext ul li .list-content .img-thumbnail .grid-icon { width: 50px; height: 50px; display: block; background-size: contain; }
.listing .list-thumbtext ul li .list-content .txt-info p { color: #2f3640; font-size: 12px; }

/*	------------------ [Content - Collapse List] ------------------ * /
.list-collapse .list-header { color: #fff; font-weight: 500; cursor: pointer; }
.list-collapse .list-header::before { content: ""; width: 0; height: 0; margin-top: -.1875rem; position: absolute; top: 50%; right: 10px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #ced0d1; z-index: 3; }
.list-collapse .list-header[aria-expanded="true"]::before { border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-right: 6px solid #ced0d1; }
/****** NOTIFICATION ****** /
.list-collapse.list-notification .list-header::before { display: none; }
.list-collapse ul li > div { transition: all .12s linear 0s; overflow: hidden; }

/*	------------------ [Content - Horizontal List] ------------------ * /
.listing .list-horizontal ul li { float: left; min-height: 1px; }



/*	------------------------------------------------------------
	[COLLAPSE]
	------------------------------------------------------------ */
.collapse-container { margin-bottom: 1rem; }

.collapse-container .card { overflow: hidden; }
.collapse-container:not(.single) .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.collapse-container:not(.single) .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; }
.collapse-container:not(.single) .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; }

.collapse-container .card-header { margin-bottom:-1px; padding: 0; }
.collapse-container .card-header h4 { margin-bottom: 0; }
.collapse-container .card-header h4 a { display: block; padding: .75rem 1.25rem; position: relative; font-size: 1rem; font-weight: 400; cursor: pointer; }
.collapse-container .card-header h4 a::before { position: absolute; top: .8125rem; right: .875rem; font-family: "icon-mode3"; font-size: 15px; }

.collapse-container.collapse-text-dark .card-header h4 a,
.collapse-container.collapse-text-dark .card-header h4 a:hover { color: #333; }
.collapse-container.collapse-text-dark .card-header h4 small { color: rgba(0,0,0,.6); }

.collapse-container.collapse-text-light .card-header h4 a,
.collapse-container.collapse-text-light .card-header h4 a:hover { color: #fff; }
.collapse-container.collapse-text-light .card-header h4 small { color: rgba(255,255,255,.6); }

.collapse-container .card-body { background-color: #fff; }
.collapse-container .bg-lightgray .card-body,
.collapse-container .bg-white .card-body { border-top: 1px solid rgba(0, 0, 0, 0.125); }
/*	------------------ [Type] ------------------ */
.collapse-container.handle-add-rect .card-header h4 a::before { content: "\e921"; }
.collapse-container.handle-add-rect .card-header h4 a[aria-expanded="true"]::before { content: "\e922"; }
.collapse-container.handle-add-rectoutline .card-header h4 a::before { content: "\e91b"; }
.collapse-container.handle-add-rectoutline .card-header h4 a[aria-expanded="true"]::before { content: "\e91c"; }
.collapse-container.handle-angle .card-header h4 a::before { content: "\e911"; }
.collapse-container.handle-angle .card-header h4 a[aria-expanded="true"]::before { content: "\e910"; }
.collapse-container.handle-angle-circle .card-header h4 a::before { content: "\e92c"; }
.collapse-container.handle-angle-circle .card-header h4 a[aria-expanded="true"]::before { content: "\e92b"; }
.collapse-container.handle-angle-circleoutline .card-header h4 a::before { content: "\e927"; }
.collapse-container.handle-angle-circleoutline .card-header h4 a[aria-expanded="true"]::before { content: "\e926"; }



/*	------------------------------------------------------------
	[ACCORDION]
	------------------------------------------------------------ */
.accordion-button { line-height: 1.5; }
.accordion-button:not(.collapsed) { background-color: #fff; color: #212529; box-shadow: none; }
.accordion-button[aria-expanded="true"] { font-weight: 700; }






/*	------------------------------------------------------------
	[MASONRY LAYOUT]
 * Masonry PACKAGED v4.2.2
 * Cascading grid layout library
 * https://masonry.desandro.com
 * MIT License
 * by David DeSandro

 * Bridget makes jQuery widgets
 * v2.0.1
 * MIT license
	------------------------------------------------------------ */
.masonry-grid { margin-top:-5px; margin-right: auto; margin-left: auto; }
.masonry-grid .grid-item { width: 315px; min-height: 1px; margin: 5px; }



/*	------------------------------------------------------------
	[PIE CHART]
	------------------------------------------------------------ */
/*	--------------- Pie Chart --------------- */
.pie-wrapper { width: 1em; height: 1em; margin: 0 auto; position: relative; font-size: 15rem; } /* 1em : 14px border 1.4px */
.pie-wrapper .label { line-height: 2.6em; display: block; position: absolute; top: .52em; right: .4em; bottom: .4em; left: .4em; color: #fff; font-size: .25em; text-align: center; cursor: default; z-index: 2; }
.pie-wrapper .data-percentage { padding-left: 1.25rem; font-size: 4.25rem; }
.pie-wrapper .data-unit { margin-left: -.625rem; position: relative; top:-5px; color: rgba(255,255,255,.5); font-size: 1.75rem; vertical-align: baseline; }
.pie-wrapper .data-unit i { font-size: 1.875rem; }
.pie-wrapper .data-label { width: 100%; line-height: 1; margin-top: 1.875rem; padding: 0 1.25rem; position: absolute; top: 50%; left: 0; color: #fff; font-size: .875rem; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.pie-wrapper .pie { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.pie-wrapper .half-circle { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-color: #fff; clip: rect(0em, 0.5em, 1em, 0em); }
.pie-wrapper .shadow { width: 100%; height: 100%; border-color: rgba(255,255,255,.3); }
.pie-wrapper .half-circle,
.pie-wrapper .shadow { border-width: .03em; border-style: solid; border-radius: 50%; }
/*	--------- [Responsive] --------- */
@media (min-width: 576px) {
	.pie-wrapper .data-label { margin-top: 1.875rem; font-size: .875rem; }
}
@media (min-width: 768px) {
	.pie-wrapper { font-size: 10.6rem; }
	.pie-wrapper .data-percentage { font-size: 3rem; }
	.pie-wrapper .data-label { margin-top: 1.25rem; font-size: .8125rem; }
}
@media (min-width: 992px) {
	.pie-wrapper { font-size: 15rem; }
	.pie-wrapper .data-percentage { font-size: 4.25rem; }
	.pie-wrapper .data-label { margin-top: 1.875rem; font-size: .875rem; }
}

.pie-wrapper .data-percent1,.pie-wrapper .data-percent2,.pie-wrapper .data-percent3,.pie-wrapper .data-percent4,.pie-wrapper .data-percent5,.pie-wrapper .data-percent6,.pie-wrapper .data-percent7,.pie-wrapper .data-percent8,.pie-wrapper .data-percent9,.pie-wrapper .data-percent10,.pie-wrapper .data-percent11,.pie-wrapper .data-percent12,.pie-wrapper .data-percent13,.pie-wrapper .data-percent14,.pie-wrapper .data-percent15,.pie-wrapper .data-percent16,.pie-wrapper .data-percent17,.pie-wrapper .data-percent18,.pie-wrapper .data-percent19,.pie-wrapper .data-percent20,.pie-wrapper .data-percent21,.pie-wrapper .data-percent22,.pie-wrapper .data-percent23,.pie-wrapper .data-percent24,.pie-wrapper .data-percent25,.pie-wrapper .data-percent26,.pie-wrapper .data-percent27,.pie-wrapper .data-percent28,.pie-wrapper .data-percent29,.pie-wrapper .data-percent30,.pie-wrapper .data-percent31,.pie-wrapper .data-percent32,.pie-wrapper .data-percent33,.pie-wrapper .data-percent34,.pie-wrapper .data-percent35,.pie-wrapper .data-percent36,.pie-wrapper .data-percent37,.pie-wrapper .data-percent38,.pie-wrapper .data-percent39,.pie-wrapper .data-percent40,.pie-wrapper .data-percent41,.pie-wrapper .data-percent42,.pie-wrapper .data-percent43,.pie-wrapper .data-percent44,.pie-wrapper .data-percent45,.pie-wrapper .data-percent46,.pie-wrapper .data-percent47,.pie-wrapper .data-percent48,.pie-wrapper .data-percent49,.pie-wrapper .data-percent50 { clip: rect(0px, 1em, 1em, 0.5em); }

.pie-wrapper .data-percent51,.pie-wrapper .data-percent52,.pie-wrapper .data-percent53,.pie-wrapper .data-percent54,.pie-wrapper .data-percent55,.pie-wrapper .data-percent56,.pie-wrapper .data-percent57,.pie-wrapper .data-percent58,.pie-wrapper .data-percent59,.pie-wrapper .data-percent60,.pie-wrapper .data-percent61,.pie-wrapper .data-percent62,.pie-wrapper .data-percent63,.pie-wrapper .data-percent64,.pie-wrapper .data-percent65,.pie-wrapper .data-percent66,.pie-wrapper .data-percent67,.pie-wrapper .data-percent68,.pie-wrapper .data-percent69,.pie-wrapper .data-percent70,.pie-wrapper .data-percent71,.pie-wrapper .data-percent72,.pie-wrapper .data-percent73,.pie-wrapper .data-percent74,.pie-wrapper .data-percent75,.pie-wrapper .data-percent76,.pie-wrapper .data-percent77,.pie-wrapper .data-percent78,.pie-wrapper .data-percent79,.pie-wrapper .data-percent80,.pie-wrapper .data-percent81,.pie-wrapper .data-percent82,.pie-wrapper .data-percent83,.pie-wrapper .data-percent84,.pie-wrapper .data-percent85,.pie-wrapper .data-percent86,.pie-wrapper .data-percent87,.pie-wrapper .data-percent88,.pie-wrapper .data-percent89,.pie-wrapper .data-percent90,.pie-wrapper .data-percent91,.pie-wrapper .data-percent92,.pie-wrapper .data-percent93,.pie-wrapper .data-percent94,.pie-wrapper .data-percent95,.pie-wrapper .data-percent96,.pie-wrapper .data-percent97,.pie-wrapper .data-percent98,.pie-wrapper .data-percent99,.pie-wrapper .data-percent100 { clip: rect(auto, auto, auto, auto); }

.pie-wrapper .data-percent1 .right-side,.pie-wrapper .data-percent2 .right-side,.pie-wrapper .data-percent3 .right-side,.pie-wrapper .data-percent4 .right-side,.pie-wrapper .data-percent5 .right-side,.pie-wrapper .data-percent6 .right-side,.pie-wrapper .data-percent7 .right-side,.pie-wrapper .data-percent8 .right-side,.pie-wrapper .data-percent9 .right-side,.pie-wrapper .data-percent10 .right-side,.pie-wrapper .data-percent11 .right-side,.pie-wrapper .data-percent12 .right-side,.pie-wrapper .data-percent13 .right-side,.pie-wrapper .data-percent14 .right-side,.pie-wrapper .data-percent15 .right-side,.pie-wrapper .data-percent16 .right-side,.pie-wrapper .data-percent17 .right-side,.pie-wrapper .data-percent18 .right-side,.pie-wrapper .data-percent19 .right-side,.pie-wrapper .data-percent20 .right-side,.pie-wrapper .data-percent21 .right-side,.pie-wrapper .data-percent22 .right-side,.pie-wrapper .data-percent23 .right-side,.pie-wrapper .data-percent24 .right-side,.pie-wrapper .data-percent25 .right-side,.pie-wrapper .data-percent26 .right-side,.pie-wrapper .data-percent27 .right-side,.pie-wrapper .data-percent28 .right-side,.pie-wrapper .data-percent29 .right-side,.pie-wrapper .data-percent30 .right-side,.pie-wrapper .data-percent31 .right-side,.pie-wrapper .data-percent32 .right-side,.pie-wrapper .data-percent33 .right-side,.pie-wrapper .data-percent34 .right-side,.pie-wrapper .data-percent35 .right-side,.pie-wrapper .data-percent36 .right-side,.pie-wrapper .data-percent37 .right-side,.pie-wrapper .data-percent38 .right-side,.pie-wrapper .data-percent39 .right-side,.pie-wrapper .data-percent40 .right-side,.pie-wrapper .data-percent41 .right-side,.pie-wrapper .data-percent42 .right-side,.pie-wrapper .data-percent43 .right-side,.pie-wrapper .data-percent44 .right-side,.pie-wrapper .data-percent45 .right-side,.pie-wrapper .data-percent46 .right-side,.pie-wrapper .data-percent47 .right-side,.pie-wrapper .data-percent48 .right-side,.pie-wrapper .data-percent49 .right-side,.pie-wrapper .data-percent50 .right-side { transform: rotate(0deg); }

.pie-wrapper .data-percent51 .right-side,.pie-wrapper .data-percent52 .right-side,.pie-wrapper .data-percent53 .right-side,.pie-wrapper .data-percent54 .right-side,.pie-wrapper .data-percent55 .right-side,.pie-wrapper .data-percent56 .right-side,.pie-wrapper .data-percent57 .right-side,.pie-wrapper .data-percent58 .right-side,.pie-wrapper .data-percent59 .right-side,.pie-wrapper .data-percent60 .right-side,.pie-wrapper .data-percent61 .right-side,.pie-wrapper .data-percent62 .right-side,.pie-wrapper .data-percent63 .right-side,.pie-wrapper .data-percent64 .right-side,.pie-wrapper .data-percent65 .right-side,.pie-wrapper .data-percent66 .right-side,.pie-wrapper .data-percent67 .right-side,.pie-wrapper .data-percent68 .right-side,.pie-wrapper .data-percent69 .right-side,.pie-wrapper .data-percent70 .right-side,.pie-wrapper .data-percent71 .right-side,.pie-wrapper .data-percent72 .right-side,.pie-wrapper .data-percent73 .right-side,.pie-wrapper .data-percent74 .right-side,.pie-wrapper .data-percent75 .right-side,.pie-wrapper .data-percent76 .right-side,.pie-wrapper .data-percent77 .right-side,.pie-wrapper .data-percent78 .right-side,.pie-wrapper .data-percent79 .right-side,.pie-wrapper .data-percent80 .right-side,.pie-wrapper .data-percent81 .right-side,.pie-wrapper .data-percent82 .right-side,.pie-wrapper .data-percent83 .right-side,.pie-wrapper .data-percent84 .right-side,.pie-wrapper .data-percent85 .right-side,.pie-wrapper .data-percent86 .right-side,.pie-wrapper .data-percent87 .right-side,.pie-wrapper .data-percent88 .right-side,.pie-wrapper .data-percent89 .right-side,.pie-wrapper .data-percent90 .right-side,.pie-wrapper .data-percent91 .right-side,.pie-wrapper .data-percent92 .right-side,.pie-wrapper .data-percent93 .right-side,.pie-wrapper .data-percent94 .right-side,.pie-wrapper .data-percent95 .right-side,.pie-wrapper .data-percent96 .right-side,.pie-wrapper .data-percent97 .right-side,.pie-wrapper .data-percent98 .right-side,.pie-wrapper .data-percent99 .right-side,.pie-wrapper .data-percent100 .right-side { transform: rotate(180deg); }

.pie-wrapper .data-percent25 .left-side { -weblit-animation: rotate25 1.8s linear forwards; animation: rotate25 1.8s linear forwards; }
.pie-wrapper .data-percent30 .left-side { -weblit-animation: rotate30 1.8s linear forwards; animation: rotate30 1.8s linear forwards; }
.pie-wrapper .data-percent45 .left-side { -weblit-animation: rotate45 1.8s linear forwards; animation: rotate45 1.8s linear forwards; }
.pie-wrapper .data-percent50 .left-side { -weblit-animation: rotate50 1.8s linear forwards; animation: rotate50 1.8s linear forwards; }
.pie-wrapper .data-percent51 .left-side { -weblit-animation: rotate51 1.8s linear forwards; animation: rotate51 1.8s linear forwards; }
.pie-wrapper .data-percent75 .left-side { -weblit-animation: rotate75 1.8s linear forwards; animation: rotate75 1.8s linear forwards; }
.pie-wrapper .data-percent88 .left-side { -weblit-animation: rotate88 1.8s linear forwards; animation: rotate88 1.8s linear forwards; }
.pie-wrapper .data-percent90 .left-side { -weblit-animation: rotate90 1.8s linear forwards; animation: rotate90 1.8s linear forwards; }
.pie-wrapper .data-percent99 .left-side { -weblit-animation: rotate99 1.8s linear forwards; animation: rotate99 1.8s linear forwards; }
.pie-wrapper .data-percent100 .left-side { -weblit-animation: rotate100 1.8s linear forwards; animation: rotate100 1.8s linear forwards; }

@-webkit-keyframes rotate01 {
	  0% { transform: rotate(0deg); }
	100% { transform: rotate(3.6deg); }
}	
@keyframes rotate01 {
	  0% { transform: rotate(0deg); }
	100% { transform: rotate(3.6deg); }
}
@-webkit-keyframes rotate25 {
	  0% { transform: rotate(0deg); }
	100% { transform: rotate(90deg); }
}
@keyframes rotate25 {
	  0% { transform: rotate(0deg); }
	100% { transform: rotate(90deg); }
}
@-webkit-keyframes rotate30 {
	  0% { transform: rotate(0deg); }
	100% { transform: rotate(108deg); }
}
@keyframes rotate30 {
	  0% { transform: rotate(0deg); }
	100% { transform: rotate(108deg); }
}
@-webkit-keyframes rotate45 {
	  0% { transform: rotate(0deg); }
	100% { transform: rotate(162deg); }
}
@keyframes rotate45 {
	  0% { transform: rotate(0deg); }
	100% { transform: rotate(162deg); }
}
@-webkit-keyframes rotate50 {
	  0% { transform: rotate(0deg); }
	100% { transform: rotate(180deg); }
}
@keyframes rotate50 {
	  0% { transform: rotate(0deg); }
	100% { transform: rotate(180deg); }
}
@-webkit-keyframes rotate51 {	 
	  0% { transform: rotate(180deg); }
	100% { transform: rotate(183.6deg); }
}
@keyframes rotate51 {	 
	  0% { transform: rotate(180deg); }
	100% { transform: rotate(183.6deg); }
}
@-webkit-keyframes rotate75 {
	  0% { transform: rotate(180deg); }
	100% { transform: rotate(247.5deg); }
}
@keyframes rotate75 {
	  0% { transform: rotate(180deg); }
	100% { transform: rotate(247.5deg); }
}
@-webkit-keyframes rotate88 {
	  0% { transform: rotate(180deg); }
	100% { transform: rotate(316.8deg); }
}
@keyframes rotate88 {
	  0% { transform: rotate(180deg); }
	100% { transform: rotate(316.8deg); }
}
@-webkit-keyframes rotate90 {
	  0% { transform: rotate(180deg); }
	100% { transform: rotate(324deg); }
}
@keyframes rotate90 {
	  0% { transform: rotate(180deg); }
	100% { transform: rotate(324deg); }
}
@-webkit-keyframes rotate99 {
	  0% { transform: rotate(180deg); }
	100% { transform: rotate(356.4deg); }
}
@keyframes rotate99 {
	  0% { transform: rotate(180deg); }
	100% { transform: rotate(356.4deg); }
}
@-webkit-keyframes rotate100 {
	  0% { transform: rotate(180deg); }
	100% { transform: rotate(360deg); }
}
@keyframes rotate100 {
	  0% { transform: rotate(180deg); }
	100% { transform: rotate(360deg); }
}



/*	------------------------------------------------------------
	[DATA COUNT UP]
	------------------------------------------------------------ */
.countup-container { padding-left: 7rem; display: flex; align-items: flex-start; position: relative; }
.countup-container .countup-icon-group { width: 3.125rem; height: 100%; display: block; text-align: left; vertical-align: middle; }
.countup-container .countup-icon-group i { font-size: 30px; color: #14c6d6; }
.countup-container .countup-body { flex: 1; }
.countup-container .countup-body h5 { width: 100%; line-height: 1; margin: 0; padding: 0; display: block; }
.countup-container .countup-body h5 .counter, .countup-container .countup-body h5 .unit { color: #2f3640; font-size: 1.75rem; font-weight: 700; }
.countup-container .countup-body p.label { width: 100%; margin: 0; padding: 0; display: block; color: rgba(0,0,0,.5); font-size: .8125rem; font-weight: 500; }

/*	--------- [Responsive] --------- */
@media (min-width: 425px) {
	.statistic-section .row { margin-left: 1.5rem; }
}
@media (min-width: 576px) {
	.statistic-section .row { margin-left: 4.375rem; }
	.countup-container .countup-body p.lead { font-size: .875rem; }
}
@media (min-width: 768px) {
	.statistic-section .row { margin-left: 1.5625rem; }	
}
@media (min-width: 992px) {
	.statistic-section .row { margin-left: 3.125rem; }
}



/*	------------------------------------------------------------
	[CLIENTS]
	------------------------------------------------------------ */
.clients-container figure { position: relative; margin: auto; text-align: center; }
.clients-container figure img { width: 100%; opacity: 0.7; }
.clients-container figure img:hover { opacity: 1; }


/*	------------------ [Compare Section] ------------------ */
.compare-section .block-group { text-align: center; }
.compare-section .block-group .block-item-compare { padding: 0; background-color: #fff; border: 1px solid #dcdde1; box-shadow: 1px 1px 3px 0px rgba(0,0,0,.035); }
.compare-section .block-group .block-img { width: 100%; }
.compare-section .block-group .block-img img { width: 100%; height: 100%; display: block; }
.compare-section .block-group .block-zoom { position: relative; overflow: hidden; }
.compare-section .block-group .block-zoom img { transition: all 0.3s; }
.compare-section .block-group .block-zoom:hover img { transform: scale(1.1); }
.compare-section .block-group .block-zoom:hover .block-overlay { opacity: 1; }
.compare-section .block-group .block-zoom .block-overlay { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.6); opacity: 0; visibility: none; transition: all .25s ease-out; z-index: 1; }
.compare-section .block-group .block-zoom .block-overlay .block-content { width: 100%; margin-top:-44px; position: absolute; top: 50%; text-align: center; }
.compare-section .block-group .block-zoom .block-overlay h4 { color: #fff; font-size: 18px; }
.compare-section .block-group .block-zoom .block-overlay i { color: #fff; font-size: 30px; }
.compare-section .block-group .block-para { padding: 15px; }
.compare-section .block-group h4 { margin: 15px 0; padding: 0; font-size: 18px; font-weight: 300; }
.compare-section .block-group p.lead { margin: 0; text-align: left; }
/*	--------- [Responsive] --------- */
@media (min-width: 576px) {
	.compare-section .block-group:nth-child(1) { padding-left: 20px; padding-right: 20px; }
	.compare-section .block-group:nth-child(2) { padding-left: 10px; padding-right: 10px; }
}
@media (min-width: 768px) {
	.compare-section .block-group:nth-child(1) { padding-left: 40px; padding-right: 20px; }
	.compare-section .block-group:nth-child(2) { padding-left: 20px; padding-right: 40px; }
}
@media (min-width: 992px) {
	.compare-section .block-group:nth-child(1) { padding-left: 110px; padding-right: 50px; }
	.compare-section .block-group:nth-child(2) { padding-left: 50px; padding-right: 110px; }
}
@media (min-width: 1200px) {
	.compare-section .block-group:nth-child(1) { padding-left: 200px; padding-right: 50px; }
	.compare-section .block-group:nth-child(2) { padding-left: 50px; padding-right: 200px; }
}

/*	------------------ [Pricing Section] ------------------ */
.pricing-section .block-group .block-item-price { background-color: #fff; border: 0px solid #dcdde1; border-radius: 10px; overflow: hidden; }
.pricing-section .block-group .block-item-price .block-header { padding: 40px 0; background-color: #14c6d6; border-bottom: 1px solid #dcdde1; text-align: center; }
.pricing-section .block-group .block-item-price .block-header .title { color: #fff; font-size: 16px; font-weight: 500; }
.pricing-section .block-group .block-item-price .block-header .price { line-height: 0.5; color: #fff; font-size: 50px; }
.pricing-section .block-group .block-item-price .block-header .title + .price { margin-top: 20px; margin-bottom: 13px; }
.pricing-section .block-group .block-item-price .block-header .currency { color: #fff; font-size: 16px; font-weight: 500; }
.pricing-section .block-group .block-item-price .block-header .currency:not(.kw) { vertical-align: top; }
.pricing-section .block-group .block-item-price .block-header .period { color: #fff; font-size: 16px; }
.pricing-section .block-group .block-item-price .block-content { padding: 40px 40px 0; text-align: center; }
.pricing-section .block-group .block-item-price .block-content ul { margin: 0 auto; }
.pricing-section .block-group .block-item-price .block-content ul li { padding: 10px 0; color: #2f3640; font-size: 16px; }
.pricing-section .block-group .block-item-price .block-content ul li span { display: block; color: #a4b0be; font-size: 13px; }
.pricing-section .block-group .block-item-price .block-footer { padding: 40px; text-align: center; }
.pricing-section .block-group .block-item-price .block-footer a { min-width: 160px; font-size: 16px; }
/*	--------- [Responsive] --------- */
@media (min-width: 768px) {
	.pricing-section .block-group .block-item-price .block-footer a { min-width: 120px; }
}
@media (min-width: 992px) {
	.pricing-section .block-group .block-item-price .block-footer a { min-width: 160px; }
}

/*	------------------ [Process Section] ------------------ */
.process-section .tab-group {}
.process-section .tab-group .tab-header {}
.process-section .tab-group .tab-content {}
.process-section .tab-group .tab-header ul { text-align: center; border-bottom: 0px solid #dcdde1; }
.process-section .tab-group .tab-header ul::before { display: none; }
.process-section .tab-group .tab-header li { float: none; display: block; }
.process-section .tab-group .tab-header li a { margin-right: 0; padding: 10px 0.3rem; background-color: transparent; border: none; color: #2f3640; transition: all 300ms ease-in-out; }
.process-section .tab-group .tab-header li a i { display: block; position: relative; left: 4px; color: #c7ced7; font-size: 34px; transition: all 300ms ease-in-out; }
.process-section .tab-group .tab-header li a.active i,
.process-section .tab-group .tab-header li a:hover i { color: #14c6d6; }
.process-section .tab-group .tab-header li a i:after { content: ""; width: 8px; height: 8px; display: none; position: relative; top: 29px; right: 16px; background-color: #c7ced7; border-radius: 50%; }
.process-section .tab-group .tab-header li a.active i:after,
.process-section .tab-group .tab-header li a:hover i:after { background-color: #14c6d6; transition: all 300ms ease-in-out; }
.process-section .tab-group .tab-header li a span { margin-top: 10px; margin-bottom: 25px; display: block; color: #2f3640; font-size: 18px; font-weight: 400; }
.process-section .tab-group .tab-header li:last-child a span { margin-bottom: 0; }
.process-section .tab-group .tab-content .tab-item { padding-top: 100px; }
.process-section .tab-group .tab-content .tab-item h4 { /* margin-top: 50px; */ }
/*	--------- [Responsive] --------- */
@media (min-width: 576px) {
	.process-section .tab-group .tab-header ul::before { content: ""; width: 100%; height: 1px; display: block; position: relative; top: 58px; background-color: #d2d9e2; }
	.process-section .tab-group .tab-header li { display: inline-block; }
	.process-section .tab-group .tab-header li a { padding: 10px 15px; }
	.process-section .tab-group .tab-header li a i { font-size: 24px; }
	.process-section .tab-group .tab-header li a i:after { display: inline-block; }
	.process-section .tab-group .tab-header li a span { margin-top: 45px; margin-bottom: 0; font-size: 14px; font-weight: 600; }
}
@media (min-width: 768px) {
	.process-section .tab-group .tab-header li a { padding: 10px 35px; text-decoration: none !important; }
}

/*	------------------ [Statistic Section] ------------------ */
.statistic-section.section-container .section-content { padding: 30px 0; }
.statistic-section .block-group { text-align: center; }
.statistic-section .block-group .block-item-counter { padding-left: 50px; position: relative; text-align: left; }
.statistic-section .block-group .block-icon { width: 50px; height: 100%; padding-top: 7px; display: block; position: absolute; top: 0; left: 0; bottom: 0; text-align: left; vertical-align: middle; }
.statistic-section .block-group .block-icon i { font-size: 34px; color: #d686d9; }
.statistic-section .block-group h4 { width: 100%; line-height: 1; margin: 0; padding: 0; display: block; }
.statistic-section .block-group h4 .counter { color: #fff; font-size: 28px; font-weight: 700; }
.statistic-section .block-group h4 .unit { color: #fff; font-size: 28px; font-weight: 700; }
.statistic-section .block-group p.lead { width: 100%; margin: 0; padding: 0; display: block; color: rgba(255,255,255,0.5); font-size: 13px; font-weight: 500; }
/*	--------- [Responsive] --------- */
@media (min-width: 425px) {
	.statistic-section .row { margin-left: 1.5rem; }
}
@media (min-width: 576px) {
	.statistic-section .row { margin-left: 70px; }
	.statistic-section .block-group p.lead { font-size: 14px; }
}
@media (min-width: 768px) {
	.statistic-section .row { margin-left: 25px; }	
}
@media (min-width: 992px) {
	.statistic-section .row { margin-left: 50px; }
}

/*	------------------ [Quotation Section] ------------------ */
.quote-section.section-container .section-content { padding: 30px 0; }
.quote-section .swiper-slide { background-color: transparent; }
.quote-section .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: rgba(255,255,255,.8); }
.quote-section .swiper-pagination.swiper-pagination-bullets { bottom: 0px; }

.quote-section .block-group .block-item-quote {}
.quote-section .block-group .block-img { width: 150px; height: 150px; margin: 0 auto; padding: 0; display: block; border: 4px solid rgba(0,0,0,.5); border-radius: 100%; overflow: hidden; }
.quote-section .block-group .block-img img { width: 100%; height: 100%; margin: 0; padding: 0; display: block; border-radius: 50px; }
.quote-section .block-group .block-para { padding: 0 20px; }
.quote-section .block-group .block-img + .block-para { margin-top: 50px; }
.quote-section .block-group .block-para + .block-img { margin-top: 50px; }
.quote-section .block-group p.lead { margin: 30px 0; color: #1a5969; font-size: 16px; font-weight: 400; text-align: left; }
.quote-section .block-group h4 { margin: 10px 0; color: #1a5969; font-size: 20px; font-weight: 700; }
.quote-section .block-group h5 { margin: 10px 0; color: rgba(0,0,0,.4); font-size: 16px; font-weight: 600; }
.quote-section .block-group .img { width: 140px; height: 140px; margin: 50px auto 0; padding: 0; display: block; background-color: #1a5969; border: 2px solid #1a5969; border-radius: 100%; overflow: hidden; }
.quote-section .block-group .img img { width: 100%; height: 100%; margin: 0; padding: 0; display: block; border-radius: 50px; }

.quote-section .mark-doublequotes-open,
.quote-section .mark-doublequotes-close { position: absolute; }
.quote-section .mark-doublequotes-open { top: 80px; left: 15%; }
.quote-section .mark-doublequotes-close { bottom: 80px; right: 15%; }
.quote-section .mark-doublequotes-open::before,
.quote-section .mark-doublequotes-close::before { margin-left:-30px; color: rgba(255,255,255,.3); font-size: 150px; }
/*	--------- [Responsive] --------- */
@media (min-width: 576px) {
	.quote-section .block-group .block-para { padding: 0 50px; }	
	.quote-section .mark-doublequotes-open { top: 120px; }
	.quote-section .mark-doublequotes-close { bottom: 120px; }
	.quote-section .mark-doublequotes-open::before,
	.quote-section .mark-doublequotes-close::before { font-size: 200px; }
}
@media (min-width: 768px) {
	.quote-section .block-group .block-para { padding: 0 100px; }
}

/*	------------------ [Graph Section] ------------------ */
.graph-section .block-group .block-item-graph { position: relative; margin: auto; }



/*	------------------ [Contact Section] ------------------ */
.contact-section .section-header { margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; }

/* TYPE1
.contact-section .block-group { margin: 0 !important; }
.contact-section .block-group-info { padding: 0; z-index: 100; }
.contact-section .block-group-info .block-item-info { margin: 0; padding: 40px 30px 20px; background-color: rgba(255,255,255,0.9); overflow: hidden; }
.contact-section .block-group-info .block-item-contact { padding: 40px 30px; background-color: rgba(0,0,0,.9); }
.contact-section .block-group-info .block-item-info div { margin-bottom: 20px; }
.contact-section .block-group-info .block-item-info div strong { color: #2f3640; font-size: 13px; }
.contact-section .block-group-info .block-item-info div p { margin: 0; color: #a4b0be; font-size: 13px; }
.contact-section .block-group-info .block-item-contact h5 { color: rgba(255,255,255,.5); font-weight: 400; }
.contact-section .block-group .block-item-map { height: 550px; margin: 0; z-index: 99; }
/*	--------- Responsive --------- * /
@media (max-width: 575px) {
	.contact-section .block-group-info { transform: none !important; }
	.contact-section .block-group-info .block-item-info { width: 90%; width: calc(100% - 40px); position: absolute; top: 200px; left: 20px; z-index: 101; }
	.contact-section .form-group .btn:not(.btn-icon) {min-width: 100%; }
}
@media (min-width: 576px) {
	.contact-section .block-group-info { width: 90%; width: calc(100% - 40px); height: 390px; position: absolute; bottom: 30px; left: 20px; }
	.contact-section .block-group-info .block-item-info { float: left; width: 50%; height: 100%; padding: 50px 30px 0; }
	.contact-section .block-group-info .block-item-contact { float: left; width: 50%; height: 100%; padding: 50px 30px 0; }
	.contact-section .block-group .block-item-map { height: 700px; }
}
@media (min-width: 768px) {
	.contact-section .block-group-info .block-item-info { width: 60%; }
	.contact-section .block-group-info .block-item-contact { width: 40%; }
}
@media (min-width: 992px) {
	.contact-section .block-group-info { width: auto; margin-left:-423.82px !important; left: 50%; }
	.contact-section .block-group-info .block-item-info { width: auto; padding: 50px 80px 0; }
	.contact-section .block-group-info .block-item-contact { width: 350px; padding: 50px 60px 0; }
}
*/


/*	------------------ [Elements] ------------------ */
/*	--------------- Quotes Mark --------------- */
.mark-doublequotes-open::before,
.mark-doublequotes-close::before,
.mark-quotes-open::before,
.mark-quotes-close::before { line-height: 1; margin-left:-41px; position: absolute; top:-0.2em; left: 50%; color: rgba(255,255,255,.6); font-size: 200px; font-family:'Georgia', serif; }
.mark-doublequotes-open::before { content: "\201C"; }
.mark-doublequotes-close::before { content: "\201D"; }
.mark-quotes-open::before { content: "\275B"; }
.mark-quotes-close::before { content: "\275C"; }



/*	------------------------------------------------------------
	[TAB]
	------------------------------------------------------------ */
.tab-container { margin: .5rem 0; }
.tab-container .nav-tabs .nav-link { position: relative; color: #8e9aa9; font-size: .875rem; }
.tab-container .nav-tabs .nav-link.disabled { color: #bdc3c7; }
.tab-container .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #212529 !important; z-index: 1; }
.tab-container .tab-content { padding: 1rem; background-color: #fff; font-size: .875rem; }

.nav-tabs.nav-angulate .nav-link { border-radius: 0; }
.nav-tabs.nav-separator .nav-item:first-child .nav-link::before,
.nav-tabs.nav-separator .nav-link.active::before { display: none; }
.nav-tabs.nav-separator .nav-link::before { content: ""; width: 1px; height: 1rem; margin-top: -.5rem; position: absolute; top: 50%; left: -.125rem; background-color: rgba(0,0,0,.15); z-index: 0; }
.nav-tabs.nav-separator .nav-link:not(.active),
.nav-tabs.nav-separator .nav-item:not(.show) .nav-link:not(.active) { border-left: none; }

.tab-content.tab-content-outline { border: 1px solid #dee2e6; border-top: none; }

/*	------------------ [Type] ------------------ */
.nav-tabs.item-gray .nav-link:not(.active),
.nav-tabs.item-gray .nav-item:not(.show) .nav-link:not(.active) { background-color: #e8ebf0; border-left-color: #dee2e6; border-bottom-color: #dee2e6; }
.nav-tabs.item-gray .nav-link.active, .nav-tabs.item-gray .nav-item.show .nav-link { border-right-color: transparent; }

.nav-tabs.nav-underbar.nav-tabs { border-bottom: .25rem solid #14c6d6; }
.nav-tabs.nav-underbar.nav-tabs .nav-link.active,
.nav-tabs.nav-underbar.nav-tabs .nav-item.show .nav-link { background-color: #14c6d6; border-color: #14c6d6; color: #fff !important; }
.nav-tabs.nav-underbar.nav-tabs .nav-link:hover, .nav-tabs.nav-underbar .nav-link:focus { border-color: transparent; }
.nav-tabs.nav-underbar.nav-tabs .nav-link:not(.active),
.nav-tabs.nav-underbar.nav-tabs .nav-item:not(.show) .nav-link:not(.active) { border-bottom: none; }

.nav-tabs.item-activebar.nav-tabs .nav-link.active::after,
.nav-tabs.item-activebar.nav-tabs .nav-item.show:not(.dropdown) .nav-link::after { content: ""; width: 100%; width: calc(100% + 2px); height: 3px; margin:-1px; position: absolute; top: 0; left: 0; background-color: #14c6d6; }
.nav-tabs.item-activebar.nav-tabs .nav-link.active,
.nav-tabs.item-activebar.nav-tabs .nav-item.show:not(.dropdown) .nav-link { border-right-color: #dee2e6 !important; border-left-color: #dee2e6 !important; }
.nav-tabs.item-activebar.nav-tabs .nav-link:hover, .nav-tabs.item-activebar .nav-link:focus { border-color: transparent; }

.nav-tabs.item-activebar-under .nav-link.active,
.nav-tabs.item-activebar-under .nav-item.show .nav-link,
.nav-tabs.item-activebar-under .nav-link:hover, .nav-tabs.item-activebar-under .nav-link:focus { background-color: transparent; border-bottom: 3px solid #14c6d6; color: #14c6d6 !important; }
.nav-tabs.item-activebar-under, .nav-tabs.item-activebar-under .nav-link { border: none; }

.nav-tabs.nav-outline.nav-tabs .nav-item .nav-link { background-color: #fff; border-color: #dee2e6; color: #8e9aa9; }
.nav-tabs.nav-outline.nav-tabs .nav-item:not(:first-child) .nav-link { border-left: none; }
.nav-tabs.nav-outline.nav-tabs .nav-link.active,
.nav-tabs.nav-outline.nav-tabs .nav-item.show .nav-link { background-color: #e8ebf0; border-color: #dee2e6; }
.nav-tabs.nav-outline.nav-tabs .nav-link:hover, .nav-nav-tabs-outline .nav-link:focus { background-color: #e8ebf0; border-color: #dee2e6; }



/*	------------------------------------------------------------
	[CONTEXT MENU]***
	------------------------------------------------------------ */
.context-menu-list { min-width: 160px; max-width: 360px; margin: 5px; padding: 2px 0; display: inline-block; position: absolute; background-color: #fff; border: 1px solid #bababa; border-radius: 0; box-shadow: 1px 1px 5px rgba(0,0,0,.1); list-style-type: none; white-space: pre; font-size: 13px; z-index: 1000 !important; }
.context-menu-item { line-height: 1.42857143; padding: 5px 20px 6px 37px; position: relative; background-color: #fff; color: #1b1e24; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.context-menu-item.context-menu-hover { background-color: #ebebeb; color: #1b1e24; cursor: pointer; }
.context-menu-item.context-menu-disabled,
.context-menu-item.context-menu-disabled.context-menu-hover { background-color: #fff; color: #bdc3c7; cursor: default; }
.context-menu-icon::before { width: 15px; height: 15px; line-height: 1; margin-top:-7.5px; position: absolute; top: 50%; left: 12px; font-family: "icon-mode3"; speak: none; color: #a5aaae; font-size: 15px; font-style: normal; font-weight: normal; font-variant: normal; text-rendering: auto; text-transform: none; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.context-menu-icon.context-menu-hover::before { color: #a5aaae; }
.context-menu-icon.context-menu-disabled::before { color: #bdc3c7; }
.context-menu-submenu .context-menu-item { padding: 5px 20px 6px; }
.context-menu-submenu::after { content: ""; width: 0; height: 0; margin-top:-4px; position: absolute; top: 50%; right: 8px; border-color: transparent transparent transparent #2f2f2f; border-style: solid; border-width: 4px 0 4px 4px; z-index: 1; }
.context-menu-item > .context-menu-list { display: none; top:-8px !important; right:-5px; }
.context-menu-item.context-menu-visible > .context-menu-list { display: block; }
.context-menu-separator { margin: 5px 0; padding: 0; border-bottom: 1px solid #e6e6e6 }

/*	--------- Dicon --------- */
.context-menu-icon-align::before { content: "\e93b"; }
.context-menu-icon-copy::before { content: "\e93e"; }
.context-menu-icon-cut::before { content: "\e947"; }
.context-menu-icon-edit::before { content: "\e940"; }
.context-menu-icon-bin::before { content: "\e90a"; color: #f63759; }
.context-menu-icon-bin.context-menu-hover::before { color: #f63759; }
.context-menu-icon-download::before { content: "\e917"; }
.context-menu-icon-folder-plus::before { content: "\e905"; }
.context-menu-icon-grid::before { content: "\e93a"; }
.context-menu-icon-open::before { content: "\e978"; }
.context-menu-icon-paste::before { content: "\e948"; }
.context-menu-icon-rotate::before { content: "\e90d"; }
.context-menu-icon-upload::before { content: "\e925"; }

/*
.form-block-footer { margin-top: 1rem; padding-top: 1rem; }
.form-block-footer::before { content: ""; width: 100%; height: 1px; margin-top:-1rem; background-color: rgba(0,0,0,.15); }
*/










/*	------------------------------------------------------------
	[FORM COMMON]
	------------------------------------------------------------ */
.form-group { margin-bottom: 1rem; position: relative; text-align: left; }
.form-label { margin-bottom: .25rem; padding-left: 2px; color: #2f3640; font-size: .875rem; font-weight: 500; }
.optional { color: var(--bs-gray-500); font-size: .75rem; font-weight: 400; }
.controls { position: relative; }
.form-text { font-size: .8125rem; font-weight: 400; }
/*.form-text-inline { display: inline-block; position: relative; color: #6c757d; font-size: .8125rem; font-weight: 400; }*/

/*	------------------ [Staus] ------------------ */
.form-control:focus, .form-select:focus { background-color: #fcfcfc; border-color: var(--bs-gray-400); box-shadow: none !important; }
.form-control[readonly], .form-select[readonly] { background-color: var(--bs-gray-100); color: rgba(47,54,64,.6); }
.form-control:disabled, .form-select:disabled { color: rgba(0,0,0,.25); }

/*	--------- error --------- */
.valid-feedback, .invalid-feedback, .valid-tooltip, .invalid-tooltip { position: relative; font-size: .8125rem; }

.was-validated .form-control:invalid, .form-control.is-invalid { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc3545' viewBox='0 0 16 16'><path d='M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5m.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2'/></svg>"); }
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { --bs-form-select-bg-icon: background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc3545' viewBox='0 0 16 16'><path d='M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5m.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2'/></svg>"); }


/*	------------------ [Style] ------------------ */
/*	--------- hidden label --------- */
.form-label-group-hide .form-label:not(.form-label-addon), .form-label-group-hide .optional,
.form-label-hide.form-group .form-label:not(.form-label-addon), .form-label-hide.form-group .optional { width: 1px; height: 1px; padding: 0; position: absolute; border: 0; clip: rect(0 0 0 0); white-space: nowrap; overflow: hidden; }

/*	--------- inline label --------- */
.form-label-group-inline .form-group, .form-label-inline.form-group { display: flex; flex-wrap: wrap; flex: 1 0 100%; margin-right: calc(1rem / -2); margin-left: calc(1rem / -2); }
.form-label-group-inline .form-label, .form-label-inline.form-group .form-label { width: 4.5rem; margin-bottom: 0; /*padding-right: calc(1rem / 2);*/ padding-left: calc(1rem / 2); display: flex; flex: 0 0 auto; align-items: center; }
.form-label-group-inline .optional, .form-label-inline.form-group .optional { width: 1px; height: 1px; padding: 0; position: absolute; border: 0; clip: rect(0 0 0 0); white-space: nowrap; overflow: hidden; }
.form-label-group-inline .controls, .form-label-inline.form-group .controls { width: calc(100% - 4.5rem); min-height: 1px; margin-top: 0; padding-right: calc(1rem / 2); padding-left: calc(1rem / 2); flex: 0 0 auto; }

/*	--------- inner label --------- */
.form-label-group-inner .form-label, .form-label-inner.form-group .form-label { height: 100%; margin: 0; display: flex; align-items: center; position: absolute; top: 0; left: .5rem; z-index: 10; }
.form-label-group-inner .form-label::after, .form-label-inner.form-group .form-label::after { content: ""; width: 1px; height: .75rem; margin-top: -.375rem; position: absolute; top: 50%; right:-.75rem; background-color: rgba(0,0,0,.125); }
.form-label-group-inner .optional, .form-label-inner.form-group .optional { width: 1px; height: 1px; padding: 0; position: absolute; border: 0; clip: rect(0 0 0 0); white-space: nowrap; overflow: hidden; }
.form-label-group-inner .form-control, .form-label-inner.form-group .form-control,
.form-label-group-inner .form-select, .form-label-inner.form-group .form-select { padding-left: 4.5rem; }

/*	--------- form floating --------- */
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after { background-color: transparent; }
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after { background-color: transparent; }

.form-floating-border > .form-control { background-color: #fff; border-radius: 0; border-top: 0; border-right: 0; border-left: 0; }
.form-floating-border > .form-control:focus,
.form-floating-border > .form-select:focus { background-color: #fff; }


/*	------------------------------------------------------------
	[INPUT]
	------------------------------------------------------------ */
.form-control { padding: .875rem .8125rem 1rem; position: relative; transition: background-color .2s ease-in-out, border-color .2s ease-in-out; }
.form-control::-webkit-input-placeholder { color: var(--bs-gray-500); }
.form-control::-moz-placeholder { color: var(--bs-gray-500); }
.form-control:-ms-input-placeholder { color: var(--bs-gray-500); }
.form-control::-ms-input-placeholder { color: var(--bs-gray-500); }
.form-control::placeholder { color: var(--bs-gray-500); }
.form-control-plaintext { padding: .875rem 0 1rem; }

/*	------------------ [Type] ------------------ */
/*	--------- text clear button --------- */
.form-btn-clear .form-control { padding-right: calc(1.5em + .75rem); }
.form-control-clear { margin-top:-7px; position: absolute; top: 50%; right: .8125rem; line-height: 15px; pointer-events: auto; cursor: pointer; z-index: 10; }

/*	--------- search --------- */
.form-control[type="search"]::-webkit-search-cancel-button { width: 1rem; height: 1rem; position: relative; top: 1px; right: -3px; -webkit-appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' fill='%23212529' viewBox='0 0 16 16'><path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/><path d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/></svg>"); background-size: 16px; background-position: center; background-repeat: no-repeat; cursor: pointer; }

/*	--------- number --------- */
.form-control[type="number"]::-webkit-outer-spin-button,
.form-control[type="number"]::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; }

/*	--------- Responsive --------- */
@media (min-width: 992px) {
	.form-control { padding: .375rem .75rem .5rem; }
	.form-control-plaintext { padding: .375rem 0 .5rem; }
}














/*	------------------------------------------------------------
	[SELECT]
	------------------------------------------------------------ */
.form-select { height: calc(1.5em + .8125rem + 2px); padding: .375rem 1.75rem 7px .5rem; position: relative; border-color: #d8dde3; font-size: .875rem; transition: background-color .2s ease-in-out, border-color .2s ease-in-out; }
.form-select[multiple] { padding-right: .5rem; }
/*.form-select::-ms-expand { display: none; background: transparent; border: 0; color: transparent; }
.form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }*/

/*	------------------ [Staus] ------------------ */
/*	--------- disabled --------- */
.form-select[readonly] { 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='%237d8289' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); }
.form-select:disabled { 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='%23bdc3c7' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); }
/*	 --- Valid / Invalid --- */
.form-select.is-invalid { 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='%23dc3545' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); }
.form-select.is-valid { 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='%2328a745' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); }



/*	------------------------------------------------------------
	[Bootstrap SELECT]

 * Bootstrap-select v1.13.14 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2020 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
	------------------------------------------------------------ */
.bootstrap-select > .dropdown-toggle { padding: .375rem .5rem 7px; background-color: #fff; border-color: #d8dde3; }
.bootstrap-select .dropdown-menu .dropdown-divider.optgroup-1div:first-child { display: none; }
.bootstrap-select > .dropdown-toggle:after { margin-top: 2px; transition: border-top-color .2s ease-in-out; }
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus { outline: none !important; }
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover { color: #2f3640; }
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select.show > .dropdown-toggle.bs-placeholder { background-color: #fcfcfc; border-color: #bdc3c7; color: #495057; }
.bootstrap-select .form-select[readonly] + .dropdown-toggle { background-color: #f2f4f7; color: rgba(47,54,64,.6); }
.bootstrap-select .form-select:disabled + .dropdown-toggle,
.bootstrap-select .dropdown-toggle.disabled { background-color: #e8ebf0; color: rgba(0,0,0,.25); opacity: 1; }

.has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle,
.bootstrap-select.is-invalid .dropdown-toggle, .was-validated .bootstrap-select select:invalid + .dropdown-toggle { border-color: #dc3545 !important; }
.bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select select:valid + .dropdown-toggle { border-color: #198754 !important; }
.has-error .bootstrap-select .dropdown-toggle:after, .error .bootstrap-select .dropdown-toggle:after,
.bootstrap-select.is-invalid > .dropdown-toggle:after, .was-validated .bootstrap-select select:invalid + .dropdown-toggle:after { border-top-color: #dc3545; }
.bootstrap-select.is-valid > .dropdown-toggle:after, .was-validated .bootstrap-select select:valid + .dropdown-toggle:after { border-top-color: #198754; }
.has-error .bootstrap-select.dropup .dropdown-toggle:after, .error .bootstrap-select.dropup .dropdown-toggle:after,
.bootstrap-select.dropup.is-invalid > .dropdown-toggle:after, .was-validated .bootstrap-select.dropup select:invalid + .dropdown-toggle:after { border-bottom-color: #dc3545; }
.bootstrap-select.dropup.is-valid > .dropdown-toggle:after, .was-validated .bootstrap-select.dropup select:valid + .dropdown-toggle:after { border-bottom-color: #198754; }

/*	------------------ [Migration] ------------------ */
.bootstrap-select:not([class*="col-"]):not([class*="form-select"]):not(.input-group-btn) { width: 220px; }
.bootstrap-select.form-select { height: auto; margin-bottom: 0; padding: 0; border: none; }
:not(.input-group) > .bootstrap-select.form-select:not([class*="col-"]) { width: 100%; }
.bootstrap-select.form-select.input-group-btn { float: none; z-index: auto; }
/*.form-inline .bootstrap-select.form-select:not([class*="col-"]) { width: auto; }*/
.form-group-sm .bootstrap-select.form-select, .form-group-lg .bootstrap-select.form-select { padding: 0; }
.form-group-sm .bootstrap-select.form-select .dropdown-toggle, .form-group-lg .bootstrap-select.form-select .dropdown-toggle { height: 100%; border-radius: inherit; font-size: inherit; line-height: inherit; }
.form-sm .bootstrap-select.form-select .dropdown-toggle, .form-lg .bootstrap-select.form-select .dropdown-toggle
.bootstrap-select.form-select-sm .dropdown-toggle, .bootstrap-select.form-select-lg .dropdown-toggle { border-radius: inherit; font-size: inherit; line-height: inherit; }
.form-sm .bootstrap-select.form-select .dropdown-toggle,
.bootstrap-select.form-select-sm .dropdown-toggle { padding: .25rem .5rem .3125rem; font-size: .8125rem; }
.form-lg .bootstrap-select.form-select .dropdown-toggle,
.bootstrap-select.form-select-lg .dropdown-toggle { padding: .5rem 1rem; font-size: 1rem; }
/*.form-inline .bootstrap-select .form-select { width: 100%; }*/
.input-group .bootstrap-select.form-select .dropdown-toggle { border-radius: inherit; }
.bs-searchbox .form-select { float: none; width: 100%; margin-bottom: 0; }



/*	------------------------------------------------------------
	[FILE BROWSER]
	------------------------------------------------------------ */
/*
.form-label-inner .form-control-file { padding-left: 4.375rem; }
.custom-file-label { height: inherit; margin-bottom: 0; padding: .5rem .5rem 7px; font-size: .875rem; }
.custom-file-input:focus ~ .custom-file-label { border-color: #bdc3c7; box-shadow: none !important; }
.custom-file, .custom-file-label::after { height: inherit; }
.was-validated .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; }

.controls-fileupload .control-group { width: 1%; / *height: calc(2.25rem + 2px);* / position: relative; display: flex; align-items: center; flex: 1 1 auto; }
.controls-fileupload .control-group .form-label { / *height: calc(2.25rem + 2px);* / padding: 7px 70px 7px 8px; position: absolute; top: 0; right: 0; left: 0; background-color: #fff; border: 1px solid #d8dde3; border-radius: 3px; border-top-left-radius: 0; border-bottom-left-radius: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; z-index: 1; }
.controls-fileupload .control-group .form-control-file { width: 100%; / *height: calc(2.25rem + 2px);* / margin: 0; opacity: 0; }
.controls-fileupload .control-group .form-label::after { content: "?�일 ?�택"; /*height: 2.25rem;* / line-height: 1.42857143; padding: 7px 8px 9px; display: block; position: absolute; top: 0; right: 0; bottom: 0; background-color: #d8dde3; border-left: 1px solid #d8dde3; color: #2f3640; font-size: 13px; z-index: 3; }

.form-invalid .controls-fileupload .control-group .form-label { border: 1px solid #f63759; }												
.form-invalid .controls-fileupload .control-group .form-label::after { background-color: #f63759; border: 1px solid #f63759; color: rgba(255,255,255,.9); }
.controls-fileupload .control-group .form-label-disabled { background-color: #e7eaee; color: rgba(0,0,0,.25); -webkit-text-fill-color: rgba(0,0,0,.25); cursor: default; }
*/


.form-control.form-file-input { padding: .1875rem .25rem .25rem .25rem; opacity: 1; }

.form-file-input { height: calc(1.5em + .8125rem + 2px); border-color: #d8dde3; font-size: .875rem; transition: background-color .2s ease-in-out, border-color .2s ease-in-out; }
.form-file-input:focus-within ~ .form-file-label { background-color: #fcfcfc; border-color: #bdc3c7; box-shadow: none; }
.form-file-label { height: calc(1.5em + .75rem); transition: background-color .2s ease-in-out, border-color .2s ease-in-out; }
.form-file-text, .form-file-button { padding: .375rem .5rem 7px; font-size: .875rem; }

/*
.input-group > .form-file { height: inherit; min-height: calc(1.5em + .8125rem + 2px); padding: 0; display: block; background-color: #fff; background-clip: padding-box; border: 1px solid #d8dde3; border-radius: .25rem; color: #495057; font-size: .875rem; font-weight: 400; line-height: 1.5; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: background-color .2s ease-in-out, border-color .2s ease-in-out; }
.input-group > .form-file .form-file-input { height: calc(1.5em + .8125rem); }
.input-group > .form-file .form-file-label { height: calc(1.5em + .8125rem); padding: .375rem .5rem 7px; }
*/

/*	------------------ [File Upload] ------------------ */
.file-upload-group { display: flex; flex: 1 0 100%; flex-wrap: wrap; margin-top: -.5rem; margin-right: -.25rem; margin-left: -.25rem; }
.file-upload-group .file-icon, .file-upload-group .file-info, .file-upload-group .file-text { width: auto; max-width: 100%; margin-top: 1rem; padding-right: .25rem; padding-left: .25rem; }
.file-upload-group .file-icon { flex: 0 0 auto; }
.file-upload-group .file-info { display: flex; flex: 1 1 auto; flex-direction: column; line-height: 1.3; }
.file-upload-group .file-text { flex: 0 0 auto; }
.file-upload-group .file-icon i { font-size: 30px; }
.file-upload-group .file-info .name { width: 9rem; color: #212529; font-size: 14px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.file-upload-group .file-info .size { color: #8e9aa9; font-size: 12px; }



/*	------------------------------------------------------------
	[TEXTAREA]
	------------------------------------------------------------ */
textarea.form-control.resize-disabled { resize: none; }
textarea.form-control.resize-disabled-horizontal { resize: horizontal; }
textarea.form-control.resize-disabled-vertical { resize: vertical; }



/*	------------------------------------------------------------
	[CHECKBOX & RADIO]
	------------------------------------------------------------ */
.form-check-label { padding: 1px 0 2px; font-size: .875rem; vertical-align: top; }
.form-check-input { background-color: #f0f2f3; border-color: #e1e2e4; }
.form-check-input[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 10 3 3 6-6'/%3e%3c/svg%3e"); }
.form-check-input:focus { border-color: rgba(0,0,0,.125); box-shadow: none; }










/*	------------------ [Style] ------------------ */
/*	--------- inline --------- */
.form-check-group-inline.form-group .form-check:not(.form-check-inline) { min-height: 2.25rem; margin-bottom: 0; margin-right: 1rem; padding-top: .375rem; padding-bottom: .375rem; display: inline-block; }
.form-check.form-check-inline { min-height: 2.25rem; margin-bottom: 0; margin-right: 1rem; padding-top: .375rem; padding-bottom: .375rem; }
.form-check-group-inline.form-label-check-group-inline .form-group .form-label, .form-check-group-inline.form-label-check-group-inline.form-group .form-label,
.form-label-check-block.form-group .form-label,
.form-label-check-inline.form-group .form-label { width: 100%; display: block; }

/*	--------- [Responsive] --------- */
@media (min-width: 576px) {
	.form-check-group-inline.form-label-check-group-inline .form-group .form-label,
	.form-check-group-inline.form-label-check-group-inline.form-group .form-label,
	.form-label-check-inline.form-group .form-label { width: auto; margin-right: 1rem; padding: 0; display: inline; position: relative; top:-2px; }
}

/*	 --- Valid / Invalid --- * /
.custom-control-input:focus ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: none; }
.was-validated .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
.was-validated .custom-control-input.is-valid:not(:disabled):active ~ .custom-control-label::before { background-color: #34ce57; border-color: #34ce57; }
.was-validated .custom-control-input.is-invalid:not(:disabled) ~ .custom-control-label::before { border-color: #dc3545; }
.was-validated .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
.was-validated .custom-control-input.is-invalid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input.is-invalid:not(:disabled):active ~ .custom-control-label::before { background-color: #e4606d; border-color: #e4606d; }
.was-validated .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; }
.was-validated .controls .valid-feedback, .was-validated .controls .valid-tooltip,
.was-validated .controls .invalid-feedback, .was-validated .controls .invalid-tooltip { display: block; }


/*	------------------ [Image Select Checkbox & Radio] ------------------ * /
.check-img-container .custom-control { margin-bottom: 1rem; padding-left: 0; }
.check-img-container .custom-control-label { border-width: .25rem; border-style: solid; border-color: #dfe4ea; transition: all .15s; }
.check-img-container .custom-control-label img { width: 10rem; }

.check-img-container .custom-control-label::before, .check-img-container .custom-control-label::after { width: 2rem !important; height: 2rem !important; left: 0; }
.check-img-container .custom-control-label::before { top: 0; border-color: #d8dde3; border-radius: 0; z-index: 1; }
.check-img-container .custom-control-label::after { top:-1px; z-index: 1; }

.check-img-container .custom-control-input:checked ~ .custom-control-label::before,
.check-img-container .custom-control-input:not(:disabled):active ~ .custom-control-label::before { background-color: #14c6d6; border-color: #14c6d6; }

.check-img-container .custom-control-input:checked + .custom-control-label { border-color: #14c6d6; }
.check-img-container .custom-control-input:disabled + .custom-control-label { border-color: #bdc3c7; }
.check-img-container .custom-control-input:disabled + .custom-control-label img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(../images/resources.svg#desaturate); filter: gray; -webkit-filter: grayscale(1); }

/*	--- Radio --- * /
.check-img-container .custom-radio .custom-control-label::before { border-radius: 50%; }
.check-img-container .custom-radio .custom-control-input ~ .custom-control-label::after { background-image: url("data: image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23e8ebf0' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.check-img-container .custom-radio .custom-control-label::before, .check-img-container .custom-radio .custom-control-label::after { top: 5px; left: 5px; }
/*	--- Right --- * /
.check-img-container.check-right .custom-control-label::before, .check-img-container.check-right .custom-control-label::after { right: 0; left: inherit; }
.check-img-container.check-right .custom-radio .custom-control-label::before, .check-img-container.check-right .custom-radio .custom-control-label::after { right: 5px; }
/*	--- Center --- * /
.check-img-container.check-center .custom-control-label::before, .check-img-container.check-center .custom-control-label::after { margin-top:-1rem; margin-left:-1rem; left: 50%; }
.check-img-container.check-center .custom-control-label::before { top: 50%; }
.check-img-container.check-center .custom-control-label::after { top: calc(50% + 1px); }

.check-list-container {}
.check-list-container .list-item { margin-right: .75rem; margin-bottom: 1rem; display: inline-block; }
.check-list-container .img { margin-left:-1.5rem; display: block; border-width: .25rem; border-style: solid; border-color: #dfe4ea; transition: all .15s; }
.check-list-container .img img { width: 10rem; }
.check-list-container .custom-control-input:checked + .custom-control-label + a.img { border-color: #14c6d6; }



/*	------------------------------------------------------------
	[SWITCH]
	------------------------------------------------------------ */
.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='%23bfbfbf'/%3e%3c/svg%3e"); }
.form-switch .form-check-input:checked: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='%23ffffff'/%3e%3c/svg%3e"); }

/*	------------------ [Style] ------------------ */
.form-switch-rectangle.form-switch .form-check-input { border-radius: .25rem; }
.form-switch-rectangle.form-switch .form-check-input { background-image: url("data: image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%280, 0, 0, 0.25%29' %3e%3cpath d='M12.5,14h-9C2.7,14,2,13.3,2,12.5v-9C2,2.7,2.7,2,3.5,2h9C13.3,2,14,2.7,14,3.5v9C14,13.3,13.3,14,12.5,14z'/%3e%3c/svg%3e"); }
.form-switch-rectangle.form-switch .form-check-input:checked { background-image: url("data: image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff' %3e%3cpath d='M12.5,14h-9C2.7,14,2,13.3,2,12.5v-9C2,2.7,2.7,2,3.5,2h9C13.3,2,14,2.7,14,3.5v9C14,13.3,13.3,14,12.5,14z'/%3e%3c/svg%3e"); }

.form-switch-angulate.form-switch .form-check-input { border-radius: 0; }
.form-switch-angulate.form-switch .form-check-input { background-image: url("data: image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 16 16'%3e%3crect width='12' height='12' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); }
.form-switch-angulate.form-switch .form-check-input:checked { background-image: url("data: image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 16 16'%3e%3crect width='12' height='12' fill='%23ffffff'/%3e%3c/svg%3e"); }

.form-switch[class*="form-switch-outline-"].bw-2 .form-check-input { border-width: 2px; }
.form-switch[class*="form-switch-outline-"] .form-check-input:checked { background-color: transparent; }

/*	--------- inline --------- */
.form-switch-group-inline .form-switch:not(.form-check-inline) { margin-right: 1rem; display: inline-block; }

/*	------------------ [Size] ------------------ */
/*	--------- large --------- */
.form-switch-lg.form-check { min-height: 2.375rem; padding-left: 4.5rem; }
.form-switch-lg .form-check-input { width: 4rem; height: 1.875rem; margin-left:-4.5rem; }
.form-switch-lg .form-check-label { padding: 6px 0 4px; font-size: 1rem; }
/*	--------- small --------- */
.form-switch-md.form-check { min-height: 1.8125rem; padding-left: 3rem; }
.form-switch-md .form-check-input { width: 2.5rem; height: 1.3125rem; margin-left:-3rem; }
.form-switch-md .form-check-label { padding: 4px 0 4px; font-size: .875rem; }

/*	------------------ [Color] ------------------ */
/*	--------- primary --------- */
.form-check-primary .form-check-input:checked { background-color: #14c6d6; border-color: #14c6d6; }
.form-check-primary .form-check-input[type="checkbox"]:indeterminate { background-color: #14c6d6; border-color: #14c6d6; }
.form-switch-primary .form-check-input:checked { background-color: #14c6d6; border-color: #14c6d6; }
.form-switch-outline-primary .form-check-input:checked { border-color: #14c6d6; }
.form-switch-outline-primary .form-check-input:checked,
.form-switch-outline-primary .form-check-input:checked: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='%2314c6d6'/%3e%3c/svg%3e"); }
.form-switch-outline-primary.form-switch-rectangle .form-check-input:checked,
.form-switch-outline-primary.form-switch-rectangle .form-check-input:checked:focus { background-image: url("data: image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2314c6d6' %3e%3cpath d='M12.5,14h-9C2.7,14,2,13.3,2,12.5v-9C2,2.7,2.7,2,3.5,2h9C13.3,2,14,2.7,14,3.5v9C14,13.3,13.3,14,12.5,14z'/%3e%3c/svg%3e"); }
.form-switch-outline-primary.form-switch-angulate .form-check-input:checked,
.form-switch-outline-primary.form-switch-angulate .form-check-input:checked:focus { background-image: url("data: image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 16 16'%3e%3crect width='12' height='12' fill='%2314c6d6'/%3e%3c/svg%3e"); }

/*	--------- secondary --------- */
.form-check-secondary .form-check-input:checked { background-color: #6c757d; border-color: #6c757d; }
.form-check-secondary .form-check-input[type="checkbox"]:indeterminate { background-color: #6c757d; border-color: #6c757d; }
.form-switch-secondary .form-check-input:checked { background-color: #6c757d; border-color: #6c757d; }
.form-switch-outline-secondary .form-check-input:checked { border-color: #6c757d; }
.form-switch-outline-secondary .form-check-input:checked,
.form-switch-outline-secondary .form-check-input:checked: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='%236c757d'/%3e%3c/svg%3e"); }
.form-switch-outline-secondary.form-switch-rectangle .form-check-input:checked,
.form-switch-outline-secondary.form-switch-rectangle .form-check-input:checked:focus { background-image: url("data: image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236c757d' %3e%3cpath d='M12.5,14h-9C2.7,14,2,13.3,2,12.5v-9C2,2.7,2.7,2,3.5,2h9C13.3,2,14,2.7,14,3.5v9C14,13.3,13.3,14,12.5,14z'/%3e%3c/svg%3e"); }
.form-switch-outline-secondary.form-switch-angulate .form-check-input:checked,
.form-switch-outline-secondary.form-switch-angulate .form-check-input:checked:focus { background-image: url("data: image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 16 16'%3e%3crect width='12' height='12' fill='%236c757d'/%3e%3c/svg%3e"); }

/*	--------- success --------- */
.form-check-success .form-check-input:checked { background-color: #198754; border-color: #198754; }
.form-check-success .form-check-input[type="checkbox"]:indeterminate { background-color: #198754; border-color: #198754; }
.form-switch-success .form-check-input:checked { background-color: #198754; border-color: #198754; }
.form-switch-outline-success .form-check-input:checked { border-color: #198754; }
.form-switch-outline-success .form-check-input:checked,
.form-switch-outline-success .form-check-input:checked: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='%23198754'/%3e%3c/svg%3e"); }
.form-switch-outline-success.form-switch-rectangle .form-check-input:checked,
.form-switch-outline-success.form-switch-rectangle .form-check-input:checked:focus { background-image: url("data: image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23198754' %3e%3cpath d='M12.5,14h-9C2.7,14,2,13.3,2,12.5v-9C2,2.7,2.7,2,3.5,2h9C13.3,2,14,2.7,14,3.5v9C14,13.3,13.3,14,12.5,14z'/%3e%3c/svg%3e"); }
.form-switch-outline-success.form-switch-angulate .form-check-input:checked,
.form-switch-outline-success.form-switch-angulate .form-check-input:checked:focus { background-image: url("data: image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 16 16'%3e%3crect width='12' height='12' fill='%23198754'/%3e%3c/svg%3e"); }

/*	--------- danger --------- */
.form-check-danger .form-check-input:checked { background-color: #dc3545; border-color: #dc3545; }
.form-check-danger .form-check-input[type="checkbox"]:indeterminate { background-color: #dc3545; border-color: #dc3545; }
.form-switch-danger .form-check-input:checked { background-color: #dc3545; border-color: #dc3545; }
.form-switch-outline-danger .form-check-input:checked { border-color: #dc3545; }
.form-switch-outline-danger .form-check-input:checked,
.form-switch-outline-danger .form-check-input:checked: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='%23dc3545'/%3e%3c/svg%3e"); }
.form-switch-outline-danger.form-switch-rectangle .form-check-input:checked,
.form-switch-outline-danger.form-switch-rectangle .form-check-input:checked:focus { background-image: url("data: image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23dc3545' %3e%3cpath d='M12.5,14h-9C2.7,14,2,13.3,2,12.5v-9C2,2.7,2.7,2,3.5,2h9C13.3,2,14,2.7,14,3.5v9C14,13.3,13.3,14,12.5,14z'/%3e%3c/svg%3e"); }
.form-switch-outline-danger.form-switch-angulate .form-check-input:checked,
.form-switch-outline-danger.form-switch-angulate .form-check-input:checked:focus { background-image: url("data: image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 16 16'%3e%3crect width='12' height='12' fill='%23dc3545'/%3e%3c/svg%3e"); }

/*	--------- warning --------- */
.form-check-warning .form-check-input:checked { background-color: #ffc107; border-color: #ffc107; }
.form-check-warning .form-check-input[type="checkbox"]:indeterminate { background-color: #ffc107; border-color: #ffc107; }
.form-switch-warning .form-check-input:checked { background-color: #ffc107; border-color: #ffc107; }
.form-switch-outline-warning .form-check-input:checked { border-color: #ffc107; }
.form-switch-outline-warning .form-check-input:checked,
.form-switch-outline-warning .form-check-input:checked: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='%23ffc107'/%3e%3c/svg%3e"); }
.form-switch-outline-warning.form-switch-rectangle .form-check-input:checked,
.form-switch-outline-warning.form-switch-rectangle .form-check-input:checked:focus { background-image: url("data: image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffc107' %3e%3cpath d='M12.5,14h-9C2.7,14,2,13.3,2,12.5v-9C2,2.7,2.7,2,3.5,2h9C13.3,2,14,2.7,14,3.5v9C14,13.3,13.3,14,12.5,14z'/%3e%3c/svg%3e"); }
.form-switch-outline-warning.form-switch-angulate .form-check-input:checked,
.form-switch-outline-warning.form-switch-angulate .form-check-input:checked:focus { background-image: url("data: image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 16 16'%3e%3crect width='12' height='12' fill='%23ffc107'/%3e%3c/svg%3e"); }

/*	--------- Information --------- */
.form-check-info .form-check-input:checked { background-color: #0dcaf0; border-color: #0dcaf0; }
.form-check-info .form-check-input[type="checkbox"]:indeterminate { background-color: #0dcaf0; border-color: #0dcaf0; }
.form-switch-info .form-check-input:checked { background-color: #0dcaf0; border-color: #0dcaf0; }
.form-switch-outline-info .form-check-input:checked { border-color: #0dcaf0; }
.form-switch-outline-info .form-check-input:checked,
.form-switch-outline-info .form-check-input:checked: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='%230dcaf0'/%3e%3c/svg%3e"); }
.form-switch-outline-info.form-switch-rectangle .form-check-input:checked,
.form-switch-outline-info.form-switch-rectangle .form-check-input:checked:focus { background-image: url("data: image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230dcaf0' %3e%3cpath d='M12.5,14h-9C2.7,14,2,13.3,2,12.5v-9C2,2.7,2.7,2,3.5,2h9C13.3,2,14,2.7,14,3.5v9C14,13.3,13.3,14,12.5,14z'/%3e%3c/svg%3e"); }
.form-switch-outline-info.form-switch-angulate .form-check-input:checked,
.form-switch-outline-info.form-switch-angulate .form-check-input:checked:focus { background-image: url("data: image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 16 16'%3e%3crect width='12' height='12' fill='%230dcaf0'/%3e%3c/svg%3e"); }

/*	--------- light --------- */
.form-check-light .form-check-input:checked { background-color: #f8f9fa; border-color: #f8f9fa; }
.form-check-light .form-check-input[type="checkbox"]:indeterminate { background-color: #f8f9fa; border-color: #f8f9fa; }
.form-switch-light .form-check-input:checked { background-color: #f8f9fa; border-color: #f8f9fa; }
.form-switch-light .form-check-input:checked,
.form-switch-light .form-check-input:checked: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='%23000000'/%3e%3c/svg%3e"); }
.form-switch-outline-light .form-check-input:checked { border-color: #f8f9fa; }
.form-switch-outline-light .form-check-input:checked,
.form-switch-outline-light .form-check-input:checked: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='%23f8f9fa'/%3e%3c/svg%3e"); }
.form-switch-outline-light.form-switch-rectangle .form-check-input:checked,
.form-switch-outline-light.form-switch-rectangle .form-check-input:checked:focus { background-image: url("data: image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f8f9fa' %3e%3cpath d='M12.5,14h-9C2.7,14,2,13.3,2,12.5v-9C2,2.7,2.7,2,3.5,2h9C13.3,2,14,2.7,14,3.5v9C14,13.3,13.3,14,12.5,14z'/%3e%3c/svg%3e"); }
.form-switch-outline-light.form-switch-angulate .form-check-input:checked,
.form-switch-outline-light.form-switch-angulate .form-check-input:checked:focus { background-image: url("data: image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 16 16'%3e%3crect width='12' height='12' fill='%23f8f9fa'/%3e%3c/svg%3e"); }

/*	--------- dark --------- */
.form-check-dark .form-check-input:checked { background-color: #212529; border-color: #212529; }
.form-check-dark .form-check-input[type="checkbox"]:indeterminate { background-color: #212529; border-color: #212529; }
.form-switch-dark .form-check-input:checked { background-color: #212529; border-color: #212529; }
.form-switch-outline-dark .form-check-input:checked { border-color: #212529; }
.form-switch-outline-dark .form-check-input:checked,
.form-switch-outline-dark .form-check-input:checked: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='%23212529'/%3e%3c/svg%3e"); }
.form-switch-outline-dark.form-switch-rectangle .form-check-input:checked,
.form-switch-outline-dark.form-switch-rectangle .form-check-input:checked:focus { background-image: url("data: image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529' %3e%3cpath d='M12.5,14h-9C2.7,14,2,13.3,2,12.5v-9C2,2.7,2.7,2,3.5,2h9C13.3,2,14,2.7,14,3.5v9C14,13.3,13.3,14,12.5,14z'/%3e%3c/svg%3e"); }
.form-switch-outline-dark.form-switch-angulate .form-check-input:checked,
.form-switch-outline-dark.form-switch-angulate .form-check-input:checked:focus { background-image: url("data: image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 16 16'%3e%3crect width='12' height='12' fill='%23212529'/%3e%3c/svg%3e"); }



/*	------------------------------------------------------------
	[INPUT GROUP]
	------------------------------------------------------------ */
.input-group-text { font-size: .875rem; border-color: #d8dde3; }
.input-group .btn + .btn { border-left: 1px solid rgba(0,0,0,.1); }
.input-group .btn-light,
.input-group .btn-white { border-color: #d8dde3; }
.input-group-light .form-control,
.input-group-light .form-select { border-radius: .25rem !important; }
.input-group-light .input-group-text { background-color: transparent; border-color: transparent; }


.input-group-light .input-group-text:first-child { padding-left: .25rem; }
.input-group-light .input-group-text:last-child { padding-right: .25rem; }


/*
.input-group .invalid-feedback, .input-group .invalid-tooltip { flex-basis: 100% !important; }
*/


/* variation */
.input-group-period .input-group-text:first-of-type { padding-right: .25rem; background-color: #fff; border-right-width: 0; }
.input-group-period .form-control:first-of-type { max-width: 5.625rem; border-right-width: 0; border-left-width: 0; }
.input-group-period .input-group-text:last-of-type { padding-right: .25rem; padding-left: .25rem; background-color: #fff; border-right-width: 0; border-left-width: 0; }
.input-group-period .form-control:last-of-type { max-width: 5.875rem; border-left-width: 0; }

.input-group-date {}
.input-group-date .form-control { max-width: 90px; border-right-width: 0; }
.input-group-date .input-group-text { margin-left:-1px; background-color: #fff; border-left-color: #fff; }









/*	------------------------------------------------------------
	[DATE PICKER CALENDAR]
	------------------------------------------------------------ */
.ui-datepicker { width: 17em; margin-top: 2px; padding: 0 !important; background-color: #fff; border: 0 solid #a4b0be; border-top-left-radius: 5px; border-top-right-radius: 5px; box-shadow: 2px 1px 5px rgba(0,0,0,.2); color: #2f3640; z-index: 99 !important; }
input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { padding: 0; border: 0; }

.ui-datepicker .ui-datepicker-header { padding: .5em 0 0; position: relative; background-color: #f63759; border: 1px solid #f63759; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #fff; font-weight: normal; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 23px; height: 23px; margin-top:-7px; position: absolute; top: 50%; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { background-color: transparent; border: none; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover { left: 5px; }
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover { right: 5px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { margin: 1px 0; font-size: 1em; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; }

.ui-datepicker-calendar { line-height: 1.5; }
.ui-datepicker table { width: 100%; font-size: .9em; }
.ui-datepicker thead { border-left: 1px solid #f63759; border-right: 1px solid #f63759; }
.ui-datepicker tbody { border: 1px solid #a4b0be; border-top: 0; }
.ui-datepicker th { padding: .7em .3em; background-color: #f63759; color: #fff; text-align: center; font-weight: normal; }
.ui-datepicker td span, .ui-datepicker td a { padding: .375rem .2rem 7px; display: block; background-color: #fff; border: 1px solid #fff; color: #2f3640; text-align: center; text-decoration: none; }
.ui-datepicker td a.ui-state-active { background-color: #35cce1; border-color: #35cce1; color: #fff; }
.ui-datepicker td a.ui-priority-secondary { background-color: #fff; border-color: #fff; color: #a4b0be; }
.ui-datepicker .ui-state-hover { background-color: #35cce1; border: 1px solid #35cce1; border-radius: 2rem; color: #fff; font-weight: normal; }
.ui-datepicker .ui-datepicker-buttonpane { margin: .7em 0 0 0; padding: 0 .2em; background-image: none; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; width: auto; margin: .5em .2em .4em; padding: .2em .6em .3em .6em; cursor: pointer; overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width: auto; }
.ui-datepicker-multi .ui-datepicker-group { float: left; }
.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }
.ui-datepicker-row-break { width: 100%; font-size: 0; clear: both; }
/* Icons */
.ui-datepicker .ui-icon { width: 23px; height: 23px; line-height: 0; display: block; background-repeat: no-repeat; font-size: 0; text-indent:-99999px; overflow: hidden; }
.ui-datepicker .ui-icon::before { width: 10px; height: 10px; content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: rotate(-135deg); }
.ui-datepicker .ui-icon-circle-triangle-w::before { margin:-6px -4px; border-right: 1px solid #fff; border-top: 1px solid #fff; }
.ui-datepicker .ui-icon-circle-triangle-e::before { margin:-6px -8px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; }



/*	------------------------------------------------------------
	[FORM ALIGNMENT]
	------------------------------------------------------------ */
.form-btn-group { position: relative; display: inline-flex; vertical-align: middle; }
.align-flex-fill + .align-flex-fill { margin-top: .5rem; }

.form-group > .btn { margin-right: .25rem; }
.form-group[class*="align-group-"] .btn,
.form-group[class*="align-flex-"] .btn,
.form-group .form-btn-group .btn,
.form-inline .form-group > .btn { margin-right: .5rem; }
.form-group .btn:last-child { margin-right: 0 !important; }

.align-flex-fill > .btn { flex: 1 1 auto !important; }
.align-flex-grow-start > .btn:first-child,
.align-flex-grow-end > .btn:last-child { flex-grow: 1 !important; }



/*	------------------------------------------------------------
	[FORM GRID]
	------------------------------------------------------------ */
.form-grid-container { width: 100%; margin: 0 auto; padding-right: 0; padding-left: 0; display: block; position: relative; background-color: transparent; clear: both; zoom: 1; }
.form-grid-container .form-grid-group { display: flex; flex-wrap: wrap; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; border: 1px solid var(--bs-gray-200); border-left: 0; }
.form-grid-container .form-grid-row { width: 100%; max-width: 100%; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; display: flex; flex: 0 0 auto; flex-wrap: wrap; align-items: stretch; position: relative; border-top: 1px solid var(--bs-gray-200); }
.form-grid-container .form-grid-row:first-child { border-top: none; }
.form-grid-container .form-grid-group + .form-grid-group .form-grid-row:first-child { border-top: 1px solid var(--bs-gray-200); }

.form-grid-container .form-grid-header,
.form-grid-container .form-grid-body { width: 100%; min-width: 0; max-width: 100%; padding-right: .5rem; padding-left: .5rem; position: relative; }
.form-grid-container .form-grid-header { padding-bottom: .25rem; flex: 0 1 auto; border-right: 1px solid var(--bs-gray-200); border-left: 1px solid var(--bs-gray-200); }
.form-grid-container .form-grid-body + .form-grid-header { border-left: 1px solid var(--bs-gray-200); }
.form-grid-container .form-grid-body { display: block; }
.form-grid-container .form-grid-label { width: 100%; margin-bottom: 0; font-size: .875rem; line-height: 1.5; }
.form-grid-container .form-grid-label.required:before { content: ""; width: .25rem; height: .25rem; display: block; position: absolute; top: .25rem; left: .25rem; background-color: var(--bs-danger); border-radius: 2rem; }
.form-grid-container .form-grid-label em { color: #777d81; font-size: .75rem; font-weight: 400; font-style: normal; text-transform: none; line-height: 1; }

.form-grid-container .form-grid-header .row,
.form-grid-container .form-grid-body .row { margin-top: -.25rem; margin-right: -.125rem; margin-left: -.125rem; }
.form-grid-container .form-grid-header .row + .row,
.form-grid-container .form-grid-body .row + .row { margin-top: 0; }
.form-grid-container .form-grid-header .row .col, .form-grid-wrap .form-grid-header .row [class*="col-"],
.form-grid-container .form-grid-body .row .col, .form-grid-container .form-grid-body .row [class*="col-"] { margin-top: .25rem; padding-right: .25rem; padding-left: .25rem; }

.form-grid-container .form-grid-body .form-group { margin-bottom: 1rem; }
.form-grid-container .form-grid-body .table td > .form-group { margin-bottom: -.375rem; }
.form-grid-container .form-grid-body .form-group + .form-group { margin-top: .25rem; }
/*.form-grid-container .form-grid-body .input-group { flex-wrap: nowrap !important; }*/
.form-grid-container .form-grid-body .list-paragraph { margin-top: .5rem; color: #888; font-size: .8125rem; }
.form-grid-container .form-grid-body .list-paragraph:last-child { margin-bottom: 0; }
.form-grid-container .form-grid-body .text-option { padding: 7px 0; font-size: .875rem; }
.form-grid-footer { padding-top: .75rem; }
.form-grid-footer .form-group { margin-bottom: 0; }

/*	--------- [Responsive] --------- */
@media (max-width: 1199px) {
	.form-grid-container .form-grid-row.col-multi.border-top-0,
	.form-grid-container .form-grid-row.col-multi-3.border-top-0 { border-top: 1px solid var(--bs-gray-200) !important; }
}
@media (max-width: 767px) {
	.form-grid-container .form-grid-body .row .col,
	.form-grid-container .form-grid-body .row [class*="col-"] { flex: 0 0 100%; max-width: 100%; }
	.form-grid-container .form-grid-body .form-group { width: 100%; }
	.form-grid-container .form-grid-body .form-group .btn:not(.btn-toggle):not(.btn-icon) { width: 100%; }
	.form-grid-container .form-grid-body .btn-toggle-group .btn { padding-right: 0; padding-left: 0; }
	.form-grid-container .form-grid-body [class*="btn-group"] { width: 100%; }
}
@media (min-width: 576px) {
	.form-grid-container .form-grid-header { width: auto; padding-top: .5rem; padding-bottom: .5rem; }
	.form-grid-container .form-grid-body { padding-top: .5rem; padding-bottom: .5rem; flex: 1 1 0%; flex-direction: column; align-items: flex-start; align-content: center; }
	.form-grid-container .form-grid-label { width: 8rem; padding: 7px 0 .5rem; font-size: 1rem; }
    .form-grid-container .form-grid-body .form-group { margin-bottom: 0; }
	.form-grid-container .form-grid-body .form-group .btn:not(.btn-toggle):not(.btn-icon) { min-width: 3.75rem; }
	.form-grid-container .form-grid-body .btn-toggle-group .btn { min-width: inherit !important; }
}
@media (min-width: 769px) and (max-width: 972px) {
	.form-grid-container .form-grid-body .row .col,
	.form-grid-container .form-grid-body .row [class*="col-"] { flex: 0 0 100%; max-width: 100%; }
	.form-grid-container .form-grid-body .form-group { width: 100%; }
	.form-grid-container .form-grid-body .form-group .btn:not(.btn-toggle):not(.btn-icon) { width: 100%; }
	.form-grid-container .form-grid-body .btn-toggle-group .btn { padding-right: 0; padding-left: 0; }
	.form-grid-container .form-grid-body [class*="btn-group"] { width: 100%; }
}
@media (min-width: 992px) {
	.form-grid-container .form-grid-body .btn-toggle-group .btn:not(.btn-icon) { min-width: 3.25rem !important; }
}
@media (min-width: 1200px) {
	.form-grid-container .form-grid-row.col-multi { width: 50%; }
	.form-grid-container .form-grid-row.col-multi-3 { width: 33.3333%; }
}



/*	------------------ [Size] ------------------ */
.form-sm .form-grid-container .form-grid-header { padding-top: 0; padding-bottom: 0; }
.form-sm .form-grid-container .form-grid-label { font-size: .8125rem; }

/*	--------- [Responsive] --------- */
@media (min-width: 576px) {
	.form-sm .form-grid-container .form-grid-label { padding-top: .625rem; padding-bottom: .6875rem; }
}

























.btn-confirm-section { background-color: transparent; }
.btn-confirm-section .section-footer { padding-top: 1rem; padding-bottom: .75rem; }
.btn-confirm-section .section-footer .form-btn-group .btn { min-width: 5rem; }
/*	--------- [Responsive] --------- */
@media (min-width: 375px) {
	.btn-confirm-section .section-footer .form-btn-group .btn { min-width: 6rem; }
}



/*	------------------------------------------------------------
	[FORM COMMON]
	------------------------------------------------------------ */
/*	------------------ [Size : small] ------------------ */
.form-sm .form-label, .form-label-sm { font-size: .8125rem; }
.form-sm .form-control, .form-control-sm, .form-sm .form-control-plaintext { padding: .75rem .5rem .8125rem; }
.form-sm .form-control,
.form-sm .form-control-plaintext { min-height: calc(1.5em + .5rem + calc(var(--bs-border-width)* 2)); font-size: .875rem; }
.form-sm .form-control-plaintext { padding-right: 0 !important; padding-left: 0 !important; }

.form-sm .form-control[type="search"]::-webkit-search-cancel-button,
.form-control-sm[type="search"]::-webkit-search-cancel-button { top: 0; }

/*	--------- [Responsive] --------- */
@media (min-width: 992px) {
    .form-sm .form-control, .form-control-sm, .form-sm .form-control-plaintext { padding: .25rem .5rem .3125rem; }
	.form-control-sm + .form-control-clear,
	.form-sm .form-control-clear { right: .5625rem; }
}

/*	------------------ [Size : large] ------------------ */
.form-lg .form-label, .form-label-lg { font-size: 1rem; }
.form-lg .form-control, .form-control-lg, .form-lg .form-control-plaintext { padding: 1.0625rem 1rem 1.125rem; font-size: 1.125rem; }
.form-lg .form-control-plaintext { padding-right: 0 !important; padding-left: 0 !important; }

.form-lg .form-control[type="search"]::-webkit-search-cancel-button,
.form-control-lg[type="search"]::-webkit-search-cancel-button { top: 0; right: -7px; }

/*	--------- [Responsive] --------- */
@media (min-width: 992px) {
    .form-lg .form-control, .form-control-lg, .form-lg .form-control-plaintext { padding: .5625rem 1rem .625rem; }
}












.form-lg .form-select:not(.bootstrap-select), .form-select-lg { height: calc(1.5em + 1.125rem + 2px); padding: .5rem 1.75rem .625rem .5rem; }




.form-sm .form-select:not(.bootstrap-select), .form-select-sm { height: calc(1.5em + .53125rem + 2px); padding: .25rem 1.75rem .3125rem .5rem; font-size: .8125rem; }
.form-sm .form-label-group-inner .form-select, .form-sm.form-label-group-inner .form-select,
.form-sm .form-label-inner.form-group .form-select { padding-left: 4.5rem; }
.form-sm .input-group > .form-control, .input-group-sm > .form-control,
.form-sm .input-group > .form-select, .input-group-sm > .form-select,
.form-sm .input-group > .input-group-text, .input-group-sm > .input-group-text,
.form-sm .input-group > .btn, .input-group-sm > .btn { padding: .25rem .5rem .3125rem; font-size: .8125rem; }
.form-sm .input-group > .form-select, .input-group-sm > .form-select { height: calc(1.5em + 0.53125rem + 2px); }

.form-sm .form-file-input, .form-control-sm.form-file-input { height: calc(1.5em + .53125rem + 2px); padding: .0625rem .125rem .125rem; font-size: .8125rem; }
.form-sm .form-file, .form-file-sm { height: calc(1.5em + .53125rem + 2px); font-size: .8125rem; }
.form-sm .form-file .form-file-input, .form-file-sm .form-file-input { height: calc(1.5em + 7px + 2px); }
.form-sm .form-file .form-file-label, .form-file-sm .form-file-label { height: calc(1.5em + 10.5px); }
.form-sm .form-file .form-file-text, .form-file-sm .form-file-text,
.form-sm .form-file .form-file-button, .form-file-sm .form-file-button { padding: .25rem .5rem .5rem; font-size: .8125rem; }








.form-lg .form-label-group-inner .form-select, .form-lg.form-label-group-inner .form-select,
.form-lg .form-label-inner.form-group .form-select { padding-left: 4.5rem; }




.form-lg .form-file-input, .form-control-lg.form-file-input { height: calc(1.5em + 1.125rem + 2px); padding: .375rem; font-size: 1rem; }
.form-lg .form-file, .form-file-lg { height: calc(1.5em + 1.125rem + 2px); font-size: 1rem; }
.form-lg .form-file .form-file-input, .form-file-lg .form-file-input { height: calc(1.5em + 1.3125rem + 2px); }
.form-lg .form-file .form-file-label, .form-file-lg .form-file-label { height: calc(1.5em + 1.25rem); }
.form-lg .form-file .form-file-text, .form-file-lg .form-file-text,
.form-lg .form-file .form-file-button, .form-file-lg .form-file-button { padding: .5rem .375rem .25rem; font-size: 1rem; }



/*	------------------------------------------------------------
	[BUTTON COMMON]
	------------------------------------------------------------ */
.btn { --bs-btn-box-shadow: none !important; --bs-btn-focus-box-shadow: none !important; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x) calc(var(--bs-btn-padding-y) + 1px); position: relative; background-image: none; }

.btn:not(.btn-sm):not(.btn-lg),
.btn-group-sm:not > .btn, .btn-group-lg:not > .btn { --bs-btn-padding-x: .875rem; --bs-btn-padding-y: .375rem; --bs-btn-font-size: .875rem; }

.btn-lg, .btn-group-lg > .btn {
	--bs-btn-padding-y: .625rem;
	--bs-btn-padding-x: 1rem;
	--bs-btn-font-size: 1rem;
	--bs-btn-font-weight: 500;
	padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x) var(--bs-btn-padding-y);
}
/*
.btn-sm, .btn-group-sm > .btn {
	--bs-btn-padding-y: .25rem;
	--bs-btn-padding-x: .5rem;
	--bs-btn-font-size: .875rem;
}*/



/*
.btn-sm, .btn-group-sm > .btn { padding: .25rem .5rem .3125rem; }
.btn-lg, .btn-group-lg > .btn { padding: .5rem 1rem .625rem; font-size: 1rem; font-weight: 500; } */

/*	------------------------------------------------------------
	[BUTTON, FORM COLOR]
	------------------------------------------------------------ */


/*	--------- primary --------- * /
.btn-primary { background-color: #14c6d6; border-color: #14c6d6; color: #fff; }
.btn-primary:hover, .btn-check:focus + .btn-primary, .btn-primary:focus { background-color: #12b6c5; border-color: #12b6c5; color: #fff; }
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle { background-color: #11a8b6; border-color: #11a8b6; color: #fff; }
.btn-primary:disabled, .btn-primary.disabled { background-color: #14c6d6; border-color: #14c6d6; color: #fff; }
.btn-outline-primary { border-color: #14c6d6; color: #14c6d6; }
.btn-outline-primary:hover { background-color: #14c6d6; border-color: #14c6d6; color: #fff; }
.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { background-color: #14c6d6; border-color: #14c6d6; color: #fff; }
.btn-outline-primary:disabled, .btn-outline-primary.disabled { color: #14c6d6; }
.btn-group-toggle > .btn-outline-primary:not(:disabled):not(.disabled):hover,
.btn-group-toggle > .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-group-toggle > .btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-group-toggle > .btn-outline-primary:not(:disabled):not(.disabled):focus { background-color: #14c6d6; border-color: #14c6d6; }
*/


.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #14c6d6;
	--bs-btn-border-color: #14c6d6;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #12b6c5;
	--bs-btn-hover-border-color: #12b6c5;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #11a8b6;
	--bs-btn-active-border-color: #11a8b6;
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #14c6d6;
	--bs-btn-disabled-border-color: #14c6d6;
}
.btn-outline-primary {
	--bs-btn-color: #14c6d6;
	--bs-btn-border-color: #14c6d6;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #14c6d6;
	--bs-btn-hover-border-color: #14c6d6;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #14c6d6;
	--bs-btn-active-border-color: #14c6d6;
	--bs-btn-disabled-color: #14c6d6;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #14c6d6;
	--bs-gradient: none;
}
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}
.btn-outline-secondary {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #e9ecef;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}
.btn-white {
	--bs-btn-color: #212529;
	--bs-btn-bg: #fff;
	--bs-btn-border-color: #fff;
	--bs-btn-hover-color: #010101;
	--bs-btn-hover-bg: #fff;
	--bs-btn-hover-border-color: #fff;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #f8f9fa;
	--bs-btn-active-border-color: #f8f9fa;
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #dee2e6;
	--bs-btn-disabled-border-color: #dee2e6;
}
.btn-outline-white {
	--bs-btn-color: #14c6d6;
	--bs-btn-border-color: #14c6d6;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #14c6d6;
	--bs-btn-hover-border-color: #14c6d6;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #14c6d6;
	--bs-btn-active-border-color: #14c6d6;
	--bs-btn-disabled-color: #14c6d6;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #14c6d6;
	--bs-gradient: none;
}
.btn-light-gray {
	--bs-btn-color: #6c757d;
	--bs-btn-bg: #f1f5f9;
	--bs-btn-border-color: #f1f5f9;
	--bs-btn-hover-color: #343a40;
	--bs-btn-hover-bg: #e9ecef;
	--bs-btn-hover-border-color: #e9ecef;
	--bs-btn-active-color: #343a40;
	--bs-btn-active-bg: #e9ecef;
	--bs-btn-active-border-color: #e9ecef;
	--bs-btn-disabled-color: #343a40;
	--bs-btn-disabled-bg: #f1f5f9;
	--bs-btn-disabled-border-color: #f1f5f9;
}
.btn-outline-light-gray {
	--bs-btn-color: #f1f5f9;
	--bs-btn-border-color: #f1f5f9;
	--bs-btn-hover-color: #212529;
	--bs-btn-hover-bg: #f1f5f9;
	--bs-btn-hover-border-color: #f1f5f9;
	--bs-btn-active-color: #212529;
	--bs-btn-active-bg: #f1f5f9;
	--bs-btn-active-border-color: #f1f5f9;
	--bs-btn-disabled-color: #f1f5f9;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #f1f5f9;
	--bs-gradient: none;
}
.btn-black {
	--bs-btn-color: #fff;
	--bs-btn-bg: #212529;
	--bs-btn-border-color: #212529;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #010101;
	--bs-btn-hover-border-color: #010101;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #000;
	--bs-btn-active-border-color: #000;
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #212529;
	--bs-btn-disabled-border-color: #212529;
}
.btn-outline-black {
	--bs-btn-color: #212529;
	--bs-btn-border-color: #212529;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #212529;
	--bs-btn-hover-border-color: #212529;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #212529;
	--bs-btn-active-border-color: #212529;
	--bs-btn-disabled-color: #212529;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #212529;
	--bs-gradient: none;
}
.btn-transparent-light {
	--bs-btn-color: #212529;
	--bs-btn-bg: transparent;
	--bs-btn-border-color: transparent;
	--bs-btn-hover-color: #212529;
	--bs-btn-hover-bg: background-color: rgba(0,0,0,.05);
	--bs-btn-hover-border-color: transparent;
	--bs-btn-active-color: #2f3640;
	--bs-btn-active-bg: #f8f9fa;
	--bs-btn-active-border-color: transparent;
	--bs-btn-disabled-color: #ced4da;
	--bs-btn-disabled-bg: #dee2e6;
	--bs-btn-disabled-border-color: transparent;
}
.btn-transparent-dark {
	--bs-btn-color: #fff;
	--bs-btn-bg: transparent;
	--bs-btn-border-color: transparent;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: background-color: rgba(255,255,255,.05);;
	--bs-btn-hover-border-color: transparent;
	--bs-btn-active-color: #1d2124;
	--bs-btn-active-bg: #000;
	--bs-btn-active-border-color: transparent;
	--bs-btn-disabled-color: #495057;
	--bs-btn-disabled-bg: #212529;
	--bs-btn-disabled-border-color: transparent;
}





/*	--------- transparent light --------- * /

.btn-transparent-light:hover, .btn-transparent-light:focus { background-color: rgba(0,0,0,.05); border-color: transparent; color: #212529; }
.btn-transparent-light:active, .btn-transparent-light.active,
.show > .btn-transparent-light.dropdown-toggle { background-color: #dae0e5; border-color: transparent; color: #2f3640; }
.btn-transparent-light.disabled, .btn-transparent-light:disabled { color: #2f3640; }
.btn-hover.btn-transparent-light:hover, .btn-hover.btn-transparent-light:focus,
.btn-hover.btn-transparent-light:active, .btn-hover.btn-transparent-light.active { background-color: transparent !important; color: #14c6d6 !important; }
.btn-hover-none.btn-transparent-light:hover, .btn-hover-none.btn-transparent-light:focus,
.btn-hover-none.btn-transparent-light:active, .btn-hover-none.btn-transparent-light.active { background-color: transparent !important; }

/*	--------- transparent dark --------- * /

.btn-transparent-dark:hover, .btn-transparent-dark:focus { background-color: rgba(255,255,255,.05); border-color: transparent; color: #fff; }
.btn-transparent-dark:active, .btn-transparent-dark.active,
.show > .btn-transparent-dark.dropdown-toggle { background-color: #1d2124; border-color: transparent; color: #fff; }
.btn-transparent-dark.disabled, .btn-transparent-dark:disabled { color: #fff; }
.btn-hover.btn-transparent-dark:hover, .btn-hover.btn-transparent-dark:focus,
.btn-hover.btn-transparent-dark:active, .btn-hover.btn-transparent-dark.active { background-color: transparent !important; color: #14c6d6 !important; }
.btn-hover-none.btn-transparent-dark:hover, .btn-hover-none.btn-transparent-dark:focus,
.btn-hover-none.btn-transparent-dark:active, .btn-hover-none.btn-transparent-dark.active { background-color: transparent !important; }

/*	------------------ [Disabled Button Style] ------------------ */
a.btn[disabled], a.btn.disabled,
.btn:disabled, .btn.disabled, fieldset:disabled .btn { opacity: .45; }





/*

a.btn:not(.btn-link) { text-decoration: none; }

.btn-check:focus + .btn, .btn:focus,
.btn-check:checked + .btn:focus,
.btn-check:active + .btn:focus, .btn:active:focus, .btn.active:focus,
.show > .btn.dropdown-toggle:focus,
.btn.dropdown-toggle.show:focus { box-shadow: none !important; }

.btn-group > .btn.bw-2:not(:first-child) { margin-left:-2px; }

/*	------------------ [Style] ------------------ */
/*	--------- padding --------- * /

.btn-sm, .btn-group-sm > .btn { padding: .25rem .5rem .3125rem; }
.btn-lg, .btn-group-lg > .btn { padding: .5rem 1rem .625rem; font-size: 1rem; font-weight: 500; }
[class*="btn-outline-"].bw-2 { padding: .3125rem .6875rem .375rem; }
[class*="btn-outline-"].bw-2.btn-sm, .btn-group-sm > [class*="btn-outline-"].bw-2 { padding: .1875rem 7px .25rem; }
[class*="btn-outline-"].bw-2.btn-lg, .btn-group-lg > [class*="btn-outline-"].bw-2 { padding: 7px .9375rem .5625rem; }

/*	--------- with icon or badge --------- * /
.btn i { position: relative; line-height: 1.5; }
.btn:not(.btn-icon) i { top: 1px; line-height: 1; }
.btn:not(.btn-icon) i:not(.me-1),
.btn:not(.btn-icon) .badge:not(.me-1) { margin-left: .25rem; }
.btn-lg:not(.btn-icon) i, .btn-group-lg > .btn:not(.btn-icon) i { top: 0 !important; font-weight: 500; }
.btn-sm:not(.btn-icon) i, .btn-group-sm > .btn:not(.btn-icon) i { font-size: 12px; }

.btn .badge { top: 0; }
.btn-lg .badge, .btn-group-lg > .btn .badge { top:-2px; }

.btn-block { width: 100%; display: block; }
.btn-block + .btn-block { margin-top: .5rem; }
.btn-between i { margin-top: -.6875rem; position: absolute; top: 50% !important; right: .5rem; line-height: inherit !important; }

/*	--------- icon button --------- * /
.btn-icon { width: 2.25rem; height: 2.25rem; padding: .375rem 0 7px !important; /*display: inline-flex; justify-content: center; align-items: center;* / }
.btn-sm.btn-icon, .btn-group-sm > .btn-icon { width: 1.875rem; height: 1.875rem; padding-top: .1875rem !important; padding-bottom: .25rem !important; } */


.btn-lg.btn-icon, .btn-group-lg > .btn-icon { width: 3rem; height: 3rem; padding: .5rem; }
.btn-lg.btn-icon i, .btn-group-lg > .btn-icon i { font-size: 1.75rem; }

/*	--------- border --------- * /
.btn-border { border-color: rgba(0,0,0,.15) !important; }



/*	------------------------------------------------------------
	[TOGGLE BUTTON]
	------------------------------------------------------------ * /
.btn-group-toggle > .btn { cursor: pointer; }
.btn-group-toggle > .btn:not([class*="btn-outline-"]) { border-left-color: rgba(0,0,0,.1); border-right-color: rgba(0,0,0,.1); }
.btn-group-toggle > .btn:not([class*="btn-outline-"]):first-child { border-left-color: rgba(0,0,0,0); }
.btn-group-toggle > .btn:not([class*="btn-outline-"]):last-child { border-right-color: rgba(0,0,0,0); }

.btn-group-toggle > .btn[class*="btn-transparent-"] { border-left-color: rgba(0,0,0,0); border-right-color: rgba(0,0,0,0); }
.btn-group-toggle > .btn[class*="btn-transparent-"]:not(.btn-angulate) { border-radius: .25rem; }
.btn-group-toggle > .btn[class*="btn-transparent-"].btn-rounded { border-radius: 2rem; }

/*	------------------ [Staus] ------------------ * /
/*	--------- Disabled --------- * /
.btn-group-toggle > .btn.disabled:not(:first-child),
.btn-group-toggle > .btn.btn-disabled:not(:first-child):not([disabled="disabled"]),
.btn-group-toggle > .btn-disabled:not(:first-child):not([disabled="disabled"]) { border-left-color: transparent; }



/*	------------------------------------------------------------
	[SWITCH BUTTON]
	------------------------------------------------------------ * /
/*	--------- [Button Toggle Switch Type] --------- * /
.btn-switch { width: 2.5rem; height: 1.3125rem; margin: 2px 1.75rem 1px; padding: 0; position: relative; background-color: #bdc1c8; border-color: #bdc1c8; border-radius: .25rem; color: #6b7381; transition: background-color .25s, border-color .25s; }
.btn-switch.active { background-color: #14c6d6; border-color: #14c6d6; }
.btn-switch-rounded, .btn-switch-rounded > .handle { border-radius: 2rem !important; }
.btn-switch-angulate, .btn-switch-angulate > .handle { border-radius: 0 !important; }
.btn-switch:focus, .btn-switch.focus,
.btn-switch:focus.active, .btn-switch.focus.active { outline: none; }
.btn-switch::before, .btn-switch::after { height: 19px; line-height: 1.5; position: absolute; top: 0; bottom: 0; color: #6b7381; font-size: .75rem; font-weight: 500; text-align: center; text-transform: uppercase; transition: opacity .25s; }
.btn-switch::before { content: "OFF"; width: 1.5rem; left:-1.75rem; }
.btn-switch::after { content: "ON"; width: 1.25rem; right:-1.5rem; opacity: .5; }
.btn-switch.active::before { opacity: .5; }
.btn-switch.active::after { opacity: 1; }
.btn-switch > .handle { width: calc(1.3125rem - 6px); height: calc(1.3125rem - 6px); position: absolute; top: 2px; left: 2px; border-radius: .125rem; background-color: #fff; transition: left .25s; }
.btn-switch.active > .handle { left: 1.3125rem; }

.btn-switch-blank { width: 2.5rem; margin-right: 0; margin-left: 0; }
.btn-switch-blank::before { left: 0; text-align: right; }
.btn-switch-blank.active::before { opacity: 0; }
.btn-switch-blank::after { right: 0; text-align: left; opacity: 0; }
.btn-switch-blank::before, .btn-switch-blank::after { content: none; width: 100%; padding-right: .25rem; padding-left: .375rem; color: #fff; }
.btn-switch-blank.active > .handle { left: 1.3125rem; }

.btn-switch-inner { width: 3rem; margin-right: 0; margin-left: 0; }
.btn-switch-inner::before { left: 0; text-align: right; }
.btn-switch-inner.active::before { opacity: 0; }
.btn-switch-inner::after { right: 0; text-align: left; opacity: 0; }
.btn-switch-inner::before, .btn-switch-inner::after { width: 100%; padding-right: .25rem; padding-left: .25rem; color: #fff; }
.btn-switch-inner.active > .handle { left: 1.8125rem; }

[class*="btn-switch-outline-"] { background-color: transparent!important; }
[class*="btn-switch-outline-"].active { border-color: #14c6d6; }
[class*="btn-switch-outline-"] > .handle { width: calc(1.3125rem - 6px); height: calc(1.3125rem - 6px); top: 2px; left: 2px; background-color: #bdc1c8; }
[class*="btn-switch-outline-"].active > .handle { background-color: #14c6d6; }
[class*="btn-switch-outline-"].btn-switch-inner::before { color: #bdc1c8; }
[class*="btn-switch-outline-"].btn-switch-inner::after { color: #14c6d6; }
[class*="btn-switch-outline-"].bw-2 > .handle { width: calc(1.3125rem - 8px); height: calc(1.3125rem - 8px); top: 2px; left: 2px; }
[class*="btn-switch-outline-"].bw-2.active > .handle { left: 1.3125rem; }
[class*="btn-switch-outline-"].btn-switch-inner.bw-2.active > .handle { left: 1.8125rem; }
[class*="btn-switch-outline-"].bw-2::before, [class*="btn-switch-outline-"].bw-2::after,
[class*="btn-switch-outline-"].btn-switch-inner.bw-2::before, [class*="btn-switch-outline-"].btn-switch-inner.bw-2::after { line-height: 1.4; }

/*	------------------ [Size] ------------------ * /
/*	--------- large --------- * /
.btn-lg.btn-switch, .btn-group-lg > .btn-switch { width: 4rem; height: 1.875rem; margin: 2px 2rem 1px; }
.btn-lg.btn-switch::before, .btn-group-lg > .btn-switch::before,
.btn-lg.btn-switch::after, .btn-group-lg > .btn-switch::after { height: 1.75rem; line-height: 1.625; top: 0; bottom: 0; font-size: 1rem; }
.btn-lg.btn-switch::before, .btn-group-lg > .btn-switch::before { width: 2rem; left:-2.25rem; }
.btn-lg.btn-switch::after, .btn-group-lg > .btn-switch::after { width: 1.5rem; right:-1.75rem; }
.btn-lg.btn-switch > .handle, .btn-group-lg > .btn-switch > .handle { width: calc(1.875rem - 8px); height: calc(1.875rem - 8px); top: 3px; left: 3px; }
.btn-lg.btn-switch.active > .handle, .btn-group-lg > .btn-switch.active > .handle { left: 2.3125rem; }

.btn-lg.btn-switch-blank, .btn-group-lg > .btn-switch-blank { width: 4rem; margin-right: 0; margin-left: 0; }
.btn-lg.btn-switch-blank::before, .btn-group-lg > .btn-switch-blank::before { left: 0; }
.btn-lg.btn-switch-blank::after, .btn-group-lg > .btn-switch-blank::after { right: 0; }
.btn-lg.btn-switch-blank::before, .btn-lg.btn-switch-blank::after,
.btn-group-lg > .btn-switch-blank::before, .btn-group-lg > .btn-switch-blank::after { padding-right: .25rem; padding-left: .375rem; }
.btn-lg.btn-switch-blank.active > .handle, .btn-group-lg > .btn-switch-blank.active > .handle { left: 2.3125rem; }

.btn-lg.btn-switch-inner, .btn-group-lg > .btn-switch-inner { width: 4.25rem; margin-right: 0; margin-left: 0; }
.btn-lg.btn-switch-inner::before, .btn-group-lg > .btn-switch-inner::before { left: 0; }
.btn-lg.btn-switch-inner::after, .btn-group-lg > .btn-switch-inner::after { right: 0; }
.btn-lg.btn-switch-inner::before, .btn-lg.btn-switch-inner::after,
.btn-group-lg > .btn-switch-inner::before, .btn-group-lg > .btn-switch-inner::after { width: 100%; padding-right: .3125rem; padding-left: .3125rem; }
.btn-lg.btn-switch-inner.active > .handle, .btn-group-lg > .btn-switch-inner.active > .handle { left: 2.5625rem; }

.btn-lg[class*="btn-switch-outline-"] > .handle, .btn-group-lg > [class*="btn-switch-outline-"] > .handle { width: calc(1.875rem - 8px); height: calc(1.875rem - 8px); top: 3px; left: 3px; }
.btn-lg[class*="btn-switch-outline-"].bw-2 > .handle, .btn-group-lg > [class*="btn-switch-outline-"].bw-2 > .handle { width: calc(1.75rem - 6px); height: calc(1.75rem - 6px); top: 2px; left: 2px; }
.btn-lg[class*="btn-switch-outline-"].bw-2.active > .handle, .btn-group-lg > [class*="btn-switch-outline-"].bw-2.active > .handle { left: 2.25rem; }
.btn-lg[class*="btn-switch-outline-"].btn-switch-inner.bw-2.active > .handle, .btn-group-lg > [class*="btn-switch-outline-"].btn-switch-inner.bw-2.active > .handle { left: 2.5rem; }
.btn-lg[class*="btn-switch-outline-"].bw-2::before, .btn-lg[class*="btn-switch-outline-"].bw-2::after,
.btn-group-lg[class*="btn-switch-outline-"].bw-2::before, .btn-group-lg[class*="btn-switch-outline-"].bw-2::after,
.btn-lg[class*="btn-switch-outline-"].btn-switch-inner.bw-2::before, .btn-lg[class*="btn-switch-outline-"].btn-switch-inner.bw-2::after,
.btn-group-lg > [class*="btn-switch-outline-"].btn-switch-inner.bw-2::before, .btn-group-lg > [class*="btn-switch-outline-"].btn-switch-inner.bw-2::after { line-height: 1.5; }

/*	--------- small --------- * /
.btn-sm.btn-switch, .btn-group-sm > .btn-switch { width: 2rem; height: 1rem; margin: 2px 1.5rem 1px; padding: 0; }
.btn-sm.btn-switch::before, .btn-sm.btn-switch::after,
.btn-group-sm > .btn-switch::before, .btn-group-sm > .btn-switch::after { height: .875rem; line-height: 1.4; top: 0; bottom: 0; font-size: .5rem; }
.btn-sm.btn-switch::before, .btn-group-sm > .btn-switch::before { width: 1.25rem; left:-1.5rem; }
.btn-sm.btn-switch::after, .btn-group-sm > .btn-switch::after { width: 1rem; right:-1.25rem; }
.btn-sm.btn-switch > .handle, .btn-group-sm > .btn-switch > .handle { width: calc(1rem - 4px); height: calc(1rem - 4px); top: 1px; left: 1px; }
.btn-sm.btn-switch.active > .handle, .btn-group-sm > .btn-switch.active > .handle { left: 1.0625rem; }

.btn-sm.btn-switch-inner, .btn-group-sm > .btn-switch-inner { width: 2.375rem; margin-right: 0; margin-left: 0; }
.btn-sm.btn-switch-inner::before, .btn-group-sm > .btn-switch-inner::before { left: 0; }
.btn-sm.btn-switch-inner::after, .btn-group-sm > .btn-switch-inner::after { right: 0; }
.btn-sm.btn-switch-inner::before, .btn-sm.btn-switch-inner::after,
.btn-group-sm > .btn-switch-inner::before, .btn-group-sm > .btn-switch-inner::after { width: 100%; padding-right: .1875rem; padding-left: .1875rem; }
.btn-sm.btn-switch-inner.active > .handle, .btn-group-sm > .btn-switch-inner.active > .handle { left: 23px; }

.btn-sm.btn-switch-blank, .btn-group-sm > .btn-switch-blank { width: 2rem; margin-right: 0; margin-left: 0; }
.btn-sm.btn-switch-blank::before, .btn-group-sm > .btn-switch-blank::before { left: 0; }
.btn-sm.btn-switch-blank::after, .btn-group-sm > .btn-switch-blank::after { right: 0; }
.btn-sm.btn-switch-blank::before, .btn-sm.btn-switch-blank::after,
.btn-group-sm > .btn-switch-blank::before, .btn-group-sm > .btn-switch-blank::after { padding-right: .25rem; padding-left: .375rem; }
.btn-sm.btn-switch-blank.active > .handle, .btn-group-sm > .btn-switch-blank.active > .handle { left: 1.0625rem; }

.btn-sm[class*="btn-switch-outline-"] > .handle, .btn-group-sm > [class*="btn-switch-outline-"] > .handle { width: calc(1rem - 6px); height: calc(1rem - 6px); top: 2px; left: 2px; }
.btn-sm[class*="btn-switch-outline-"].bw-2 > .handle, .btn-group-sm > [class*="btn-switch-outline-"].bw-2 > .handle { width: calc(1rem - 6px); height: calc(1rem - 6px); top: 1px; left: 1px; }
.btn-sm[class*="btn-switch-outline-"].bw-2.active > .handle, .btn-group-sm > [class*="btn-switch-outline-"].bw-2.active > .handle { left: 1.0625rem; }
.btn-sm[class*="btn-switch-outline-"].btn-switch-inner.bw-2.active > .handle, .btn-group-sm > [class*="btn-switch-outline-"].btn-switch-inner.bw-2.active > .handle { left: 23px; }
.btn-sm[class*="btn-switch-outline-"].bw-2::before, .btn-sm[class*="btn-switch-outline-"].bw-2::after,
.btn-group-sm[class*="btn-switch-outline-"].bw-2::before, .btn-group-sm[class*="btn-switch-outline-"].bw-2::after,
.btn-sm[class*="btn-switch-outline-"].btn-switch-inner.bw-2::before, .btn-sm[class*="btn-switch-outline-"].btn-switch-inner.bw-2::after,
.btn-group-sm > [class*="btn-switch-outline-"].btn-switch-inner.bw-2::before, .btn-group-sm > [class*="btn-switch-outline-"].btn-switch-inner.bw-2::after { line-height: 1.2; }

/*	------------------ [Size] ------------------ * /
/*	--------- primary --------- * /
.btn-switch-primary.active { background-color: #14c6d6; border-color: #14c6d6; }
.btn-switch-outline-primary.active { border-color: #14c6d6; }
.btn-switch-outline-primary.active > .handle { background-color: #14c6d6; }
.btn-switch-inner.btn-switch-outline-primary::after { color: #14c6d6; }

/*	--------- secondary --------- * /
.btn-switch-secondary.active { background-color: #6c757d; border-color: #6c757d; }
.btn-switch-outline-secondary.active { border-color: #6c757d; }
.btn-switch-outline-secondary.active > .handle { background-color: #6c757d; }
.btn-switch-inner.btn-switch-outline-secondary::after { color: #6c757d; }

/*	--------- success --------- * /
.btn-switch-success.active { background-color: #198754; border-color: #198754; }
.btn-switch-outline-success.active { border-color: #198754; }
.btn-switch-outline-success.active > .handle { background-color: #198754; }
.btn-switch-inner.btn-switch-outline-success::after { color: #198754; }

/*	--------- danger --------- * /
.btn-switch-danger.active { background-color: #dc3545; border-color: #dc3545; }
.btn-switch-outline-danger.active { border-color: #dc3545; }
.btn-switch-outline-danger.active > .handle { background-color: #dc3545; }
.btn-switch-inner.btn-switch-outline-danger::after { color: #dc3545; }

/*	--------- warning --------- * /
.btn-switch-warning.active { background-color: #ffc107; border-color: #ffc107; }
.btn-switch-outline-warning.active { border-color: #ffc107; }
.btn-switch-outline-warning.active > .handle { background-color: #ffc107; }
.btn-switch-inner.btn-switch-outline-warning::after { color: #ffc107; }

/*	--------- Information --------- * /
.btn-switch-info.active { background-color: #0dcaf0; border-color: #0dcaf0; }
.btn-switch-outline-info.active { border-color: #0dcaf0; }
.btn-switch-outline-info.active > .handle { background-color: #0dcaf0; }
.btn-switch-inner.btn-switch-outline-info::after { color: #0dcaf0; }

/*	--------- light --------- * /
.btn-switch-light.active { background-color: #f8f9fa; border-color: #f8f9fa; }
.btn-switch-outline-light { background-color: transparent !important; }
.btn-switch-outline-light.active { border-color: #f8f9fa; }
.btn-switch-light.active > .handle { background-color: #000; }
.btn-switch-outline-light.active > .handle { background-color: #f8f9fa; }
.btn-switch-light.btn-switch-inner::after { color: #000; }
.btn-switch-inner.btn-switch-outline-light::after { color: #f8f9fa; }

/*	--------- dark --------- * /
.btn-switch-dark.active { background-color: #212529; border-color: #212529; }
.btn-switch-outline-dark.active { border-color: #212529; }
.btn-switch-outline-dark.active > .handle { background-color: #212529; }
.btn-switch-inner.btn-switch-outline-dark::after { color: #212529; }



/*	------------------------------------------------------------
	[TOOLBAR]
	------------------------------------------------------------ * /
.btn-toolbar { /*display: inline-flex;* / position: relative; vertical-align: middle; }
.btn-toolbar .btn-group { margin-right: .25rem; }
.btn-toolbar .btn-group:last-child { margin-right: 0; }
.btn-toolbar .btn-group > .btn { min-width: 2.375rem !important; }
.btn-toolbar .btn-group > .btn-sm,
.btn-toolbar .btn-group.btn-group-sm > .btn { min-width: inherit !important; }

.btn-toolbar .btn-group > .btn:not([class*="btn-outline-"]) { border-left-color: rgba(0,0,0,.1); border-right-color: rgba(0,0,0,.1); }
.btn-toolbar .btn-group > .btn:not([class*="btn-outline-"]):first-child { border-left-color: rgba(0,0,0,0); }
.btn-toolbar .btn-group > .btn:not([class*="btn-outline-"]):last-child { border-right-color: rgba(0,0,0,0); }
.btn-toolbar .btn-group > .btn[class*="btn-transparent-"] { border-left-color: rgba(0,0,0,0); border-right-color: rgba(0,0,0,0); }
.btn-toolbar .btn-group > .btn[class*="btn-transparent-"]:not(.btn-angulate) { border-radius: .25rem; }
.btn-toolbar .btn-group > .btn[class*="btn-transparent-"].btn-rounded { border-radius: 2rem; }

/*	------------------ [Staus] ------------------ */
/*	--------- Disabled --------- * /
.btn-toolbar .btn-group > .btn.disabled:not(:first-child),
.btn-toolbar .btn-group > .btn[disabled="disabled"]:not(:first-child),
.btn-toolbar .btn-group > .btn.btn-disabled:not(:first-child):not([disabled="disabled"]),
.btn-toolbar .btn-group > .btn-disabled:not(:first-child):not([disabled="disabled"]) { border-left-color: transparent; }



/*	------------------------------------------------------------
	[DROPDOWN MENU]
	------------------------------------------------------------ */
.dropdown-menu { --bs-dropdown-divider-bg: rgba(0, 0, 0, 0.075); }

.dropdown-header { padding: .375rem .75rem !important; color: #212529; font-size: .8125rem; font-weight: 700; }
.dropdown-item-text { padding: .375rem .75rem; font-size: .875rem; }
.dropdown-item { padding-top: .5rem; padding-bottom: .5rem; color: var(--bs-gray-600); font-size: .875rem; }
.dropdown-item:hover, .dropdown-item:focus { background-color: #f2f5f9; color: #212529; }
.dropdown-item.active, .dropdown-item:active { background-color: #f2f5f9; color: #212529; }
.dropdown-item.disabled, .dropdown-item:disabled { color: #bdc3c7; }

.dropdown-item i { margin-right: .5rem; position: relative; top: 1px; color: var(--bs-gray-600); }
.dropdown-item.active i, .dropdown-menu .dropdown-item:active i { color: #fff; }
.dropdown-item .badge { margin-top: -.5rem; position: absolute; top: 50%; right: .75rem; }

.dropdown-menu-indicator-start .dropdown-item-indicator-start { width: 1rem; height: 1rem; position: absolute; top: .5rem; right: auto; left: 1.25rem; }
.dropdown-menu-indicator-start .dropdown-header,
.dropdown-menu-indicator-start .dropdown-item { padding-left: 3.25rem }
.dropdown-menu-indicator-end .dropdown-item-indicator-end { position: absolute; top: .5rem; right: 1.25rem; left: auto; }
.dropdown-menu-indicator-end .dropdown-item { padding-right: 3.25rem; }







/*	------------------ [Style] ------------------ */
/*	--------- arrow --------- */
.dropdown-toggle::after { border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; vertical-align: 2px; }
.dropup .dropdown-toggle::after { border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; vertical-align: 3px; }
.dropright .dropdown-toggle::after,
.dropend .dropdown-toggle::after { border-top-width: 5px; border-bottom-width: 5px; border-left-width: 5px; }
.dropleft .dropdown-toggle::before,
.dropstart .dropdown-toggle::before { border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; }

.dropdown-toggle:not(.dropdown-toggle-split)::after { margin-left: .5rem; }
.dropleft .dropdown-toggle:not(.dropdown-toggle-split)::before,
.dropstart .dropdown-toggle:not(.dropdown-toggle-split)::before { margin-right: .5rem; }

.dropdown-arrow-sm.dropdown-toggle::after { margin-left: 0 !important; position: absolute; right: 3px; bottom: 3px; border-top-width: 4px; border-right-width: 3px; border-left-width: 3px; }
.dropdown-arrow-none.dropdown-toggle::after { content: none; }

/*	--------- split --------- */
.dropdown-toggle-split:not([class*="btn-outline-"]) { border-left: 1px solid rgba(0,0,0,.1); }
.dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem; }
[class*="btn-outline-"].bw-2.dropdown-toggle-split { padding-right: .6875rem; padding-left: .6875rem; }
.dropright .dropdown-toggle-split,
.dropend .dropdown-toggle-split { padding-right: .875rem; padding-left: .9375rem; }
.dropright [class*="btn-outline-"].bw-2.dropdown-toggle-split,
.dropend [class*="btn-outline-"].bw-2.dropdown-toggle-split { padding-right: .875rem; padding-left: .9375rem; }

.dropleft .dropdown-toggle-split,
.dropstart .dropdown-toggle-split { padding-right: .9375rem; padding-left: .875rem; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 1px solid rgba(0,0,0,.1); border-left: 0; }
.dropleft [class*="btn-outline-"].bw-2.dropdown-toggle-split,
.dropstart [class*="btn-outline-"].bw-2.dropdown-toggle-split { padding-right: .9375rem; padding-left: .875rem; }
.dropleft > .dropdown-menu + .btn,
.dropstart > .dropdown-menu + .btn { margin-left: 0px; }

/*	------------------ [Menu Item] ------------------ * /
.btn-rounded + .dropdown-menu { border-radius: 1rem; }
.btn-angulate + .dropdown-menu { border-radius: 0; }
.btn-transparent-light.btn-hover + .dropdown-menu,
.btn-transparent-light.btn-hover-none + .dropdown-menu,
.btn-transparent-dark.btn-hover + .dropdown-menu,
.btn-transparent-dark.btn-hover-none + .dropdown-menu { left: 12px !important; }*/















/*	------------------ [Theme] ------------------ */
/*	--------- Theme : dark --------- * /


/*	------------------ [Size] ------------------ * /
.btn-sm.dropdown-toggle::after, .btn-group-sm .dropdown-toggle::after { border-top: 5px solid; border-right: 4px solid transparent; border-bottom: 0; border-left: 4px solid transparent; }
.dropup .btn-sm.dropdown-toggle::after, .btn-group-sm.dropup .dropdown-toggle::after { border-top: 0; border-right: 4px solid transparent; border-bottom: 5px solid; border-left: 4px solid transparent; }
.dropright .btn-sm.dropdown-toggle::after, .btn-group-sm.dropright .dropdown-toggle::after
.dropend .btn-sm.dropdown-toggle::after, .btn-group-sm.dropend .dropdown-toggle::after { border-top: 4px solid transparent; border-right: 0; border-bottom: 4px solid transparent; border-left: 5px solid; vertical-align: 1px; }
.dropleft .btn-sm.dropdown-toggle::before, .btn-group-sm.dropleft .dropdown-toggle::before,
.dropstart .btn-sm.dropdown-toggle::before, .btn-group-sm.dropstart .dropdown-toggle::before { border-top: 4px solid transparent; border-right: 5px solid; border-bottom: 4px solid transparent; border-left: 0; vertical-align: 1px; }

.btn-sm.dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: .5rem; padding-left: .5rem; }
[class*="btn-outline-"].bw-2.btn-sm.dropdown-toggle-split, .btn-group-sm > [class*="btn-outline-"].bw-2 + .dropdown-toggle-split { padding-right: 7px; padding-left: 7px; }
.dropright .btn-sm.dropdown-toggle-split, .btn-group-sm.dropright > .btn + .dropdown-toggle-split,
.dropend .btn-sm.dropdown-toggle-split, .btn-group-sm.dropend > .btn + .dropdown-toggle-split { padding-right: .5625rem; padding-left: .625rem; }
.dropright [class*="btn-outline-"].bw-2.btn-sm.dropdown-toggle-split, .btn-group-sm.dropright > [class*="btn-outline-"].bw-2 + .dropdown-toggle-split,
.dropend [class*="btn-outline-"].bw-2.btn-sm.dropdown-toggle-split, .btn-group-sm.dropend > [class*="btn-outline-"].bw-2 + .dropdown-toggle-split { padding-right: .5rem; padding-left: .5625rem; }
.dropleft .btn-sm.dropdown-toggle-split, .btn-group-sm.dropleft > .btn + .dropdown-toggle-split,
.dropstart .btn-sm.dropdown-toggle-split, .btn-group-sm.dropstart > .btn + .dropdown-toggle-split { padding-right: .625rem; padding-left: .5625rem; }
.dropleft [class*="btn-outline-"].bw-2.btn-sm.dropdown-toggle-split, .btn-group-sm.dropleft > [class*="btn-outline-"].bw-2 + .dropdown-toggle-split,
.dropstart [class*="btn-outline-"].bw-2.btn-sm.dropdown-toggle-split, .btn-group-sm.dropstart > [class*="btn-outline-"].bw-2 + .dropdown-toggle-split { padding-right: .5625rem; padding-left: .5rem; }

.btn-group-lg .dropdown-toggle::after, .btn-lg.dropdown-toggle::after { border-top: 7px solid; border-right: 6px solid transparent; border-bottom: 0; border-left: 6px solid transparent; }
.btn-group-lg.dropup .dropdown-toggle::after, .dropup .btn-lg.dropdown-toggle::after { border-top: 0; border-right: 6px solid transparent; border-bottom: 7px solid; border-left: 6px solid transparent; }
.btn-group-lg.dropright .dropdown-toggle::after, .dropright .btn-lg.dropdown-toggle::after,
.btn-group-lg.dropend .dropdown-toggle::after, .dropend .btn-lg.dropdown-toggle::after { border-top: 6px solid transparent; border-right: 0; border-bottom: 6px solid transparent; border-left: 7px solid; }
.btn-group-lg.dropleft .dropdown-toggle::before, .dropleft .btn-lg.dropdown-toggle::before,
.btn-group-lg.dropstart .dropdown-toggle::before, .dropstart .btn-lg.dropdown-toggle::before { border-top: 6px solid transparent; border-right: 7px solid; border-bottom: 6px solid transparent; border-left: 0; }

.btn-lg.dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 1.0625rem; padding-left: 1.0625rem; }
[class*="btn-outline-"].bw-2.btn-lg.dropdown-toggle-split, .btn-group-lg > [class*="btn-outline-"].bw-2 + .dropdown-toggle-split { padding-right: 1rem; padding-left: 1rem; }
.dropright .btn-lg.dropdown-toggle-split, .btn-group-lg.dropright > .btn + .dropdown-toggle-split,
.dropend .btn-lg.dropdown-toggle-split, .btn-group-lg.dropend > .btn + .dropdown-toggle-split { padding-right: 19px; padding-left: 1.25rem; }
.dropright [class*="btn-outline-"].bw-2.btn-lg.dropdown-toggle-split, .btn-group-lg.dropright > [class*="btn-outline-"].bw-2 + .dropdown-toggle-split,
.dropend [class*="btn-outline-"].bw-2.btn-lg.dropdown-toggle-split, .btn-group-lg.dropend > [class*="btn-outline-"].bw-2 + .dropdown-toggle-split { padding-right: 1.125rem; padding-left: 19px; }
.dropleft .btn-lg.dropdown-toggle-split, .btn-group-lg.dropleft > .btn + .dropdown-toggle-split,
.dropstart .btn-lg.dropdown-toggle-split, .btn-group-lg.dropstart > .btn + .dropdown-toggle-split { padding-right: 1.25rem; padding-left: 19px; }
.dropleft [class*="btn-outline-"].bw-2.btn-lg.dropdown-toggle-split, .btn-group-lg.dropleft > [class*="btn-outline-"].bw-2 + .dropdown-toggle-split,
.dropstart [class*="btn-outline-"].bw-2.btn-lg.dropdown-toggle-split, .btn-group-lg.dropstart > [class*="btn-outline-"].bw-2 + .dropdown-toggle-split { padding-right: 19px; padding-left: 1.125rem; }


/*	--------- Form File --------- * /
.dropdown .form-contextmenu-file { margin: 0 !important; position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; opacity: .0001; overflow: hidden; z-index: 9999999; }
.dropdown .form-contextmenu-file input[type="file"] { width: auto; margin: 0; padding: 0; position: absolute; top: 0; right: 0; font-size: 18px; cursor: pointer; }
*/







/*	------------------------------------------------------------
	[TABLE]
	------------------------------------------------------------ */
.table-container { margin-bottom: 1rem; }
.table { margin-bottom: 0 !important; --bs-table-border-color: var(--bs-gray-200); font-size: .875rem; --bs-table-hover-bg: rgba(243,246,251,.5); --bs-table-striped-bg: rgba(244,247,253,.75); } 
.table > :not(caption) > * > * { padding-top: .75rem; padding-bottom: .75rem; }

.table thead tr th, .table thead tr td { border-top-width: 1px; border-top-color: var(--bs-gray-400); border-bottom-color: var(--bs-gray-400); vertical-align: middle; }
.table tbody tr:last-child th, .table tbody tr:last-child td,
.table tfoot tr th, .table tfoot tr td { border-bottom-color: var(--bs-gray-400); }

.table thead th, .table thead td,
.table tbody th, .table tbody td,
.table tfoot th, .table tfoot td { position: relative; }
.table thead th, .table thead td,
.table tfoot th, .table tfoot td { font-weight: 700; }
.table tbody th { font-weight: 500; }

/*.table:not(.dataTable) thead th[colspan], .table:not(.dataTable) thead td[colspan] { border-bottom: 1px solid #c5c8cc !important; text-align: center; }*/




/*	------------------ [Style] ------------------ */
/*	--------- data empty --------- */
.table tbody tr.cell-data-empty td, .table tbody td.cell-data-empty { padding: 10rem 0; --bs-table-bg-type: #fff !important; font-size: 1rem; text-align: center; }
.table tbody tr.cell-data-empty:hover td, .table tbody tr:hover td.cell-data-empty { --bs-table-bg-state: #fff !important; }











/*	--------- data load --------- */
.table tbody tr.cell-data-load td, .table tbody td.cell-data-load { padding: 1rem 0; --bs-table-bg-type: #fff !important; font-size: 1rem; text-align: center; }
.table tbody tr.cell-data-load td:hover, .table tbody td.cell-data-load:hover { --bs-table-bg-type: #fff !important; }










/*	--------- header --------- */
.table thead .sorting,
.table thead .sorting-asc,
.table thead .sorting-desc { padding-right: 1.5rem; position: relative; cursor: pointer; }
.table thead .sorting::before, .table thead .sorting::after,
.table thead .sorting-asc::before, .table thead .sorting-asc::after,
.table thead .sorting-desc::before, .table thead .sorting-desc::after { width: 15px; height: 15px; margin-top:-6px; display: block; position: absolute; top: 50%; right: 4px; font-family: "icon-mode3"; line-height: 1; opacity: .3; }
.table thead .sorting::before, .table thead .sorting-asc::before, .table thead .sorting-desc::before, .table thead .sorting-asc-disabled::before, .table thead .sorting-desc-disabled::before { content: "\ea7f"; }
.table thead .sorting::after, .table thead .sorting-asc::after, .table thead .sorting-desc::after, .table thead .sorting-asc-disabled::after, .table thead .sorting-desc-disabled::after { content: "\ea7e"; }
.table thead .sorting-asc::before, .table thead .sorting-desc::after { opacity: 1; }
.table thead .sorting-asc-disabled::before, .table thead .sorting-desc-disabled::after { opacity: 0; }

/*	--------- align --------- */
.table th.dt-left, .table td.dt-left, .table thead th.dt-head-left, .table thead td.dt-head-left, .table tfoot th.dt-body-left, .table tfoot td.dt-body-left, .table tbody th.dt-body-left, .table tbody td.dt-body-left { text-align: left; }
.table th.dt-center, .table td.dt-center, .table thead th.dt-head-center, .table thead td.dt-head-center, .table tfoot th.dt-body-center, .table tfoot td.dt-body-center, .table tbody th.dt-body-center, .table tbody td.dt-body-center { text-align: center; }
.table th.dt-right, .table td.dt-right, .table thead th.dt-head-right, .table thead td.dt-head-right, .table tfoot th.dt-body-right, .table tfoot td.dt-body-right, .table tbody th.dt-body-right, .table tbody td.dt-body-right { text-align: right; }
.table th.dt-justify, .table td.dt-justify, .table thead th.dt-head-justify, .table thead td.dt-head-justify, .table tfoot th.dt-body-justify, .table tfoot td.dt-body-justify, .table tbody th.dt-body-justify, .table tbody td.dt-body-justify { text-align: justify; white-space: normal; }

/*	--------- contextual classes --------- */
.table .cell-notice, .table .cell-notice > th, .table .cell-notice > td, .table .cell-notice:hover, .table .cell-notice:hover > th, .table .cell-notice:hover > td { background-color: #f2f4f7; color: #212529 !important; font-weight: 500; }
.table .cell-notice, .table .cell-notice > th, .table .cell-notice > td { border-bottom: 1px solid #dfe4ea; }
.table .cell-info, .table .cell-info > th, .table .cell-info > td, .table .cell-info:hover, .table .cell-info:hover > th, .table .cell-info:hover > td { background-color: #e7f6f8; color: #1c6e7d !important; }
.table .cell-success, .table .cell-success > th, .table .cell-success > td, .table .cell-success:hover, .table .cell-success:hover > th, .table .cell-success:hover > td { background-color: #e9f6ec; color: #257138 !important; }
.table .cell-warning, .table .cell-warning > th, .table .cell-warning > td, .table .cell-warning:hover, .table .cell-warning:hover > th, .table .cell-warning:hover > td { background: #fff9e6; color: #a8821a !important; }
.table .cell-danger, .table .cell-danger > th, .table .cell-danger > td, .table .cell-danger:hover, .table .cell-danger:hover > th, .table .cell-danger:hover > td { background: #fbeaec; color: #922d38 !important; }
.table tr.active, .table th.active, .table td.active, .table .active > th, .table .active > td, .table tr.active:hover, .table th.active:hover, .table td.active:hover, .table .active:hover > th, .table .active:hover > td { background-color: #f1f1f1 !important; color: #212529 !important; }
.table .cell-disabled, .table .cell-disabled > th, .table .cell-disabled > td, .table .cell-disabled:hover, .table .cell-disabled:hover > th, .table .cell-disabled:hover > td { background-color: #fff !important; color: #bdc3c7 !important; }
.table .cell-disabled > th a, .table .cell-disabled > td a { color: #bdc3c7 !important; }
.table .cell-temp, .table .cell-temp > th, .table .cell-temp > td, .table .cell-temp:hover, .table .cell-temp:hover > th, .table .cell-temp:hover > td { background-color: #fafafa !important; color: #bdc3c7 !important; }
.table .cell-temp > th a, .table .cell-temp > td a { color: #bdc3c7 !important; }

/*	--------- text --------- */
.table th.cell-linefeed, .table td.cell-linefeed { min-width: 10rem; white-space: normal; }
.table .num-center { max-width: 5rem; margin: 0 auto; display: block; }

/*
.table th.cell-ellipsis, .table td.cell-ellipsis { }
.table th.cell-ellipsis > .truncate, .table td.cell-ellipsis > .truncate { max-width: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }


/*
.table th.cell-ellipsis, .table td.cell-ellipsis { }
.table th.cell-ellipsis > a, .table td.cell-ellipsis > a,
.table th.cell-ellipsis > span:not(.badge):not(.comment), .table td.cell-ellipsis > span:not(.badge):not(.comment) { width: 90%; position: absolute; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; overflow: hidden; }

.table th.cell-ellipsis > a::before, .table td.cell-ellipsis > a::before { content: ""; display: inline-block; }
*/


.table th.cell-ellipsis, .table td.cell-ellipsis { max-width: 6rem; white-space: nowrap; }
.table th.cell-ellipsis > a, .table td.cell-ellipsis > a,
.table th.cell-ellipsis > span:not(.badge):not(.comment), .table td.cell-ellipsis > span:not(.badge):not(.comment) { max-width: 100%; display: inline-block; text-overflow: ellipsis; vertical-align: top; overflow: hidden; }

.table .desc, .table .desc-block { color: #777d81; font-size: .75rem; font-weight: 400; }
.table .desc-block { display: block; }
.table .text-underscore { position: relative; top:-2px; font-size: 18px; font-weight: 700; line-height: 1rem; vertical-align: middle; }

/*	--------- icon --------- */
.table th > i, .table td > i { position: relative; top: 1px; }
.table .im-question-mark, .table .im-exclamation-mark, .table .im-info-mark { margin-left: .1875rem; border-radius: 2rem; color: #fff; }
.table .im-question-mark { background-color: #ffc107; }
.table .im-exclamation-mark { background-color: #dc3545; }
.table .im-info-mark { background-color: #0dcaf0; }

/*	--------- images --------- */
.table .figure-thumbnail { width: 3rem; margin: 0; }

/*	--------- form --------- */
.table th > .row, .table td > .row { flex-wrap: nowrap; }
.table th > .form-inline + .form-inline, .table td > .form-inline + .form-inline,
.table th > .form-group + .form-group, .table td > .form-group + .form-group { margin-top: .625rem; }

.table th > .form-switch, .table td > .form-switch { position: relative; top: 2px; }
.table th > .form-group .form-switch, .table td > .form-group .form-switch { position: relative; top: 3px; }
.table th > .btn, .table td > .btn { display: block; }


.table .form-check.without-label { margin: 0; display: flex; justify-content: center; }
.table .form-check.without-label .form-check-input { width: 1rem; height: 1rem; }







/*	--------- drag sortable --------- */
.table tr.ui-sortable-helper { outline: 2px solid #333; outline-offset: 0px; box-shadow: 1px 1px 10px -2px rgba(0,0,0,.4); background-color: #fff; }
.table tr.ui-sortable-helper th, .table tr.ui-sortable-helper td { background-color: #fff !important; }
.table tr.ui-sortable-helper:active { cursor: move; }
.table td.drag-handle { position: relative; background-color: #e9eced; cursor: move; }
/*.table td.drag-handle > .btn-handler { height: 100%; display: flex; align-items: center; justify-content: center; }*/
/*	------ Drag Sortable ------ * /
.table tr.ui-sortable-helper { border: 2px solid #2f3640; box-shadow: 1px 1px 10px -2px rgba(0,0,0,.4); background-color: #fff; }
.table tr.ui-sortable-helper td { background-color: transparent !important; }
.table tr.ui-sortable-helper:active { cursor: move; }
.table td.drag-handle { position: relative; background-color: #e9eced; cursor: move; }
.table td.drag-handle::before { content: ""; width: 32px; height: 32px; margin:-16px; position: absolute; top: 50%; left: 50%; background-image: url(../images/sprites-icons-640px.png); background-repeat: no-repeat; background-position: 0 -32px; background-size: 640px auto; }


/*
.table tr.tables-temp td { background-color: #f3f6f9 !important; color: #bdc3c7; }
.table tr.tables-block td { background-color: #a4b0be !important; }
*/
/*	------ Register Data ------ * /
.table tr.reg-rowdata { border-color: #2f3640; border-style: solid; border-top-width: 2px; border-bottom-width: 2px; }
.table tr.reg-rowdata > td,
.table tr.reg-rowdata:hover > td { background-color: #fffae5; }



/* css */


/*	------------------ [Type] ------------------ */
/*	--------- table type fixed --------- */
.table-fixed { width: 0; min-width: 100%; height: 222px; border: 1px solid #212529; overflow-x: auto; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
.table-fixed.h-auto { overflow-y: auto; }

.table-fixed .table thead { border-top: 0; }
.table-fixed .table-bordered thead tr { border: 0; }
.table-fixed .table thead tr th,
.table-fixed .table thead tr td { padding-bottom: .5625rem; border-top: 0; border-color: transparent; position: sticky; z-index: 1; }
.table-fixed .table thead tr:first-child th, .table-fixed .table thead tr:first-child td { top: 0; }
.table-fixed .table thead tr:nth-child(2) th, .table-fixed .table thead tr:nth-child(2) td { top: 36px; }
.table-fixed .table thead tr th:first-child,
.table-fixed .table thead tr td:first-child { border-left: 0; }
.table-fixed .table thead tr:last-child th,
.table-fixed .table thead tr:last-child td { border-bottom: 0; }

/*
.table-fixed .table tfoot,
.table-fixed .table tfoot th, .table-fixed .table tfoot td { border-top: 1px solid #212529; border-bottom: 0; }
*/

.table-fixed .table thead tr th::before, .table-fixed .table thead tr td::before { content: ""; width: 1px; height: 100%; position: absolute; top: 0; right:-1px; background-color: #c5c8cc; }
.table-fixed .table thead tr th::after, .table-fixed .table thead tr td::after { content: ""; width: calc(100% + 1px); height: 1px; position: absolute; bottom:-1px; left: 0; }
.table-fixed .table thead tr:first-child th::after, .table-fixed .table thead tr:first-child td::after { background-color: #c5c8cc; }
.table-fixed .table thead tr:first-child th[rowspan]::after, .table-fixed .table thead tr:first-child td[rowspan]::after,
.table-fixed .table thead tr:last-child th::after, .table-fixed .table thead tr:last-child td::after { background-color: #212529; }
.table-fixed .table:not(.table-bordered) thead tr th:last-child::before,
.table-fixed .table:not(.table-bordered) thead tr td:last-child::before { content: none; }

.table-fixed .table tbody tr:last-child th, .table-fixed .table tbody tr:last-child td { border-bottom-color: inherit; }
.table-fixed .table tbody tr th:first-child, .table-fixed .table tbody tr td:first-child { border-left: 0; }
.table-fixed .table tbody tr th:last-child, .table-fixed .table tbody tr td:last-child { border-right-color: inherit; }






/*
.table-container {
  max-height: 400px; /* Set the maximum height of the table * /
  overflow-y: auto; /* Enable vertical scrolling * /
  border: 1px solid #ccc; /* Add border for visual clarity * /
}

.table-fixed {
  width: 100%; /* Ensure the table fills its container * /
  border-collapse: collapse; /* Collapse border spacing * /
}

.table-fixed thead {
  position: sticky; /* Make the header sticky * /
  top: 0; /* Stick to the top of the container * /
  background-color: #f9f9f9; /* Header background color * /
  z-index: 1; /* Ensure the header stays above the tbody * /
}

.table-fixed th,
.table-fixed td {
  padding: 8px; /* Add padding for spacing * /
  border-bottom: 1px solid #ddd; /* Add bottom border for visual clarity * /
}

.table-fixed tbody {
  display: block; /* Enable block-level rendering * /
  overflow-y: auto; /* Enable vertical scrolling * /
  max-height: calc(100vh - 150px); /* Set max-height to prevent excessive scrolling * /
}

.table-fixed tbody::-webkit-scrollbar {
  width: 8px; /* Width of the scrollbar * /
}

.table-fixed tbody::-webkit-scrollbar-thumb {
  background-color: #888; /* Color of the scrollbar thumb * /
}
*/



































/*	------------------------------------------------------------
	[DATATABLES]
	------------------------------------------------------------ */
table.dataTable { margin: 0 !important; /*border-collapse: collapse !important; border-spacing: 2px !important; box-sizing: border-box;*/ }
table.dataTable td, table.dataTable th { /* box-sizing: border-box; */ }

table.dataTable thead { border-top-color: #212529; }
table.dataTable thead th, table.dataTable thead td { padding-bottom: .5625rem; }
table.dataTable tbody th, table.dataTable tbody td,
table.dataTable tfoot th, table.dataTable tfoot td { }

.dataTables_wrapper { position: relative; }
div.dataTables_wrapper div.dataTables_processing { width: 5rem; height: 5rem; margin-top:-2.5rem; margin-left:-2.5rem; margin-bottom: 0; padding: 0; background-color: transparent; border: none; z-index: 1; }
.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead { background-color: #e8ebf0 !important; }
.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead,
.dataTables_wrapper:not(.no-footer) .dataTables_scroll .dataTables_scrollFoot { border-top: 1px solid #212529 !important; border-bottom: 1px solid #212529 !important; }
.dataTables_wrapper.no-footer .dataTables_scroll .dataTables_scrollFoot { border-bottom: 1px solid #212529 !important; }
.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead th,
.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead td,
.dataTables_wrapper .dataTables_scroll .dataTables_scrollFoot tfoot th,
.dataTables_wrapper .dataTables_scroll .dataTables_scrollFoot tfoot td { border-top: none; border-bottom: none; }
.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead th:last-child,
.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead td:last-child,
.dataTables_wrapper .dataTables_scroll .dataTables_scrollFoot tfoot th:last-child,
.dataTables_wrapper .dataTables_scroll .dataTables_scrollFoot tfoot td:last-child,
.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody tbody th:last-child,
.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody tbody td:last-child { border-right-color: #c5c8cc; }
.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody tbody tr:last-child th,
.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody tbody tr:last-child td { border-bottom: none; }
.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr th:not([colspan="1"]),
.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr td:not([colspan="1"]) { border-bottom-width: 1px; border-bottom-style: solid; }

.dataTables_wrapper .table thead th, .dataTables_wrapper .table thead td { border-top: 1px solid #212529; }
.dataTables_wrapper .table tfoot tr th, .dataTables_wrapper .table tfoot tr td { border-top: none; }


.dataTables_wrapper .table thead th[colspan], .dataTables_wrapper .table thead td[colspan] { border-bottom-color: #212529; }
.dataTables_wrapper .table thead th:not([colspan="1"]), .dataTables_wrapper .table thead td:not([colspan="1"]) { border-bottom-color: #c5c8cc; }
.dataTables_wrapper .table thead tr + tr th,
.dataTables_wrapper .table thead tr + tr td { border-top: none; }
.dataTables_wrapper .table thead tr + tr th:last-child,
.dataTables_wrapper .table thead tr + tr td:last-child { border-right-color: #c5c8cc; }

/*	------ table bordered ------ */
.dataTables_wrapper > .table-bordered.dataTable { border-top: none; border-bottom: none; }
.dataTables_wrapper > .table-bordered.dataTable tfoot tr:last-child th,
.dataTables_wrapper > .table-bordered.dataTable tfoot tr:last-child td { border-bottom: 1px solid #212529; }
.dataTables_wrapper > .table-bordered.dataTable tbody tr:last-child th,
.dataTables_wrapper > .table-bordered.dataTable tbody tr:last-child td { border-bottom: 1px solid #212529; }
.dataTables_wrapper > .table-bordered.dataTable tbody th,
.dataTables_wrapper > .table-bordered.dataTable tbody td { border-bottom-width: inherit; border-bottom-color: #dee2e6; }
.dataTables_wrapper > .table-bordered.dataTable thead th:first-child,
.dataTables_wrapper > .table-bordered.dataTable thead td:first-child,
.dataTables_wrapper > .table-bordered.dataTable tfoot th:first-child,
.dataTables_wrapper > .table-bordered.dataTable tfoot td:first-child,
.dataTables_wrapper > .table-bordered.dataTable tbody th:first-child,
.dataTables_wrapper > .table-bordered.dataTable tbody td:first-child { border-left-width: 1px; }

/*	------ table type bordered ------ */
.table-type-bordered .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead,
.table-type-bordered .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody,
.table-type-bordered .dataTables_wrapper:not(.no-footer) .dataTables_scroll .dataTables_scrollFoot { border-right: 1px solid #212529 !important; border-left: 1px solid #212529 !important; }
.table-type-bordered .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .table,
.table-type-bordered .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody .table,
.table-type-bordered .dataTables_wrapper:not(.no-footer) .dataTables_scroll .dataTables_scrollFoot .table { border-left-width: 0; }
.table-type-bordered .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody .table-bordered.dataTable thead,
.table-type-bordered .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody .table-bordered.dataTable thead > * { border: none; }
.table-type-bordered .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody .table-bordered.dataTable tbody th,
.table-type-bordered .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody .table-bordered.dataTable tbody td { border-bottom-width: inherit; border-bottom-color: #dee2e6; }


/*	------ Header ------ */
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting { padding-right: 1.25rem; }
table.dataTable thead .sorting::before, table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_desc::after,
table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_asc_disabled::after,
table.dataTable thead .sorting_desc_disabled::before, table.dataTable thead .sorting_desc_disabled::after { width: 15px; height: 15px; margin-top:-6px; top: 50%; right: 4px; bottom: auto; font-family: "icon-mode3"; line-height: 1; }
table.dataTable thead .sorting::before, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_desc_disabled::before { content: "\ea7f"; }
table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after { content: "\ea7e"; }

div.dataTables_wrapper div.dataTables_length label { font-size: .8125rem; }

div.dataTables_wrapper div.dataTables_info { padding-top: .3125rem !important; padding-bottom: .3125rem; font-size: .8125rem; }
div.dataTables_wrapper div.dataTables_paginate { padding-top: 0; }
div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin: 0; }
div.dataTables_wrapper div.dataTables_paginate .pagination .paginate_button { min-width: inherit; margin-left: 0; padding: 0; border: none !important; }
div.dataTables_wrapper div.dataTables_paginate .pagination .paginate_button:hover,
div.dataTables_wrapper div.dataTables_paginate .pagination .paginate_button:active { background: none; box-shadow: none; }

div.dataTables_wrapper .pagination-container::before,
div.dataTables_wrapper .pagination-container::after { content: ""; display: table; }
div.dataTables_wrapper .pagination-container::after { clear: both; }

/*
.dataTables_wrapper:not(.dt-bootstrap4) .dataTables_info { padding-top: 5px !important; padding-bottom: 5px; font-size: .875rem; }

.dataTables_wrapper:not(.dt-bootstrap4) .dataTables_paginate { padding-top: 0 !important; }
.dataTables_wrapper:not(.dt-bootstrap4) .dataTables_paginate .paginate_button { min-width: inherit !important; margin-left: 0 !important; padding: .375rem .6875rem !important; position: relative; border-color: #dee2e6 !important; border-radius: 0 !important; color: #2f3640 !important; font-size: .875rem; line-height: 1.25; }
.dataTables_wrapper:not(.dt-bootstrap4) .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper:not(.dt-bootstrap4) .dataTables_paginate .paginate_button:active { background: #e9ecef !important; border-color: #dee2e6 !important; box-shadow: none; color: #2f3640 !important; z-index: 2; }
.dataTables_wrapper:not(.dt-bootstrap4) .dataTables_paginate .paginate_button.current,
.dataTables_wrapper:not(.dt-bootstrap4) .dataTables_paginate .paginate_button.current:hover { background: #14c6d6 !important; border-color: #14c6d6 !important; color: #fff !important; }
.dataTables_wrapper:not(.dt-bootstrap4) .dataTables_paginate .paginate_button.disabled { color: #bdc3c7 !important; }

.dataTables_wrapper:not(.dt-bootstrap4) .dataTables_paginate .paginate_button.first,
.dataTables_wrapper:not(.dt-bootstrap4) .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper:not(.dt-bootstrap4) .dataTables_paginate .paginate_button.next,
.dataTables_wrapper:not(.dt-bootstrap4) .dataTables_paginate .paginate_button.last { padding-right: .5rem !important; padding-left: 7px !important; }
.dataTables_wrapper:not(.dt-bootstrap4) .dataTables_paginate .paginate_button i { position: relative; top: 1px; }

.dataTables_wrapper:not(.dt-bootstrap4) .pagination-container::before,
.dataTables_wrapper:not(.dt-bootstrap4) .pagination-container::after { content: ""; display: table; }
.dataTables_wrapper:not(.dt-bootstrap4) .pagination-container::after { clear: both; }
*/

/*	------------------ [TABLE FILLTER] ------------------ */
.filter-container .form-grid-container { margin-bottom: 1rem; }
/*.filter-container .form-grid-container .form-control { min-width: 9.5rem; }*/

.table-container .action-container { margin-bottom: .25rem; }
.table-container .action-container .action-body { margin-bottom: .25rem; display: flex; }
.table-container .action-container .action-body .form-group { margin-right: 4px; margin-bottom: 0; }
.table-container .action-container .action-body .form-group:last-child { margin-right: 0; }

/****** responsive & retina specific ******/
@media (min-width: 768px) {
	.table-container .action-container { display: flex !important; justify-content: space-between !important; }
	.table-container .action-container .action-body { margin-bottom: 0; display: inline-flex; }
	.table-container .action-container .action-body .form-group { width: auto; }
}






.table-container .action-container .form-group .btn { margin-right: .25rem; }

/*	------------------ [TABLE FILLTER] ------------------ * /
.filter-container { padding-bottom: .25rem; display: flex !important; justify-content: space-between !important; }
.table + .filter-container, .dataTables_scroll + .filter-container, .div-table + .filter-container { padding-top: .25rem; padding-bottom: 0; }
.filter-container .form-group { width: auto; margin-bottom: 0; vertical-align: middle; }
.filter-container .divider { margin-left: .8125rem; position: relative; }
.filter-container .divider::before { height: .75rem; margin-left: .5rem; margin-right: .5rem; position: absolute; top: .5rem; left:-1.0625rem; }

.filter-container .btn { padding: .1875rem .5rem .25rem; font-size: .8125rem; }
.filter-container .btn-icon { padding: .25rem .34375rem .1875rem; }

.filter-container .form-control { padding: .1875rem .5rem .25rem; font-size: .8125rem; }
.filter-container select.form-control { background-position: calc(100% - .5rem) .625rem !important; }
.filter-container .custom-control-label { line-height: 1.8; }
.filter-container .custom-control-label::before { top: .25rem; }
.filter-container .custom-control-label::after { top: 3px; }
/*
.filter-content .col + .col { text-align: right; }
.filter-content .form-group { position: relative; }
.filter-content .form-group:first-child { margin: 0; }
.filter-content .form-group .btn:not(.btn-icon):not(.btn-switch) { min-width: 80px; }
.filter-content .form-group .btn + .btn { margin-left: .1875rem; }
.filter-content .form-group .form-control { display: inline-block; }
.filter-content .form-group .controls-guide { display: inline-block; vertical-align: middle; }


/*
.table-filter .form-date .controls { width: 104px; }
.table-filter .form-date-range .controls { width: 78px; }
* /

.filter-container + .pagination-container { padding: 0; }



/*	------------------------------------------------------------
	[DIV TABLE]
	------------------------------------------------------------ * /
.list-table-container { height: 100%; position: relative; background-color: #fff; color: #2f3640; }
/*	--------------- Header --------------- * /
.list-table-container .list-table-header { width: 100%; padding-right: 17px; position: relative; border-bottom: 1px solid #d8dcdd; }
.table-filter + .list-table-container .list-table-header { border-top: 1px solid #d8dcdd; }
.list-table-container .list-table-header .list-thead { min-height: 32px; position: relative; background-color: #fff; overflow: hidden; word-break: break-word; }
.list-table-container .list-head-row { min-width: 100%; height: 32px; display: inline-block; display: flex; position: relative; vertical-align: top; white-space: nowrap; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.list-table-container .list-head-col { height: 32px; line-height: inherit; margin-left: 0; padding: 7px 8px; display: inline-block; position: relative; border-left: 1px solid #d8dcdd; font-weight: 500; text-align: left; vertical-align: top; white-space: nowrap; word-break: break-word; text-overflow: ellipsis; outline: transparent; }
.list-table-container .list-head-col:first-child { margin-left: 0; border-left: 0; }
.list-table-container .list-head-col .cell-title { width: 100%; display: block; position: relative; }
/*	--------------- Content --------------- * /
.list-table-container .list-table-content { width: 100%; min-width: 100%; height: 100%; min-height: 1px; display: inline-block; position: relative; vertical-align: top; overflow-y: scroll; overflow-x: auto; }
.list-table-container .list-table-content .list-tbody { height: 100%; }
.list-table-container .list-body-row { min-width: 100%; min-height: 32px; padding: 0; display: flex; border-bottom: 1px solid #f6f6f6; background-color: #fff; white-space: nowrap; vertical-align: top; word-break: break-word; cursor: default; }
.list-table-container .list-body-row:hover { background-color: #f3fcff; transition: all .12s ease-out; }
.list-table-container .list-body-col { height: 100%; line-height: inherit; margin: 0; padding: 7px 8px; display: inline-block; position: relative; border-left: 1px solid transparent; text-align: left; vertical-align: top; white-space: nowrap; word-break: break-word; text-overflow: ellipsis; outline: transparent; }
.list-table-container .list-item { padding: 0; display: inline-block; }
/*	--------- Table Header Sorting --------- * /
.list-table-container.list-table-thalign .list-head-col.sorted-asc,
.list-table-container.list-table-thalign .list-head-col.sorted-desc { background-color: rgb(255,255,255); }
.list-table-container.list-table-thalign .list-head-col.sorted-asc span,
.list-table-container.list-table-thalign .list-head-col.sorted-desc span { padding-right: 20px; }
.list-table-container.list-table-thalign .list-head-col.sorted-asc span::after,
.list-table-container.list-table-thalign .list-head-col.sorted-desc span::after { content: ""; width: 0; height: 0; margin-top:-2.5px; position: absolute; top: 50%; right: 0; }
.list-table-container.list-table-thalign .list-head-col.sorted-asc span::after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #4c607a; }
.list-table-container.list-table-thalign .list-head-col.sorted-desc span::after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 5px solid #4c607a; }
.list-table-container.list-table-thalign .list-head-col:hover { background-color: #e4f8fe !important; }
.list-table-container.list-table-thalign .list-head-col:hover:not(.sorted) span::after { content: ""; width: 0; height: 0; margin-top:-2.5px; position: absolute; top: 50%; right: 0; }
.list-table-container.list-table-thalign .list-head-col:hover:not(.sorted) span::after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #4c607a; }
/*	--------------- Footer --------------- * /
.list-table-container .list-table-footer { width: 100%; padding: 8px; position: relative; border-top: 1px solid #d8dcdd; }
/*	--- Small-Type --- * /
.list-table-container.list-table-sm { font-size: 12px; }



/*	------------------------------------------------------------
	[DIV TABLE]
	------------------------------------------------------------ * /
.table-container { position: relative; clear: both; zoom: 1; }
.table-container::after { content: ""; height: 0; display: block; visibility: hidden; clear: both; }

.div-table { width: 100%; margin: 0 auto; display: table; /*table-layout: fixed;* / background-color: transparent; border: 1px solid #2f3640; /*border-collapse: collapse;* / clear: both; }
.div-table .form-group { margin-bottom: 0; }
.div-table .form-group .custom-control { min-height: 1.125rem; }
.div-table .form-group .custom-control-label::before,
.div-table .form-group .custom-control-label::after { top: 1px; }
.div-table .form-group .custom-control-label.text-hide { height: 1.125rem; }
.div-table .form-group .btn-switch { padding: .625rem 0; }
.div-table .form-group .btn-switch::before,
.div-table .form-group .btn-switch::after { line-height: 1; }
.div-table .form-group .btn-switch > .handle { width: .875rem; height: .875rem; }
.div-table .form-group .btn-switch-inner { width: 3.125rem; }

.div-table .div-thead { display: table-header-group; background-color: #eee; font-weight: bold; }
.div-table .div-tfoot { display: table-footer-group; background-color: #eee; font-weight: bold; }
.div-table .div-tbody { display: table-row-group; }
.div-table .div-tr { display: table-row; /*border-collapse: collapse;* / }
.div-table .div-td,
.div-table .div-th { height: 36px; padding: .25rem .5rem; display: table-cell; /*border: 1px solid #999;* / font-size: .8125rem; white-space: nowrap; }

.div-table .cell-collapse { width: 1px; white-space: nowrap; }
.div-table .linefeed span { white-space: normal; }
.div-table .ellipsis a, .div-table .ellipsis span { max-width: 200px; display: inline-block; vertical-align: top; text-overflow: ellipsis; overflow: hidden; }
.div-table .text-underscore { font-size: 18px; }
.div-table .icon-help { width: 17px; height: 17px; line-height: 1; margin-left: 5px; padding: .1875rem 0; display: inline-block; background-color: #ffc028; border-radius: 100%; color: #2f3640; font-size: 11px; text-align: center; }
.div-table .dt-center { text-align: center !important; }
.div-table .dt-right { text-align: right !important; }

/*	--------------- Head --------------- * /
.div-table .div-thead .div-th { font-weight: 700; text-align: left; text-transform: uppercase; }
.div-table .div-thead .div-th,
.div-table .div-thead .div-td { position: relative; background-color: #e8ebf0; border-left: 1px solid rgba(0,0,0,.15); border-bottom: 1px solid #2f3640; color: #212529; vertical-align: middle; }
.div-table .div-thead .div-th:first-child,
.div-table .div-thead .div-td:first-child { border-left: none; }
.div-table .div-thead .div-th:active,
.div-table .div-thead .div-td:active { outline: none; }

/*	--------------- Body --------------- * /
.div-table .div-tbody .div-tr { background-color: #fff; }
.div-table .div-tbody .div-tr:nth-child(2n+2),
.div-table .div-tbody .div-tr.even { background-color: #f6f6f6; }
.div-table .div-tbody .div-tr.selected { background-color: #b0bed9; }
.div-table .div-tbody .div-tr:hover { background-color: #f2f8f9; border: 0 solid #14c6d6 !important; transition: background .15s ease-in; }

.div-table .div-tbody .div-th,
.div-table .div-tbody .div-td { border-top: 1px solid #dfe4ea; border-left: 1px solid #dfe4ea; color: #212529; vertical-align: middle; }
.div-table .div-tbody .div-tr:first-child .div-th,
.div-table .div-tbody .div-tr:first-child .div-td { border-top: none; }
.div-table .div-tbody .div-tr .div-td:first-child { border-left: none; }
.div-table .div-tbody .div-td a:not(.btn):hover { text-decoration: underline; }

.div-table .div-tbody .div-tr.data-empty { height: 20rem; position: relative; background-color: #fff !important; }
.div-table .div-tbody .div-tr.data-empty .div-td { width: 100%; height: 20rem; display: flex; flex-wrap: wrap; align-items: center !important; position: absolute; font-size: 1rem; text-align: center; }
.div-table .div-tbody .div-tr.data-empty .div-td span { width: 100%; }
.div-table .div-tbody .div-tr.data-empty .div-td:hover { background-color: #fff !important; }

/*	--------------- Foot --------------- * /
.div-table .div-tfoot .div-th { font-weight: 700; text-align: left; text-transform: uppercase; }
.div-table .div-tfoot .div-th,
.div-table .div-tfoot .div-td { background-color: #fff; border-top: 1px solid #2f3640; vertical-align: middle; }


/*	------ Table Data State ------ * /
.div-table .cell-notice, .div-table .cell-notice > th, .div-table .cell-notice > td, .div-table .cell-notice:hover, .div-table .cell-notice:hover > th, .div-table .cell-notice:hover > td { background-color: #eceff3; color: #2f3640 !important; font-weight: 500; }
.div-table .cell-notice, .div-table .cell-notice > th, .div-table .cell-notice > td { border-bottom: 1px solid #dfe4ea; }

.div-table .cell-info, .div-table .cell-info > th, .table .cell-info > td, .table .cell-info:hover, .table .cell-info:hover > th, .table .cell-info:hover > td { background-color: #f3fcff; color: #425a76 !important; }
.div-table .cell-success, .div-table .cell-success > th, .div-table .cell-success > td, .div-table .cell-success:hover, .div-table .cell-success:hover > th, .div-table .cell-success:hover > td { background-color: #f4fdfa; color: #0e5c2f !important; }
.div-table .cell-caution, .div-table .cell-caution > th, .div-table .cell-caution > td, .div-table .cell-caution:hover, .div-table .cell-caution:hover > th, .div-table .cell-caution:hover > td { background: #fffbf1; color: #513606 !important; }
.div-table .cell-warning, .div-table .cell-warning > th, .div-table .cell-warning > td, .div-table .cell-warning:hover, .div-table .cell-warning:hover > th, .div-table .cell-warning:hover > td { background: #fef5f7; color: #9d3331 !important; }



.div-table .div-tr.active, .div-table .div-th.active, .div-table .div-td.active,
.div-table .active > .div-th, .div-table .active > .div-td,
.div-table .div-tr.active:hover, .div-table .div-th.active:hover, .div-table .div-td.active:hover,
.div-table .active:hover > .div-th, .table .active:hover > .div-td { background-color: rgba(0,216,214,.08) !important; color: #2f3640 !important; }

.div-table .cell-disabled, .div-table .cell-disabled > th, .div-table .cell-disabled > td, .div-table .cell-disabled:hover, .div-table .cell-disabled:hover > th, .div-table .cell-disabled:hover > td { background-color: #fff !important; color: #bdc3c7 !important; }








/*	------------------------------------------------------------
	[BOARD]
	------------------------------------------------------------ */
.board-container { margin-bottom: 1rem; }
.board-container.view .board-view-header { border-style: solid; border-width: 0; border-top-width: 1px; border-bottom-width: 1px; border-top-color: var(--bs-gray-400); border-bottom-color: var(--bs-gray-400); }
.board-container.view .board-view-header .title-group { padding: 1.5rem .75rem; }
.board-container.view .board-view-header .title { font-size: 1.5rem; font-weight: 700; }
.board-container.view .board-view-header .date { color: var(--bs-gray-500); }
.board-container.view .board-view-body { padding: 3rem .75rem; border-style: solid; border-width: 0; border-bottom-width: 1px; border-bottom-color: var(--bs-gray-400); }
.board-container.view .board-view-body .question { margin-bottom: 3rem; }
.board-container.view .board-view-body .comment { padding-top: 3rem; position: relative; color: var(--bs-gray-600); }
.board-container.view .board-view-body .comment::before { content: ""; width: 80%; height: 1px; position: absolute; top:0; left: 0; background-color: var(--bs-gray-300); }
.board-container.view .board-view-body .comment .cs { color: #212529; font-weight: 700; }
.board-container .form-group { margin-top: .75rem; }
.board-container.write .form-group { margin-top: 2rem; }
.board-container .form-group .btn { min-width: 10rem; }








.board-container.write textarea.form-control { height: 20rem; }



/*	--------- [Responsive] --------- */
@media (min-width: 768px) {
	.board-container.write textarea.form-control { height: 25rem; }
}






















/*
.icon-character { width: 18px; height: 18px; display: inline-block; position: relative; top:-1px; background-image: url(../images/sprites-characters-360px@2x.png); background-repeat: no-repeat; background-size: 360px auto; vertical-align: middle; }
.character-admin { background-position: 0 0; }
.character-01 { background-position:-18px 0; }
.character-02 { background-position:-36px 0; }
.character-03 { background-position:-54px 0; }
.character-04 { background-position:-72px 0; }
.character-05 { background-position:-90px 0; }
.character-06 { background-position:-108px 0; }
.character-07 { background-position:-126px 0; }
.character-08 { background-position:-144px 0; }
.character-09 { background-position:-162px 0; }
.character-10 { background-position:-180px 0; }
*/


/*	------------------------------------------------------------
 * Super simple wysiwyg editor v0.8.18
 * https://summernote.org
 * 
 * Copyright 2013- Alan Hong. and other contributors
 * summernote may be freely distributed under the MIT license.
 * 
 * Date: 2020-05-20T18: 09Z
	------------------------------------------------------------ */
.note-editor.note-frame, .note-editor.note-airframe { margin-bottom: 0; border: 1px solid #d8dde3; }
.note-editor.note-frame .note-statusbar, .note-editor.note-airframe .note-statusbar { background-color: #e9ecef; border-top: 1px solid #d8dde3; }
.note-placeholder { color: #a4b0be; }

.note-toolbar { background: #f2f4f7; }
.note-btn-group .note-btn { min-width: inherit !important; padding: .25rem .5rem .3125rem; border-color: #d8dde3; }
.note-btn-group.show > .note-btn.dropdown-toggle { border-color: #d5d6d6; }
.note-btn-group .note-btn i { margin-left: 0 !important; font-size: 15px; }
.note-color .dropdown-toggle::after { margin-left: 0; }
.note-popover .popover-content .note-para .note-dropdown-menu, .note-editor .note-toolbar .note-para .note-dropdown-menu { min-width: 211px; }

.note-editor.note-frame .note-placeholder,
.note-editor.note-airframe .note-placeholder,
.note-editor.note-frame .note-editing-area .note-editable,
.note-editor.note-airframe .note-editing-area .note-editable { padding: .375rem .5rem; font-size: .875rem; }
.note-editor.note-frame .note-editing-area .note-editable p,
.note-editor.note-airframe .note-editing-area .note-editable p { font-size: .875rem; }

.form-sm .note-editor.note-frame .note-placeholder,
.form-sm .note-editor.note-airframe .note-placeholder,
.form-sm .note-editor.note-frame .note-editing-area .note-editable,
.form-sm .note-editor.note-airframe .note-editing-area .note-editable { padding: .25rem .5rem; font-size: .8125rem; }
.form-sm .note-editor.note-frame .note-editing-area .note-editable p,
.form-sm .note-editor.note-airframe .note-editing-area .note-editable p { font-size: .8125rem; }


.note-modal .modal-dialog { min-height: calc(100% - 1rem); display: flex; align-items: center; border-radius: 0; box-shadow: none; }
@media (min-width: 576px) {
	.note-modal .modal-dialog { min-height: calc(100% - 3.5rem); }
}
.note-modal .form-group { margin-bottom: 1rem; }
.note-form-label { margin-bottom: .25rem; padding-left: 2px; color: #2f3640; font-size: .875rem; font-weight: 500; }

.note-form-control { width: 100%; min-height: calc(1.5em + .75rem + 2px) !important; padding: .375rem .5rem 7px !important; display: block; position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid #d8dde3; border-radius: .25rem; color: #495057; font-size: .875rem !important; font-weight: 400; line-height: 1.5; -webkit-appearance: none; -moz-appearance: none; appearance: none; ttransition: background-color .2s ease-in-out, border-color .2s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
	.note-form-control { transition: none; }
}
.note-form-control:focus, .note-form-select:focus { background-color: #fcfcfc; border-color: #bdc3c7; color: #495057; box-shadow: none !important; outline: 0; }
.note-form-control[readonly], .note-form-select[readonly] { background-color: #f2f4f7; color: rgba(47,54,64,.6); }
.note-form-control:disabled, .note-form-select:disabled { background-color: #e8ebf0; color: rgba(0,0,0,.25); opacity: 1; }
.note-form-control::-webkit-input-placeholder { color: #a4b0be; opacity: 1; }
.note-form-control::-moz-placeholder { color: #a4b0be; opacity: 1; }
.note-.form-control:-ms-input-placeholder { color: #a4b0be; opacity: 1; }
.note-form-control::-ms-input-placeholder { color: #a4b0be; opacity: 1; }
.note-form-control::placeholder { color: #a4b0be; opacity: 1; }
.note-form-control:disabled, .note-form-control[readonly] { background-color: #e9ecef; opacity: 1; }

.note-image-input { width: 100%; height: calc(1.5em + .8125rem + 2px); margin: 0; padding: .1875rem .25rem .25rem .25rem !important; border-color: #d8dde3; font-size: .875rem !important; transition: background-color .2s ease-in-out, border-color .2s ease-in-out; opacity: 1; z-index: 2; }



/*	------------------------------------------------------------
	[FILE ATTACH]
	------------------------------------------------------------ */
.file-attach-container { width: 20rem; flex: 0 0 auto; }
.file-attach-container .file-attach { min-width: 0; position: relative; display: flex; flex-wrap: wrap; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem; }
.file-attach .file-img-group { width: auto; max-width: 100%; padding: .75rem; display: flex; flex: 0 0 auto; flex-direction: column; justify-content: center; position: relative; }
.file-attach .file-body { width: auto; max-width: 100%; padding: .75rem 0; display: flex; flex: 1 1 0; flex-direction: column; justify-content: center; position: relative; }
.file-attach .file-footer { width: auto; max-width: 100%; display: flex; flex: 0 1 auto; flex-direction: column; justify-content: center; position: relative; }
.file-attach .file-footer a { padding: .75rem 1rem; text-decoration: none; }

.file-attach .file-img-group i { color: #28a745; font-size: 30px; }
.file-attach .file-body .name { width: 12.5rem; font-size: .8125rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.file-attach .file-body .name a { color: #212529; text-decoration: none; }
.file-attach .file-body .name a:hover { text-decoration: underline; }
.file-attach .file-body .size { font-size: .75rem; }



/*	------------------------------------------------------------
	[LINK ATTACH]
	------------------------------------------------------------ */
.link-attach-container { width: 100%; flex: 0 0 auto; }
.link-attach-container .link-attach { min-width: 0; position: relative; display: flex; flex-wrap: wrap; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem; }
.link-attach .link-img-group { width: auto; max-width: 100%; padding: .5rem .75rem; display: flex; flex: 0 0 auto; flex-direction: column; justify-content: center; position: relative; }
.link-attach .link-body { width: auto; max-width: 100%; padding: .5rem 0; display: flex; flex: 1 1 0; flex-direction: column; justify-content: center; position: relative; }
.link-attach .link-footer { width: auto; max-width: 100%; display: flex; flex: 0 1 auto; flex-direction: column; justify-content: center; position: relative; }
.link-attach .link-footer a { padding: .5rem 1rem; text-decoration: none; }

.link-attach .link-img-group i { color: #28a745; }
.link-attach .link-body .url { width: 12.5rem; font-size: .8125rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.link-attach .link-body .url a { color: #212529; text-decoration: none; }
.link-attach .link-body .url a:hover { text-decoration: underline; }



/*	------------------------------------------------------------
	[SPLITTER]***
	------------------------------------------------------------ */
#splitterContainer { }
.splitter { height: 100%; }
/*.splitter-pane { overflow: auto; }*/
.splitter-bar-vertical { width: 5px; height: 100% !important; position: relative; }
/*.splitter-bar-vertical.active,
.splitter-bar-vertical:hover { width: 5px; background-color: #000; opacity: .5; -webkit-filter: alpha(opacity=50); filter: alpha(opacity=50); }*/
.splitter-bar.ui-state-default {}
.splitter-bar.ui-state-hover {}



/*	------------------------------------------------------------
	[File Upload - EDITOR TYPE]***
	------------------------------------------------------------ */
.drop-container { height: 100%; padding: 20px; }
.drop-container .drop-content { height: 100%; padding: 0; position: relative; border: 2px dashed #16c1f3; cursor: pointer; }
.drop-container .drop-content:hover { -webkit-animation: dropborder linear 2s infinite; animation: dropborder linear 2s infinite; }
.drop-container .drop-content form { width: 100%; height: 100%; min-height: 100%; border: 0 none; background: none; }
.drop-container .txt-sect {margin-top:-171px !important; margin-left:-280px !important; position: absolute; top: 50%; left: 50%; }
.drop-container .txt-sect,
.drop-container .txt-sect * { cursor: pointer; }
.drop-container .txt-sect { text-align: center; }
.drop-container .txt-sect h3 { display: inline-block; color: #fff; font-size: 28px; font-weight: 300; }
.drop-container .txt-sect h3::before { content: ""; width: 192px; height: 192px; margin: 0 auto -20px; display: block; background-image: url(../../../assets/img/sprites-icons-640px.png); background-repeat: no-repeat; background-position: 0 -256px; background-size: 640px auto; }
.drop-container .txt-sect p { display: block; color: rgba(255,255,255,.7); font-size: 16px; font-weight: 300; }
.drop-container .txt-sect p.txt-pad { padding: 20px 0; color: #fff; }
.drop-container .txt-sect .form-group { text-align: center; }
.drop-container .txt-sect .btn { padding: 10px 60px 8px; font-size: 22px; }
.drop-container .txt-sect label + .controls-file,
.drop-container .txt-sect input[type="file"] { opacity: 0; -webkit-filter: alpha(opacity=0); filter: alpha(opacity=0); }

.drop-container .items-content { height: 147px; margin-top: 20px; background-color: #fff; border: 1px solid #dedede; }
.drop-container .items-content .progress-sect { padding: 20px; }
.drop-container .items-content .progress-sect .data-progress { padding-bottom: 5px; text-align: left; }
.drop-container .items-content .progress-sect .data-progress p { color: #a4b0be; font-size: 13px; }
.drop-container .items-content .progress-sect .graph-progress {}
.drop-container .items-content .progress-sect .graph-progress .progress { background-color: rgba(255,255,255,.65); }
.drop-container .items-content .progress-sect .graph-progress .progress .progress-bar { background-color: #ffc028; }
.drop-container .items-content .data-sect { width: 100%; position: relative; }
.drop-container .items-content .data-sect .data-group.pull-left { position: absolute; top: 8px; left: 20px; }
.drop-container .items-content .data-sect .data-group .data { float: left; min-width: 80px; text-align: left; }
.drop-container .items-content .data-sect .data-group .data .data-header { color: #a4b0be; font-size: 13px; }
.drop-container .items-content .data-sect .data-group .data .data-content { color: #36cfcd; font-size: 24px; }
.drop-container .items-content .data-sect .data-group .data:last-child .data-content { color: #f63759; }
.drop-container .items-content .data-sect .btn-group { width: auto; }
.drop-container .items-content .data-sect .btn-group:not(.pull-right) .btn { width: 200px; min-width: auto; padding: 12px 10px 8px 10px; font-size: 18px; }
.drop-container .items-content .data-sect .btn-group.pull-right { padding-right: 20px; position: absolute; top: 9px; right: 20px; }

/*	------------------ [Dropzone] ------------------ */
@-webkit-keyframes passing-through {
	  0% { opacity: 0; transform: translateY(40px); }
	 30%,
	 70% { opacity: 1; transform: translateY(0px); }
	100% { opacity: 0; transform: translateY(-40px); }
}
@keyframes passing-through {
	  0% { opacity: 0; transform: translateY(40px); }
	 30%,
	 70% { opacity: 1; transform: translateY(0px); }
	100% { opacity: 0; transform: translateY(-40px); }
}
@-webkit-keyframes slide-in {
	  0% { opacity: 0; transform: translateY(40px); }
	 30% { opacity: 1; transform: translateY(0px); }
}
@keyframes slide-in {
	  0% { opacity: 0; transform: translateY(40px); }
	 30% { opacity: 1; transform: translateY(0px); }
}
@-webkit-keyframes pulse {
	  0% { transform: scale(1); }
	 10% { transform: scale(1.1); }
	 20% { transform: scale(1); }
}
@keyframes pulse {
	  0% { transform: scale(1); }
	 10% { transform: scale(1.1); }
	 20% { transform: scale(1); }
}

/*.dropzone { min-height: 500px; padding: 54px 54px; border: 2px solid rgba(0,0,0,.3); background: white; }*/
.dropzone.dz-clickable { cursor: pointer; }
.dropzone.dz-clickable * { cursor: default; }
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * { cursor: pointer; }
.dropzone.dz-started .dz-message { display: none; }
.dropzone.dz-drag-hover { border-style: solid; }
.dropzone.dz-drag-hover .dz-message { opacity: .5; }
.dropzone .dz-message { text-align: center; margin: 2em 0; }
.dropzone .dz-preview { float: left; width: 50%; width: calc(50% - 32px); min-height: 82px; margin: 16px; padding: 10px; position: relative; background-color: #fff; border: 2px solid #dcdde1; }
.dropzone .dz-preview:hover { z-index: 1000; }
.dropzone .dz-preview:hover .dz-details { opacity: 1; }
.dropzone .dz-preview:hover .dz-image img { }
.dropzone .dz-preview.dz-image-preview { }
.dropzone .dz-preview.dz-image-preview .dz-details { transition: opacity .2s linear; }
.dropzone .dz-preview.dz-file-preview .dz-image { background-image: url(../../../assets/img/sprites-icons-640px.png); background-repeat: no-repeat; background-position: 0 -192px; background-size: 640px auto; }
.dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1; }
.dropzone .dz-preview .dz-image { width: 60px; height: 60px; display: block; position: absolute; top: 10px; left: 10px; overflow: hidden; z-index: 10; }
.dropzone .dz-preview .dz-image img { height: 100%; display: block; }
.dropzone .dz-preview .dz-details { min-width: 100%; max-width: 100%; line-height: 150%; padding: 0 15px 0 70px; position: relative; color: rgba(0,0,0,.8); font-size: 13px; text-align: left; opacity: 1; z-index: 20; }
.dropzone .dz-preview .dz-details .dz-size { font-size: 13px; }
.dropzone .dz-preview .dz-details .dz-filename { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; transition: all .2s linear; }
.dropzone .dz-preview.dz-complete .dz-progress { opacity: 1; transition: opacity .4s ease-in; }
.dropzone .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; }
.dropzone .dz-preview .dz-progress { width: 80%; width: calc(100% - 90px); height: 8px; position: absolute; bottom: 15px; left: 80px; background-color: #d6dee5; border-radius: 8px; pointer-events: none; transform: scale(1); opacity: 1; overflow: hidden; z-index: 1000; }
.dropzone .dz-preview .dz-progress .dz-upload { width: 0; position: absolute; top: 0; left: 0; bottom: 0; background-color: #36cfcd; border-radius: 8px; transition: width 300ms ease-in-out; }
.dropzone .dz-preview .dz-remove { width: 20px; height: 20px; display: block; position: absolute; top:-2px; right:-2px; cursor: pointer; line-height: 1; font-family:'dicon' !important; speak: none; font-size: 15px; font-style: normal; font-weight: normal; font-variant: normal; text-rendering: auto; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #f63759; text-indent:-110px; overflow: hidden; }
.dropzone .dz-preview .dz-remove::before { content: "\e96e"; position: absolute; top: 2px; right:-45px; color: #fff; }
.dropzone .dz-preview.dz-success .dz-success-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(.77,0,.175,1); animation: slide-in 3s cubic-bezier(.77,0,.175,1); }
.dropzone .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(.77,0,.175,1); animation: slide-in 3s cubic-bezier(.77,0,.175,1); }
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark { width: 16px; height: 16px; margin-top:-8px; display: block; position: absolute; top: 50%; right: 10px; pointer-events: none; opacity: 0; z-index: 500; line-height: 1; font-family:'dicon' !important; speak: none; font-size: 15px; font-style: normal; font-weight: normal; font-variant: normal; text-rendering: auto; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.dropzone .dz-preview .dz-success-mark::before { content: "\e96f"; color: #36cfcd; }
.dropzone .dz-preview .dz-error-mark::before { content: "\e96e"; color: #f63759; }
.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg { width: 16px; height: 16px; display: block; display: none; }
.dropzone .dz-preview.dz-error .dz-error-message { display: block; }
.dropzone .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; }
.dropzone .dz-preview .dz-error-message { width: auto; padding: 5px 8px; display: block; display: none; position: absolute; bottom:-30px; left:-2px; background-color: #f63759; border-radius: 3px; color: #fff; font-size: 12px; text-align: left; transition: opacity .3s ease; pointer-events: none; opacity: 0; z-index: 1000; }
.dropzone .dz-preview .dz-error-message::after { content: ""; width: 0; height: 0; position: absolute; top:-6px; left: 34px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #f63759; }
.dropzone .dz-preview.dz-success { border-color: #36cfcd; }
.dropzone .dz-preview.dz-success .dz-remove { background-color: #36cfcd; }
.dropzone .dz-preview.dz-error { border-color: #f63759; }
.dropzone .dz-preview.dz-error .dz-details { color: #f63759; }
.dropzone .dz-preview.dz-error .dz-progress .dz-upload { background-color: #f63759; }

@-webkit-keyframes dropborder {
	  0% { border: 2px dashed #24bff3; }
	 25% { border: 2px dashed #24f3ec; }
	 50% { border: 2px dashed #16f3e6; }	 
	 75% { border: 2px dashed #24f3ec; }
	100% { border: 2px dashed #24bff3; }
}
@keyframes dropborder {
	  0% { border: 2px dashed #24bff3; }
	 25% { border: 2px dashed #24f3ec; }
	 50% { border: 2px dashed #16f3e6; }	 
	 75% { border: 2px dashed #24f3ec; }
	100% { border: 2px dashed #24bff3; }
}
/*	--- Desktop-Type --- */
@media (min-width: 768px) {
	.dropzone .dz-preview { width: 25%; width: calc(25% - 32px); }
}
@media (min-width: 1200px) {
	.dropzone .dz-preview { width: 20%; width: calc(20% - 32px); }
}
/*	--- Retina-Specific --- */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.drop-container .txt-sect h3::before { background-image: url(../../../assets/img/sprites-icons-640px@2x.png); }
}



/*	------------------------------------------------------------
	[COMMON]***
	------------------------------------------------------------ */
iframe.iframe { border: none; }
[class^="dicon-"], [class*="dicon-"] { font-size: 15px; }


/*	------------------ [Show/Hidden] ------------------ */
.sr-only { padding: 0 !important; position: absolute !important; }
.bg-attach { background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }















.text-keep-all { word-break: keep-all; }



/*	--------- Responsive --------- * /
.type2.collapsing { transition: none; }
.collapsing { height: 0; position: relative; transition: height .35s ease; overflow: hidden; }
@media screen and (prefers-reduced-motion: reduce) {
	.collapsing { transition: none; }
}
*/

/*	------------------ [Gray Scale] ------------------ */
.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);
	-o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
	filter: url(../../../assets/img/base/resources.svg#desaturate); /* Gecko */
	filter: gray; /* IE */
	-webkit-filter: grayscale(1); /* Old WebKit */
}
.saturate { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); 
	-o-filter: grayscale(0%); /* Not yet supported in Gecko, Opera or IE */
	filter: url(../../../assets/img/base/resources.svg#desaturate); /* Gecko */
	filter: none; /* IE */
	-webkit-filter: grayscale(0); /* Old WebKit */
}

/*	------------------ [Sticky Banner] ------------------ */
.sticky-bnr { position: fixed; right: 2rem; bottom: 2rem; z-index: 1042; }

/*	------------------ [Divider] ------------------ */
.divider::before { content: ""; width: 1px; height: 8px; margin-left: 10px; margin-right: 13px; display: inline-block; position: relative; top:-1px; background-color: rgba(0,0,0,.3); }

/*	------------------ [Alignment] ------------------ */
span.text-center, span.text-right, span.text-left { display: block; }
/*	--------- [Responsive] --------- */
@media (min-width: 768px) {
	.flex-first { order:-1; }
	.flex-last { order: 1; }
	.flex-unordered { order: 0; }
}

/*	------------------ [Cursor] ------------------ */
.grab-move { cursor: move; }

/*	------------------ [Code] ------------------ */
.code { display: block; }

/*	------------------ [Animated] ------------------ */
.spin { -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; }
@-webkit-keyframes spin {
	  0% { transform: rotate(0deg); }
	100% { transform: rotate(359deg); }
}
@keyframes spin {
	  0% { transform: rotate(0deg); }
	100% { transform: rotate(359deg); }
}