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

/***************************************************************
	[breadcrumb]
***************************************************************/
.breadcrumbs { color:#a4b0be; font-size:12px; font-weight:400; text-transform:uppercase; }
.breadcrumbs.s1 { color:#555; font-size:13px;}
.breadcrumbs .breadcrumb { margin-bottom:0; padding:0; background-color:transparent; }
.breadcrumbs .breadcrumb-item.root { width:18px; height:18px; position:relative; }
.breadcrumbs .breadcrumb-item.root::before { content:"\e904"; width:21px; margin-top:-2px; padding:0; display:inline-block; color:rgba(0,0,0,0.5); font-size:15px; font-family:"tencon"; text-align:center; vertical-align:top; }
.breadcrumbs .breadcrumb-item + .breadcrumb-item::before { content:"\e915"; width:18px; height:18px; line-height:18px; padding-top:0; color:rgba(0,0,0,0.5); font-size:9px; font-family:"tencon"; text-align:center; vertical-align:top; }
/****** responsive & retina specific ******/
@media (min-width:768px) {
	.breadcrumbs .breadcrumb { padding:12px 16px; }
	.breadcrumbs.s1 .breadcrumb { padding:4px 12px; }
}

.multibox-select {border: 1px solid #ddd; border-radius: 6px; }
.multibox-select.box-fixed {overflow-y:scroll; -webkit-overflow-scrolling:touch;}
.multibox-select .multi-box {padding: 5px;}
.multi-box li.check-list.title {font-size: 13px; font-weight: 500;margin-left: -20px;}
.multi-box li.check-list {width: 100%; display: block; font-size: 13px; color:#555555; background: #fff; padding: 6px 8px 6px 30px; margin: 2px; position: relative;}
.multi-box li.check-list:hover,
.multi-box li.check-list:focus {background: #eaeaea}
.multi-box li.check-list.active {background: rgba(182,197,209,0.25);}
.multi-box li.check-list.active:hover,
.multi-box li.check-list.active:focus {background: rgba(182,197,209,0.4);}
.multi-box li.check-list.active:checked,
.multi-box li.check-list.active:active {background: rgba(163,210,247,0.8);}
.multi-box li.check-list.active:disabled{background: rgba(0,0,0,0.05); color: #888;}
.multi-box li.check-list::after{position: absolute; top:50%; left:0px; margin-top: -13px; content:"\e939"; width:26px; height:26px; line-height:26px; padding-top:0; color:rgba(0,0,0,0.2); font-size:12px; font-family:"tencon"; text-align:center; vertical-align:top;}
.multi-box li.check-list.active::after{color:rgba(0,0,0,0.95);}
.multi-box li.check-list.title::after {display: none;}
/***************************************************************
	[progress]
***************************************************************/
.progress-wrap { margin:8px 0; }
.progress { background-color:rgba(0,0,0,0.08); }
/*** variation ***/
.track-rounded { border-radius:32px; }
.track-angular { border-radius:0; }
.track-dark { background-color:rgba(0,0,0,0.9); }
/*** size ***/
.progress-sm { height:5px; }

/************ [modal / preload] ************/
.modal-progress .progress-wrap { width:384px; height:5px; margin:auto; padding:32px 16px calc(32px + 5px); display:block; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#212a30; border-radius:4px; }
.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%; }
}


/***************************************************************
	[loading]
***************************************************************/
/****** bootstrap spinner ******/
.modal-spinner { width:100%; height:100%; position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.7); z-index:100000; }
.modal-spinner .spinner-border { margin:auto; position:absolute; top:0; right:0; bottom:0; left:0; color:#f8f9fa; }
/****** bootstrap spinner ******/
.view-spinner { width:100%; height:100%; position:relative; top:0; right:0; bottom:0; left:0; z-index:10000; }
.view-spinner .spinner-border { margin:auto; position:absolute; top:0; right:0; bottom:0; left:0; color:#f8f9fa; }

.modal-spinner .form-group { width:107px; height:38px; margin:auto; position:absolute; top:0; right:0; bottom:0; left:0; color:#f8f9fa; }
.modal-spinner .form-group .btn-white { border-radius:4px !important; font-weight:500; }
.modal-spinner .form-group .btn-white i { margin-left:8px; }


/***************************************************************
	[scroll bar]
***************************************************************/
[data-simplebar] { max-height:inherit; position:relative; overflow:hidden !important; -webkit-overflow-scrolling:touch; z-index:0; /* Trigger native scrolling for mobile, if not supported, plugin is used. */ }
[data-simplebar="init"] { display:flex; }
[data-simplebar] .simplebar-scroll-content, [data-simplebar] .simplebar-content { overflow:hidden; }
[data-simplebar="init"] .simplebar-scroll-content, [data-simplebar="init"] .simplebar-content { overflow:scroll; }
.simplebar-scroll-content { min-width:100% !important; max-height:inherit !important; overflow-x:hidden !important; box-sizing:content-box !important; }
.simplebar-content { min-height:100% !important; overflow-y:hidden !important; box-sizing:border-box !important; }
.simplebar-track { width:11px; position:absolute; right:0; bottom:0; pointer-events:none; z-index:10; }
.simplebar-scrollbar { width:7px; min-height:10px; position:absolute; right:4px; }
.simplebar-scrollbar::before { content:""; position:absolute; left:0; right:0; background:#000; border-radius:32px; opacity:0; transition:opacity 0.2s linear; }
.simplebar-track .simplebar-scrollbar.visible::before { opacity:0.5; transition:opacity 0 linear; }
.simplebar-track.vertical { top:0; }
.simplebar-track.vertical .simplebar-scrollbar::before { top:2px; bottom:2px; }
.simplebar-track.horizontal { width:auto; height:11px; left:0; }
.simplebar-track.horizontal .simplebar-scrollbar::before { height:100%; left:2px; right:2px; }
.horizontal.simplebar-track .simplebar-scrollbar { width:auto; min-width:10px; height:7px; min-height:0; right:auto; left:0; top:2px; }


/***************************************************************
	[paragraph]
***************************************************************/
/************ [heading] ************/
/*.panel-body h4, .panel-body h5, .panel-body h6 { padding-top:24px; }*/
.panel-body h4 small, .panel-body h5 small, .panel-body h6 small { margin:0 5px; color:#777d81; font-size:13px; font-weight:300; }

/************ [paragraph] ************/
.panel-body p { margin-bottom:12px; color:#38393c; font-size:14px; }
.panel-body p:last-child,
.panel-body .list-paragraph:last-child,
.panel-body .figure-group:last-child,
.panel-body .alert:last-child,
.panel-body .collapse-wrap:last-child { margin-bottom:0; }

.panel-body strong { /*color:#212529;*/ font-weight:500; }
a.text-link { text-decoration:underline; }
.anchor-link, .anchor-link-angle, .anchor-link-external { text-decoration:none; white-space:nowrap; }
.anchor-link:hover, .anchor-link-angle:hover, .anchor-link-external:hover { text-decoration:none; }
.anchor-link::after { content:""; width:0; height:0; margin-left:4px; display:inline-block; position:relative; top:-2px; border:4px solid transparent; border-left:5px solid #26356f; }
.anchor-link-angle::after { content:"\e919"; display:inline-block; position:relative; top:1px; font-family:'tencon' !important; font-size:15px; line-height:1; }
.anchor-link-external::after { content:"\ea03"; margin-left:4px; display:inline-block; position:relative; top:1px; font-family:'tencon' !important; font-size:15px; line-height:1; }
.text-note a { text-decoration:none; white-space:nowrap; }
.taghash:hover .taghash-hash { text-decoration:none; }
.taghash:hover .taghash-text { text-decoration:underline; }
.mark-ellipsis { margin-right:4px; display:inline-block; font-size:14px; }
.btn-textmore { display:inline-block; font-size:14px; }

/************ [list] ************/
.list-paragraph { margin-bottom:12px; padding-left:18px; position:relative; color:#38393c; font-size:14px; text-align:left; }
.list-paragraph li { position:relative; }
.list-paragraph li.emphasis { font-weight:500; }
.list-paragraph li span { color:#888; font-size:12px; }
.list-paragraph li [class^="tencon-"] { position:relative; top:1px; }

.list-style-decimal { list-style:decimal; }
.list-style-circle { list-style:circle; }
.list-style-disc { list-style:disc; }
.list-style-square { list-style:square; }
.list-style-ref, .list-style-dashed { list-style:none; }
.list-style-ref > li::before { content:"\203b"; position:absolute; top:-1px; left:-18px; }
.list-style-dashed > li::before { content:""; position:absolute; width:8px; height:2px; top:10px; left:-18px; background-color:#333; }
.list-style-dashed.text-danger > li::before { background-color:#dc3545; }

.list-insertednote, .list-footnote { color:#8e9aa9; font-size:13px; }
.list-footnote { margin-top:20px; padding-top:20px; }
.list-footnote::before { content:""; width:240px; height:1px; background-color:#8e9aa9; position:absolute; top:0; left:0; }

/************ [figure] ************/
.figure { margin-top:32px; margin-bottom:32px; display:table; }
.figure-fluid { width:100%; }
.figure-group { margin-top:17px; margin-bottom:17px; }
.figure-group .figure { margin-top:15px; margin-bottom:15px; }
.figure .figure-img { margin-bottom:0; }
.figure .img-fluid { width:100%; }
.figure .figure-caption { margin-top:8px; display:table-caption; caption-side:bottom; font-size:13px; }
/*** variation ***/
.figure.img-center { margin-right:auto; margin-left:auto; }
.figure .figure-caption.caption-center { text-align:center; }


/***************************************************************
	[alert]
***************************************************************/
.alert { min-height:56px; border-color:transparent !important; transition:all 0.2s linear 0s; }
.alert-angular { border-radius:0; }
.alert p > i { position:relative; top:-2px; vertical-align:middle; }
.alert-icon { padding-left:70px; }
.alert-icon > i { position:absolute; top:12px; left:20px; font-size:28px; }
.alert-dismissible .close { padding:12px 12px; font-size:15px; text-shadow:none; }
.alert-dismissible .close span { height:15px; display:block; font-weight:normal; }
.alert-dismissible .close:hover { color:inherit; opacity:1; }
.alert .alert-body > p { font-size:14px; }
.alert .alert-body > p:last-child { margin-bottom:0; }
.alert .text-link, .alert .anchor-link { color:#26356f !important; font-weight:400 !important; }
.alert-dismissible hr + .list-paragraph { margin-bottom:0; }
.alert .list-paragraph.list-insertednote { color:rgba(56,57,60,0.65); }
.alert .list-paragraph.ref::before { background-color:rgba(56,57,60,0.65); }

.alert-center { text-align:center; }
.alert-center .alert-heading,
.alert-center p { margin-right:auto; margin-left:auto; display:table !important; text-align:left; }
.alert-center .form-group.justify-content-center { margin-top:32px; }
.alert-heading { color:#212529; }
h3.alert-heading { margin-bottom:32px; padding-left:32px; font-size:18px; }
h4.alert-heading { margin-bottom:8px; font-size:16px; }

.alert-type-aside { display:flex; flex-wrap:wrap; align-items:center; }
.alert-type-aside > .alert-body { flex-grow:1 !important; }
.alert-type-aside .alert-aside { padding-top:16px; }
.alert-type-aside .alert-aside .btn:not(.btn-icon) { min-width:96px; }
.alert-type-aside .alert-aside .btn { white-space:nowrap; }

.alert-notice-type { padding:16px; }

/*** variation ***/
.alert-success > i { color:#28a745; }
.alert-danger > i { color:#dc3545; }
.alert-warning > i { color:#dc3545; }
.alert-info > i { color:#34495e; }

.alert-primary { background-color:#d0f4f7; color:#333; }
.alert-primary hr { border-top-color:rgba(0,0,0,0.1); }
.alert-primary > i { color:#26356f; }

.alert-notice { background-color:#e8ebf0; color:#333; }
.alert-notice hr { border-top-color:rgba(0,0,0,0.1); }
.alert-notice > i { color:#34495e; }

.alert-red { background-color:#dc3545; color:#fff; }
.alert-red p, .alert-red strong { color:#fff; }
.alert-red hr { border-top-color:rgba(255,255,255,0.25); }
.alert-red > i { color:#ffc107 }

.alert-yellow { background-color:#ffc107; color:#333; }
.alert-yellow p, .alert-yellow strong { color:#333; }
.alert-yellow hr { border-top-color:rgba(0,0,0,0.15); }
.alert-yellow > i { color:#fff; }

.alert-navy { background-color:#34495e; color:#fff; }
.alert-navy p, .alert-navy strong { color:#fff; }
.alert-navy hr { border-top-color:rgba(255,255,255,0.25); }
.alert-navy > i { color:#ffc107; }

.alert-gray { background-color:#e1e7ed; border-color:#dee5eb; }
.alert-gray p, .alert-gray strong { color:#161718; }
.alert-gray hr { border-top-color:#c5cbd1; }
.alert-gray > i { color:#34495e; }

.alert-sm { min-height:inherit; padding:8px 12px; }
.alert-sm.alert-icon { padding-left:39px; }
.alert-sm.alert-icon > i { top:11px; left:12px; font-size:15px; }
.alert-sm .alert-body p { font-size:13px; }
/****** responsive & retina specific ******/
@media (min-width:768px) {
	.alert-type-aside { flex-wrap:nowrap; }
	.alert-type-aside .alert-aside { padding-top:0; padding-left:16px; }
	.alert-notice-type { padding:32px; }
}


/***************************************************************
	[toast]
***************************************************************/
.toast { border:0; box-shadow:none; backdrop-filter:none; z-index:100; }
.toast-warning { background-color:rgba(255,193,7,.85); color:#333; }

.toast-body { white-space:nowrap; }
.toast-body p { font-weight:500; }
.toast-body p:last-child { margin-bottom:0; }
.toast-body i { position:relative; top:1px; }

.toast-success i { color:#28a745; }
.toast-danger i { color:#dc3545; }
.toast-warning i { color:#dc3545; }
.toast-info i { color:#34495e; }


/***************************************************************
	[RATING]
***************************************************************/
.rating-star .tencon-star-filled { color:#e4e4e4; }
.rating-star .tencon-star-filled.checked { color:#ffc107; }


/***************************************************************
	[star-rating]
***************************************************************/
.form-control.rating { opacity:0; }
/*** stars & Input ***/
.rating-container { padding:5px 0; display:flex; flex-wrap:wrap; align-items:center !important; }
.rating-container .rating-stars { position:relative; cursor:pointer; vertical-align:middle; display:inline-block; overflow:hidden; white-space:nowrap; }
.rating-container .rating-input { width:100%; height:1px; margin:0; padding:0; position:absolute; bottom:0; left:0; font-size:1px; border:none; background:none; opacity:0; cursor:pointer; }
.rating-container.is-display-only .rating-input, .rating-container.is-display-only .rating-stars { cursor:default; }
.rating-disabled .rating-input, .rating-disabled .rating-stars { cursor:not-allowed; }
.rating-container .star { display:inline-block; margin:0 2px; text-align:center; }
.rating-container .empty-stars { color:#e4e4e4; }
.rating-container .filled-stars { margin:auto; position:absolute; left:0; top:0; color:#ffc107; white-space:nowrap; overflow:hidden; }
.rating-animate .filled-stars { transition:width 0.25s ease; }
/*** clear btn ***/
.rating-container .clear-rating { display:inline-block; color:#aaa; vertical-align:middle; cursor:not-allowed; }
.clear-rating-active { cursor:pointer !important; }
.clear-rating-active:hover { color:#843534; }
.rating-container .clear-rating { padding-right:5px; }
/*** caption ***/
.rating-container .caption .label { padding:.25em .4em; display:inline-block; border-radius:4px; font-size:12px; line-height:1; text-align:center; vertical-align:baseline; }
.rating-container .caption { display:inline-block; vertical-align:middle; line-height:1; color:#fff; }
.rating-container .caption { margin-left:5px; margin-right:0; }
/*** sizes ***/
.rating-md,.rating-md .caption { font-size:16px; }

.form-control.file-input {padding:4px 8px 5px; color:#555;line-height: 20px !important;}

/***************************************************************
	[list]
***************************************************************/
.list-inline { margin-bottom:12px; }
.list-inline-item { padding-right:11px; padding-bottom:4px; position:relative; }
.list-inline-item:not(:last-child) { margin-right:6px; }
.list-inline-item:last-child { padding-right:0; }
.list-inline-item a { color:#212529; }
.list-inline-item, .list-inline-item a { font-size:14px; }
/*** variation ***/
.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 { display:none; }

.list-inline.separator-dot .list-inline-item::after { content:""; width:2px; height:2px; margin-top:-3px; 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 { display:none; }


/***************************************************************
	[collapse & accordion]
***************************************************************/
.collapse-wrap { margin-bottom:16px; }

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

.collapse-wrap .card-header { margin-bottom:-1px; padding:0; }
.collapse-wrap .card-header h4 { margin-bottom:0; }
.collapse-wrap .card-header h4 a { display:block; padding:12px 20px; position:relative; font-size:16px; font-weight:400; cursor:pointer; }
.collapse-wrap .card-header h4 a::before { position:absolute; top:13px; right:14px; font-family:"tencon"; font-size:15px; }

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

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

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


/***************************************************************
	[dl]
***************************************************************/
dl { margin-top:0; margin-bottom:12px; }
dt { color:#38393c; font-size:14px; font-weight:500; }
dd { color:#38393c; font-size:14px; }
dd, dt { line-height:1.5; }

/************ [horizontal style] ************/
.dl-horizontal { margin-right:-15px; margin-left:-15px; display:flex; flex-wrap:wrap; }
.dl-horizontal dt, .dl-horizontal dd { width:100%; min-height:1px; padding-right:15px; padding-left:15px; position:relative; }
.dl-horizontal dt { flex:0 0 100px; max-width:100px; }
.dl-horizontal dd { padding-left:0; flex:0 0 calc(100% - 100px); max-width:calc(100% - 100px); }
.dl-horizontal dt.wd-full { flex:0 0 100% !important; max-width:100% !important; }
.dl-horizontal dd.wd-full { padding-left:15px; flex:0 0 100% !important; max-width:100% !important; }
/*** variation ***/
.dl-horizontal.dt-right dt { text-align:right; }
.dl-horizontal.dd-right dd { text-align:right; }
/****** dt width ******/
.dl-horizontal.wd-half dt { flex:0 0 50%; max-width:50%; }
.dl-horizontal.wd-half dd { flex:0 0 50%; max-width:50%; }

.dl-horizontal.wd-200 dt { flex:0 0 200px; max-width:200px; }
.dl-horizontal.wd-200 dd { flex:0 0 calc(100% - 200px); max-width:calc(100% - 200px); }
.dl-horizontal.wd-190 dt { flex:0 0 190px; max-width:190px; }
.dl-horizontal.wd-190 dd { flex:0 0 calc(100% - 190px); max-width:calc(100% - 190px); }
.dl-horizontal.wd-180 dt { flex:0 0 180px; max-width:180px; }
.dl-horizontal.wd-180 dd { flex:0 0 calc(100% - 180px); max-width:calc(100% - 180px); }
.dl-horizontal.wd-170 dt { flex:0 0 170px; max-width:170px; }
.dl-horizontal.wd-170 dd { flex:0 0 calc(100% - 170px); max-width:calc(100% - 170px); }
.dl-horizontal.wd-160 dt { flex:0 0 160px; max-width:160px; }
.dl-horizontal.wd-160 dd { flex:0 0 calc(100% - 160px); max-width:calc(100% - 160px); }
.dl-horizontal.wd-150 dt { flex:0 0 150px; max-width:150px; }
.dl-horizontal.wd-150 dd { flex:0 0 calc(100% - 150px); max-width:calc(100% - 150px); }
.dl-horizontal.wd-140 dt { flex:0 0 140px; max-width:140px; }
.dl-horizontal.wd-140 dd { flex:0 0 calc(100% - 140px); max-width:calc(100% - 140px); }
.dl-horizontal.wd-120 dt { flex:0 0 120px; max-width:120px; }
.dl-horizontal.wd-120 dd { flex:0 0 calc(100% - 120px); max-width:calc(100% - 120px); }
.dl-horizontal.wd-110 dt { flex:0 0 110px; max-width:110px; }
.dl-horizontal.wd-110 dd { flex:0 0 calc(100% - 110px); max-width:calc(100% - 110px); }
.dl-horizontal.wd-100 dt { flex:0 0 100px; max-width:100px; }
.dl-horizontal.wd-100 dd { flex:0 0 calc(100% - 100px); max-width:calc(100% - 100px); }
.dl-horizontal.wd-90 dt { flex:0 0 90px; max-width:90px; }
.dl-horizontal.wd-90 dd { flex:0 0 calc(100% - 90px); max-width:calc(100% - 90px); }
.dl-horizontal.wd-80 dt { flex:0 0 80px; max-width:80px; }
.dl-horizontal.wd-80 dd { flex:0 0 calc(100% - 80px); max-width:calc(100% - 80px); }
.dl-horizontal.wd-70 dt { flex:0 0 70px; max-width:70px; }
.dl-horizontal.wd-70 dd { flex:0 0 calc(100% - 70px); max-width:calc(100% - 70px); }
.dl-horizontal.wd-60 dt { flex:0 0 60px; max-width:60px; }
.dl-horizontal.wd-60 dd { flex:0 0 calc(100% - 60px); max-width:calc(100% - 60px); }
.dl-horizontal.wd-50 dt { flex:0 0 50px; max-width:50px; }
.dl-horizontal.wd-50 dd { flex:0 0 calc(100% - 50px); max-width:calc(100% - 50px); }

/************ [vertical style] ************/
.dl-inline dt, .dl-inline dd { margin-right:6px; margin-bottom:0; display:inline; position:relative; white-space:nowrap; }
.dl-inline dd { padding-right:11px; color:#646c73; }
.dl-inline dd:last-child { margin-right:0; padding-right:0; }
.dl-inline dd::after { content:""; width:1px; height:11px; margin-top:-5px; display:block; position:absolute; top:50%; right:0; background-color:#bdc3c7; }
.dl-inline dd:last-child::after { content:none !important; }
.dl-inline dd i[class^="tencon-"] { position:relative; top:1px; }
.dl-inline dd img { position:relative; top:-1px; }
/*** variation ***/
.dl-inline.separator-dot dd::after { content:""; width:2px; height:2px; margin-top:0; margin-right:-1px; display:block; position:absolute; top:50%; right:0; background-color:#bdc3c7; border-radius:50%; }
.dl-inline.separator-dot dd:not(:last-child) { margin-right:7px; }


/***************************************************************
	[card]
***************************************************************/
.card-wrap { margin-bottom:30px; }
.card-angular { border-radius:0; }
.card-angular .card-img-group figure img, .card-angular .card-img-group figure figcaption { border-radius:0; }
.card-wrap > a { height:100%; display:block; }

.card-wrap .justify-content-between { display:flex; }
.card-wrap .justify-content-between .card-header-group,
.card-wrap .justify-content-between .card-body-group,
.card-wrap .justify-content-between .card-footer-group { padding-right:8px; padding-left:8px; position:relative; display:inline-flex; vertical-align:middle; }

.card-header { padding:12px; position:relative; background-color:transparent; border-bottom:0; }
.card-header .card-header-img { margin-right:8px!important; }
.card-header .card-header-img span { width:40px; height:40px; display:inline-block; position:relative; background-repeat:no-repeat; background-size:40px; border-radius:50%; vertical-align:middle; }
.card-header .card-header-title { flex:1; line-height:1.25; }
.card-header .card-header-title .title { margin-top:4px; margin-bottom:5px; font-size:13px; }
.card-header .card-header-title small { display:block; color:#777d81; font-size:12px; }
.card-header .card-header-title small i { margin-left:4px; position:relative; top:2px; }
.card-header .card-header-group .dropdown { margin-top:4px; margin-right:-8px; }

.card-img-group { position:relative; }
.card-img-group figure { margin:0; position:relative; overflow:hidden; }
.card-img-group figure img { display:block; position:relative; }
.card-img-group figure figcaption { border-top-right-radius:4px; border-top-left-radius:4px; }
.card-img-group .card-img { border-radius:0; }
.card-img-group .card-img-overlay .card-title, .card-img-group .card-img-overlay .card-text { color:#fff; }

.card-img-outline { padding-top:20px; padding-right:20px; padding-left:20px; }
.card-img-outline figure img { border-radius:0; }

.card-body { position:relative; }
.card-body .card-title { padding-top:0; font-weight:300; }
.card-body h5.card-title { font-size:20px; }
.card-body h6.card-title { font-size:16px; }
.card-body .card-pretitle { color:#26356f; font-size:14px; font-weight:400; }
.card-body .card-pretitle i { position:relative; top:1px; }
.card-body .card-subtitle { color:#777d81; font-size:14px; font-weight:400; }
.card-body .card-link { font-size:14px; }
.card-body .card-price { margin-bottom:12px; }
.card-body .card-price .discount { font-size:16px; font-weight:500; }
.card-body .card-price .primecost { color:#777d81; font-size:12px; }
.card-body .card-price .rate { color:#dc3545; font-size:16px; }
.card-body .btn-textmore { margin-bottom:12px; }
.card-body .form-group { margin-bottom:0; }

.card-count-group { margin-right:-16px; margin-left:-16px; }
.card-count-group .count { padding:0 10px; display:flex; flex-grow:1; align-items:center; color:#777d81; font-size:12px; }
.card-count-group .count i, .card-body .card-body-group .count span { display:flex; align-items:center; }
.card-count-group .count i { margin-right:4px; }

.card-icon-group { margin-right:-16px; margin-bottom:12px; margin-left:-16px; }
.card-icon-group .form-btn-group .btn-icon { margin-right:0; }
.card-icon-group .btn.active .tencon-heart:before, .card-icon-group .btn:active .tencon-heart:before, .card-icon-group .btn:hover .tencon-heart:before { content:"\e99e"; }
.card-icon-group .btn.active .tencon-heart:before, .card-icon-group .btn:active .tencon-heart:before, .card-icon-group .btn:hover .tencon-heart:before { color:#dc3545; }
.card-icon-group .btn:hover .tencon-chat2:before { content:"\e9a8"; color:#26356f; }
.card-icon-group .btn:hover .tencon-send:before { content:"\e99c"; color:#26356f; }
.card-icon-group .btn:hover .tencon-bookmark:before { content:"\e9a0"; color:#26356f; }

.card-svg-group { margin-right:-8px; margin-bottom:12px; margin-left:-8px; }
.card-svg-group div { margin-right:4px; border-radius:50%; }
.card-svg-group div:last-child { margin-right:0; }
.card-svg-group div img { width:30px; height:30px; border-radius:50%; }
/*** variation ***/
.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:0.5; }

.card-footer { padding:12px; position:relative; background-color:transparent; border-top:0; }
.card-footer::before { content:""; width:80%; width:calc(100% - 24px); height:1px; position:absolute; top:0; left:12px; background-color:rgba(0,0,0,0.075); }
.card-footer .card-footer-group .time { color:#777d81; font-size:13px; line-height:2.5; }
.card-footer .card-footer-group .dropdown { margin-right:-8px; }

/************ [horizontal] ************/
.card-horizontal { margin-bottom:8px; padding:20px; align-items:flex-start; flex-direction:row; border-color:rgba(0,0,0,0.3); }
.card-horizontal .card-img-group figure { width:128px; }
.card-horizontal .card-body { padding:0 8px 0 20px; flex:1; }
.card-horizontal .card-body h5.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:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#777d81; overflow:hidden; text-overflow:ellipsis; }
.card-horizontal .dl-inline { margin-top:10px; }
.card-horizontal .dl-inline:first-child { margin-top:0; }
.card-horizontal .dl-inline dd { color:#777d81; }
.card-horizontal .dl-inline dd img { height:24px; border:1px solid #ddd; box-sizing:content-box; }
.card-horizontal .card-button-group { position:absolute; top:0; right:-8px; }

/************ [feature] ************/
.feature-wrap { border:none; border-radius:0; }
.feature-wrap .card-img-group { padding:20px 20px 0 20px; }
.feature-wrap .card-img-group figure img { width:128px; }
.feature-wrap .card-img-group figure .block { width:128px; height:128px; padding:16px; background-color:#dcdde1; }
.feature-wrap .card-img-group figure .block img { width:96px; }

.feature-wrap .card-img-icon figure i[class^="tencon-"] { font-size:60px; }
.feature-wrap .card-img-icon figure .block { width:60px; height:60px; padding:15px; background-color:#26356f; }
.feature-wrap .card-img-icon figure .block i[class^="tencon-"] { font-size:30px; color:#fff; }
.feature-wrap .card-img-center figure { text-align:center; }
.feature-wrap .card-img-center figure img, .feature-wrap .card-img-center figure .block, .feature-wrap .card-img-center figure i[class^="tencon-"] { margin:0 auto; }

.feature-wrap .card-body .card-text { color:#777d81; font-size:15px; }
.feature-wrap .card-body-center h5 { text-align:center; }
.feature-wrap .card-body-center .card-text { margin-right:auto; margin-left:auto; display:table; text-align:left; }
/*** variation ***/
.feature-horizontal { align-items:flex-start; flex-direction:row; }
.row-horizontal .grid-col:nth-child(odd) .feature-horizontal { padding-right:40px; }
.row-horizontal .grid-col:nth-child(even) .feature-horizontal { padding-left:40px; }
.feature-horizontal .card-body { flex:1; padding-top:0; }
.feature-horizontal .card-img-group { padding:0; }
.feature-horizontal .card-img-group figure { width:60px; height:60px; padding:0; }
.feature-horizontal .card-img-group figure img { width:100%; }

.no-gutters .feature-wrap { padding-top:40px; padding-bottom:20px; }
.no-gutters .feature-wrap .card-img-icon figure i[class^="tencon-"] { color:rgba(255,255,255,1); }
.no-gutters .feature-wrap .card-body h5 { color:rgba(255,255,255,0.85); }
.no-gutters .feature-wrap .card-body .card-text { color:rgba(255,255,255,0.65); }

/************ [gallery] ************/
.gallery-column { column-gap:0; }
.gallery-wrap { border:0; border-radius:0; }
.gallery-wrap .card-img-group figure img { border-radius:calc(4px - 1px); }
.gallery-angular .gallery-wrap .card-img-group figure img { border-radius:0; }

/************ [hover effect] ************/
/*** variation ***/
.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,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 0.75s forwards; animation:bloom ease-in-out 0.75s forwards; }
.card-img-group.type1 figure:hover::before { -webkit-animation:circle 0.75s; animation:circle 0.75s; }
@-webkit-keyframes bloom {
	  0% { -webkit-filter:grayscale(0.8); filter:grayscale(0.8); }
	 40% { -webkit-filter:grayscale(0.5); filter:grayscale(0.5); }
	100% { -webkit-filter:grayscale(0); filter:grayscale(0); }
}
@keyframes bloom {
	  0% { -webkit-filter:grayscale(0.8); filter:grayscale(0.8); }
	 40% { -webkit-filter:grayscale(0.5); filter:grayscale(0.5); }
	100% { -webkit-filter:grayscale(0); filter:grayscale(0); }
}
@-webkit-keyframes circle {
	  0% { opacity:0.5; background-color:rgba(213,156,34,0.2); }
	 40% { opacity:1; background-color:rgba(213,34,160,0.2); }
	100% { width:500px; height:500px; opacity:0; }
}
@keyframes circle {
	  0% { opacity:0.5; background-color:rgba(213,156,34,0.2); }
	 40% { opacity:1; background-color:rgba(213,34,160,0.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,0.6); }
.card-img-group.type2 figure img { width:calc(100% + 50px); min-height:100%; opacity:0.7; transition:opacity 0.35s, transform 0.35s; transform:translate3d(-40px,0,0); }
.card-img-group.type2 figure figcaption { padding:32px; 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:32px; position:absolute; bottom:0; left:0; }
.card-img-group.type2 figure h2 { font-size:24px; font-weight:300;transition:transform 0.35s; }
.card-img-group.type2 figure h2 span { font-weight:700; }
.card-img-group.type2 figure p { color:rgba(255,255,255,0.8); font-size:16px; opacity:0; transition:opacity 0.2s, transform 0.35s; }
.card-img-group.type2 figure h2, .card-img-group.type2 figure p { margin:0; transform:translate3d(0,40px,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:0.05s; transition-duration:0.35s; }

.card-img-group.type3 figure { text-align:center; }
.card-img-group.type3 figure figcaption { padding:32px; 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:24px; font-weight:300; transition:transform 0.35s, color 0.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:32px; position:absolute; bottom:0; left:0; font-size:16px; opacity:0; transform:translate3d(0,10px,0); }
.card-img-group.type3 figure figcaption::before,
.card-img-group.type3 figure p { transition:opacity 0.35s, transform 0.35s; }
.card-img-group.type3 figure:hover h2 { color:#fff; transform:translate3d(0,-50%,0) translate3d(0,-40px,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:48px; 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:24px; font-weight:300; transition:transform 0.35s; }
.card-img-group.type4 figure h2 span { font-weight:700; }
.card-img-group.type4 figure p { margin:0; padding:8px 32px; color:#fff; font-size:14px; text-transform:none; opacity:0; transform:translate3d(0,-10px,0); }
.card-img-group.type4 figure img, .card-img-group.type4 figure h2 { transform:translate3d(0,-30px,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 0.35s, transform 0.35s; }
.card-img-group.type4 figure:hover img { opacity:0.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:0.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:64px; padding:16px; position:absolute; top:auto; bottom:0; background-color:rgba(255,255,255,0.75); color:#212529; transition:transform 0.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:16px; font-weight:300; }
.card-img-group.type5 figure h2 span { font-weight:700; }
.card-img-group.type5 figure .card-text { margin:0; padding:32px; position:absolute; bottom:80px; left:0; color:#fff; font-size:16px; text-transform:none; opacity:0; transition:opacity 0.35s; -webkit-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 0.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:0.05s; }
.card-img-group.type5 figure:hover .card-icon-group .btn:nth-child(1) { transition-delay:0.1s; }
.card-img-group.type5 figure:hover .card-icon-group .btn:nth-child(2) { transition-delay:0.15s; }
.card-img-group.type5 figure:hover .card-icon-group .btn:nth-child(3) { transition-delay:0.2s; }

.card-img-group.type6 figure { -webkit-filter:grayscale(0); filter:grayscale(0); background-color:rgba(0,0,0,0); transition:all 0.35s; }
.card-img-group.type6 figure img { opacity:1; transition:opacity 0.35s; }
.card-img-group.type6 figure figcaption { padding:32px; 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 0.2s; }
.card-img-group.type6 figure:hover { -webkit-filter:grayscale(0.8); filter:grayscale(0.8); background-color:rgba(0,0,0,0.6); }
.card-img-group.type6 figure:hover img { opacity:0.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:32px; background-color:transparent; color:#fff; text-transform:uppercase; -webkit-backface-visibility:hidden; backface-visibility:hidden; transition:all 0.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:-7.5px; margin-left:-7.5px; position:absolute; top:50%; left:50%; }
.card-img-group.type7 figure i { margin:0; color:#fff; font-size:15px; opacity:0; transition:opacity 0.2s; }

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


/***************************************************************
	[media object]
***************************************************************/
.media-wrap { margin:8px 0; }
.media { background-color:#fff; }
.media-outline { border:1px solid rgba(0,0,0,0.125); }
.media-rounded { border-radius:4px; }
.media-rounded .media-img-group:not(.media-img-outline) figure img { border-top-left-radius:4px; border-bottom-left-radius:4px; }

.media-img-group { position:relative; }
.media-img-group figure { width:136px; 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:20px; padding-bottom:20px; padding-left:20px; }
.media-img-outline figure img { border-radius:0; }

.media-body { padding:20px; position:relative; }
.media-body .media-title { padding-top:0; font-weight:300; }
.media-body h5.media-title { font-size:18px; 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:14px; }
.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,0.125); }
.media-list .media:first-child { border-top:1px solid rgba(0,0,0,0.125); }
.media-list .media-body { padding-right:0; }

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

.media-list.media-list-outline { padding:20px; border:1px solid rgba(0,0,0,0.45); }
.media-list.media-list-outline .media { padding-top:20px; padding-bottom:20px; }
.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:20px; padding-bottom:0; }


/***************************************************************
	[ribbon]
***************************************************************/
.ribbon { width:85px; height:85px; position:absolute; top:0; text-align:right; overflow:hidden; z-index:1; }
.ribbon span { width:110px; padding:8px 0; display:block; position:absolute; top:14px; background-color:#26356f; box-shadow:0 3px 10px -5px rgba(0,0,0,1); color:#fff; font-size:14px; font-weight:500; text-align:center; line-height:1; }
.ribbon.ribbon-top-left { left:0; }
.ribbon.ribbon-top-left span { left:-26px; transform:rotate(-45deg); }
.ribbon.ribbon-top-right { right:0; }
.ribbon.ribbon-top-right span { top:13px; right:-26px; transform:rotate(45deg); }

.ribbon-tail { width:85px; height:85px; position:absolute; top:-5px; text-align:right; overflow:hidden; z-index:1; }
.ribbon-tail span { width:110px; padding:8px 0; display:block; position:absolute; top:14px; background-color:#26356f; box-shadow:0 3px 10px -5px rgba(0,0,0,1); color:#fff; font-size:14px; font-weight:500; text-align:center; line-height:1; }
.ribbon-tail span::before, .ribbon-tail span::after { content:""; position:absolute; top:100%; border-width:3px; border-style:solid; border-bottom-color:transparent !important; border-color:#11a8b6; z-index:-1; }
.ribbon-tail span::before { left:0; border-right-color:transparent !important; }
.ribbon-tail span::after { right:0; border-left-color:transparent !important; }
.ribbon-tail.ribbon-top-left { left:-5px; }
.ribbon-tail.ribbon-top-left span { left:-26px; transform:rotate(-45deg); }
.ribbon-tail.ribbon-top-right { right:-5px; }
.ribbon-tail.ribbon-top-right span { top:13px; right:-26px; transform:rotate(45deg); }

.ribbon-front { width:100%; position:absolute; z-index:1; }
.ribbon-front.ribbon-top { top:16px; }
.ribbon-front.ribbon-bottom { bottom:16px; }
.ribbon-front span { width:calc(100% + 16px); padding:12px 0; display:block; position:relative; left:-8px; background-color:#26356f; box-shadow:0 0 4px rgba(0,0,0,0.35); color:#fff; font-size:14px; font-weight:500; text-align:center; line-height:1; z-index:2; }
.ribbon-front::before, .ribbon-front::after { content:""; width:0; height:0; position:absolute; border-width:8px; border-style:solid; border-color:#11a8b6; z-index:1; }
.ribbon-front::before { top:-8px; left:-16px; border-top-color:transparent !important; border-bottom-color:transparent !important; border-left-color:transparent !important; }
.ribbon-front::after { bottom:-8px; right:-16px; border-top-color:transparent !important; border-right-color:transparent !important; border-bottom-color:transparent !important; }

.ribbon-bookmark { width:40px; padding:0 0 10px 0; position:absolute; top:-4px; z-index:1; }
.ribbon-bookmark.ribbon-top-left { left:8px; }
.ribbon-bookmark.ribbon-top-right { right:8px; }
.ribbon-bookmark span { padding:0.5em 0; display:block; background-color:#26356f; color:#fff; font-size:14px; font-weight:500; text-align:center; }
.ribbon-bookmark span:after { content:""; width:0; height:0; position:absolute; bottom:0; left:0; border-left-width:20px; border-right-width:20px; border-bottom-width:10px; border-style:solid; border-color:#26356f; border-bottom-color:transparent !important; }

.ribbon-angular { min-width:56px; padding:0; position:absolute; top:0; z-index:10; }
.ribbon-angular.ribbon-top-left { left:0; }
.ribbon-angular.ribbon-top-right { right:0; }
.ribbon-angular.ribbon-bottom-left { top:auto; bottom:0; left:0; }
.ribbon-angular.ribbon-bottom-right { top:auto; bottom:0; right:0; }
.ribbon-angular span { padding:.5em 0; display:block; background-color:#26356f; color:#fff; font-size:11px; font-weight:700; text-align:center; }

.ribbon-rounded { max-width:64px; padding:0; position:absolute; top:0; z-index:10; }
.ribbon-rounded.ribbon-top-left { left:0; }
.ribbon-rounded.ribbon-top-right { right:0; }
.ribbon-rounded.ribbon-bottom-left { top:auto; bottom:0; left:0; }
.ribbon-rounded.ribbon-bottom-right { top:auto; bottom:0; right:0; }
.ribbon-rounded span:not(.star-group) { padding:28px 4px 20px; display:block; background-color:#26356f; border-bottom-left-radius:100px; border-bottom-right-radius:100px; color:#fff; font-size:13px; font-weight:700; text-align:center; line-height:1.3; box-shadow:0 3px 10px -5px rgba(0,0,0,1); }
.ribbon-rounded .star-group { width:100%; position:absolute; top:0; text-align:center; }
.ribbon-rounded .star-group .tencon-star,
.ribbon-rounded .star-group .tencon-star-filled { color:#ffc107; font-size:11px; }

.ribbon-group { position:absolute; line-height:1; z-index:1; }
.ribbon-group.ribbon-top-left { top:8px; left:16px; }
.ribbon-group.ribbon-top-right { top:8px; right:8px; }
.ribbon-group.ribbon-bottom-left { bottom:-8px; left:16px; }
.ribbon-group.ribbon-bottom-right { bottom:-8px; right:8px; }
.ribbon-circle { margin-left:-8px; display:inline-block; }
.ribbon-circle > div { width:48px; height:48px; display:table; background-color:#26356f; border-radius:50%; box-shadow:0 3px 10px -5px rgba(0,0,0,1); opacity:0.9; }
.ribbon-circle span { display:table-cell; vertical-align:middle; background-color:transparent !important; color:#fff; font-size:12px; font-weight:500; text-align:center; line-height:1; }
/****** responsive & retina specific ******/
@media (min-width:768px) {
	.ribbon-circle > div { width:64px; height:64px; }
	.ribbon-circle span { font-size:14px; }
}

/************ [bg] ************/
.ribbon-primary:not(.ribbon-circle) span:not(.star-group), .ribbon-primary.ribbon-circle > div { background-color:#26356f !important; }
.ribbon-primary::before, .ribbon-primary::after, .ribbon-primary span::before, .ribbon-primary span::after { border-color:#11a8b6; }
.ribbon-bookmark.ribbon-primary span:after { border-color:#26356f; }

.ribbon-red:not(.ribbon-circle) span:not(.star-group), .ribbon-red.ribbon-circle > div { background-color:#dc3545 !important; }
.ribbon-red::before, .ribbon-red::after, .ribbon-red span::before, .ribbon-red span::after { border-color:#bd2130; }
.ribbon-bookmark.ribbon-red span:after { border-color:#dc3545; }

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

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

.ribbon-yellow:not(.ribbon-circle) span:not(.star-group), .ribbon-yellow.ribbon-circle > div { background-color:#ffc107 !important; }
.ribbon-yellow::before, .ribbon-yellow::after, .ribbon-yellow span::before, .ribbon-yellow span::after { border-color:#d39e00; }
.ribbon-bookmark.ribbon-yellow span:after { border-color:#ffc107; }

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

.ribbon-teal:not(.ribbon-circle) span:not(.star-group), .ribbon-teal.ribbon-circle > div { background-color:#20c997 !important; }
.ribbon-teal::before, .ribbon-teal::after, .ribbon-teal span::before, .ribbon-teal span::after { border-color:#0fa478; }
.ribbon-bookmark.ribbon-teal span:after { border-color:#20c997; }

.ribbon-cyan:not(.ribbon-circle) span:not(.star-group), .ribbon-cyan.ribbon-circle > div { background-color:#17a2b8 !important; }
.ribbon-cyan::before, .ribbon-cyan::after, .ribbon-cyan span::before, .ribbon-cyan span::after { border-color:#117a8b; }
.ribbon-bookmark.ribbon-cyan span:after { border-color:#17a2b8; }

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

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

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

.ribbon-purple:not(.ribbon-circle) span:not(.star-group), .ribbon-purple.ribbon-circle > div { background-color:#6f42c1 !important; }
.ribbon-purple::before, .ribbon-purple::after, .ribbon-purple span::before, .ribbon-purple span::after { border-color:#5e38a4; }
.ribbon-bookmark.ribbon-purple span:after { border-color:#6f42c1; }

.ribbon-indigo:not(.ribbon-circle) span:not(.star-group), .ribbon-indigo.ribbon-circle > div { background-color:#6610f2 !important; }
.ribbon-indigo::before, .ribbon-indigo::after, .ribbon-indigo span::before, .ribbon-indigo span::after { border-color:#570ece; }
.ribbon-bookmark.ribbon-indigo span:after { border-color:#6610f2; }

.ribbon-white:not(.ribbon-circle) span:not(.star-group), .ribbon-white.ribbon-circle > div { background-color:#f5f6fa !important; color:#2f3640 !important; }
.ribbon-white.ribbon-circle > div span { color:#2f3640 !important; }
.ribbon-white::before, .ribbon-white::after, .ribbon-white span::before, .ribbon-white span::after { border-color:#d8dde3; }
.ribbon-bookmark.ribbon-white span:after { border-color:#f5f6fa; }

.ribbon-lightgray:not(.ribbon-circle) span:not(.star-group), .ribbon-lightgray.ribbon-circle > div { background-color:#e8ebf0 !important; color:#2f3640 !important; }
.ribbon-lightgray.ribbon-circle > div span { color:#2f3640 !important; }
.ribbon-lightgray::before, .ribbon-lightgray::after, .ribbon-lightgray span::before, .ribbon-lightgray span::after { border-color:#bdc3c7; }
.ribbon-bookmark.ribbon-lightgray span:after { border-color:#e8ebf0; }

.ribbon-gray:not(.ribbon-circle) span:not(.star-group), .ribbon-gray.ribbon-circle > div { background-color:#6c757d !important; }
.ribbon-gray::before, .ribbon-gray::after, .ribbon-gray span::before, .ribbon-gray span::after { border-color:#545b62; }
.ribbon-bookmark.ribbon-gray span:after { border-color:#6c757d; }

.ribbon-darkgray:not(.ribbon-circle) span:not(.star-group), .ribbon-darkgray.ribbon-circle > div { background-color:#343a40 !important; }
.ribbon-darkgray::before, .ribbon-darkgray::after, .ribbon-darkgray span::before, .ribbon-darkgray span::after { border-color:#23272b; }
.ribbon-bookmark.ribbon-darkgray span:after { border-color:#343a40; }

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

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

.ribbon-facebook:not(.ribbon-circle) span:not(.star-group), .ribbon-facebook.ribbon-circle > div { background-color:#4267b2 !important; }
.ribbon-facebook::before, .ribbon-facebook::after, .ribbon-facebook span::before, .ribbon-facebook span::after { border-color:#365899; }
.ribbon-bookmark.ribbon-facebook span:after { border-color:#4267b2; }

.ribbon-twitter:not(.ribbon-circle) span:not(.star-group), .ribbon-twitter.ribbon-circle > div { background-color:#1da1f2 !important; }
.ribbon-twitter::before, .ribbon-twitter::after, .ribbon-twitter span::before, .ribbon-twitter span::after { border-color:#006dbf; }
.ribbon-bookmark.ribbon-twitter span:after { border-color:#1da1f2; }


/***************************************************************
	[masonry grid]
***************************************************************/
.masonry-grid { margin-top:-5px; margin-right:auto; margin-left:auto; }
.masonry-grid .grid-item { width:315px; min-height:1px; margin:5px; }


/***************************************************************
	[carousel]
***************************************************************/
.carousel-wrap {}
.carousel-item figure { margin:0; }
.carousel-item figure img { width:100%; display:block; }

.carousel-caption { max-width:calc(100% - 192px); }
.carousel-caption h5 { color:#fff; }
.carousel-caption p { color:rgba(255,255,255,0.75); }
.carousel-caption.caption-dark h5 { color:#212529; }
.carousel-caption.caption-dark p { color:rgba(0,0,0,0.75); }
/*** variation ***/
.carousel.slide.img-carousel .carousel-caption h5 { font-size:19.2px; }
.carousel.slide.img-carousel .carousel-caption p { font-size:16px; }
.carousel.slide.bg-carousel .carousel-item { background-repeat:no-repeat; background-position:center; background-size:cover; }

/****** indicators ******/
.carousel-indicators.indicator-circular li { width:8px; height:8px; margin-right:4px; margin-left:4px; border-radius:50%; }

/****** control ******/
.carousel-control-prev, .carousel-control-next { width:10%; opacity:0.75; }
.carousel-control-prev-icon, .carousel-control-next-icon { width:44px; height:44px; background-image:none; }
.control-angle .carousel-control-prev-icon::before, .control-angle .carousel-control-next-icon::before,
.control-angle .carousel-control-prev-icon::after, .control-angle .carousel-control-next-icon::after { content:""; width:32px; height:32px; margin:-16px 0 0 -16px; display:block; position:absolute; top:50%; left:50%; transform:rotate(-135deg); z-index:2; }
.control-angle .carousel-control-prev-icon::after, .control-angle .carousel-control-next-icon::after { margin:-16px; z-index:1; }
.control-angle .carousel-control-prev-icon::before, .control-angle .carousel-control-next-icon::before { border-width:0; border-style:solid; border-color:rgba(255,255,255,0.9); }
.control-angle .carousel-control-prev-icon::before { border-top-width:1px; border-right-width:1px; }
.control-angle .carousel-control-next-icon::before { border-bottom-width:1px; border-left-width:1px; }
.control-angle .carousel-control-prev-icon::after, .control-angle .carousel-control-next-icon::after { border-width:0; border-style:solid; border-color:rgba(0,0,0,0.2); }
.control-angle .carousel-control-prev-icon::after { border-top-width:3px; border-right-width:3px; }
.control-angle .carousel-control-next-icon::after { border-bottom-width:3px; border-left-width:3px; }
/*** variation ***/
.carousel-controls.control-angle.control-heavy .carousel-control-prev-icon::before { border-top-width:2px; border-right-width:2px; }
.carousel-controls.control-angle.control-heavy .carousel-control-next-icon::before { border-bottom-width:2px; border-left-width:2px; }


/***************************************************************
	[swiper]
***************************************************************/
.swiper-wrap { width:100%; margin:0 auto !important; padding:0; position:relative; list-style:none; overflow:hidden; z-index:1; }
.swiper-container-vertical > .swiper-wrapper { flex-direction:column; }
.swiper-wrapper { width:100%; height:100%; display:flex; position:relative; transition-property:transform; z-index:1; }
.swiper-container-multirow-column > .swiper-wrapper { flex-wrap:wrap; flex-direction:column; }
.swiper-container-multirow > .swiper-wrapper { flex-wrap:wrap; }
.swiper-wrap-android .swiper-slide, .swiper-wrapper { transform:translate3d(0,0,0); }
.swiper-slide { width:100%; height:100%; display:flex; justify-content:center; align-items:center; flex-shrink:0; position:relative; transition-property:transform; background-color:#fff; background-size:cover; background-repeat:no-repeat; background-position:center; text-align:center; }
.swiper-slide figure { margin:0; }
.swiper-slide figure img { width:100%; }
.swiper-slide .segment-body { width:640px; max-width:640px; max-width:calc(100% - 64px); background-color:transparent; }
.swiper-slide .segment-body h1 { float:none; margin-bottom:20px; color:#fff; font-size:24px; font-weight:500; text-align:left; }
.swiper-slide .segment-body p.lead { color:rgba(255,255,255,0.85); font-size:14px; font-weight:400; text-align:left; }
.swiper-slide .segment-body .form-group { margin-top:16px; }
.swiper-slide .segment-body .form-group .btn { /*width:100%;*/ min-width:128px !important; padding-top:6px; padding-bottom:8px; font-size:16px; font-weight:400; }
/****** responsive & retina specific ******/
@media (min-width:375px) {
	.swiper-slide .segment-body { max-width:calc(100% - 96px); }
}
@media (min-width:576px) {
	.swiper-slide .segment-body { max-width:calc(100% - 192px); }
	.swiper-slide .segment-body h1 { font-size:32px; }
	.swiper-slide .segment-body p.lead { font-size:16px; }
	.swiper-slide .segment-body .form-group .btn { min-width:160px !important; padding-top:7.5px; padding-bottom:9.5px; font-size:18px; }
}
@media (min-width:768px) {
	.swiper-slide .segment-body h1 { font-size:40px; }
	.swiper-slide .segment-body p.lead { font-size:19.2px; }
}
@media (min-width:992px) {
	.swiper-slide .segment-body h1 { font-size:48px; }
}

/****** thumbnail ******/
.swiper-wrap.gallery-thumbs { padding:4px 0; }
.swiper-wrap.gallery-thumbs .swiper-wrapper { transform:none !important; justify-content:center; }
.swiper-wrap.gallery-thumbs .swiper-slide { width:29px !important; }
.swiper-wrap.gallery-thumbs .swiper-slide:last-child { margin-right:0 !important; }
.swiper-wrap.gallery-thumbs .swiper-slide figure img { width:100%; }

@media (min-width:992px) {
	.swiper-wrap.gallery-thumbs { padding:10px 0; }
	.swiper-wrap.gallery-thumbs .swiper-slide { width:41px !important; }
}

/****** indicators ******/
.swiper-pagination { position:absolute; text-align:center; transition:300ms opacity; transform:translate3d(0,0,0); z-index:10; }
.swiper-pagination.swiper-pagination-hidden { opacity:0; }
.swiper-pagination.swiper-pagination-bullets { width:100%; bottom:16px; left:0; }
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { width:8px; height:8px; margin-right:4px; margin-left:4px; display:inline-block; border-radius:50%; background-color:#fff; opacity:0.5; }
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active { background-color:#12b6c5; opacity:1; }
.swiper-container-vertical > .swiper-pagination-bullets { right:10px; top:50%; transform:translate3d(0px, -50%, 0); }
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin:6px 0; display:block; }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { width:8px; top:50%; transform:translateY(-50%); }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display:inline-block; transition:200ms transform, 200ms top; }
/*** variation ***/
.swiper-pagination.indicator-rectangular.swiper-pagination-bullets .swiper-pagination-bullet { width:32px; height:3px; border-radius:0; }

/****** control ******/
.swiper-controls {}
.swiper-button-prev, .swiper-button-next { width:44px; height:44px; margin-top:-22px; position:absolute; top:50%; cursor:pointer; outline:none; z-index:10; }
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity:0.35; cursor:auto; pointer-events:none; }
.swiper-button-prev { right:auto; left:16px; }
.swiper-button-next { right:16px; left:auto; }

.control-angle .swiper-button-prev::before, .control-angle .swiper-button-next::before,
.control-angle .swiper-button-prev::after, .control-angle .swiper-button-next::after { content:""; width:32px; height:32px; margin-top:-16px; margin-left:-16px; display:block; position:absolute; top:50%; left:50%; transform:rotate(-135deg); cursor:pointer; z-index:2; }
.control-angle .swiper-button-prev::after, .control-angle .swiper-button-next::after { margin:-16px; z-index:1; }
.control-angle .swiper-button-prev::before, .control-angle .swiper-button-next::before { border-width:0; border-style:solid; border-color:rgba(255,255,255,0.9); }
.control-angle .swiper-button-prev::before { border-top-width:1px; border-right-width:1px; }
.control-angle .swiper-button-next::before { border-bottom-width:1px; border-left-width:1px; }
.control-angle .swiper-button-prev::after, .control-angle .swiper-button-next::after { border-width:0; border-style:solid; border-color:rgba(0,0,0,0.2); }
.control-angle .swiper-button-prev::after { border-top-width:3px; border-right-width:3px; }
.control-angle .swiper-button-next::after { border-bottom-width:3px; border-left-width:3px; }
/*** variation ***/
.control-angle.control-heavy .swiper-button-prev::before { border-top-width:2px; border-right-width:2px; }
.control-angle.control-heavy .swiper-button-next::before { border-bottom-width:2px; border-left-width:2px; }

.control-angle-circle .swiper-button-prev, .control-angle-circle .swiper-button-next { border:1px solid #fff; border-radius:32px; }
.control-angle-circle .swiper-button-prev { box-shadow:2px 2px 0 0 rgba(0,0,0,0.2); }
.control-angle-circle .swiper-button-next { box-shadow:-2px 2px 0 0 rgba(0,0,0,0.2); }
.control-angle-circle .swiper-button-prev::before, .control-angle-circle .swiper-button-next::before,
.control-angle-circle .swiper-button-prev::after, .control-angle-circle .swiper-button-next::after { content:""; width:16px; height:16px; margin-top:-8px; margin-left:-4px; display:block; position:absolute; top:50%; left:50%; transform:rotate(-135deg); cursor:pointer; z-index:2; }
.control-angle-circle .swiper-button-next::before,
.control-angle-circle .swiper-button-next::after { margin-left:-12px; }
.control-angle-circle .swiper-button-prev::after { margin:-8px 0 0 -4px; z-index:1; }
.control-angle-circle .swiper-button-next::after { margin:-8px 0 0 -12px; z-index:1; }
.control-angle-circle .swiper-button-prev::before, .control-angle-circle .swiper-button-next::before { border-width:0; border-style:solid; border-color:rgba(255,255,255,0.9); }
.control-angle-circle .swiper-button-prev::before { border-top-width:1px; border-right-width:1px; }
.control-angle-circle .swiper-button-next::before { border-bottom-width:1px; border-left-width:1px; }
.control-angle-circle .swiper-button-prev::after, .control-angle-circle .swiper-button-next::after { border-width:0; border-style:solid; border-color:rgba(0,0,0,0.2); }
.control-angle-circle .swiper-button-prev::after { border-top-width:3px; border-right-width:3px; }
.control-angle-circle .swiper-button-next::after { border-bottom-width:3px; border-left-width:3px; }

.control-arrow-circle .swiper-button-prev, .control-arrow-circle .swiper-button-next { border:1px solid #fff; border-radius:32px; }
.control-arrow-circle .swiper-button-prev::before, .control-arrow-circle .swiper-button-prev::after,
.control-arrow-circle .swiper-button-next::before, .control-arrow-circle .swiper-button-next::after { content:""; position:absolute; }
.control-arrow-circle .swiper-button-prev::before, .control-arrow-circle .swiper-button-next::before { width:0; height:0; margin-top:-4.5px; top:50%; border-top:4.5px solid transparent; border-bottom:4.5px solid transparent; }
.control-arrow-circle .swiper-button-prev::after, .control-arrow-circle .swiper-button-next::after { width:17px; height:1px; margin-top:-0.5px; top:50%; background-color:#fff; }
.control-arrow-circle .swiper-button-prev::before { left:8px; border-right:9px solid #fff; border-left:0; }
.control-arrow-circle .swiper-button-next::before { right:8px; border-right:0; border-left:9px solid #fff; }
.control-arrow-circle .swiper-button-prev::after { left:17px; }
.control-arrow-circle .swiper-button-next::after { right:17px; }

.control-angle-box .swiper-button-prev,
.control-angle-box .swiper-button-next { width:22px; height:66px; margin-top:-33px; background-color:#fff; border:1px solid #ddd; }
.control-angle-box .swiper-button-prev { left:0; border-left:0; border-top-right-radius:4px; border-bottom-right-radius:4px; }
.control-angle-box .swiper-button-next { right:0; border-right:0; border-top-left-radius:4px; border-bottom-left-radius:4px; }
.control-angle-box .swiper-button-prev::before, .control-angle-box .swiper-button-next::before,
.control-angle-box .swiper-button-prev::after, .control-angle-box .swiper-button-next::after { content:""; width:12px; height:12px; margin-top:-6px; margin-left:-6px; display:block; position:absolute; top:50%; left:50%; transform:rotate(-135deg); cursor:pointer; z-index:2; }
.control-angle-box .swiper-button-prev::after, .control-angle-box .swiper-button-next::after { z-index:1; }
.control-angle-box .swiper-button-prev::before, .control-angle-box .swiper-button-next::before { border-width:0; border-style:solid; border-color:rgba(255,255,255,0); }
.control-angle-box .swiper-button-prev::before { border-top-width:1px; border-right-width:1px; }
.control-angle-box .swiper-button-next::before { border-bottom-width:1px; border-left-width:1px; }
.control-angle-box .swiper-button-prev::after, .control-angle-box .swiper-button-next::after { border-width:0; border-style:solid; border-color:rgba(0,0,0,0.2); }
.control-angle-box .swiper-button-prev::after { margin:-6px -4px; border-top-width:2px; border-right-width:2px; }
.control-angle-box .swiper-button-next::after { margin:-6px -8px; border-bottom-width:2px; border-left-width:2px; }

.control-none i { color:#fff; font-size:45px; }
.control-none .swiper-button-prev::before, .control-none .swiper-button-next::before,
.control-none .swiper-button-prev::after, .control-none .swiper-button-next::after { display:none; }
/****** responsive & retina specific ******/
@media (min-width:768px) {
	.swiper-button-prev { left:52px; }
	.swiper-button-next { right:52px; }
}


/***************************************************************
	[jumbotron screen]
***************************************************************/
.jumbotron-wrap { width:100%; margin:0 auto !important; padding:0; position:relative; list-style:none; overflow:hidden; z-index:1; }
.jumbotron-wrapper { width:100%; height:100%; display:flex; position:relative; z-index:1; }
.jumbotron { width:100%; height:100%; display:flex; justify-content:center; align-items:center; flex-shrink:0; position:relative; background-color:transparent; background-size:cover; background-repeat:no-repeat; background-position:center; text-align:center; }
.jumbotron .segment-body { width:640px; max-width:640px; max-width:calc(100% - 64px); background-color:transparent; }
.jumbotron .segment-body h1 { float:none; margin-bottom:20px; color:rgba(255,255,255,1); font-size:32px; font-weight:500; text-align:left; }
.jumbotron .segment-body p.lead { color:rgba(255,255,255,1); font-size:16px; font-weight:400; text-align:left; }
.jumbotron .segment-body .form-group { margin-top:16px; }
.jumbotron .segment-body .form-group .btn { /*width:100%;*/ min-width:128px !important; padding-top:6px; padding-bottom:8px; font-size:16px; font-weight:400; }
/*** variation ***/
.jumbotron.text-light-left h1 { font-size:40px; font-weight:300; }
.jumbotron.text-light-left p.lead { font-size:18px; }

.jumbotron.text-heavy-center h1 { font-size:32px; text-align:center; }
.jumbotron.text-heavy-center p.lead { font-size:16px; text-align:center; }
.jumbotron.text-heavy-center .form-group { margin-top:48px; }

.jumbotron.text-light-center h1 { font-size:40px; font-weight:300; text-align:center; }
.jumbotron.text-light-center p.lead { margin:0 auto; display:table; font-size:18px; }
.jumbotron.text-light-center .form-group { margin-top:64px; }
/****** responsive & retina specific ******/
@media (min-width:375px) {
	.jumbotron .segment-body { max-width:calc(100% - 96px); }
}
@media (min-width:576px) {
	.jumbotron .segment-body { max-width:calc(100% - 192px); }
	.jumbotron .segment-body h1 { font-size:32px; }
	.jumbotron .segment-body p.lead { font-size:16px; }
	.jumbotron .segment-body .form-group .btn { min-width:160px !important; padding-top:7.5px; padding-bottom:9.5px; font-size:18px; }
}
@media (min-width:768px) {
	.jumbotron .segment-body h1 { font-size:40px; }
	.jumbotron .segment-body p.lead { font-size:19.2px; }
}
@media (min-width:992px) {
	.jumbotron .segment-body h1 { font-size:48px; }
}


/***************************************************************
	[video]
***************************************************************/
.video-wrap { position:relative; background-color:#1e272e; }
.video-embed-maxwidth { max-width:560px; max-height:315px; margin:0 auto; }
/*** variation ***/
.video-wrap .segment-body { max-width:960px; margin-left:-552px; position:absolute; left:50%; top:45%; color:#fff; transform:translateY(-50%); z-index:30; }
.video-wrap .segment-body h1 { float:none; margin-bottom:20px; color:#fff; font-size:32px; font-weight:300; text-align:left; }
.video-wrap .segment-body p.lead { color:rgba(255,255,255,0.85); font-size:16px; font-weight:400; text-align:left; }

.video-wrapper { width:100%; min-height:500px; 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:20px; right:20px; background-image:url(../images/social-youtube2_w.svg); background-repeat:no-repeat; background-size:150% auto; background-position:center; text-indent:-9999px; white-space:nowrap; opacity:0.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 0.5s; opacity:0; z-index:1; }
.video-content .video-player.active { opacity:1; }
/*** variation ***/
.video-overlay.dotted-raster { background-image:url(../images/bg-raster-basic.png); }
.video-overlay.dotted-raster-bias { background-image:url(../images/bg-raster-bias.png); }
.video-overlay.dotted-raster-dot { background-image:url(../images/bg-raster-dot.png); }
/****** responsive & retina specific ******/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.video-overlay.dotted-raster { background-image:url(../images/bg-raster-basic@2x.png); }
	.video-overlay.dotted-raster-bias { background-image:url(../images/bg-raster-bias@2x.png); }
	.video-overlay.dotted-raster-dot { background-image:url(../images/bg-raster-dot@2x.png); }
}


/***************************************************************
	[countup]
***************************************************************/
.countup-wrap { padding-left:112px; display:flex; align-items:flex-start; position:relative; }
.countup-wrap .countup-icon-group { width:50px; height:100%; display:block; text-align:left; vertical-align:middle; }
.countup-wrap .countup-icon-group i { font-size:30px; color:#26356f; }
.countup-wrap .countup-body { flex:1; }
.countup-wrap .countup-body h5 { width:100%; line-height:1; margin:0; padding:0; display:block; }
.countup-wrap .countup-body h5 .counter, .countup-wrap .countup-body h5 .unit { color:#2f3640; font-size:28px; font-weight:700; }
.countup-wrap .countup-body p.label { width:100%; margin:0; padding:0; display:block; color:rgba(0,0,0,0.5); font-size:13px; font-weight:500; }
/****** responsive & retina specific ******/
@media (min-width:425px) {
	.statistic-section .row { margin-left:24px; }
}
@media (min-width:576px) {
	.statistic-section .row { margin-left:70px; }
	.countup-wrap .countup-body 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; }
}


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


/***************************************************************
	[tab]
***************************************************************/
.tab-wrap { margin:8px 0; }
.tab-wrap .nav-tabs.card-2 {border-top-left-radius: 15px; border-top-right-radius: 5px;}
.tab-wrap .nav-tabs.card-2 li {width:50%; text-align: center;background: #f5f5fb; border-top-left-radius: 5px; border-top-right-radius: 5px; border-top:1px solid #dee2e6;border-left:1px solid #dee2e6;border-right:1px solid #dee2e6;}
.tab-wrap .nav-tabs.card-2 .nav-link { position:relative; color:#8e9aa9; font-size:14px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom:1px solid #dee2e6;}
.tab-wrap .nav-tabs.card-2 .nav-link.disabled { color:#bdc3c7; }
.tab-wrap .nav-tabs.card-2 .nav-link.active, .nav-tabs.card-2 .nav-item.show .nav-link { color:#212529 !important; z-index:1; font-weight: 600; position: relative; border-bottom:2px solid #fff; border-left:0px; border-right:0px; border-top:0px;}
.tab-wrap.s1 { margin:12px 0; }

.tab-wrap .nav-tabs.card-4 li {width:18%; text-align: center;background: #f5f5fb; border-top:1px solid #dee2e6;border-left:1px solid #dee2e6;border-right:1px solid #dee2e6;}
.tab-wrap .nav-tabs.card-4 .nav-link { position:relative; color:#8e9aa9; font-size:14px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom:1px solid #dee2e6;}
.tab-wrap .nav-tabs.card-4 .nav-link.disabled { color:#bdc3c7; }
.tab-wrap .nav-tabs.card-4 .nav-link.active,
.nav-tabs.card-4 .nav-item.show .nav-link { color:#212529 !important; z-index:1; font-weight: 600; position: relative; border-bottom:2px solid #fff; border-left:0px; border-right:0px; border-top:0px;}
.tab-wrap .nav-tabs.card-4 .nav-link em {font-size: 12px;}
.tab-wrap .nav-tabs.item-activebar{border-radius:0px;}

.tab-wrap .nav-tabs.card-5 {border-top-left-radius: 15px; border-top-right-radius: 5px;}
.tab-wrap .nav-tabs.card-5 li {width:20%; text-align: center;background: #f5f5fb; border-top-left-radius: 5px; border-top-right-radius: 5px; border-top:1px solid #dee2e6;border-left:1px solid #dee2e6;border-right:1px solid #dee2e6;}
.tab-wrap .nav-tabs.card-5 .nav-link { position:relative; color:#8e9aa9; font-size:14px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom:1px solid #dee2e6;}
.tab-wrap .nav-tabs.card-5 .nav-link.disabled { color:#bdc3c7; }
.tab-wrap .nav-tabs.card-5 .nav-link.active,
.nav-tabs.card-5 .nav-item.show .nav-link { color:#212529 !important; z-index:1; font-weight: 600; position: relative; border-bottom:2px solid #fff; border-left:0px; border-right:0px; border-top:0px;}
.tab-wrap.s1 { margin:12px 0; }

.tab-wrap .tab-content { padding:16px; background-color:#fff; font-size:14px; }
.tab-wrap .nav-tabs.card-2 li:first-child {border-right: 0px;}
.tab-wrap .nav-tabs.card-5 li:first-child {border-right: 0px;}

.nav-tabs.nav-angular .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:16px; margin-top:-8px; position:absolute; top:50%; left:-2px; background-color:rgba(0,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; }
.tab-content.tab-content-outline.s1 {border:none; }

/*** variation ***/
.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:4px solid #343a40; }
.nav-tabs.nav-underbar.nav-tabs .nav-link.active,
.nav-tabs.nav-underbar.nav-tabs .nav-item.show .nav-link { background-color:#343a40; border-color:#343a40; 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:#343a40;; }
.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-tabs .nav-link:focus { border-color:transparent; }

.nav-tabs.item-activeborder.nav-tabs .nav-link.active,
.nav-tabs.item-activeborder.nav-tabs .nav-item.show:not(.dropdown) .nav-link { border-top-color:#333 !important; border-right-color:#333 !important; border-left-color:#333 !important; }
.nav-tabs.item-activeborder .nav-link:not(.active),
.nav-tabs.item-activeborder .nav-item:not(.show) .nav-link:not(.active) { background-color:#fff; border-left-color:#dee2e6; border-bottom-color:#333; }

.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 #343a40; color:#d9272d !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; }


/***************************************************************
	[dropdown]
***************************************************************/
/*** dropdown button arrow ***/
.dropdown-toggle.none-arrow::after { display:none; }
.btn-icon.dropdown-toggle::after { margin-left:0; position:absolute; right:16px; bottom:16px; border-top:3px solid !important; border-right:2px solid transparent !important; border-bottom:0; border-left:2px solid transparent !important; }
.btn-toggle-group .btn-icon.dropdown-toggle::after { right:2px; bottom:2px; }
/*** arrow ***/
.dropdown-toggle::after { margin-left:8px; border-top:5px solid; border-right:5px solid transparent; border-left:5px solid transparent; vertical-align:2px; }
.dropup .dropdown-toggle::after { margin-left:8px; border-right:5px solid transparent; border-bottom:5px solid; border-left:5px solid transparent; vertical-align:3px; }
.dropright .dropdown-toggle::after { margin-left:8px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid; }
.dropleft .dropdown-toggle::before { margin-right:8px; border-top:5px solid transparent; border-right:5px solid; border-bottom:5px solid transparent; }
/*** menu item ***/
.dropdown-header { padding:6px 12px !important; color:#212529; font-size:13px; font-weight:700; }
.dropdown-item { padding:6px 12px; font-size:13px; }
.dropdown-item:hover, .dropdown-item:focus { background-color:#dfe4ea; }
.dropdown-item.active, .dropdown-item:active {background-color:#26356f; }
.dropdown-item.disabled, .dropdown-item:disabled { color:#bdc3c7; }

.dropdown-menu .dropdown-item i { width:15px; height:15px; margin-right:5px; display:inline-block; position:relative; top:2px; font-size:15px; color:#a4b0be; }
.dropdown-menu .dropdown-item.active i,
.dropdown-menu .dropdown-item:active i { color:#fff; }
.dropdown-menu .dropdown-item i.warning { color:#f63759; }
.dropdown-menu .dropdown-item .badge { position:relative; top:-1.5px; background-color:#f63759; color:#fff; }
/*** dropdown divider ***/
.dropdown-divider { margin:6px 0; }

/*** variation ***/
.btn-dark + .dropdown-menu { background-color:#2f3640; }
.btn-dark + .dropdown-menu h6.dropdown-header { color:rgba(255,255,255,1); }
.btn-dark + .dropdown-menu .dropdown-item { color:rgba(255,255,255,0.75); }
.btn-dark + .dropdown-menu .dropdown-item:hover, .btn-dark + .dropdown-menu .dropdown-item:focus { background-color:#26356f; color:#fff; }
.btn-dark + .dropdown-menu .dropdown-item.active, .btn-dark + .dropdown-menu .dropdown-item:active {background-color:#00c2c0; color:#fff; }
.btn-dark + .dropdown-menu .dropdown-item.disabled, .btn-dark + .dropdown-menu .dropdown-item:disabled { color:rgba(255,255,255,0.3); }
.btn-dark + .dropdown-menu .dropdown-divider { border-top-color:rgba(255,255,255,0.1); }

/*** size ***/
.btn-sm .dropdown-toggle::after { border-top:5px solid; border-right:4px solid transparent; border-left:4px solid transparent; vertical-align:2px; }
.btn-sm .btn-icon.dropdown-toggle::after { right:1px; bottom:1px; }
.btn-sm .dropup .dropdown-toggle::after { border-top:0; border-bottom:5px solid; vertical-align:3px; }
.btn-sm .dropright .dropdown-toggle::after { border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:5px solid; vertical-align:1px; }
.btn-sm .dropleft .dropdown-toggle::before { border-top:4px solid transparent; border-right:5px solid; border-bottom:4px solid transparent; vertical-align:1px; }


/***************************************************************
	[tooltip]
***************************************************************/
.tooltip { font-size:12px; z-index:1072; }
.tooltip .arrow { width:12px; height:7px; }
.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding:4px 0; }
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { border-width:7px 7px 0; }
.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding:0 4px; }
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { width:7px; height:15px; }
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { border-width:7px 7px 7px 0; }
.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding:4px 0; }
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { border-width:0 7px 7px; }
.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding:0 4px; }
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { width:7px; height:15px; }
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { border-width:7px 0 7px 7px; }
.tooltip-inner { max-width:320px; padding:5px 8px 6px; text-align:left; }
.tooltip-inner .list-paragraph { margin-bottom:0; font-size:12px; color:#fff; }
.tooltip-inner .list-style-dashed > li::before { background-color:#fff; }


/***************************************************************
	[popover]
***************************************************************/
.popover {
	font-family: 'SBAggroL','S-CoreDream-4Recular',-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: 4px 4px 4px rgba(0,0,0,0.1);
}
.popover-header { background-color:#fff; }


/***************************************************************
	[button]
***************************************************************/
/************ [common] ************/
.btn { padding:6px 12px; position:relative; background-image:none; font-size:14px; height: 38px; }
.form-reg-type .btn:not(.btn-toggle):not(.btn-icon) { padding:5px 12px; line-height: 1.5; }
.form-reg-type .btn-outline { padding:4px 12px ; }
.form-reg-type .btn-outline2 { padding:5px 11px; }
.btn:focus, .btn.focus { box-shadow:none !important; }
a.btn { text-decoration:none; }
.btn-lg, .btn-group-lg > .btn { padding:10px 16px; font-size:16px; font-weight:500; }
.btn-sm, .btn-group-sm > .btn { padding:3px 8px; font-size:12px; }
.btn-mini {padding:3px 8px !important; height:32px !important;font-size: 12px;}
.btn.btn-100 {width:100%;}

button.close { outline:none; }
.btn-close-sm { margin-left:8px; padding:0 !important; position:relative; top:-1px; font-size:0; line-height:0; border:0; }
.btn-close-sm i { margin-right:0 !important; top:0 !important; color:#dc3545; }

/************ [basic] ************/
.btn-angular, .btn-group-sm .btn-angular, .btn-group-lg .btn-angular { border-radius:0 !important; }
.btn-outline { padding:7px 12px; border-width:1px; background-color:transparent !important; }
.btn-outline2 { padding:6px 11px; border-width:2px; background-color:transparent !important; }
.btn-rounded, .btn-group-sm .btn-rounded, .btn-group-lg .btn-rounded { border-radius:32px; }
.btn-lg.btn-outline, .btn-group-lg > .btn-outline { padding:9px 15px 11px; border-width:2px; }
.btn-sm.btn-outline, .btn-group-sm > .btn-outline { padding:3px 8px; }

/************ [text with icon] ************/
.btn i { margin-right:4px; position:relative; top:2px; }
.btn i.icon-right { margin-right:0; margin-left:4px; }
.btn-sm i, .btn-group-sm > .btn i { top:1px; }
/*.btn-sm.btn-icon i, .btn-group-sm > .btn.btn-icon i {top:2px !important;}*/


/************ [icon button] ************/
.btn-icon { padding:6px 8.5px 5px; }
.btn-icon.btn-outline { padding:6px 8.5px 5px; }
.btn-icon.btn-outline2 { padding:5px 7.5px 4px; }
.btn-icon i { margin-right:0; top:2px !important; }
.btn-lg.btn-icon, .btn-group-lg > .btn-icon { padding:11px 16px 11px 15px; }
.btn-lg.btn-icon.btn-outline, .btn-group-lg > .btn-icon.btn-outline { padding:10px 15px 10px 14px; }
.btn-sm.btn-icon, .btn-group-sm > .btn-icon { padding:4px 4.5px 2px; width: 30px; height: 30px;}
.input-group .btn-icon i {top:3px !important;}
/************ [toggle] ************/
.btn-toggle-group .btn-outline2 + .btn-outline2,
.btn-toggle-group .btn-lg.btn-outline + .btn-outline,
.btn-group-lg.btn-toggle-group .btn-outline + .btn-outline { margin-left:-2px !important; }
.btn-toggle-group > .btn:first-child { border-right-color:rgba(0,0,0,0.1); }
.btn-toggle-group > .btn:not(:first-child):not(:last-child) { border-left-color:rgba(0,0,0,0.1); border-right-color:rgba(0,0,0,0.1); }
.btn-toggle-group > .btn:last-child { border-left-color:rgba(0,0,0,0.1); }
.btn-toggle-group label { margin-bottom:0; }
[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group>.btn input[type="checkbox"] { position:absolute; clip:rect(0,0,0,0); pointer-events:none; }

/************ [switch] ************/
/************ [common] ************/
.btn-toggle { width:56px; height: 20px;  margin:0 40px; padding:13px 0; position:relative; border:none; border-radius:4px; color:#6b7381; background-color:#bdc1c8; }
.btn-toggle:focus, .btn-toggle.focus,
.btn-toggle:focus.active, .btn-toggle.focus.active { outline:none; }
.btn-toggle::before, .btn-toggle::after { width:40px; line-height:1.42857143; padding:4px 0; position:absolute; top:0; bottom:0; color:#6b7381; font-size:12px; font-weight:500; text-align:center; text-transform:uppercase; transition:opacity 0.25s; }
.btn-toggle::before { content:"OFF"; left:-40px; }
.btn-toggle::after { content:"ON"; right:-40px; opacity:0.5; }
.btn-toggle > .handle { width:20px; height:20px; position:absolute; top:3px; left:3px; border-radius:2px; background-color:#fff; transition:left 0.25s; }
.btn-toggle.active { transition:background-color 0.25s; }
.btn-toggle.active::before { opacity:0.5; }
.btn-toggle.active::after { opacity:1; }
.btn-toggle.active > .handle { left:33px; transition:left 0.25s; }
.btn-toggle-rounded, .btn-toggle-rounded > .handle { border-radius:32px; }
.btn-toggle-angular, .btn-toggle-angular > .handle { border-radius:0; }
.btn-toggle-outline { padding:12px 0; background-color:#fff !important; border-width:1px; border-style:solid; border-color:#bdc1c8; }
.btn-toggle-outline > .handle { top:2px; left:2px; background-color:#bdc1c8; }
.btn-toggle-outline.active > .handle { left:32px; }
.btn-toggle-outline::before, .btn-toggle-outline::after { padding:3px 0; }
.btn-toggle-inner { width:56px; margin:0; }
.btn-toggle-inner::before { left:0; }
.btn-toggle-inner::after { right:0; }
.btn-toggle-inner::before, .btn-toggle-inner::after { width:100%; padding-right:6px; padding-left:6px; color:#fff; }
.btn-toggle-inner::before { text-align:right; }
.btn-toggle-inner::after { text-align:left; opacity:0; }
.btn-toggle-inner.active::before { opacity:0; }
.btn-toggle-inner.active > .handle { left:33px; }
.btn-toggle-inner.btn-toggle-outline::before { color:#bdc1c8; }
.btn-toggle-inner.btn-toggle-outline.active > .handle { left:32px !important; }
.btn-toggle.disabled:not(.active), .btn-toggle[disabled]:not(.active) { -webkit-filter:alpha(opacity=65) !important; filter:alpha(opacity=65) !important; opacity:0.65 !important; }
.btn-toggle-outline.disabled:not(.active), .btn-toggle-outline[disabled]:not(.active) { background-color:transparent; }
/*** size ***/
.btn-lg.btn-toggle, .btn-group-lg > .btn-toggle { width:80px; margin:0 80px; padding:20px 0; }
.btn-lg.btn-toggle::before, .btn-lg.btn-toggle::after,
.btn-group-lg > .btn-toggle::before, .btn-group-lg > .btn-toggle::after { width:80px; line-height:1.2; padding-top:10px; padding-bottom:10px; font-size:16px; }
.btn-lg.btn-toggle::before, .btn-group-lg > .btn-toggle::before { left:-80px; }
.btn-lg.btn-toggle::after, .btn-group-lg > .btn-toggle::after { right:-80px; }
.btn-lg.btn-toggle > .handle, .btn-group-lg > .btn-toggle > .handle { width:32px; height:32px; top:4px; left:4px; }
.btn-lg.btn-toggle.active > .handle, .btn-group-lg > .btn-toggle.active > .handle { left:44px; }
.btn-lg.btn-toggle-rounded, .btn-group-lg > .btn-toggle-rounded { border-radius:32px; }
.btn-lg.btn-toggle-angular, .btn-group-lg > .btn-toggle-angular { border-radius:0; }
.btn-lg.btn-toggle-outline, .btn-group-lg > .btn-toggle-outline { padding:18px 0; border-width:2px; }
.btn-lg.btn-toggle-outline > .handle, .btn-group-lg > .btn-toggle-outline > .handle { top:2px; left:2px; }
.btn-lg.btn-toggle-outline.active > .handle, .btn-group-lg > .btn-toggle-outline.active > .handle { left:42px !important; }
.btn-lg.btn-toggle-outline::before, .btn-lg.btn-toggle-outline::after,
.btn-group-lg > .btn-toggle-outline::before, .btn-group-lg > .btn-toggle-outline::after { padding-top:8px; padding-bottom:8px; padding-right:9px; padding-left:9px; }
.btn-lg.btn-toggle-inner, .btn-group-lg > .btn-toggle-inner { margin:0; }
.btn-lg.btn-toggle-inner::before, .btn-group-lg > .btn-toggle-inner::before { left:0; }
.btn-lg.btn-toggle-inner::after, .btn-group-lg > .btn-toggle-inner::after { right:0; }
/*** size ***/
.btn-sm.btn-toggle, .btn-group-sm > .btn-toggle { width:32px; margin:0 40px; padding:8px 0; }
.btn-sm.btn-toggle::before, .btn-sm.btn-toggle::after,
.btn-group-sm > .btn-toggle::before, .btn-group-sm > .btn-toggle::after { width:40px; line-height:1.1; padding:0.5px 0; font-size:11px; }
.btn-sm.btn-toggle::before, .btn-group-sm > .btn-toggle::before { left:-40px; }
.btn-sm.btn-toggle::after, .btn-group-sm > .btn-toggle::after { right:-40px; }
.btn-sm.btn-toggle > .handle, .btn-group-sm > .btn-toggle > .handle { width:12px; height:12px; top:2px; left:2px; }
.btn-sm.btn-toggle.active > .handle, .btn-group-sm > .btn-toggle.active > .handle { left:18px; }
.btn-sm.btn-toggle-rounded, .btn-group-sm > .btn-toggle-rounded { border-radius:32px; }
.btn-sm.btn-toggle-angular, .btn-group-sm > .btn-toggle-angular { border-radius:0; }
.btn-sm.btn-toggle-outline, .btn-group-sm > .btn-toggle-outline { padding:7px 0; }
.btn-sm.btn-toggle-outline > .handle, .btn-group-sm > .btn-toggle-outline > .handle { top:1px; left:1px; }
.btn-sm.btn-toggle-outline.active > .handle, .btn-group-sm > .btn-toggle-outline.active > .handle { left:17px !important; }
.btn-sm.btn-toggle-inner, .btn-group-sm > .btn-toggle-inner { margin:0; }
.btn-sm.btn-toggle-inner::before, .btn-sm.btn-toggle-inner::after,
.btn-group-sm > .btn-toggle-inner::before, .btn-group-sm > .btn-toggle-inner::after { display:none; }

/************ [switch - checkbox] ************/
/************ [common] ************/
.custom-switch { padding-left:0; }
.custom-switch input[type="checkbox"]:checked + .btn-toggle { transition:background-color 0.25s; }
.custom-switch input[type="checkbox"]:checked + .btn-toggle::before { opacity:0.5; }
.custom-switch input[type="checkbox"]:checked + .btn-toggle::after { opacity:1; }
.custom-switch input[type="checkbox"]:checked + .btn-toggle > .handle { left:33px; transition:left 0.25s; }
.custom-switch input[type="checkbox"]:checked + .btn-toggle-inner::before { opacity:0; }
.custom-switch input[type="checkbox"]:checked + .btn-toggle-inner > .handle { left:33px; }
.custom-switch input[type="checkbox"]:checked + .btn-toggle-outline > .handle { left:32px; }
.custom-switch input[type="checkbox"]:checked + .btn-toggle-inner::before { opacity:0; }
.custom-switch input[type="checkbox"]:checked + .btn-toggle-inner > .handle { left:33px; }
.custom-switch input[type="checkbox"]:checked + .btn-toggle-inner.btn-toggle-outline > .handle { left:32px !important; }
.custom-switch input[type="checkbox"]:disabled:not(:checked) + .btn-toggle { -webkit-filter:alpha(opacity=65) !important; filter:alpha(opacity=65) !important; opacity:0.65 !important; }
.custom-switch input[type="checkbox"]:disabled:not(:checked) + .btn-toggle-outline { background-color:transparent; }
/*** size ***/
.custom-switch input[type="checkbox"]:checked + .btn-lg.btn-toggle > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-group-lg > .btn-toggle > .handle { left:44px; }
.custom-switch input[type="checkbox"]:checked + .btn-lg.btn-toggle-outline > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-group-lg > .btn-toggle-outline > .handle { left:42px !important; }
/*** size ***/
.custom-switch input[type="checkbox"]:checked + .btn-sm.btn-toggle > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-group-sm > .btn-toggle > .handle { left:18px; }
.custom-switch input[type="checkbox"]:checked + .btn-sm.btn-toggle-outline > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-group-sm > .btn-toggle-outline > .handle { left:17px !important; }

/************ [toolbar] ************/
.btn-toolbar .btn-toggle-group { margin-left:4px; }
.btn-toolbar .btn-toggle-group:first-child { margin-left:0; }
.btn-toolbar .btn-toggle-group > .btn { min-width:auto !important; }
.btn-toolbar .btn-toggle-group > .btn-solo:not(.btn-light):not(.btn-white) { border-left-color:rgba(0,0,0,0); border-right-color:rgba(0,0,0,0); }

/************ [button color] ************/
/*** primary ***/
.btn-primary { border-color:#26356f; background-color:#26356f; color:#fff; }
.btn-primary:hover { border-color:#293e90; background-color:#293e90; color:#fff; }
.btn-primary.disabled, .btn-primary:disabled { border-color:#26356f; background-color:#26356f; color:#fff; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle { border-color:#172043; background-color:#172043; color:#fff; }
.btn-outline.btn-primary, .btn-outline2.btn-primary { color:#26356f; }
.btn-outline.btn-primary:hover, .btn-outline2.btn-primary:hover { color:#293e90; }
.btn-outline.btn-primary:not(:disabled):not(.disabled):active, .btn-outline.btn-primary:not(:disabled):not(.disabled).active,
.btn-outline2.btn-primary:not(:disabled):not(.disabled):active, .btn-outline2.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-primary.dropdown-toggle, .show > .btn-outline2.btn-primary.dropdown-toggle { color:#172043; }
.btn-outline.btn-hover.btn-primary:hover,
.btn-outline2.btn-hover.btn-primary:hover { background-color:#293e90 !important; color:#fff; }
.btn-outline.btn-hover.btn-primary:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-primary:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-primary:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-primary:not(:disabled):not(.disabled).active { background-color:#172043 !important; color:#fff; }

.btn-toggle-group > .btn-outline.btn-primary:first-child,
.btn-toggle-group > .btn-outline2.btn-primary:first-child { border-right-color:#26356f; }
.btn-toggle-group > .btn-outline.btn-primary:not(:first-child):not(:last-child),
.btn-toggle-group > .btn-outline2.btn-primary:not(:first-child):not(:last-child) { border-left-color:#26356f; border-right-color:#26356f; }
.btn-toggle-group > .btn-outline.btn-primary:last-child,
.btn-toggle-group > .btn-outline2.btn-primary:last-child { border-left-color:#26356f; }
.btn-toggle-group > .btn-outline.btn-primary:hover,
.btn-toggle-group > .btn-outline.btn-primary:active, .btn-toggle-group > .btn-outline.btn-primary.active,
.btn-toggle-group > .btn-outline.btn-primary:focus, .btn-toggle-group > .btn-outline.btn-primary.focus,
.btn-toggle-group > .btn-outline2.btn-primary:hover,
.btn-toggle-group > .btn-outline2.btn-primary:active, .btn-toggle-group > .btn-outline2.btn-primary.active,
.btn-toggle-group > .btn-outline2.btn-primary:focus, .btn-toggle-group > .btn-outline2.btn-primary.focus { border-color:#26356f; }
.btn-toggle-group > .btn-outline.btn-hover.btn-primary:hover,
.btn-toggle-group > .btn-outline.btn-hover.btn-primary:active, .btn-toggle-group > .btn-outline.btn-hover.btn-primary.active,
.btn-toggle-group > .btn-outline.btn-hover.btn-primary:focus, .btn-toggle-group > .btn-outline.btn-hover.btn-primary.focus,
.btn-toggle-group > .btn-outline2.btn-hover.btn-primary:hover,
.btn-toggle-group > .btn-outline2.btn-hover.btn-primary:active, .btn-toggle-group > .btn-outline2.btn-hover.btn-primary.active,
.btn-toggle-group > .btn-outline2.btn-hover.btn-primary:focus, .btn-toggle-group > .btn-outline2.btn-hover.btn-primary.focus { background-color:#26356f !important; }

.btn-toggle-primary.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-primary { background-color:#26356f; }
.btn-toggle-primary.btn-toggle-outline.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-primary.btn-toggle-outline { border-color:#26356f; }
.btn-toggle-primary.btn-toggle-outline.active > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-primary.btn-toggle-outline > .handle { background-color:#26356f; }
.btn-toggle-primary.btn-toggle-inner.btn-toggle-outline.active::after,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-primary.btn-toggle-inner.btn-toggle-outline::after { color:#26356f; }

/*** secondary ***/
.btn-secondary:hover { border-color:#5a6268; }
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle { border-color:#545b62; }
.btn-outline.btn-secondary, .btn-outline2.btn-secondary { color:#6c757d; }
.btn-outline.btn-secondary:hover, .btn-outline2.btn-secondary:hover { color:#5a6268; }
.btn-outline.btn-secondary:not(:disabled):not(.disabled):active, .btn-outline.btn-secondary:not(:disabled):not(.disabled).active,
.btn-outline2.btn-secondary:not(:disabled):not(.disabled):active, .btn-outline2.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-secondary.dropdown-toggle, .show > .btn-outline2.btn-secondary.dropdown-toggle { color:#545b62; }
.btn-outline.btn-hover.btn-secondary:hover,
.btn-outline2.btn-hover.btn-secondary:hover { background-color:#5a6268 !important; color:#fff; }
.btn-outline.btn-hover.btn-secondary:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-secondary:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-secondary:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-secondary:not(:disabled):not(.disabled).active { background-color:#545b62 !important; color:#fff; }

.btn-toggle-group > .btn-outline.btn-secondary:first-child,
.btn-toggle-group > .btn-outline2.btn-secondary:first-child { border-right-color:#6c757d; }
.btn-toggle-group > .btn-outline.btn-secondary:not(:first-child):not(:last-child),
.btn-toggle-group > .btn-outline2.btn-secondary:not(:first-child):not(:last-child) { border-left-color:#6c757d; border-right-color:#6c757d; }
.btn-toggle-group > .btn-outline.btn-secondary:last-child,
.btn-toggle-group > .btn-outline2.btn-secondary:last-child { border-left-color:#6c757d; }
.btn-toggle-group > .btn-outline.btn-secondary:hover,
.btn-toggle-group > .btn-outline.btn-secondary:active, .btn-toggle-group > .btn-outline.btn-secondary.active,
.btn-toggle-group > .btn-outline.btn-secondary:focus, .btn-toggle-group > .btn-outline.btn-secondary.focus,
.btn-toggle-group > .btn-outline2.btn-secondary:hover,
.btn-toggle-group > .btn-outline2.btn-secondary:active, .btn-toggle-group > .btn-outline2.btn-secondary.active,
.btn-toggle-group > .btn-outline2.btn-secondary:focus, .btn-toggle-group > .btn-outline2.btn-secondary.focus { border-color:#6c757d; }
.btn-toggle-group > .btn-outline.btn-hover.btn-secondary:hover,
.btn-toggle-group > .btn-outline.btn-hover.btn-secondary:active, .btn-toggle-group > .btn-outline.btn-hover.btn-secondary.active,
.btn-toggle-group > .btn-outline.btn-hover.btn-secondary:focus, .btn-toggle-group > .btn-outline.btn-hover.btn-secondary.focus,
.btn-toggle-group > .btn-outline2.btn-hover.btn-secondary:hover,
.btn-toggle-group > .btn-outline2.btn-hover.btn-secondary:active, .btn-toggle-group > .btn-outline2.btn-hover.btn-secondary.active,
.btn-toggle-group > .btn-outline2.btn-hover.btn-secondary:focus, .btn-toggle-group > .btn-outline2.btn-hover.btn-secondary.focus { background-color:#6c757d !important; }

.btn-toggle-secondary.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-secondary { background-color:#6c757d; }
.btn-toggle-secondary.btn-toggle-outline.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-secondary.btn-toggle-outline { border-color:#6c757d; }
.btn-toggle-secondary.btn-toggle-outline.active > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-secondary.btn-toggle-outline > .handle { background-color:#6c757d; }
.btn-toggle-secondary.btn-toggle-inner.btn-toggle-outline.active::after,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-secondary.btn-toggle-inner.btn-toggle-outline::after { color:#6c757d; }

/*** success ***/
.btn-success:hover { border-color:#218838; }
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle { border-color:#1e7e34; }
.btn-outline.btn-success, .btn-outline2.btn-success { color:#28a745; }
.btn-outline.btn-success:hover, .btn-outline2.btn-success:hover { color:#218838; }
.btn-outline.btn-success:not(:disabled):not(.disabled):active, .btn-outline.btn-success:not(:disabled):not(.disabled).active,
.btn-outline2.btn-success:not(:disabled):not(.disabled):active, .btn-outline2.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-success.dropdown-toggle, .show > .btn-outline2.btn-success.dropdown-toggle { color:#1e7e34; }
.btn-outline.btn-hover.btn-success:hover,
.btn-outline2.btn-hover.btn-success:hover { background-color:#218838 !important; color:#fff; }
.btn-outline.btn-hover.btn-success:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-success:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-success:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-success:not(:disabled):not(.disabled).active { background-color:#1e7e34 !important; color:#fff; }

.btn-toggle-group > .btn-outline.btn-success:first-child,
.btn-toggle-group > .btn-outline2.btn-success:first-child { border-right-color:#28a745; }
.btn-toggle-group > .btn-outline.btn-success:not(:first-child):not(:last-child),
.btn-toggle-group > .btn-outline2.btn-success:not(:first-child):not(:last-child) { border-left-color:#28a745; border-right-color:#28a745; }
.btn-toggle-group > .btn-outline.btn-success:last-child,
.btn-toggle-group > .btn-outline2.btn-success:last-child { border-left-color:#28a745; }
.btn-toggle-group > .btn-outline.btn-success:hover,
.btn-toggle-group > .btn-outline.btn-success:active, .btn-toggle-group > .btn-outline.btn-success.active,
.btn-toggle-group > .btn-outline.btn-success:focus, .btn-toggle-group > .btn-outline.btn-success.focus,
.btn-toggle-group > .btn-outline2.btn-success:hover,
.btn-toggle-group > .btn-outline2.btn-success:active, .btn-toggle-group > .btn-outline2.btn-success.active,
.btn-toggle-group > .btn-outline2.btn-success:focus, .btn-toggle-group > .btn-outline2.btn-success.focus { border-color:#28a745; }
.btn-toggle-group > .btn-outline.btn-hover.btn-success:hover,
.btn-toggle-group > .btn-outline.btn-hover.btn-success:active, .btn-toggle-group > .btn-outline.btn-hover.btn-success.active,
.btn-toggle-group > .btn-outline.btn-hover.btn-success:focus, .btn-toggle-group > .btn-outline.btn-hover.btn-success.focus,
.btn-toggle-group > .btn-outline2.btn-hover.btn-success:hover,
.btn-toggle-group > .btn-outline2.btn-hover.btn-success:active, .btn-toggle-group > .btn-outline2.btn-hover.btn-success.active,
.btn-toggle-group > .btn-outline2.btn-hover.btn-success:focus, .btn-toggle-group > .btn-outline2.btn-hover.btn-success.focus { background-color:#28a745 !important; }

.btn-toggle-success.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-success { background-color:#28a745; }
.btn-toggle-success.btn-toggle-outline.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-success.btn-toggle-outline { border-color:#28a745; }
.btn-toggle-success.btn-toggle-outline.active > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-success.btn-toggle-outline > .handle { background-color:#28a745; }
.btn-toggle-success.btn-toggle-inner.btn-toggle-outline.active::after,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-success.btn-toggle-inner.btn-toggle-outline::after { color:#28a745; }

/*** danger ***/
.btn-danger:hover { border-color:#c82333; }
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle { border-color:#bd2130; }
.btn-outline.btn-danger, .btn-outline2.btn-danger { color:#dc3545; }
.btn-outline.btn-danger:hover, .btn-outline2.btn-danger:hover { color:#c82333; }
.btn-outline.btn-danger:not(:disabled):not(.disabled):active, .btn-outline.btn-danger:not(:disabled):not(.disabled).active,
.btn-outline2.btn-danger:not(:disabled):not(.disabled):active, .btn-outline2.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-danger.dropdown-toggle, .show > .btn-outline2.btn-danger.dropdown-toggle { color:#bd2130; }
.btn-outline.btn-hover.btn-danger:hover,
.btn-outline2.btn-hover.btn-danger:hover { background-color:#c82333 !important; color:#fff; }
.btn-outline.btn-hover.btn-danger:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-danger:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-danger:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-danger:not(:disabled):not(.disabled).active { background-color:#bd2130 !important; color:#fff; }

.btn-toggle-group > .btn-outline.btn-danger:first-child,
.btn-toggle-group > .btn-outline2.btn-danger:first-child { border-right-color:#dc3545; }
.btn-toggle-group > .btn-outline.btn-danger:not(:first-child):not(:last-child),
.btn-toggle-group > .btn-outline2.btn-danger:not(:first-child):not(:last-child) { border-left-color:#dc3545; border-right-color:#dc3545; }
.btn-toggle-group > .btn-outline.btn-danger:last-child,
.btn-toggle-group > .btn-outline2.btn-danger:last-child { border-left-color:#dc3545; }
.btn-toggle-group > .btn-outline.btn-danger:hover,
.btn-toggle-group > .btn-outline.btn-danger:active, .btn-toggle-group > .btn-outline.btn-danger.active,
.btn-toggle-group > .btn-outline.btn-danger:focus, .btn-toggle-group > .btn-outline.btn-danger.focus,
.btn-toggle-group > .btn-outline2.btn-danger:hover,
.btn-toggle-group > .btn-outline2.btn-danger:active, .btn-toggle-group > .btn-outline2.btn-danger.active,
.btn-toggle-group > .btn-outline2.btn-danger:focus, .btn-toggle-group > .btn-outline2.btn-danger.focus { border-color:#dc3545; }
.btn-toggle-group > .btn-outline.btn-hover.btn-danger:hover,
.btn-toggle-group > .btn-outline.btn-hover.btn-danger:active, .btn-toggle-group > .btn-outline.btn-hover.btn-danger.active,
.btn-toggle-group > .btn-outline.btn-hover.btn-danger:focus, .btn-toggle-group > .btn-outline.btn-hover.btn-danger.focus,
.btn-toggle-group > .btn-outline2.btn-hover.btn-danger:hover,
.btn-toggle-group > .btn-outline2.btn-hover.btn-danger:active, .btn-toggle-group > .btn-outline2.btn-hover.btn-danger.active,
.btn-toggle-group > .btn-outline2.btn-hover.btn-danger:focus, .btn-toggle-group > .btn-outline2.btn-hover.btn-danger.focus { background-color:#dc3545 !important; }

.btn-toggle-danger.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-danger { background-color:#dc3545; }
.btn-toggle-danger.btn-toggle-outline.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-danger.btn-toggle-outline { border-color:#dc3545; }
.btn-toggle-danger.btn-toggle-outline.active > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-danger.btn-toggle-outline > .handle { background-color:#dc3545; }
.btn-toggle-danger.btn-toggle-inner.btn-toggle-outline.active::after,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-danger.btn-toggle-inner.btn-toggle-outline::after { color:#dc3545; }

/*** warning ***/
.btn-warning:hover { border-color:#e0a800; }
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle { border-color:#d39e00; }
.btn-outline.btn-warning, .btn-outline2.btn-warning { color:#ffc107; }
.btn-outline.btn-warning:hover, .btn-outline2.btn-warning:hover { color:#e0a800; }
.btn-outline.btn-warning:not(:disabled):not(.disabled):active, .btn-outline.btn-warning:not(:disabled):not(.disabled).active,
.btn-outline2.btn-warning:not(:disabled):not(.disabled):active, .btn-outline2.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-warning.dropdown-toggle, .show > .btn-outline2.btn-warning.dropdown-toggle { color:#d39e00; }
.btn-outline.btn-hover.btn-warning:hover,
.btn-outline2.btn-hover.btn-warning:hover { background-color:#e0a800 !important; color:#fff; }
.btn-outline.btn-hover.btn-warning:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-warning:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-warning:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-warning:not(:disabled):not(.disabled).active { background-color:#d39e00 !important; color:#fff; }

.btn-toggle-group > .btn-outline.btn-warning:first-child,
.btn-toggle-group > .btn-outline2.btn-warning:first-child { border-right-color:#ffc107; }
.btn-toggle-group > .btn-outline.btn-warning:not(:first-child):not(:last-child),
.btn-toggle-group > .btn-outline2.btn-warning:not(:first-child):not(:last-child) { border-left-color:#ffc107; border-right-color:#ffc107; }
.btn-toggle-group > .btn-outline.btn-warning:last-child,
.btn-toggle-group > .btn-outline2.btn-warning:last-child { border-left-color:#ffc107; }
.btn-toggle-group > .btn-outline.btn-warning:hover,
.btn-toggle-group > .btn-outline.btn-warning:active, .btn-toggle-group > .btn-outline.btn-warning.active,
.btn-toggle-group > .btn-outline.btn-warning:focus, .btn-toggle-group > .btn-outline.btn-warning.focus,
.btn-toggle-group > .btn-outline2.btn-warning:hover,
.btn-toggle-group > .btn-outline2.btn-warning:active, .btn-toggle-group > .btn-outline2.btn-warning.active,
.btn-toggle-group > .btn-outline2.btn-warning:focus, .btn-toggle-group > .btn-outline2.btn-warning.focus { border-color:#ffc107; }
.btn-toggle-group > .btn-outline.btn-hover.btn-warning:hover,
.btn-toggle-group > .btn-outline.btn-hover.btn-warning:active, .btn-toggle-group > .btn-outline.btn-hover.btn-warning.active,
.btn-toggle-group > .btn-outline.btn-hover.btn-warning:focus, .btn-toggle-group > .btn-outline.btn-hover.btn-warning.focus,
.btn-toggle-group > .btn-outline2.btn-hover.btn-warning:hover,
.btn-toggle-group > .btn-outline2.btn-hover.btn-warning:active, .btn-toggle-group > .btn-outline2.btn-hover.btn-warning.active,
.btn-toggle-group > .btn-outline2.btn-hover.btn-warning:focus, .btn-toggle-group > .btn-outline2.btn-hover.btn-warning.focus { background-color:#ffc107 !important; }

.btn-toggle-warning.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-warning { background-color:#ffc107; }
.btn-toggle-warning.btn-toggle-outline.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-warning.btn-toggle-outline { border-color:#ffc107; }
.btn-toggle-warning.btn-toggle-outline.active > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-warning.btn-toggle-outline > .handle { background-color:#ffc107; }
.btn-toggle-warning.btn-toggle-inner.btn-toggle-outline.active::after,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-warning.btn-toggle-inner.btn-toggle-outline::after { color:#ffc107; }

/*** information ***/
.btn-info:hover { border-color:#138496; }
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle { border-color:#117a8b; }
.btn-outline.btn-info, .btn-outline2.btn-info { color:#17a2b8; }
.btn-outline.btn-info:hover, .btn-outline2.btn-info:hover { color:#138496; }
.btn-outline.btn-info:not(:disabled):not(.disabled):active, .btn-outline.btn-info:not(:disabled):not(.disabled).active,
.btn-outline2.btn-info:not(:disabled):not(.disabled):active, .btn-outline2.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-info.dropdown-toggle, .show > .btn-outline2.btn-info.dropdown-toggle { color:#117a8b; }
.btn-outline.btn-hover.btn-info:hover,
.btn-outline2.btn-hover.btn-info:hover { background-color:#138496 !important; color:#fff; }
.btn-outline.btn-hover.btn-info:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-info:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-info:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-info:not(:disabled):not(.disabled).active { background-color:#117a8b !important; color:#fff; }

.btn-toggle-group > .btn-outline.btn-info:first-child,
.btn-toggle-group > .btn-outline2.btn-info:first-child { border-right-color:#17a2b8; }
.btn-toggle-group > .btn-outline.btn-info:not(:first-child):not(:last-child),
.btn-toggle-group > .btn-outline2.btn-info:not(:first-child):not(:last-child) { border-left-color:#17a2b8; border-right-color:#17a2b8; }
.btn-toggle-group > .btn-outline.btn-info:last-child,
.btn-toggle-group > .btn-outline2.btn-info:last-child { border-left-color:#17a2b8; }
.btn-toggle-group > .btn-outline.btn-info:hover,
.btn-toggle-group > .btn-outline.btn-info:active, .btn-toggle-group > .btn-outline.btn-info.active,
.btn-toggle-group > .btn-outline.btn-info:focus, .btn-toggle-group > .btn-outline.btn-info.focus,
.btn-toggle-group > .btn-outline2.btn-info:hover,
.btn-toggle-group > .btn-outline2.btn-info:active, .btn-toggle-group > .btn-outline2.btn-info.active,
.btn-toggle-group > .btn-outline2.btn-info:focus, .btn-toggle-group > .btn-outline2.btn-info.focus { border-color:#17a2b8; }
.btn-toggle-group > .btn-outline.btn-hover.btn-info:hover,
.btn-toggle-group > .btn-outline.btn-hover.btn-info:active, .btn-toggle-group > .btn-outline.btn-hover.btn-info.active,
.btn-toggle-group > .btn-outline.btn-hover.btn-info:focus, .btn-toggle-group > .btn-outline.btn-hover.btn-info.focus,
.btn-toggle-group > .btn-outline2.btn-hover.btn-info:hover,
.btn-toggle-group > .btn-outline2.btn-hover.btn-info:active, .btn-toggle-group > .btn-outline2.btn-hover.btn-info.active,
.btn-toggle-group > .btn-outline2.btn-hover.btn-info:focus, .btn-toggle-group > .btn-outline2.btn-hover.btn-info.focus { background-color:#17a2b8 !important; }

.btn-toggle-info.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-info { background-color:#17a2b8; }
.btn-toggle-info.btn-toggle-outline.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-info.btn-toggle-outline { border-color:#17a2b8; }
.btn-toggle-info.btn-toggle-outline.active > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-info.btn-toggle-outline > .handle { background-color:#17a2b8; }
.btn-toggle-info.btn-toggle-inner.btn-toggle-outline.active::after,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-info.btn-toggle-inner.btn-toggle-outline::after { color:#17a2b8; }

/*** light ***/
.btn-light:hover { border-color:#e2e6ea; }
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle { border-color:#dae0e5; }
.btn-outline.btn-light, .btn-outline2.btn-light { color:#f8f9fa; }
.btn-outline.btn-light:hover, .btn-outline2.btn-light:hover { color:#e2e6ea; }
.btn-outline.btn-light:not(:disabled):not(.disabled):active, .btn-outline.btn-light:not(:disabled):not(.disabled).active,
.btn-outline2.btn-light:not(:disabled):not(.disabled):active, .btn-outline2.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-light.dropdown-toggle, .show > .btn-outline2.btn-light.dropdown-toggle { color:#dae0e5; }
.btn-outline.btn-hover.btn-light:hover,
.btn-outline2.btn-hover.btn-light:hover { background-color:#e2e6ea !important; color:#212529; }
.btn-outline.btn-hover.btn-light:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-light:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-light:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-light:not(:disabled):not(.disabled).active { background-color:#dae0e5 !important; color:#212529; }

.btn-toggle-group > .btn-light { border-color:rgba(0,0,0,0.1); }
.btn-toggle-group > .btn-outline.btn-light:first-child,
.btn-toggle-group > .btn-outline2.btn-light:first-child { border-right-color:#f8f9fa; }
.btn-toggle-group > .btn-outline.btn-light:not(:first-child):not(:last-child),
.btn-toggle-group > .btn-outline2.btn-light:not(:first-child):not(:last-child) { border-left-color:#f8f9fa; border-right-color:#f8f9fa; }
.btn-toggle-group > .btn-outline.btn-light:last-child,
.btn-toggle-group > .btn-outline2.btn-light:last-child { border-left-color:#f8f9fa; }
.btn-toggle-group > .btn-outline.btn-light,
.btn-toggle-group > .btn-outline.btn-light:hover,
.btn-toggle-group > .btn-outline.btn-light:active, .btn-toggle-group > .btn-outline.btn-light.active,
.btn-toggle-group > .btn-outline.btn-light:focus, .btn-toggle-group > .btn-outline.btn-light.focus,
.btn-toggle-group > .btn-outline2.btn-light,
.btn-toggle-group > .btn-outline2.btn-light:hover,
.btn-toggle-group > .btn-outline2.btn-light:active, .btn-toggle-group > .btn-outline2.btn-light.active,
.btn-toggle-group > .btn-outline2.btn-light:focus, .btn-toggle-group > .btn-outline2.btn-light.focus { border-color:#f8f9fa; }
.btn-toggle-group > .btn-outline.btn-hover.btn-light:hover,
.btn-toggle-group > .btn-outline.btn-hover.btn-light:active, .btn-toggle-group > .btn-outline.btn-hover.btn-light.active,
.btn-toggle-group > .btn-outline.btn-hover.btn-light:focus, .btn-toggle-group > .btn-outline.btn-hover.btn-light.focus,
.btn-toggle-group > .btn-outline2.btn-hover.btn-light:hover,
.btn-toggle-group > .btn-outline2.btn-hover.btn-light:active, .btn-toggle-group > .btn-outline2.btn-hover.btn-light.active,
.btn-toggle-group > .btn-outline2.btn-hover.btn-light:focus, .btn-toggle-group > .btn-outline2.btn-hover.btn-light.focus { background-color:#f8f9fa !important; }

.btn-toolbar .dropdown .btn-light { border-color:rgba(0,0,0,0.1); }

.btn-toggle-light.active { background-color:#f8f9fa; }
.btn-toggle-light.btn-toggle::before,
.btn-toggle-light.btn-toggle::after { color:#fff; }
.btn-toggle-light.btn-toggle-inner::before,
.btn-toggle-light.btn-toggle-inner::after { color:#212529; }
.btn-toggle-light.btn-toggle > .handle { background-color:#212529; }
.btn-toggle-light.btn-toggle-outline { background-color:transparent !important; }
.btn-toggle-light.btn-toggle-outline::before,
.btn-toggle-light.btn-toggle-outline::after { color:#bdc1c8; }
.btn-toggle-light.btn-toggle-outline > .handle { background-color:#bdc1c8; }
.btn-toggle-light.btn-toggle-outline.active { border-color:#f8f9fa; }
.btn-toggle-light.btn-toggle-inner.btn-toggle-outline.active::after { color:#f8f9fa; }
.btn-toggle-light.btn-toggle-outline.active > .handle { background-color:#f8f9fa; }

/*** dark ***/
.btn-dark:hover { border-color:#23272b; }
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle { border-color:#1d2124; }
.btn-outline.btn-dark, .btn-outline2.btn-dark { color:#343a40; }
.btn-outline.btn-dark:hover, .btn-outline2.btn-dark:hover { color:#23272b; }
.btn-outline.btn-dark:not(:disabled):not(.disabled):active, .btn-outline.btn-dark:not(:disabled):not(.disabled).active,
.btn-outline2.btn-dark:not(:disabled):not(.disabled):active, .btn-outline2.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-dark.dropdown-toggle, .show > .btn-outline2.btn-dark.dropdown-toggle { color:#1d2124; }
.btn-outline.btn-hover.btn-dark:hover,
.btn-outline2.btn-hover.btn-dark:hover { background-color:#23272b !important; color:#fff; }
.btn-outline.btn-hover.btn-dark:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-dark:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-dark:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-dark:not(:disabled):not(.disabled).active { background-color:#1d2124 !important; color:#fff; }

.btn-toggle-group > .btn-outline.btn-dark:first-child,
.btn-toggle-group > .btn-outline2.btn-dark:first-child { border-right-color:#343a40; }
.btn-toggle-group > .btn-outline.btn-dark:not(:first-child):not(:last-child),
.btn-toggle-group > .btn-outline2.btn-dark:not(:first-child):not(:last-child) { border-left-color:#343a40; border-right-color:#343a40; }
.btn-toggle-group > .btn-outline.btn-dark:last-child,
.btn-toggle-group > .btn-outline2.btn-dark:last-child { border-left-color:#343a40; }
.btn-toggle-group > .btn-outline.btn-dark:hover,
.btn-toggle-group > .btn-outline.btn-dark:active, .btn-toggle-group > .btn-outline.btn-dark.active,
.btn-toggle-group > .btn-outline.btn-dark:focus, .btn-toggle-group > .btn-outline.btn-dark.focus,
.btn-toggle-group > .btn-outline2.btn-dark:hover,
.btn-toggle-group > .btn-outline2.btn-dark:active, .btn-toggle-group > .btn-outline2.btn-dark.active,
.btn-toggle-group > .btn-outline2.btn-dark:focus, .btn-toggle-group > .btn-outline2.btn-dark.focus { border-color:#343a40; }
.btn-toggle-group > .btn-outline.btn-hover.btn-dark:hover,
.btn-toggle-group > .btn-outline.btn-hover.btn-dark:active, .btn-toggle-group > .btn-outline.btn-hover.btn-dark.active,
.btn-toggle-group > .btn-outline.btn-hover.btn-dark:focus, .btn-toggle-group > .btn-outline.btn-hover.btn-dark.focus,
.btn-toggle-group > .btn-outline2.btn-hover.btn-dark:hover,
.btn-toggle-group > .btn-outline2.btn-hover.btn-dark:active, .btn-toggle-group > .btn-outline2.btn-hover.btn-dark.active,
.btn-toggle-group > .btn-outline2.btn-hover.btn-dark:focus, .btn-toggle-group > .btn-outline2.btn-hover.btn-dark.focus { background-color:#343a40 !important; }

.btn-toggle-dark.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-dark { background-color:#343a40; }
.btn-toggle-dark.btn-toggle-outline.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-dark.btn-toggle-outline { border-color:#343a40; }
.btn-toggle-dark.btn-toggle-outline.active > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-dark.btn-toggle-outline > .handle { background-color:#343a40; }
.btn-toggle-dark.btn-toggle-inner.btn-toggle-outline.active::after,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-dark.btn-toggle-inner.btn-toggle-outline::after { color:#343a40; }

/*** pink ***/
.btn-pink { border-color:#e83e8c; background-color:#e83e8c; color:#fff; }
.btn-pink:hover { border-color:#d63981; background-color:#d63981; color:#fff; }
.btn-pink.disabled, .btn-pink:disabled { border-color:#e83e8c; background-color:#e83e8c; color:#fff; }
.btn-pink:not(:disabled):not(.disabled):active, .btn-pink:not(:disabled):not(.disabled).active,
.show > .btn-pink.dropdown-toggle { border-color:#c53577; background-color:#c53577; color:#fff; }
.btn-outline.btn-pink,
.btn-outline2.btn-pink { color:#e83e8c; }
.btn-outline.btn-pink:hover,
.btn-outline2.btn-pink:hover { color:#d63981; }
.btn-outline.btn-pink:not(:disabled):not(.disabled):active, .btn-outline.btn-pink:not(:disabled):not(.disabled).active,
.btn-outline2.btn-pink:not(:disabled):not(.disabled):active, .btn-outline2.btn-pink:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-pink.dropdown-toggle, .show > .btn-outline2.btn-pink.dropdown-toggle { color:#c53577; }
.btn-outline.btn-hover.btn-pink:hover,
.btn-outline2.btn-hover.btn-pink:hover { background-color:#d63981 !important; color:#fff; }
.btn-outline.btn-hover.btn-pink:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-pink:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-pink:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-pink:not(:disabled):not(.disabled).active { background-color:#c53577 !important; color:#fff; }

.btn-toggle-group > .btn-outline.btn-pink:first-child,
.btn-toggle-group > .btn-outline2.btn-pink:first-child { border-right-color:#e83e8c; }
.btn-toggle-group > .btn-outline.btn-pink:not(:first-child):not(:last-child),
.btn-toggle-group > .btn-outline2.btn-pink:not(:first-child):not(:last-child) { border-left-color:#e83e8c; border-right-color:#e83e8c; }
.btn-toggle-group > .btn-outline.btn-pink:last-child,
.btn-toggle-group > .btn-outline2.btn-pink:last-child { border-left-color:#e83e8c; }
.btn-toggle-group > .btn-outline.btn-pink:hover,
.btn-toggle-group > .btn-outline.btn-pink:active, .btn-toggle-group > .btn-outline.btn-pink.active,
.btn-toggle-group > .btn-outline.btn-pink:focus, .btn-toggle-group > .btn-outline.btn-pink.focus,
.btn-toggle-group > .btn-outline2.btn-pink:hover,
.btn-toggle-group > .btn-outline2.btn-pink:active, .btn-toggle-group > .btn-outline2.btn-pink.active,
.btn-toggle-group > .btn-outline2.btn-pink:focus, .btn-toggle-group > .btn-outline2.btn-pink.focus { border-color:#e83e8c; }
.btn-toggle-group > .btn-outline.btn-hover.btn-pink:hover,
.btn-toggle-group > .btn-outline.btn-hover.btn-pink:active, .btn-toggle-group > .btn-outline.btn-hover.btn-pink.active,
.btn-toggle-group > .btn-outline.btn-hover.btn-pink:focus, .btn-toggle-group > .btn-outline.btn-hover.btn-pink.focus,
.btn-toggle-group > .btn-outline2.btn-hover.btn-pink:hover,
.btn-toggle-group > .btn-outline2.btn-hover.btn-pink:active, .btn-toggle-group > .btn-outline2.btn-hover.btn-pink.active,
.btn-toggle-group > .btn-outline2.btn-hover.btn-pink:focus, .btn-toggle-group > .btn-outline2.btn-hover.btn-pink.focus { background-color:#e83e8c !important; }

.btn-toggle-pink.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-pink { background-color:#e83e8c; }
.btn-toggle-pink.btn-toggle-outline.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-pink.btn-toggle-outline { border-color:#e83e8c; }
.btn-toggle-pink.btn-toggle-outline.active > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-pink.btn-toggle-outline > .handle { background-color:#e83e8c; }
.btn-toggle-pink.btn-toggle-inner.btn-toggle-outline.active::after,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-pink.btn-toggle-inner.btn-toggle-outline::after { color:#e83e8c; }

/*** orange ***/
.btn-orange { border-color:#fd7e14; background-color:#fd7e14; color:#fff; }
.btn-orange:hover { border-color:#f07813; background-color:#f07813; color:#fff; }
.btn-orange.disabled, .btn-orange:disabled { background-color:#fd7e14; border-color:#fd7e14; }
.btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active,
.show > .btn-orange.dropdown-toggle { background-color:#e37112; border-color:#e37112; }
.btn-outline.btn-orange, .btn-outline2.btn-orange { color:#fd7e14; }
.btn-outline.btn-orange:hover, .btn-outline2.btn-orange:hover { color:#f07813; }
.btn-outline.btn-orange:not(:disabled):not(.disabled):active, .btn-outline.btn-orange:not(:disabled):not(.disabled).active,
.btn-outline2.btn-orange:not(:disabled):not(.disabled):active, .btn-outline2.btn-orange:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-orange.dropdown-toggle, .show > .btn-outline2.btn-orange.dropdown-toggle { color:#e37112; }
.btn-outline.btn-hover.btn-orange:hover,
.btn-outline2.btn-hover.btn-orange:hover { background-color:#f07813 !important; color:#fff; }
.btn-outline.btn-hover.btn-orange:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-orange:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-orange:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-orange:not(:disabled):not(.disabled).active { background-color:#e37112 !important; color:#fff; }

.btn-toggle-group > .btn-outline.btn-orange:first-child,
.btn-toggle-group > .btn-outline2.btn-orange:first-child { border-right-color:#fd7e14; }
.btn-toggle-group > .btn-outline.btn-orange:not(:first-child):not(:last-child),
.btn-toggle-group > .btn-outline2.btn-orange:not(:first-child):not(:last-child) { border-left-color:#fd7e14; border-right-color:#fd7e14; }
.btn-toggle-group > .btn-outline.btn-orange:last-child,
.btn-toggle-group > .btn-outline2.btn-orange:last-child { border-left-color:#fd7e14; }
.btn-toggle-group > .btn-outline.btn-orange:hover,
.btn-toggle-group > .btn-outline.btn-orange:active, .btn-toggle-group > .btn-outline.btn-orange.active,
.btn-toggle-group > .btn-outline.btn-orange:focus, .btn-toggle-group > .btn-outline.btn-orange.focus,
.btn-toggle-group > .btn-outline2.btn-orange:hover,
.btn-toggle-group > .btn-outline2.btn-orange:active, .btn-toggle-group > .btn-outline2.btn-orange.active,
.btn-toggle-group > .btn-outline2.btn-orange:focus, .btn-toggle-group > .btn-outline2.btn-orange.focus { border-color:#fd7e14; }
.btn-toggle-group > .btn-outline.btn-hover.btn-orange:hover,
.btn-toggle-group > .btn-outline.btn-hover.btn-orange:active, .btn-toggle-group > .btn-outline.btn-hover.btn-orange.active,
.btn-toggle-group > .btn-outline.btn-hover.btn-orange:focus, .btn-toggle-group > .btn-outline.btn-hover.btn-orange.focus,
.btn-toggle-group > .btn-outline2.btn-hover.btn-orange:hover,
.btn-toggle-group > .btn-outline2.btn-hover.btn-orange:active, .btn-toggle-group > .btn-outline2.btn-hover.btn-orange.active,
.btn-toggle-group > .btn-outline2.btn-hover.btn-orange:focus, .btn-toggle-group > .btn-outline2.btn-hover.btn-orange.focus { background-color:#fd7e14 !important; }

.btn-toggle-orange.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-orange { background-color:#fd7e14; }
.btn-toggle-orange.btn-toggle-outline.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-orange.btn-toggle-outline { border-color:#fd7e14; }
.btn-toggle-orange.btn-toggle-outline.active > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-orange.btn-toggle-outline > .handle { background-color:#fd7e14; }
.btn-toggle-orange.btn-toggle-inner.btn-toggle-outline.active::after,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-orange.btn-toggle-inner.btn-toggle-outline::after { color:#fd7e14; }

/*** blue ***/
.btn-blue { border-color:#007bff; background-color:#007bff; color:#fff; }
.btn-blue:hover { border-color:#0069d9; background-color:#0069d9; color:#fff; }
.btn-blue.disabled, .btn-blue:disabled { border-color:#007bff; background-color:#007bff; }
.btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active,
.show > .btn-blue.dropdown-toggle { border-color:#0062cc; background-color:#0062cc; }
.btn-outline.btn-blue, .btn-outline2.btn-blue { color:#007bff; }
.btn-outline.btn-blue:hover, .btn-outline2.btn-blue:hover { color:#0069d9; }
.btn-outline.btn-blue:not(:disabled):not(.disabled):active, .btn-outline.btn-blue:not(:disabled):not(.disabled).active,
.btn-outline2.btn-blue:not(:disabled):not(.disabled):active, .btn-outline2.btn-blue:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-blue.dropdown-toggle, .show > .btn-outline2.btn-blue.dropdown-toggle { color:#0062cc; }
.btn-outline.btn-hover.btn-blue:hover,
.btn-outline2.btn-hover.btn-blue:hover { background-color:#0069d9 !important; color:#fff; }
.btn-outline.btn-hover.btn-blue:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-blue:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-blue:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-blue:not(:disabled):not(.disabled).active { background-color:#0062cc !important; color:#fff; }

.btn-toggle-group > .btn-outline.btn-blue:first-child,
.btn-toggle-group > .btn-outline2.btn-blue:first-child { border-right-color:#007bff; }
.btn-toggle-group > .btn-outline.btn-blue:not(:first-child):not(:last-child),
.btn-toggle-group > .btn-outline2.btn-blue:not(:first-child):not(:last-child) { border-left-color:#007bff; border-right-color:#007bff; }
.btn-toggle-group > .btn-outline.btn-blue:last-child,
.btn-toggle-group > .btn-outline2.btn-blue:last-child { border-left-color:#007bff; }
.btn-toggle-group > .btn-outline.btn-blue:hover,
.btn-toggle-group > .btn-outline.btn-blue:active, .btn-toggle-group > .btn-outline.btn-blue.active,
.btn-toggle-group > .btn-outline.btn-blue:focus, .btn-toggle-group > .btn-outline.btn-blue.focus,
.btn-toggle-group > .btn-outline2.btn-blue:hover,
.btn-toggle-group > .btn-outline2.btn-blue:active, .btn-toggle-group > .btn-outline2.btn-blue.active,
.btn-toggle-group > .btn-outline2.btn-blue:focus, .btn-toggle-group > .btn-outline2.btn-blue.focus { border-color:#007bff; }
.btn-toggle-group > .btn-outline.btn-hover.btn-blue:hover,
.btn-toggle-group > .btn-outline.btn-hover.btn-blue:active, .btn-toggle-group > .btn-outline.btn-hover.btn-blue.active,
.btn-toggle-group > .btn-outline.btn-hover.btn-blue:focus, .btn-toggle-group > .btn-outline.btn-hover.btn-blue.focus,
.btn-toggle-group > .btn-outline2.btn-hover.btn-blue:hover,
.btn-toggle-group > .btn-outline2.btn-hover.btn-blue:active, .btn-toggle-group > .btn-outline2.btn-hover.btn-blue.active,
.btn-toggle-group > .btn-outline2.btn-hover.btn-blue:focus, .btn-toggle-group > .btn-outline2.btn-hover.btn-blue.focus { background-color:#007bff !important; }

.btn-toggle-blue.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-blue { background-color:#007bff; }
.btn-toggle-blue.btn-toggle-outline.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-blue.btn-toggle-outline { border-color:#007bff; }
.btn-toggle-blue.btn-toggle-outline.active > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-blue.btn-toggle-outline > .handle { background-color:#007bff; }
.btn-toggle-blue.btn-toggle-inner.btn-toggle-outline.active::after,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-blue.btn-toggle-inner.btn-toggle-outline::after { color:#007bff; }

/*** azure ***/
.btn-azure { border-color:#00a8ff; background-color:#00a8ff; color:#fff; }
.btn-azure:hover { border-color:#009beb; background-color:#009beb; color:#fff; }
.btn-azure.disabled, .btn-azure:disabled { border-color:#00a8ff; background-color:#00a8ff; }
.btn-azure:not(:disabled):not(.disabled):active, .btn-azure:not(:disabled):not(.disabled).active,
.show > .btn-azure.dropdown-toggle { border-color:#008fd9; background-color:#008fd9; }
.btn-outline.btn-azure, .btn-outline2.btn-azure { color:#00a8ff; }
.btn-outline.btn-azure:hover, .btn-outline2.btn-azure:hover { color:#009beb; }
.btn-outline.btn-azure:not(:disabled):not(.disabled):active, .btn-outline.btn-azure:not(:disabled):not(.disabled).active,
.btn-outline2.btn-azure:not(:disabled):not(.disabled):active, .btn-outline2.btn-azure:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-azure.dropdown-toggle, .show > .btn-outline2.btn-azure.dropdown-toggle { color:#00a8ff; }
.btn-outline.btn-hover.btn-azure:hover,
.btn-outline2.btn-hover.btn-azure:hover { background-color:#009beb !important; color:#fff; }
.btn-outline.btn-hover.btn-azure:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-azure:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-azure:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-azure:not(:disabled):not(.disabled).active { background-color:#00a8ff !important; color:#fff; }

.btn-toggle-group > .btn-outline.btn-azure:first-child,
.btn-toggle-group > .btn-outline2.btn-azure:first-child { border-right-color:#00a8ff; }
.btn-toggle-group > .btn-outline.btn-azure:not(:first-child):not(:last-child),
.btn-toggle-group > .btn-outline2.btn-azure:not(:first-child):not(:last-child) { border-left-color:#00a8ff; border-right-color:#00a8ff; }
.btn-toggle-group > .btn-outline.btn-azure:last-child,
.btn-toggle-group > .btn-outline2.btn-azure:last-child { border-left-color:#00a8ff; }
.btn-toggle-group > .btn-outline.btn-azure:hover,
.btn-toggle-group > .btn-outline.btn-azure:active, .btn-toggle-group > .btn-outline.btn-azure.active,
.btn-toggle-group > .btn-outline.btn-azure:focus, .btn-toggle-group > .btn-outline.btn-azure.focus,
.btn-toggle-group > .btn-outline2.btn-azure:hover,
.btn-toggle-group > .btn-outline2.btn-azure:active, .btn-toggle-group > .btn-outline2.btn-azure.active,
.btn-toggle-group > .btn-outline2.btn-azure:focus, .btn-toggle-group > .btn-outline2.btn-azure.focus { border-color:#00a8ff; }
.btn-toggle-group > .btn-outline.btn-hover.btn-azure:hover,
.btn-toggle-group > .btn-outline.btn-hover.btn-azure:active, .btn-toggle-group > .btn-outline.btn-hover.btn-azure.active,
.btn-toggle-group > .btn-outline.btn-hover.btn-azure:focus, .btn-toggle-group > .btn-outline.btn-hover.btn-azure.focus,
.btn-toggle-group > .btn-outline2.btn-hover.btn-azure:hover,
.btn-toggle-group > .btn-outline2.btn-hover.btn-azure:active, .btn-toggle-group > .btn-outline2.btn-hover.btn-azure.active,
.btn-toggle-group > .btn-outline2.btn-hover.btn-azure:focus, .btn-toggle-group > .btn-outline2.btn-hover.btn-azure.focus { background-color:#00a8ff !important; }

.btn-toggle-azure.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-azure { background-color:#00a8ff; }
.btn-toggle-azure.btn-toggle-outline.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-azure.btn-toggle-outline { border-color:#00a8ff; }
.btn-toggle-azure.btn-toggle-outline.active > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-azure.btn-toggle-outline > .handle { background-color:#00a8ff; }
.btn-toggle-azure.btn-toggle-inner.btn-toggle-outline.active::after,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-azure.btn-toggle-inner.btn-toggle-outline::after { color:#00a8ff; }

/*** navy ***/
.btn-navy { border-color:#34495e; background-color:#34495e; color:#fff; }
.btn-navy:hover { border-color:#2a3b4b; background-color:#2a3b4b; color:#fff; }
.btn-navy.disabled, .btn-navy:disabled { border-color:#34495e; background-color:#34495e; color:#fff; }
.btn-navy:not(:disabled):not(.disabled):active, .btn-navy:not(:disabled):not(.disabled).active,
.show > .btn-navy.dropdown-toggle { border-color:#263647; background-color:#263647; color:#fff; }
.btn-outline.btn-navy, .btn-outline2.btn-navy { color:#34495e; }
.btn-outline.btn-navy:hover, .btn-outline2.btn-navy:hover { color:#2a3b4b; }
.btn-outline.btn-navy:not(:disabled):not(.disabled):active, .btn-outline.btn-navy:not(:disabled):not(.disabled).active,
.btn-outline2.btn-navy:not(:disabled):not(.disabled):active, .btn-outline2.btn-navy:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-navy.dropdown-toggle, .show > .btn-outline2.btn-navy.dropdown-toggle { color:#263647; }
.btn-outline.btn-hover.btn-navy:hover,
.btn-outline2.btn-hover.btn-navy:hover { background-color:#2a3b4b !important; color:#fff; }
.btn-outline.btn-hover.btn-navy:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-navy:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-navy:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-navy:not(:disabled):not(.disabled).active { background-color:#263647 !important; color:#fff; }

.btn-toggle-group > .btn-outline.btn-navy:first-child,
.btn-toggle-group > .btn-outline2.btn-navy:first-child { border-right-color:#34495e; }
.btn-toggle-group > .btn-outline.btn-navy:not(:first-child):not(:last-child),
.btn-toggle-group > .btn-outline2.btn-navy:not(:first-child):not(:last-child) { border-left-color:#34495e; border-right-color:#34495e; }
.btn-toggle-group > .btn-outline.btn-navy:last-child,
.btn-toggle-group > .btn-outline2.btn-navy:last-child { border-left-color:#34495e; }
.btn-toggle-group > .btn-outline.btn-navy:hover,
.btn-toggle-group > .btn-outline.btn-navy:active, .btn-toggle-group > .btn-outline.btn-navy.active,
.btn-toggle-group > .btn-outline.btn-navy:focus, .btn-toggle-group > .btn-outline.btn-navy.focus,
.btn-toggle-group > .btn-outline2.btn-navy:hover,
.btn-toggle-group > .btn-outline2.btn-navy:active, .btn-toggle-group > .btn-outline2.btn-navy.active,
.btn-toggle-group > .btn-outline2.btn-navy:focus, .btn-toggle-group > .btn-outline2.btn-navy.focus { border-color:#34495e; }
.btn-toggle-group > .btn-outline.btn-hover.btn-navy:hover,
.btn-toggle-group > .btn-outline.btn-hover.btn-navy:active, .btn-toggle-group > .btn-outline.btn-hover.btn-navy.active,
.btn-toggle-group > .btn-outline.btn-hover.btn-navy:focus, .btn-toggle-group > .btn-outline.btn-hover.btn-navy.focus,
.btn-toggle-group > .btn-outline2.btn-hover.btn-navy:hover,
.btn-toggle-group > .btn-outline2.btn-hover.btn-navy:active, .btn-toggle-group > .btn-outline2.btn-hover.btn-navy.active,
.btn-toggle-group > .btn-outline2.btn-hover.btn-navy:focus, .btn-toggle-group > .btn-outline2.btn-hover.btn-navy.focus { background-color:#34495e !important; }

.btn-toggle-navy.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-navy { background-color:#34495e; }
.btn-toggle-navy.btn-toggle-outline.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-navy.btn-toggle-outline { border-color:#34495e; }
.btn-toggle-navy.btn-toggle-outline.active > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-navy.btn-toggle-outline > .handle { background-color:#34495e; }
.btn-toggle-navy.btn-toggle-inner.btn-toggle-outline.active::after,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-navy.btn-toggle-inner.btn-toggle-outline::after { color:#34495e; }

/*** purple ***/
.btn-purple { border-color:#6f42c1; background-color:#6f42c1; color:#fff; }
.btn-purple:hover { border-color:#663db2; background-color:#663db2; color:#fff; }
.btn-purple.disabled, .btn-purple:disabled { border-color:#6f42c1; background-color:#6f42c1; }
.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active,
.show > .btn-purple.dropdown-toggle { border-color:#5e38a4; background-color:#5e38a4; }
.btn-outline.btn-purple, .btn-outline2.btn-purple { color:#6f42c1; }
.btn-outline.btn-purple:hover, .btn-outline2.btn-purple:hover { color:#663db2; }
.btn-outline.btn-purple:not(:disabled):not(.disabled):active, .btn-outline.btn-purple:not(:disabled):not(.disabled).active,
.btn-outline2.btn-purple:not(:disabled):not(.disabled):active, .btn-outline2.btn-purple:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-purple.dropdown-toggle, .show > .btn-outline2.btn-purple.dropdown-toggle { color:#5e38a4; }
.btn-outline.btn-hover.btn-purple:hover,
.btn-outline2.btn-hover.btn-purple:hover { background-color:#663db2 !important; color:#fff; }
.btn-outline.btn-hover.btn-purple:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-purple:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-purple:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-purple:not(:disabled):not(.disabled).active { background-color:#5e38a4 !important; color:#fff; }

.btn-toggle-group > .btn-outline.btn-purple:first-child,
.btn-toggle-group > .btn-outline2.btn-purple:first-child { border-right-color:#6f42c1; }
.btn-toggle-group > .btn-outline.btn-purple:not(:first-child):not(:last-child),
.btn-toggle-group > .btn-outline2.btn-purple:not(:first-child):not(:last-child) { border-left-color:#6f42c1; border-right-color:#6f42c1; }
.btn-toggle-group > .btn-outline.btn-purple:last-child,
.btn-toggle-group > .btn-outline2.btn-purple:last-child { border-left-color:#6f42c1; }
.btn-toggle-group > .btn-outline.btn-purple:hover,
.btn-toggle-group > .btn-outline.btn-purple:active, .btn-toggle-group > .btn-outline.btn-purple.active,
.btn-toggle-group > .btn-outline.btn-purple:focus, .btn-toggle-group > .btn-outline.btn-purple.focus,
.btn-toggle-group > .btn-outline2.btn-purple:hover,
.btn-toggle-group > .btn-outline2.btn-purple:active, .btn-toggle-group > .btn-outline2.btn-purple.active,
.btn-toggle-group > .btn-outline2.btn-purple:focus, .btn-toggle-group > .btn-outline2.btn-purple.focus { border-color:#6f42c1; }
.btn-toggle-group > .btn-outline.btn-hover.btn-purple:hover,
.btn-toggle-group > .btn-outline.btn-hover.btn-purple:active, .btn-toggle-group > .btn-outline.btn-hover.btn-purple.active,
.btn-toggle-group > .btn-outline.btn-hover.btn-purple:focus, .btn-toggle-group > .btn-outline.btn-hover.btn-purple.focus,
.btn-toggle-group > .btn-outline2.btn-hover.btn-purple:hover,
.btn-toggle-group > .btn-outline2.btn-hover.btn-purple:active, .btn-toggle-group > .btn-outline2.btn-hover.btn-purple.active,
.btn-toggle-group > .btn-outline2.btn-hover.btn-purple:focus, .btn-toggle-group > .btn-outline2.btn-hover.btn-purple.focus { background-color:#6f42c1 !important; }

.btn-toggle-purple.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-purple { background-color:#6f42c1; }
.btn-toggle-purple.btn-toggle-outline.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-purple.btn-toggle-outline { border-color:#6f42c1; }
.btn-toggle-purple.btn-toggle-outline.active > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-purple.btn-toggle-outline > .handle { background-color:#6f42c1; }
.btn-toggle-purple.btn-toggle-inner.btn-toggle-outline.active::after,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-purple.btn-toggle-inner.btn-toggle-outline::after { color:#6f42c1; }

/*** indigo ***/
.btn-indigo { border-color:#6610f2; background-color:#6610f2; color:#fff; }
.btn-indigo:hover { border-color:#5e0fdf; background-color:#5e0fdf; color:#fff; }
.btn-indigo.disabled, .btn-indigo:disabled { border-color:#6610f2; background-color:#6610f2; }
.btn-indigo:not(:disabled):not(.disabled):active, .btn-indigo:not(:disabled):not(.disabled).active,
.show > .btn-indigo.dropdown-toggle { border-color:#570ece; background-color:#570ece; }
.btn-outline.btn-indigo, .btn-outline2.btn-indigo { color:#6610f2; }
.btn-outline.btn-indigo:hover, .btn-outline2.btn-indigo:hover { color:#5e0fdf; }
.btn-outline.btn-indigo:not(:disabled):not(.disabled):active, .btn-outline.btn-indigo:not(:disabled):not(.disabled).active,
.btn-outline2.btn-indigo:not(:disabled):not(.disabled):active, .btn-outline2.btn-indigo:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-indigo.dropdown-toggle, .show > .btn-outline2.btn-indigo.dropdown-toggle { color:#570ece; }
.btn-outline.btn-hover.btn-indigo:hover,
.btn-outline2.btn-hover.btn-indigo:hover { background-color:#5e0fdf !important; color:#fff; }
.btn-outline.btn-hover.btn-indigo:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-indigo:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-indigo:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-indigo:not(:disabled):not(.disabled).active { background-color:#570ece !important; color:#fff; }

.btn-toggle-group > .btn-outline.btn-indigo:first-child,
.btn-toggle-group > .btn-outline2.btn-indigo:first-child { border-right-color:#6610f2; }
.btn-toggle-group > .btn-outline.btn-indigo:not(:first-child):not(:last-child),
.btn-toggle-group > .btn-outline2.btn-indigo:not(:first-child):not(:last-child) { border-left-color:#6610f2; border-right-color:#6610f2; }
.btn-toggle-group > .btn-outline.btn-indigo:last-child,
.btn-toggle-group > .btn-outline2.btn-indigo:last-child { border-left-color:#6610f2; }
.btn-toggle-group > .btn-outline.btn-indigo:hover,
.btn-toggle-group > .btn-outline.btn-indigo:active, .btn-toggle-group > .btn-outline.btn-indigo.active,
.btn-toggle-group > .btn-outline.btn-indigo:focus, .btn-toggle-group > .btn-outline.btn-indigo.focus,
.btn-toggle-group > .btn-outline2.btn-indigo:hover,
.btn-toggle-group > .btn-outline2.btn-indigo:active, .btn-toggle-group > .btn-outline2.btn-indigo.active,
.btn-toggle-group > .btn-outline2.btn-indigo:focus, .btn-toggle-group > .btn-outline2.btn-indigo.focus { border-color:#6610f2; }
.btn-toggle-group > .btn-outline.btn-hover.btn-indigo:hover,
.btn-toggle-group > .btn-outline.btn-hover.btn-indigo:active, .btn-toggle-group > .btn-outline.btn-hover.btn-indigo.active,
.btn-toggle-group > .btn-outline.btn-hover.btn-indigo:focus, .btn-toggle-group > .btn-outline.btn-hover.btn-indigo.focus,
.btn-toggle-group > .btn-outline2.btn-hover.btn-indigo:hover,
.btn-toggle-group > .btn-outline2.btn-hover.btn-indigo:active, .btn-toggle-group > .btn-outline2.btn-hover.btn-indigo.active,
.btn-toggle-group > .btn-outline2.btn-hover.btn-indigo:focus, .btn-toggle-group > .btn-outline2.btn-hover.btn-indigo.focus { background-color:#6610f2 !important; }

.btn-toggle-indigo.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-indigo { background-color:#6610f2; }
.btn-toggle-indigo.btn-toggle-outline.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-indigo.btn-toggle-outline { border-color:#6610f2; }
.btn-toggle-indigo.btn-toggle-outline.active > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-indigo.btn-toggle-outline > .handle { background-color:#6610f2; }
.btn-toggle-indigo.btn-toggle-inner.btn-toggle-outline.active::after,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-indigo.btn-toggle-inner.btn-toggle-outline::after { color:#6610f2; }

/*** white ***/
.btn-white { border-color:#fff; background-color:#fff; color:#2f3640; }
.btn-white:hover { border-color:#f5f6fa; background-color:#f5f6fa; color:#2f3640; }
.btn-white.disabled, .btn-white:disabled { border-color:#fff; background-color:#fff; }
.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active,
.show > .btn-white.dropdown-toggle { border-color:#f2f4f7; background-color:#f2f4f7; color:#2f3640; }
.btn-outline.btn-white, .btn-outline2.btn-white { color:#fff; }
.btn-outline.btn-white:hover, .btn-outline2.btn-white:hover { color:#f5f6fa; }
.btn-outline.btn-white:not(:disabled):not(.disabled):active, .btn-outline.btn-white:not(:disabled):not(.disabled).active,
.btn-outline2.btn-white:not(:disabled):not(.disabled):active, .btn-outline2.btn-white:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-white.dropdown-toggle, .show > .btn-outline2.btn-white.dropdown-toggle { color:#fff; }
.btn-outline.btn-hover.btn-white:hover,
.btn-outline2.btn-hover.btn-white:hover { background-color:#f5f6fa !important; color:#2f3640; }
.btn-outline.btn-hover.btn-white:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-white:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-white:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-white:not(:disabled):not(.disabled).active { background-color:#f2f4f7 !important; color:#2f3640; }

.btn-toggle-group > .btn-white { border-color:rgba(0,0,0,0.1); }
.btn-toggle-group > .btn-outline.btn-white:first-child,
.btn-toggle-group > .btn-outline2.btn-white:first-child { border-right-color:#fff; }
.btn-toggle-group > .btn-outline.btn-white:not(:first-child):not(:last-child),
.btn-toggle-group > .btn-outline2.btn-white:not(:first-child):not(:last-child) { border-left-color:#fff; border-right-color:#fff; }
.btn-toggle-group > .btn-outline.btn-white:last-child,
.btn-toggle-group > .btn-outline2.btn-white:last-child { border-left-color:#fff; }
.btn-toggle-group > .btn-outline.btn-white,
.btn-toggle-group > .btn-outline.btn-white:hover,
.btn-toggle-group > .btn-outline.btn-white:active, .btn-toggle-group > .btn-outline.btn-white.active,
.btn-toggle-group > .btn-outline.btn-white:focus, .btn-toggle-group > .btn-outline.btn-white.focus,
.btn-toggle-group > .btn-outline2.btn-white,
.btn-toggle-group > .btn-outline2.btn-white:hover,
.btn-toggle-group > .btn-outline2.btn-white:active, .btn-toggle-group > .btn-outline2.btn-white.active,
.btn-toggle-group > .btn-outline2.btn-white:focus, .btn-toggle-group > .btn-outline2.btn-white.focus { border-color:#fff; }
.btn-toggle-group > .btn-outline.btn-hover.btn-white:hover,
.btn-toggle-group > .btn-outline.btn-hover.btn-white:active, .btn-toggle-group > .btn-outline.btn-hover.btn-white.active,
.btn-toggle-group > .btn-outline.btn-hover.btn-white:focus, .btn-toggle-group > .btn-outline.btn-hover.btn-white.focus,
.btn-toggle-group > .btn-outline2.btn-hover.btn-white:hover,
.btn-toggle-group > .btn-outline2.btn-hover.btn-white:active, .btn-toggle-group > .btn-outline2.btn-hover.btn-white.active,
.btn-toggle-group > .btn-outline2.btn-hover.btn-white:focus, .btn-toggle-group > .btn-outline2.btn-hover.btn-white.focus { background-color:#fff !important; }

.btn-toolbar .dropdown .btn-white { border-color:rgba(0,0,0,0.1); }

.btn-toggle-white.active { background-color:#fff; }
.btn-toggle-white.btn-toggle::before,
.btn-toggle-white.btn-toggle::after { color:#fff; }
.btn-toggle-white.btn-toggle-inner::before,
.btn-toggle-white.btn-toggle-inner::after { color:#2f3640; }
.btn-toggle-white.btn-toggle > .handle { background-color:#2f3640; }
.btn-toggle-white.btn-toggle-outline { background-color:transparent !important; }
.btn-toggle-white.btn-toggle-outline::before,
.btn-toggle-white.btn-toggle-outline::after { color:#bdc1c8; }
.btn-toggle-white.btn-toggle-outline > .handle { background-color:#bdc1c8; }
.btn-toggle-white.btn-toggle-outline.active { border-color:#fff; }
.btn-toggle-white.btn-toggle-inner.btn-toggle-outline.active::after { color:#fff; }
.btn-toggle-white.btn-toggle-outline.active > .handle { background-color:#fff; }

/*** gray ***/
.btn-gray { border-color:#cdd4e1; background-color:#e8ebf0; color:#2f3640; }
.btn-gray:hover { border-color:#dfe4ea; background-color:#dfe4ea; color:#2f3640; }
.btn-gray.disabled, .btn-gray:disabled { border-color:#d8dde3; background-color:#d8dde3; }
.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active,
.show > .btn-gray.dropdown-toggle { border-color:#dfe4ea; background-color:#dfe4ea; color:#2f3640; }
.btn-outline.btn-gray, .btn-outline2.btn-gray { color:#2f3640; }
.btn-outline.btn-gray:hover, .btn-outline2.btn-gray:hover { color:#2f3640; }
.btn-outline.btn-gray:not(:disabled):not(.disabled):active, .btn-outline.btn-gray:not(:disabled):not(.disabled).active,
.btn-outline2.btn-gray:not(:disabled):not(.disabled):active, .btn-outline2.btn-gray:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-gray.dropdown-toggle, .show > .btn-outline2.btn-gray.dropdown-toggle { color:#2f3640; }
.btn-outline.btn-hover.btn-gray:hover,
.btn-outline2.btn-hover.btn-gray:hover { background-color:#dfe4ea !important; color:#2f3640; }
.btn-outline.btn-hover.btn-gray:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-gray:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-gray:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-gray:not(:disabled):not(.disabled).active { background-color:#dfe4ea !important; color:#2f3640; }

.btn-toggle-group > .btn-outline.btn-gray:first-child,
.btn-toggle-group > .btn-outline2.btn-gray:first-child { border-right-color:#cdd4e1; }
.btn-toggle-group > .btn-outline.btn-gray:not(:first-child):not(:last-child),
.btn-toggle-group > .btn-outline2.btn-gray:not(:first-child):not(:last-child) { border-left-color:#cdd4e1; border-right-color:#cdd4e1; }
.btn-toggle-group > .btn-outline.btn-gray:last-child,
.btn-toggle-group > .btn-outline2.btn-gray:last-child { border-left-color:#cdd4e1; }
.btn-toggle-group > .btn-outline.btn-gray:hover,
.btn-toggle-group > .btn-outline.btn-gray:active, .btn-toggle-group > .btn-outline.btn-gray.active,
.btn-toggle-group > .btn-outline.btn-gray:focus, .btn-toggle-group > .btn-outline.btn-gray.focus,
.btn-toggle-group > .btn-outline2.btn-gray:hover,
.btn-toggle-group > .btn-outline2.btn-gray:active, .btn-toggle-group > .btn-outline2.btn-gray.active,
.btn-toggle-group > .btn-outline2.btn-gray:focus, .btn-toggle-group > .btn-outline2.btn-gray.focus { border-color:#cdd4e1; }
.btn-toggle-group > .btn-outline.btn-hover.btn-gray:hover,
.btn-toggle-group > .btn-outline.btn-hover.btn-gray:active, .btn-toggle-group > .btn-outline.btn-hover.btn-gray.active,
.btn-toggle-group > .btn-outline.btn-hover.btn-gray:focus, .btn-toggle-group > .btn-outline.btn-hover.btn-gray.focus,
.btn-toggle-group > .btn-outline2.btn-hover.btn-gray:hover,
.btn-toggle-group > .btn-outline2.btn-hover.btn-gray:active, .btn-toggle-group > .btn-outline2.btn-hover.btn-gray.active,
.btn-toggle-group > .btn-outline2.btn-hover.btn-gray:focus, .btn-toggle-group > .btn-outline2.btn-hover.btn-gray.focus { background-color:#e8ebf0 !important; }

.btn-toggle-gray.active { background-color:#e8ebf0; }
.btn-toggle-gray.btn-toggle-outline.active { border-color:#cdd4e1; }
.btn-toggle-gray.btn-toggle-inner::before,
.btn-toggle-gray.btn-toggle-inner::after { color:#2f3640; }
.btn-toggle-gray.btn-toggle > .handle { background-color:#2f3640; }
.btn-toggle-gray.btn-toggle-outline::before,
.btn-toggle-gray.btn-toggle-outline::after { color:#bdc1c8; }
.btn-toggle-gray.btn-toggle-outline > .handle { background-color:#bdc1c8; }
.btn-toggle-gray.btn-toggle-inner.btn-toggle-outline.active::after { color:#2f3640; }
.btn-toggle-gray.btn-toggle-outline.active > .handle { background-color:#2f3640; }

/*** black ***/
.btn-black { border-color:#101010; background-color:#101010; color:#fff; }
.btn-black:hover { border-color:#333; background-color:#333; color:#fff; }
.btn-black.disabled, .btn-black:disabled { border-color:#101010; background-color:#101010; }
.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active,
.show > .btn-black.dropdown-toggle { border-color:#000; background-color:#000; color:#fff; }
.btn-outline.btn-black, .btn-outline2.btn-black { color:#101010; }
.btn-outline.btn-black:hover, .btn-outline2.btn-black:hover { color:#333; }
.btn-outline.btn-black:not(:disabled):not(.disabled):active, .btn-outline.btn-black:not(:disabled):not(.disabled).active,
.btn-outline2.btn-black:not(:disabled):not(.disabled):active, .btn-outline2.btn-black:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-black.dropdown-toggle, .show > .btn-outline2.btn-black.dropdown-toggle { color:#000; }
.btn-outline.btn-hover.btn-black:hover,
.btn-outline2.btn-hover.btn-black:hover { background-color:#333 !important; color:#fff; }
.btn-outline.btn-hover.btn-black:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-black:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-black:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-black:not(:disabled):not(.disabled).active { background-color:#000 !important; color:#fff; }
.btn-toggle-group > .btn-black:first-child { border-right-color:rgba(255,255,255,0.1); }
.btn-toggle-group > .btn-black:not(:first-child):not(:last-child) { border-left-color:rgba(255,255,255,0.1); border-right-color:rgba(255,255,255,0.1); }
.btn-toggle-group > .btn-black:last-child { border-left-color:rgba(255,255,255,0.1); }

.btn-toggle-group > .btn-outline.btn-black:first-child,
.btn-toggle-group > .btn-outline2.btn-black:first-child { border-right-color:#101010; }
.btn-toggle-group > .btn-outline.btn-black:not(:first-child):not(:last-child),
.btn-toggle-group > .btn-outline2.btn-black:not(:first-child):not(:last-child) { border-left-color:#101010; border-right-color:#101010; }
.btn-toggle-group > .btn-outline.btn-black:last-child,
.btn-toggle-group > .btn-outline2.btn-black:last-child { border-left-color:#101010; }
.btn-toggle-group > .btn-outline.btn-black:hover,
.btn-toggle-group > .btn-outline.btn-black:active, .btn-toggle-group > .btn-outline.btn-black.active,
.btn-toggle-group > .btn-outline.btn-black:focus, .btn-toggle-group > .btn-outline.btn-black.focus,
.btn-toggle-group > .btn-outline2.btn-black:hover,
.btn-toggle-group > .btn-outline2.btn-black:active, .btn-toggle-group > .btn-outline2.btn-black.active,
.btn-toggle-group > .btn-outline2.btn-black:focus, .btn-toggle-group > .btn-outline2.btn-black.focus { border-color:#101010; }
.btn-toggle-group > .btn-outline.btn-hover.btn-black:hover,
.btn-toggle-group > .btn-outline.btn-hover.btn-black:active, .btn-toggle-group > .btn-outline.btn-hover.btn-black.active,
.btn-toggle-group > .btn-outline.btn-hover.btn-black:focus, .btn-toggle-group > .btn-outline.btn-hover.btn-black.focus,
.btn-toggle-group > .btn-outline2.btn-hover.btn-black:hover,
.btn-toggle-group > .btn-outline2.btn-hover.btn-black:active, .btn-toggle-group > .btn-outline2.btn-hover.btn-black.active,
.btn-toggle-group > .btn-outline2.btn-hover.btn-black:focus, .btn-toggle-group > .btn-outline2.btn-hover.btn-black.focus { background-color:#101010 !important; }

.btn-toggle-black.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-black { background-color:#101010; }
.btn-toggle-black.btn-toggle-outline.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-black.btn-toggle-outline { border-color:#101010; }
.btn-toggle-black.btn-toggle-outline.active > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-black.btn-toggle-outline > .handle { background-color:#101010; }
.btn-toggle-black.btn-toggle-inner.btn-toggle-outline.active::after,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-black.btn-toggle-inner.btn-toggle-outline::after { color:#101010; }

/*** transparent ***/
.btn-transparent { border-color:transparent; background-color:transparent; }
.btn-transparent:hover { border-color:transparent; background-color:transparent; }
.btn-transparent.disabled, .btn-transparent:disabled { border-color:transparent; background-color:transparent; }
.btn-transparent:not(:disabled):not(.disabled):active, .btn-transparent:not(:disabled):not(.disabled).active,
.show > .btn-transparent.dropdown-toggle { border-color:transparent; background-color:transparent; color:#2f3640; }
.btn-transparent.btn-light.disabled, .btn-transparent.btn-light:disabled { color:#2f3640; }
.btn-transparent.btn-light:hover, .btn-rounded.btn-transparent.btn-light:hover, .btn-angular.btn-transparent.btn-light:hover { background-color:rgba(0,0,0,0.05); }
.btn-transparent.btn-dark.disabled, .btn-transparent.btn-dark:disabled { color:#fff; }
.btn-transparent.btn-dark:not(:disabled):not(.disabled):active, .btn-transparent.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-transparent.btn-dark.dropdown-toggle { color:#fff; }
.btn-transparent.btn-dark:hover, .btn-rounded.btn-transparent.btn-dark:hover, .btn-angular.btn-transparent.btn-dark:hover { background-color:rgba(255,255,255,0.05); }
.btn-hover.btn-transparent:hover { background-color:transparent; color:#26356f; }

/*** excel ***/
.btn-excel { border-color:#217346; background-color:#217346; color:#fff; }
.btn-excel:hover { border-color:#3f8159; background-color:#3f8159; color:#fff; }
.btn-excel.disabled, .btn-excel:disabled { border-color:#0e5c2f; background-color:#0e5c2f; }
.btn-excel:not(:disabled):not(.disabled):active, .btn-excel:not(:disabled):not(.disabled).active,
.show > .btn-excel.dropdown-toggle { border-color:#0e5c2f; background-color:#0e5c2f; color:#fff; }
.btn-outline.btn-excel, .btn-outline2.btn-excel { color:#217346; }
.btn-outline.btn-excel:hover, .btn-outline2.btn-excel:hover { color:#3f8159; }
.btn-outline.btn-excel:not(:disabled):not(.disabled):active, .btn-outline.btn-excel:not(:disabled):not(.disabled).active,
.btn-outline2.btn-excel:not(:disabled):not(.disabled):active, .btn-outline2.btn-excel:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-excel.dropdown-toggle, .show > .btn-outline2.btn-excel.dropdown-toggle { color:#0e5c2f; }
.btn-outline.btn-hover.btn-excel:hover,
.btn-outline2.btn-hover.btn-excel:hover { background-color:#3f8159 !important; color:#fff; }
.btn-outline.btn-hover.btn-excel:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-excel:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-excel:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-excel:not(:disabled):not(.disabled).active { background-color:#0e5c2f !important; color:#fff; }

.btn-toggle-group > .btn-outline.btn-excel:first-child,
.btn-toggle-group > .btn-outline2.btn-excel:first-child { border-right-color:#217346; }
.btn-toggle-group > .btn-outline.btn-excel:not(:first-child):not(:last-child),
.btn-toggle-group > .btn-outline2.btn-excel:not(:first-child):not(:last-child) { border-left-color:#217346; border-right-color:#217346; }
.btn-toggle-group > .btn-outline.btn-excel:last-child,
.btn-toggle-group > .btn-outline2.btn-excel:last-child { border-left-color:#217346; }
.btn-toggle-group > .btn-outline.btn-excel:hover,
.btn-toggle-group > .btn-outline.btn-excel:active, .btn-toggle-group > .btn-outline.btn-excel.active,
.btn-toggle-group > .btn-outline.btn-excel:focus, .btn-toggle-group > .btn-outline.btn-excel.focus,
.btn-toggle-group > .btn-outline2.btn-excel:hover,
.btn-toggle-group > .btn-outline2.btn-excel:active, .btn-toggle-group > .btn-outline2.btn-excel.active,
.btn-toggle-group > .btn-outline2.btn-excel:focus, .btn-toggle-group > .btn-outline2.btn-excel.focus { border-color:#217346; }
.btn-toggle-group > .btn-outline.btn-hover.btn-excel:hover,
.btn-toggle-group > .btn-outline.btn-hover.btn-excel:active, .btn-toggle-group > .btn-outline.btn-hover.btn-excel.active,
.btn-toggle-group > .btn-outline.btn-hover.btn-excel:focus, .btn-toggle-group > .btn-outline.btn-hover.btn-excel.focus,
.btn-toggle-group > .btn-outline2.btn-hover.btn-excel:hover,
.btn-toggle-group > .btn-outline2.btn-hover.btn-excel:active, .btn-toggle-group > .btn-outline2.btn-hover.btn-excel.active,
.btn-toggle-group > .btn-outline2.btn-hover.btn-excel:focus, .btn-toggle-group > .btn-outline2.btn-hover.btn-excel.focus { background-color:#217346 !important; }

.btn-toggle-excel.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-excel { background-color:#217346; }
.btn-toggle-excel.btn-toggle-outline.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-excel.btn-toggle-outline { border-color:#217346; }
.btn-toggle-excel.btn-toggle-outline.active > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-excel.btn-toggle-outline > .handle { background-color:#217346; }
.btn-toggle-excel.btn-toggle-inner.btn-toggle-outline.active::after,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-excel.btn-toggle-inner.btn-toggle-outline::after { color:#217346; }

/*** facebook ***/
.btn-facebook { border-color:#4267b2; background-color:#4267b2; color:#fff; }
.btn-facebook:hover { border-color:#365899; background-color:#365899; color:#fff; }
.btn-facebook.disabled, .btn-facebook:disabled { border-color:#29487d; background-color:#29487d; }
.btn-facebook:not(:disabled):not(.disabled):active, .btn-facebook:not(:disabled):not(.disabled).active,
.show > .btn-facebook.dropdown-toggle { border-color:#29487d; background-color:#29487d; color:#fff; }
.btn-outline.btn-facebook, .btn-outline2.btn-facebook { color:#4267b2; }
.btn-outline.btn-facebook:hover, .btn-outline2.btn-facebook:hover { color:#365899; }
.btn-outline.btn-facebook:not(:disabled):not(.disabled):active, .btn-outline.btn-facebook:not(:disabled):not(.disabled).active,
.btn-outline2.btn-facebook:not(:disabled):not(.disabled):active, .btn-outline2.btn-facebook:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-facebook.dropdown-toggle, .show > .btn-outline2.btn-facebook.dropdown-toggle { color:#29487d; }
.btn-outline.btn-hover.btn-facebook:hover,
.btn-outline2.btn-hover.btn-facebook:hover { background-color:#365899 !important; color:#fff; }
.btn-outline.btn-hover.btn-facebook:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-facebook:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-facebook:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-facebook:not(:disabled):not(.disabled).active { background-color:#29487d !important; color:#fff; }

.btn-toggle-group > .btn-outline.btn-facebook:first-child,
.btn-toggle-group > .btn-outline2.btn-facebook:first-child { border-right-color:#4267b2; }
.btn-toggle-group > .btn-outline.btn-facebook:not(:first-child):not(:last-child),
.btn-toggle-group > .btn-outline2.btn-facebook:not(:first-child):not(:last-child) { border-left-color:#4267b2; border-right-color:#4267b2; }
.btn-toggle-group > .btn-outline.btn-facebook:last-child,
.btn-toggle-group > .btn-outline2.btn-facebook:last-child { border-left-color:#4267b2; }
.btn-toggle-group > .btn-outline.btn-facebook:hover,
.btn-toggle-group > .btn-outline.btn-facebook:active, .btn-toggle-group > .btn-outline.btn-facebook.active,
.btn-toggle-group > .btn-outline.btn-facebook:focus, .btn-toggle-group > .btn-outline.btn-facebook.focus,
.btn-toggle-group > .btn-outline2.btn-facebook:hover,
.btn-toggle-group > .btn-outline2.btn-facebook:active, .btn-toggle-group > .btn-outline2.btn-facebook.active,
.btn-toggle-group > .btn-outline2.btn-facebook:focus, .btn-toggle-group > .btn-outline2.btn-facebook.focus { border-color:#4267b2; }
.btn-toggle-group > .btn-outline.btn-hover.btn-facebook:hover,
.btn-toggle-group > .btn-outline.btn-hover.btn-facebook:active, .btn-toggle-group > .btn-outline.btn-hover.btn-facebook.active,
.btn-toggle-group > .btn-outline.btn-hover.btn-facebook:focus, .btn-toggle-group > .btn-outline.btn-hover.btn-facebook.focus,
.btn-toggle-group > .btn-outline2.btn-hover.btn-facebook:hover,
.btn-toggle-group > .btn-outline2.btn-hover.btn-facebook:active, .btn-toggle-group > .btn-outline2.btn-hover.btn-facebook.active,
.btn-toggle-group > .btn-outline2.btn-hover.btn-facebook:focus, .btn-toggle-group > .btn-outline2.btn-hover.btn-facebook.focus { background-color:#4267b2 !important; }

.btn-toggle-facebook.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-facebook { background-color:#4267b2; }
.btn-toggle-facebook.btn-toggle-outline.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-facebook.btn-toggle-outline { border-color:#4267b2; }
.btn-toggle-facebook.btn-toggle-outline.active > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-facebook.btn-toggle-outline > .handle { background-color:#4267b2; }
.btn-toggle-facebook.btn-toggle-inner.btn-toggle-outline.active::after,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-facebook.btn-toggle-inner.btn-toggle-outline::after { color:#4267b2; }

/*** twitter ***/
.btn-twitter { border-color:#1da1f2; background-color:#1da1f2; color:#fff; }
.btn-twitter:hover { border-color:#006dbf; background-color:#006dbf; color:#fff; }
.btn-twitter.disabled, .btn-twitter:disabled { border-color:#0362a9; background-color:#0362a9; }
.btn-twitter:not(:disabled):not(.disabled):active, .btn-twitter:not(:disabled):not(.disabled).active,
.show > .btn-twitter.dropdown-toggle { border-color:#0362a9; background-color:#0362a9; color:#fff; }
.btn-outline.btn-twitter, .btn-outline2.btn-twitter { color:#1da1f2; }
.btn-outline.btn-twitter:hover, .btn-outline2.btn-twitter:hover { color:#006dbf; }
.btn-outline.btn-twitter:not(:disabled):not(.disabled):active, .btn-outline.btn-twitter:not(:disabled):not(.disabled).active,
.btn-outline2.btn-twitter:not(:disabled):not(.disabled):active, .btn-outline2.btn-twitter:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-twitter.dropdown-toggle, .show > .btn-outline2.btn-twitter.dropdown-toggle { color:#0362a9; }
.btn-outline.btn-hover.btn-twitter:hover,
.btn-outline2.btn-hover.btn-twitter:hover { background-color:#006dbf !important; color:#fff; }
.btn-outline.btn-hover.btn-twitter:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-twitter:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-twitter:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-twitter:not(:disabled):not(.disabled).active { background-color:#0362a9 !important; color:#fff; }

.btn-toggle-group > .btn-outline.btn-twitter:first-child,
.btn-toggle-group > .btn-outline2.btn-twitter:first-child { border-right-color:#1da1f2; }
.btn-toggle-group > .btn-outline.btn-twitter:not(:first-child):not(:last-child),
.btn-toggle-group > .btn-outline2.btn-twitter:not(:first-child):not(:last-child) { border-left-color:#1da1f2; border-right-color:#1da1f2; }
.btn-toggle-group > .btn-outline.btn-twitter:last-child,
.btn-toggle-group > .btn-outline2.btn-twitter:last-child { border-left-color:#1da1f2; }
.btn-toggle-group > .btn-outline.btn-twitter:hover,
.btn-toggle-group > .btn-outline.btn-twitter:active, .btn-toggle-group > .btn-outline.btn-twitter.active,
.btn-toggle-group > .btn-outline.btn-twitter:focus, .btn-toggle-group > .btn-outline.btn-twitter.focus,
.btn-toggle-group > .btn-outline2.btn-twitter:hover,
.btn-toggle-group > .btn-outline2.btn-twitter:active, .btn-toggle-group > .btn-outline2.btn-twitter.active,
.btn-toggle-group > .btn-outline2.btn-twitter:focus, .btn-toggle-group > .btn-outline2.btn-twitter.focus { border-color:#1da1f2; }
.btn-toggle-group > .btn-outline.btn-hover.btn-twitter:hover,
.btn-toggle-group > .btn-outline.btn-hover.btn-twitter:active, .btn-toggle-group > .btn-outline.btn-hover.btn-twitter.active,
.btn-toggle-group > .btn-outline.btn-hover.btn-twitter:focus, .btn-toggle-group > .btn-outline.btn-hover.btn-twitter.focus,
.btn-toggle-group > .btn-outline2.btn-hover.btn-twitter:hover,
.btn-toggle-group > .btn-outline2.btn-hover.btn-twitter:active, .btn-toggle-group > .btn-outline2.btn-hover.btn-twitter.active,
.btn-toggle-group > .btn-outline2.btn-hover.btn-twitter:focus, .btn-toggle-group > .btn-outline2.btn-hover.btn-twitter.focus { background-color:#1da1f2 !important; }

.btn-toggle-twitter.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-twitter { background-color:#1da1f2; }
.btn-toggle-twitter.btn-toggle-outline.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-twitter.btn-toggle-outline { border-color:#1da1f2; }
.btn-toggle-twitter.btn-toggle-outline.active > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-twitter.btn-toggle-outline > .handle { background-color:#1da1f2; }
.btn-toggle-twitter.btn-toggle-inner.btn-toggle-outline.active::after,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-twitter.btn-toggle-inner.btn-toggle-outline::after { color:#1da1f2; }

/*** naver ***/
.btn-naver { border-color:#1ec800; background-color:#1ec800; color:#fff; }
.btn-naver:hover { border-color:#1ec800; background-color:#1ec800; color:#fff; }
.btn-naver.disabled, .btn-naver:disabled { border-color:#1ec800; background-color:#1ec800; }
.btn-naver:not(:disabled):not(.disabled):active, .btn-naver:not(:disabled):not(.disabled).active,
.show > .btn-naver.dropdown-toggle { border-color:#1ec800; background-color:#1ec800; color:#fff; }
.btn-outline.btn-naver, .btn-outline2.btn-naver { color:#1ec800; }
.btn-outline.btn-naver:hover, .btn-outline2.btn-naver:hover { color:#1ec800; }
.btn-outline.btn-naver:not(:disabled):not(.disabled):active, .btn-outline.btn-naver:not(:disabled):not(.disabled).active,
.btn-outline2.btn-naver:not(:disabled):not(.disabled):active, .btn-outline2.btn-naver:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-naver.dropdown-toggle, .show > .btn-outline2.btn-naver.dropdown-toggle { color:#1ec800; }
.btn-outline.btn-hover.btn-naver:hover,
.btn-outline2.btn-hover.btn-naver:hover { background-color:#1ec800 !important; color:#fff; }
.btn-outline.btn-hover.btn-naver:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-naver:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-naver:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-naver:not(:disabled):not(.disabled).active { background-color:#1ec800 !important; color:#fff; }

.btn-toggle-group > .btn-outline.btn-naver:first-child,
.btn-toggle-group > .btn-outline2.btn-naver:first-child { border-right-color:#1ec800; }
.btn-toggle-group > .btn-outline.btn-naver:not(:first-child):not(:last-child),
.btn-toggle-group > .btn-outline2.btn-naver:not(:first-child):not(:last-child) { border-left-color:#1ec800; border-right-color:#1ec800; }
.btn-toggle-group > .btn-outline.btn-naver:last-child,
.btn-toggle-group > .btn-outline2.btn-naver:last-child { border-left-color:#1ec800; }
.btn-toggle-group > .btn-outline.btn-naver:hover,
.btn-toggle-group > .btn-outline.btn-naver:active, .btn-toggle-group > .btn-outline.btn-naver.active,
.btn-toggle-group > .btn-outline.btn-naver:focus, .btn-toggle-group > .btn-outline.btn-naver.focus,
.btn-toggle-group > .btn-outline2.btn-naver:hover,
.btn-toggle-group > .btn-outline2.btn-naver:active, .btn-toggle-group > .btn-outline2.btn-naver.active,
.btn-toggle-group > .btn-outline2.btn-naver:focus, .btn-toggle-group > .btn-outline2.btn-naver.focus { border-color:#1ec800; }
.btn-toggle-group > .btn-outline.btn-hover.btn-naver:hover,
.btn-toggle-group > .btn-outline.btn-hover.btn-naver:active, .btn-toggle-group > .btn-outline.btn-hover.btn-naver.active,
.btn-toggle-group > .btn-outline.btn-hover.btn-naver:focus, .btn-toggle-group > .btn-outline.btn-hover.btn-naver.focus,
.btn-toggle-group > .btn-outline2.btn-hover.btn-naver:hover,
.btn-toggle-group > .btn-outline2.btn-hover.btn-naver:active, .btn-toggle-group > .btn-outline2.btn-hover.btn-naver.active,
.btn-toggle-group > .btn-outline2.btn-hover.btn-naver:focus, .btn-toggle-group > .btn-outline2.btn-hover.btn-naver.focus { background-color:#1ec800 !important; }

.btn-toggle-naver.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-naver { background-color:#1ec800; }
.btn-toggle-naver.btn-toggle-outline.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-naver.btn-toggle-outline { border-color:#1ec800; }
.btn-toggle-naver.btn-toggle-outline.active > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-naver.btn-toggle-outline > .handle { background-color:#1ec800; }
.btn-toggle-naver.btn-toggle-inner.btn-toggle-outline.active::after,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-naver.btn-toggle-inner.btn-toggle-outline::after { color:#1ec800; }

/*** kakao ***/
.btn-kakao { border-color:#ffeb00; background-color:#ffeb00; color:#3c1e1e; }
.btn-kakao:hover { border-color:#ffde00; background-color:#ffde00; color:#3c1e1e; }
.btn-kakao.disabled, .btn-kakao:disabled { border-color:#e5c700; background-color:#e5c700; }
.btn-kakao:not(:disabled):not(.disabled):active, .btn-kakao:not(:disabled):not(.disabled).active,
.show > .btn-kakao.dropdown-toggle { border-color:#e5c700; background-color:#e5c700; color:#3c1e1e; }
.btn-outline.btn-kakao, .btn-outline2.btn-kakao { color:#ffeb00; }
.btn-outline.btn-kakao:hover, .btn-outline2.btn-kakao:hover { color:#ffde00; }
.btn-outline.btn-kakao:not(:disabled):not(.disabled):active, .btn-outline.btn-kakao:not(:disabled):not(.disabled).active,
.btn-outline2.btn-kakao:not(:disabled):not(.disabled):active, .btn-outline2.btn-kakao:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-kakao.dropdown-toggle, .show > .btn-outline2.btn-kakao.dropdown-toggle { color:#e5c700; }
.btn-outline.btn-hover.btn-kakao:hover,
.btn-outline2.btn-hover.btn-kakao:hover { background-color:#ffde00 !important; color:#3c1e1e; }
.btn-outline.btn-hover.btn-kakao:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-kakao:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-kakao:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-kakao:not(:disabled):not(.disabled).active { background-color:#e5c700 !important; color:#3c1e1e; }

.btn-toggle-group > .btn-outline.btn-kakao:first-child,
.btn-toggle-group > .btn-outline2.btn-kakao:first-child { border-right-color:#ffeb00; }
.btn-toggle-group > .btn-outline.btn-kakao:not(:first-child):not(:last-child),
.btn-toggle-group > .btn-outline2.btn-kakao:not(:first-child):not(:last-child) { border-left-color:#ffeb00; border-right-color:#ffeb00; }
.btn-toggle-group > .btn-outline.btn-kakao:last-child,
.btn-toggle-group > .btn-outline2.btn-kakao:last-child { border-left-color:#ffeb00; }
.btn-toggle-group > .btn-outline.btn-kakao:hover,
.btn-toggle-group > .btn-outline.btn-kakao:active, .btn-toggle-group > .btn-outline.btn-kakao.active,
.btn-toggle-group > .btn-outline.btn-kakao:focus, .btn-toggle-group > .btn-outline.btn-kakao.focus,
.btn-toggle-group > .btn-outline2.btn-kakao:hover,
.btn-toggle-group > .btn-outline2.btn-kakao:active, .btn-toggle-group > .btn-outline2.btn-kakao.active,
.btn-toggle-group > .btn-outline2.btn-kakao:focus, .btn-toggle-group > .btn-outline2.btn-kakao.focus { border-color:#ffeb00; }
.btn-toggle-group > .btn-outline.btn-hover.btn-kakao:hover,
.btn-toggle-group > .btn-outline.btn-hover.btn-kakao:active, .btn-toggle-group > .btn-outline.btn-hover.btn-kakao.active,
.btn-toggle-group > .btn-outline.btn-hover.btn-kakao:focus, .btn-toggle-group > .btn-outline.btn-hover.btn-kakao.focus,
.btn-toggle-group > .btn-outline2.btn-hover.btn-kakao:hover,
.btn-toggle-group > .btn-outline2.btn-hover.btn-kakao:active, .btn-toggle-group > .btn-outline2.btn-hover.btn-kakao.active,
.btn-toggle-group > .btn-outline2.btn-hover.btn-kakao:focus, .btn-toggle-group > .btn-outline2.btn-hover.btn-kakao.focus { background-color:#ffeb00 !important; }

.btn-toggle-kakao.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-kakao { background-color:#ffeb00; }
.btn-toggle-kakao.btn-toggle-outline.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-kakao.btn-toggle-outline { border-color:#ffeb00; }
.btn-toggle-kakao.btn-toggle-outline.active > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-kakao.btn-toggle-outline > .handle { background-color:#ffeb00; }
.btn-toggle-kakao.btn-toggle-inner.btn-toggle-outline.active::after,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-kakao.btn-toggle-inner.btn-toggle-outline::after { color:#ffeb00; }

/************ [disabled] ************/
a.btn[disabled],
.btn.disabled, .btn:disabled, .btn-disabled { pointer-events:none; opacity:0.25; }
.btn-disabled[disabled] { -webkit-filter:alpha(opacity=100) !important; filter:alpha(opacity=100) !important; opacity:1 !important; }
.btn-disabled[disabled], .btn-disabled[disabled]:hover, .btn-disabled[disabled]:active, .btn-disabled.active[disabled],
.btn-disabled, .btn-disabled:hover, .btn-disabled:active, .btn-disabled.active { border-color:#dfe4ea; background-color:#dfe4ea; color:#bdc3c7; }


/***************************************************************
	[form common]
***************************************************************/
.form-group { /*width:100%;*/ margin-bottom:8px; /*display:inline-block;*/ text-align:left; }
.col .form-group, [class*="col-"] .form-group { margin-bottom:0; }
.col > .form-group + .form-group, [class*="col-"] > .form-group + .form-group { margin-top:8px; }

.form-label { margin-bottom:4px; padding-left:2px; color:#2f3640; font-size:14px; font-weight:400; }
.descr { color:#a4b0be; font-size:12px; }
.count { float:right; margin-right:5px; color:#a4b0be; font-size:12px !important; }
.controls { position:relative; }
.form-text { /*display:block; flex-basis:100%!important;*/ color:#777d81; font-size:13px; font-weight:400; }
.form-layout-body span {font-size: 13px; }
/*.controls .form-text { display:block; flex-basis:100%!important; color:#777d81; }*/

.controls .valid-feedback, .controls .invalid-feedback, .controls .valid-tooltip, .controls .invalid-tooltip,
.custom-control .valid-feedback, .custom-control .invalid-feedback, .custom-control .valid-tooltip, .custom-control .invalid-tooltip { position:relative; top:inherit; font-size:12px; }
.controls .valid-tooltip {  background-color:transparent; color:rgba(220,53,69,1); }
.controls .invalid-tooltip { background-color:transparent; color:rgba(220,53,69,1);}
.was-validated .form-control:invalid, .form-control.is-invalid { background-image:none; }

.was-validated .form-file-input:invalid, .was-validated .form-file-input:invalid + .form-file-label, .was-validated .form-file-input:invalid + .form-file-label .form-file-text,
.form-file-input.is-invalid, .form-file-input.is-invalid + .form-file-label, .form-file-input.is-invalid + .form-file-label .form-file-text { border-color:#dc3545; }


/***************************************************************
	[form input]
***************************************************************/
.form-control { height:inherit; padding:6px 8px; position:relative; border-color:#d8dde3; font-size:14px; color:#2f3640; transition:background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; }
.form-control::-webkit-input-placeholder { color:#a4b0be; }
.form-control::-moz-placeholder { color:#a4b0be; }
.form-control:-ms-input-placeholder { color:#a4b0be; }
.form-control::-ms-input-placeholder { color:#a4b0be; }
.form-control::placeholder { color:#a4b0be; }
.form-control.text-placeholder { color:#a4b0be; }

.form-control:focus { background-color:#fcfcfc; border-color:#bdc3c7; box-shadow:none !important; color:#495057; }
.form-control[readonly] { background-color:#f2f4f7; color:rgba(47,54,64,0.6); }
.form-control:disabled { background-color:#f6f8fb; color:rgba(0,0,0,0.25); }

/*** text clear ***/
.form-control-clear { margin-top:-7px; position:absolute; top:50%; right:10px; pointer-events:auto; cursor:pointer; z-index:10; }
/*** number style ***/
.form-control[type="number"]::-webkit-outer-spin-button,
.form-control[type="number"]::-webkit-inner-spin-button { margin:0; -webkit-appearance:none; }
/*** search style ***/
.form-control[type="search"]::-webkit-search-cancel-button { width:14px; height:14px; position:relative; right:0; -webkit-appearance:none; background-image:url(../images/sprites-icons-640px.png); background-position:0 -32px; background-repeat:no-repeat; background-size:640px auto; }
/****** responsive & retina specific ******/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.form-control[type="search"]::-webkit-search-cancel-button { background-image:url(../images/sprites-icons-640px@2x.png); }
}

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

/*** border bottom ***/
.label-border-bottom:not(.label-inner) .form-control { padding-left:0; padding-right:0; }
.label-border-bottom .form-control, .label-border-bottom .form-control:focus,
.label-border-bottom .bootstrap-select > .dropdown-toggle { border-radius:0; border-top-color:transparent; border-right-color:transparent; border-left-color:transparent; }
.label-border-bottom .form-control:not(.invalid):not(.is-invalid):not(:focus),
.label-border-bottom .bootstrap-select > .dropdown-toggle { border-bottom-color:#d8dde3; }

.label-border-bottom .bootstrap-select.show > .dropdown-menu.show { border-top-width:1px; }
.label-border-bottom .form-control[readonly], .label-border-bottom .form-control[disabled] { background-color:transparent; }

/************ [data list] ************/
.datalist { width:100%; max-height:500px; padding:8px; position:absolute; top:calc(100% - 1px); left:0; background:#fff; border:1px solid #bbbbbb; border-radius:4px; overflow:auto; z-index:3; }
.datalist-angular { border-radius:0; }
.datalist .table tbody tr:hover { cursor:pointer; }
.datalist .data-option {}
.datalist .data-option a { width:100%; display:block; padding:4px 8px; color:#2f3640; font-size:14px; }
.datalist .data-option a:hover { background-color:#eee; }



/***************************************************************
	[form select]
***************************************************************/
select::-ms-expand { display:none; }
select.form-control { /*height:calc(1.5em + 13px + 2px);*/ height:38px; padding:6px 28px 7px 8px; position:relative; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:right 6px center; background-size:16px 10px; border-color:#d8dde3; vertical-align:middle; transition:background-color .2s ease-in-out, border-color .2s ease-in-out; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
/*select.form-control::-ms-expand { display:none; background:transparent; border:0; color:transparent; }
select.form-control:-moz-focusring { color:transparent; text-shadow:0 0 0 #000; }*/
/*** disabled ***/
select.form-control[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"); }
select.form-control: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 ***/
select.form-control.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"); }
select.form-control.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"); }

select option{padding: 3px;}

/***************************************************************
	[bootstrap select]
***************************************************************/
.bootstrap-select { padding:0 !important; }
.bootstrap-select > .dropdown-toggle { padding:.375rem .5rem .4375rem; background-color:#ffff; 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; }

.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active { background-color:#dfe4ea; }
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus { outline:none !important; }

.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; }


/***************************************************************
	[form file upload]
***************************************************************/
.form-file { height:calc(1.5em + 12px + 2px); position:relative; }
.form-file-input { width:100%; height:calc(1.5em + 13px + 2px); margin:0; position:relative; border-color:#d8dde3; font-size:14px; transition:background-color .2s ease-in-out, border-color .2s ease-in-out; opacity:0; z-index:2; }
.form-file-input:focus-within ~ .form-file-label { background-color:#fcfcfc; border-color:#bdc3c7; box-shadow:none; }
.form-file-input[disabled] ~ .form-file-label .form-file-text,
.form-file-input:disabled ~ .form-file-label .form-file-text { background-color:#e9ecef; }
.form-file-label { height:calc(1.5em + 12px); display:flex; position:absolute; top:0; right:0; left:0; border-color:#d8dde3; border-radius:4px; transition:background-color .2s ease-in-out, border-color .2s ease-in-out; z-index:1; }
.form-file-text { padding:6px 8px 7px; display:block; flex-grow:1; background-color:#fff; border-color:inherit; border-style:solid; border-width:1px; border-top-left-radius:inherit; border-bottom-left-radius:inherit; line-height:1.5; color:#495057; font-size:14px; font-weight:400; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.form-file-button { margin-left:-1px; padding:6px 8px 7px; display:block; flex-shrink:0; background-color:#e9ecef; border-color:inherit; border-style:solid; border-width:1px; border-top-right-radius:inherit; border-bottom-right-radius:inherit; color:#495057; font-size:14px; line-height:1.5; }


.form-control-file { padding:4px 8px 5px 4px; }
.label-inner .form-control-file { padding-left:70px; }
.custom-file-label { height:inherit; margin-bottom:0; padding:8px 8px 7px; font-size:14px; }
.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; }

.file-upload-wrap {}
.file-upload-wrap .file-upload-header { padding-bottom:15px; min-width: 78px;}
.file-upload-wrap .file-upload-header input[type="file"] { margin:0; position:absolute; top:0; right:0; font-size:200px !important; opacity:0; -ms-filter:'alpha(opacity=0)'; direction:ltr; cursor:pointer; }
.file-upload-wrap .file-upload-header .btn { display:inline-block; position:relative; overflow:hidden;  }
.file-upload-wrap .file-upload-header .btn span {line-height: 1.9;}
.file-upload-wrap .file-upload-body { width:100%; padding:15px; border:1px solid #ddd; border-radius:4px; }
.file-upload-body .file-preview-wrap { height:100%; padding:4px 12px; border:1px dashed #F44336; border-radius:4px; text-align:center; vertical-align:middle; }
.file-preview-wrap .file-preview-body { min-height:264px; margin-right:-8px; margin-left:-8px; }
.file-preview-body .file-thumbnail-wrap { min-width:196px; max-width:196px; margin:8px; padding:6px; position:relative; border:1px solid #ddd; box-shadow:0 0 3px 2px rgba(0,0,0,0.07); text-align:center; }
.file-preview-body .file-thumbnail { background-image:url(../images/bg-transparent.png); background-size:16px; }

.file-preview-body .file-thumbnail figure { height:182px; margin:0; position:relative; display:flex; align-items:center !important; justify-content:center !important; overflow:hidden; }
/*** size ***/
.file-upload-sm .file-preview-wrap .file-preview-body { min-height:110px; }
.file-upload-sm .file-preview-body .file-thumbnail-wrap { min-width:94px; max-width:94px; }
.file-upload-sm .file-preview-body .file-thumbnail figure { height:80px; }

.file-preview-body .file-thumbnail figure img { max-width:100%; max-height:100%; vertical-align:middle; }
.file-preview-body .file-thumbnail figure .icon-video { margin-top:-13px; margin-left:-13px; padding:0 4px 0 7px; line-height:26px; display:block; position:absolute; top:50%; left:50%; background-color:#fff; border-radius:32px; text-align:center; box-shadow:1px 1px 4px rgba(0,0,0,0.25); z-index:14; }
.file-preview-body .file-thumbnail figure .icon-video {}
.file-preview-body .file-thumbnail figure .icon-video i { color:#dc3545; font-size:15px; opacity:1 !important; }
.file-preview-body .file-thumbnail figure figcaption { padding:32px; color:#fff; text-transform:uppercase; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.file-preview-body .file-thumbnail figure figcaption::before, .file-preview-body .file-thumbnail figure figcaption::after { pointer-events:none; }
.file-preview-body .file-thumbnail figure figcaption,
.file-preview-body .file-thumbnail figure figcaption > a { width:100%; height:100%; position:absolute; top:0; left:0; }
.file-preview-body .file-thumbnail figure figcaption > a { font-size:0; text-indent:200%; white-space:nowrap; opacity:0; z-index:1000; }
.file-preview-body .file-thumbnail figure figcaption > div { width:30px; height:30px; margin-top:-15px; margin-left:-15px; position:absolute; top:50%; left:50%; z-index:15; }
.file-preview-body .file-thumbnail figure i { margin:0; color:#fff; font-size:30px; opacity:0; transition:opacity 0.2s; }
.file-preview-body .file-thumbnail figure:hover i { opacity:1; }

.file-preview-body .file-caption { width:100%; padding-top:10px; display:block; color:#777; text-align:center; }
.file-preview-body .file-caption p { margin-bottom:0; font-size:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.file-preview-body .file-caption .form-control { font-size:11px; }
.file-preview-body .file-caption samp { font-size:11px; vertical-align:top; }
.file-preview-body .file-caption .form-btn-group { margin-top:8px; }
.file-preview-body .file-action .btn-delete { position:absolute; top:0; right:0; z-index:1001; }
/****** responsive & retina specific ******/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.file-preview-body .file-thumbnail { background-image:url(../images/bg-transparent@2x.png); }
}


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

textarea.form-control.height-50,
.form-control-txtarea.height-50 { height:50px !important; }
textarea.form-control.height-60,
.form-control-txtarea.height-60 { height:60px !important; }
textarea.form-control.height-70,
.form-control-txtarea.height-70 { height:70px !important; }
textarea.form-control.height-80,
.form-control-txtarea.height-80 { height:80px !important; }
textarea.form-control.height-90,
.form-control-txtarea.height-90 { height:90px !important; }
textarea.form-control.height-100,
.form-control-txtarea.height-100 { height:100px !important; }
textarea.form-control.height-110,
.form-control-txtarea.height-110 { height:110px !important; }
textarea.form-control.height-120,
.form-control-txtarea.height-120 { height:120px !important; }
textarea.form-control.height-130,
.form-control-txtarea.height-130 { height:130px !important; }
textarea.form-control.height-150,
.form-control-txtarea.height-150 { height:150px !important; }
textarea.form-control.height-200,
.form-control-txtarea.height-200 { height:200px !important; }
textarea.form-control.height-250,
.form-control-txtarea.height-250 { height:250px !important; }
textarea.form-control.height-300,
.form-control-txtarea.height-300 { height:300px !important; }
textarea.form-control.height-350,
.form-control-txtarea.height-350 { height:350px !important; }
textarea.form-control.height-400,
.form-control-txtarea.height-400 { height:400px !important; }
textarea.form-control.height-450,
.form-control-txtarea.height-450 { height:450px !important; }
textarea.form-control.height-500,
.form-control-txtarea.height-500 { height:500px; }


/***************************************************************
	[form checkbox & radio]
***************************************************************/
.form-label-checkbox { font-size:14px; font-weight:400; }
.custom-control-label { /*line-height:2;*/ padding-top:3px; padding-bottom:3px; color:#2f3640; font-size:14px; }
.custom-control-label::before, .custom-control-label::after { width:18px; height:18px; }
.custom-control-label::before { top:5px; border-color:#d8dde3; }
.custom-control-label.text-hide { height:28px; font-size:0; }
.custom-checkbox-blank { padding-left:18px; }
.custom-checkbox-blank .custom-control-label::before { left:-18px; }
.custom-checkbox-blank .custom-control-label::after { left:-18px; }

.form-check-inline .form-label-checkbox,
.check-inline .form-label-checkbox { display:block; }
.label-check-inline .form-label-checkbox { margin-right:12px; display:inline; }
.label-check-inline .controls { display:inline; }
.form-check-inline .custom-control,
.check-inline .custom-control { margin-right:12px; display:inline-flex; align-items:center; height:38px; }
.form-check-inline .custom-control:last-child,
.check-inline .custom-control:last-child { margin-right:0; }

.custom-control .text-link, .custom-control .anchor-link, .custom-control .btn { margin-left:24px; position:relative; top:1px; font-size:14px; }
.custom-control a.anchor-link::after { top:-1px; }
.custom-control .btn { padding:1px 8px; font-size:12px; }
.custom-control .separator-bar { margin-left:6px; padding-left:10px; color:#8e9aa9; text-decoration:none; }
.custom-control .separator-bar::before { content:""; width:1px; height:10px; display:block; position:absolute; top:6px; left:0; background-color:#bdc3c7; }

/*** checkbox ***/
.custom-checkbox .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"); }
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color:#fddadc; border-color:#e97a7d; }
.custom-checkbox .custom-control-input:disabled:checked ~ .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='%23e97a7d' 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");}
/*** radio ***/
.custom-radio .custom-control-input ~ .custom-control-label::after { width:28px; height:28px; top:3px; left:-29px; }
.modal-body .custom-radio .custom-control-input ~ .custom-control-label::after {top:-1px;}
.modal-body .filter-wrap .custom-control-label {line-height: 1.5;}
.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='-4 -4 8 8'%3e%3ccircle r='3' fill='%23dbdbdb'/%3e%3c/svg%3e")}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::after {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='%23e97a7d'/%3e%3c/svg%3e")}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color:#fddadc; border-color:#e97a7d; }
/*** valid / invalid ***/
.custom-control-input:checked ~ .custom-control-label::before, .custom-control-input:not(:disabled):active ~ .custom-control-label::before { background-color:#fff; border-color:#d9282f; }
.custom-control-input:disabled ~ .custom-control-label::before, .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color:#d8dde3; }
.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; }


/***************************************************************
	[form input-group]
***************************************************************/
.input-group-text { font-size:14px; border-color:#d8dde3; }
.input-group-cenpend { display:flex; }
.input-group-cenpend .input-group-text { background-color:transparent !important; border-color:transparent; }

.input-group-cenpend + .form-control { border-top-left-radius:4px !important; border-bottom-left-radius:4px !important; }

.input-group-prepend.active .input-group-text,
.input-group-prepend.active .btn-outline,
.input-group-append.active .input-group-text,
.input-group-append.active .btn-outline { border-color:#bdc3c7 !important; }

.input-group-light .input-group-text { background-color:#fff; }
.input-group-light .input-group-prepend .input-group-text { border-right-color:transparent; }
.input-group-light .input-group-prepend.active .input-group-text { background-color:#fcfcfc; border-right-color:transparent !important; }
.input-group-light .input-group-prepend + .form-control { border-right-color:#d8dde3 !important; border-left-color:transparent !important; }
.input-group-light .input-group-prepend + .form-control:focus { border-right-color:#bdc3c7 !important; }
.input-group-light .input-group-append .input-group-text { border-left-color:transparent; }
.input-group-light .input-group-append.active .input-group-text { background-color:#fcfcfc; border-left-color:transparent !important; }
.input-group-light .form-control { border-right-color:transparent !important; }

.input-group .input-group-prepend + .form-control,
.input-group .input-group-prepend + .form-control + .input-group-append > .input-group-text,
.input-group .form-control + .input-group-append > .input-group-text,
.input-group .form-control + .input-group-append > .btn { border-top-right-radius:4px; border-bottom-right-radius:4px; }
.input-group .invalid-feedback,
.input-group .invalid-tooltip { flex-basis:100%!important; }

.input-group-prepend .btn-group.btn-toggle-group .btn:not(:first-child) { border-radius:0; }

/************ [addon select] ************/
.input-group .input-group-prepend select.form-control,
.input-group .input-group-prepend .dropdown .btn.dropdown-toggle { border-top-right-radius:0; border-bottom-right-radius:0; }
.input-group .input-group-append select.form-control,
.input-group .input-group-append .dropdown .btn.dropdown-toggle { border-top-left-radius:0; border-bottom-left-radius:0; }

/************ [addon checkbox] ************/
.input-group-check { display:flex; align-items:center; padding:4px 8px; line-height:1.5; text-align:center; white-space:nowrap; background-color:#e9ecef; border:1px solid #d8dde3; border-radius:4px; }
.input-group > .input-group-prepend > .input-group-check { border-top-right-radius:0; border-bottom-right-radius:0; }
.input-group > .input-group-append > .input-group-check { border-top-left-radius:0; border-bottom-left-radius:0; }

/************ [addon btn] ************/
.input-group .input-group-prepend > .btn, .input-group .input-group-append > .btn { min-width:auto !important; margin-bottom:0; }
.input-group .input-group-prepend > .btn:not(:first-child), .input-group .input-group-append > .btn:not(:first-child) { border-left:1px solid rgba(0,0,0,0.1); }
.input-group .input-group-prepend > .btn + .btn, .input-group .input-group-append > .btn + .btn { margin-left:-1px; }
.input-group .input-group-prepend > .btn i, .input-group .input-group-append > .btn i { margin-right:0; }
.input-group .input-group-prepend > .btn { border-top-right-radius:0; border-bottom-right-radius:0; }
.input-group .input-group-prepend > .btn:not(:first-child) { border-radius:0; }
.input-group .input-group-append > .btn { border-top-left-radius:0; border-bottom-left-radius:0; }
.input-group .input-group-append > .btn:not(:last-child) { border-radius:0; }
.input-group .form-control + .btn,
.input-group .input-group-append + .btn { margin-left:8px; }

.input-group .input-group-prepend .btn-icon,
.input-group .input-group-append .btn-icon { padding-right:10.5px; padding-left:10.5px; }
.form-reg-type .input-group .input-group-prepend .btn-icon,
.form-reg-type .input-group .input-group-append .btn-icon { padding-right:8.5px; padding-left:8.5px; }
.input-group .input-group-prepend .btn-rounded,
.input-group .input-group-append .btn-rounded { border-radius:32px !important; }
.input-group .input-group-prepend .btn-rounded { margin-right:8px; }
.input-group .input-group-append .btn-rounded { margin-left:8px; }
/*** no-border ***/
.input-group .input-group-prepend > .btn-outline, .input-group .input-group-append > .btn-outline { border:1px solid #d8dde3; }
.input-group .input-group-prepend > .btn-outline { border-right-color:#fff; }
.input-group .input-group-append > .btn-outline { border-left-color:#fff; }
/*** disabled ***/
.controls.input-group .input-group-prepend .btn[disabled],
.controls.input-group .input-group-append .btn[disabled] { background-color:#dfe4ea; border-color:#d8dde3; color:#bdc3c7; opacity:1 !important; }

/************ [datetime + timepicker] ************/
.controls-datetime .timepicker { margin-left:4px; border-right-color:#d8dde3 !important; border-radius:4px !important; }
/****** responsive & retina specific ******/
@media (min-width:576px) {
	.controls-datetime { width:234px !important; }
}


/***************************************************************
	[DATE PICKER]
	https://jqueryui.com/datepicker/
***************************************************************/
.datepicker { width:100px !important;  padding-right:0 !important; }
#ui-datepicker-div { border:0px solid #aaa; background-color:#fff; color:#333; border-top-left-radius:5px; border-top-right-radius:5px; box-shadow:2px 1px 5px rgba(0,0,0,.2); z-index:999999999 !important; }
input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner { padding:0; border:0; }
.ui-datepicker { width:17em; margin-top:2px; padding:0; display:none; }
.ui-datepicker-calendar { line-height:1.5; }
.ui-datepicker .ui-datepicker-header { padding:.5em 0 0; position:relative; border:1px solid #f44967; background-color:#f44967; 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 table { width:100%; font-size:.9em; }
.ui-datepicker thead { border-left:1px solid #f44967; border-right:1px solid #f44967; }
.ui-datepicker tr, .ui-datepicker td { margin:0; padding:0; }
.ui-datepicker th { padding:.7em .3em; background:#f44967; color:#fff; text-align:center; font-weight:normal; }
.ui-datepicker .date-now a,.ui-datepicker .ui-datepicker-today a,.ui-datepicker .ui-datepicker-today a.ui-state-default { border-color:#ffc107 !important; background:#ffc107 !important; color:#fff !important; }
.ui-datepicker .ui-datepicker-week-end a,.ui-datepicker .date-holiday a,.ui-datepicker .date-sunday a, .ui-datepicker .date-saturday a { color:#dc3545 !important; }
.ui-datepicker td span,.ui-datepicker td a,.ui-datepicker td .ui-state-default { padding:.53em .2em .62em; display:block; background:#fff; border:1px solid #fff; color:#333; text-align:center; text-decoration:none; }
.ui-datepicker td .ui-state-default.ui-state-hover,
.ui-datepicker td .ui-state-hover { border:1px solid #26356f !important; background:#26356f !important; border-radius:32px; color:#fff !important; font-weight:normal; }
.ui-datepicker td .ui-state-active { border-color:#01adbc; background:#01adbc; border-radius:32px; color:#fff !important; }
.ui-datepicker td .ui-priority-secondary { border-color:#fff; background:#fff; color:#ccc !important; }
.ui-datepicker tbody { border:1px solid #aaa; border-top:0; }
.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; }
.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; }
/* IE8 */
@media \0screen\,screen\9 {
	.ui-datepicker .ui-icon:before { top:8px; width:0; height:0; }
	.ui-datepicker .ui-icon-circle-triangle-w:before { margin:0; left:3px; border:5px solid transparent; border-right:5px solid #fff; }
	.ui-datepicker .ui-icon-circle-triangle-e:before { margin:0; left:7px; border:5px solid transparent; border-left:5px solid #fff; }
}

.datepicker.is-invalid + .input-group-append .input-group-text { border-color:#dc3545; border-left-color:transparent; }
.datepicker.is-invalid + .input-group-append .input-group-text i { color:#dc3545; }

/*** multi group datapicker ***/
.ui-datepicker-multi { width:auto !important; display:flex !important; flex-wrap:wrap; margin-top:0; margin-right:-10px; margin-left:-10px; }
.ui-datepicker-group { width:100%; flex:0 0 33%; max-width:33%; min-width:17em; min-height:1%; padding-right:5px; padding-left:5px; padding-bottom:10px; position:relative; } /* grid-col */
.ui-datepicker-multi .ui-datepicker-prev,.ui-datepicker-multi .ui-datepicker-next { display:none; }
.vakata-context { z-index:9999 !important; }

/*** timepicker ***/
.timepicker { width:100px !important; }
.ui-timepicker-container { position:absolute; border-radius:4px; overflow:hidden; z-index:999999999 !important; }
.ui-timepicker { height:216px; margin:0; padding:0 1px; display:block; list-style:none outside none; text-align:center; box-sizing:content-box; }
.ui-timepicker-viewport { height:216px; margin:0; padding:0; display:block; box-sizing:content-box; overflow:auto; overflow-x:hidden; /* IE */ }
.ui-timepicker-standard { margin:-1px 0 0 0; padding:2px; background-color:#fff; border:1px solid #bdc3c7; color:#222; font-size:14px; }
.ui-timepicker-standard a { padding:2px 4px; display:block; border:1px solid transparent; color:#222; text-align:left; text-decoration:none; }
.ui-timepicker-standard .ui-state-hover { background-color:#dfe4ea; border:1px solid #dfe4ea; color:#212121; font-weight:normal; }
.ui-timepicker-standard .ui-menu-item { margin:0; padding:0; }
.ui-timepicker-corners,
.ui-timepicker-corners .ui-corner-all { border-radius:4px; }
.ui-timepicker-hidden { display:none; }
.ui-timepicker-no-scrollbar .ui-timepicker { border:none; }


/***************************************************************
	[form align]
***************************************************************/
.form-group.justify-content-start, .form-group.justify-content-center, .form-group.justify-content-end, .form-group.justify-content-between, .form-group.justify-content-around { display:flex; }
.form-group .form-btn-group { position:relative; display:inline-flex; vertical-align:middle; }
.form-group .form-btn-group .btn:not(.btn-icon) { min-width:120px; }
.form-group .form-btn-group .btn.btn-90 { min-width:90px !important; }
.form-group .form-btn-group .btn { margin-right:10px; }
.form-group .form-btn-group .btn:last-child { margin-right:0; }
/****** responsive & retina specific ******/
@media (min-width:767px) {
	.form-group .form-btn-group .btn:not(.btn-icon) { min-width:120px; }
	.form-group .form-btn-group .btn.btn-90 { min-width:90px !important; }
}


/***************************************************************
	[form layout]
***************************************************************/
.form-layout-wrap { width:100%; margin:0 auto; padding-right:8px; padding-left:8px; display:block; position:relative; background-color:transparent; border-bottom:1px solid #d9d9d9;border-top:1px solid #d9d9d9; clear:both; zoom:1; }
.form-layout-wrap.s1{border-top:none;}
.form-layout-wrap .form-layout-group {}
.form-layout-wrap .form-layout-row { margin-right:-8px; margin-left:-8px; display:flex; flex-wrap:wrap; align-items:stretch; border-top:1px solid #eaeaea; }
.form-layout-wrap .form-layout-row:first-child { border-top:none; }
.form-layout-wrap .form-layout-row.s1:first-child { border-top:1px solid #eaeaea; }
.form-layout-wrap .form-layout-row.bt_1 { border-top:1px solid #eaeaea !important; }
.form-layout-wrap .form-layout-group + .form-layout-group .form-layout-row:first-child { border-top:1px solid #eaeaea; }
.form-layout-wrap .form-layout-row.sub .form-layout-header { background-color:#fafafa; }
.form-layout-wrap .form-layout-row.sub .form-layout-header .form-layout-label { padding-left:6px; font-size:12px; }
.form-layout-wrap .form-layout-row.sub .form-layout-body { background-color:#fefefe; }

.form-layout-wrap .form-layout-header,
.form-layout-wrap .form-layout-body { width:100%; min-width:0; max-width:100%; padding-right:8px; padding-left:8px; position:relative; }
.form-layout-wrap .form-layout-header { padding-top:6px; padding-bottom:6px; flex:0 1 auto; background-color:#fff;}
.form-layout-wrap .form-layout-body + .form-layout-header {position: relative;}
.form-layout-wrap .form-layout-body + .form-layout-header::before {content:""; width:1px; height:20px;  position:absolute; top:50%; left:0px; background-color:#d8dde3; margin-top:-10px;}
.form-layout-wrap .form-layout-body { padding-top:6px; padding-bottom:6px; display:block; /*background-color:#fafbfc;*/ }
.form-layout-wrap .form-layout-label { width:100%; margin-bottom:0; font-size:13px; line-height:1.5; }
.form-layout-wrap .form-layout-label.required:before { content:""; width:4px; height:4px; display:block; position:absolute; top:15px; left:4px; background-color:#dc3545; border-radius:32px; }
.form-layout-wrap .form-layout-label + .btn-delete { width:17px; height:17px; padding:0 !important; position:absolute; top:0; right:0; }
.form-layout-wrap .form-layout-label + .btn-delete i { top:-2px !important; font-size:13px; }
.form-layout-wrap .form-layout-label em { color:#777d81; font-size:12px; font-weight:400; font-style:normal; text-transform:none; line-height:1; }


.form-layout-wrap .form-layout-header .row,
.form-layout-wrap .form-layout-body .row { margin-top:-4px; margin-right:-2px; margin-left:-2px; }
.form-layout-wrap .form-layout-header .row + .row,
.form-layout-wrap .form-layout-body .row + .row { margin-top:0; }
.form-layout-wrap .form-layout-header .row .col, .form-layout-wrap .form-layout-header .row [class*="col-"],
.form-layout-wrap .form-layout-body .row .col, .form-layout-wrap .form-layout-body .row [class*="col-"] { margin-top:4px; padding-right:2px; padding-left:2px; }

.form-layout-wrap .form-layout-body .form-group { margin-bottom:0; }
.form-layout-wrap .form-layout-body .table td > .form-group { margin-bottom:-6px; }
.form-layout-wrap .form-layout-body .form-group + .form-group { margin-top:4px; }
.form-layout-wrap .form-layout-body .form-group + .form-group.mg-t {margin-top: 0px;}
/*.form-layout-wrap .form-layout-body .input-group { flex-wrap:nowrap !important; }*/
.form-layout-wrap .form-layout-body .btn-toggle-group .btn { padding:5px 8px; font-size:13px; height:38px; }
.form-layout-wrap .form-layout-body .list-paragraph { margin-top:8px; color:#888; font-size:13px; }
.form-layout-wrap .form-layout-body .list-paragraph:last-child { margin-bottom:0; }
.form-layout-wrap .form-layout-body .text-option { padding:3px 0; font-size:13px; line-height: 38px; }
.form-layout-footer { padding-top:20px;padding-bottom: 20px;}
.form-layout-footer .form-group { margin-bottom:0; }

.form-layout-wrap .form-layout-body .row .col-datetime { display:flex; }
.form-layout-wrap .form-layout-body .row .col-datetime .btn-toggle-group:first-child { margin-right:4px; }
.form-layout-wrap .form-layout-body .row .col-datetime .btn-toggle-group:last-child { margin-left:4px; }
.form-layout-wrap .form-layout-body .row .col-datetime .btn-icon {height:38px !important;}
.form-layout-wrap .form-layout-body .row .col-datetime .tilde { padding:4px 4px 5px; font-size:13px; }
.form-layout-wrap .form-layout-body .row .input-group-datetime .form-control.datepicker { width:95px !important; margin-right:4px; border-radius:4px; }
.form-layout-wrap .form-layout-body .row .input-group-datetime .form-control.text-center { width:34px !important; border-radius:4px; }
.form-layout-wrap .form-layout-body .row .input-group-datetime .input-group-text { padding-right:4px; padding-left:4px; }

.form-layout-wrap .form-layout-body .row .col-date { display:flex; }
.form-layout-wrap .form-layout-body .row .col-date .btn-toggle-group:first-child { margin-right:4px; }
.form-layout-wrap .form-layout-body .row .col-date .btn-toggle-group:last-child { margin-left:4px; }
.form-layout-wrap .form-layout-body .row .col-date .tilde { padding:4px 4px 5px; font-size:13px; }
.form-layout-wrap .form-layout-body .row .input-group-date .form-control.datepicker { width:85px !important; }
/****** responsive & retina specific ******/
@media (max-width:767px) {
	.form-layout-wrap .form-layout-body .row .col,
	.form-layout-wrap .form-layout-body .row [class*="col-"] { flex:0 0 100%; max-width:100%; }
	.form-layout-wrap .form-layout-body .row .form-group { width:100%; }
	.form-layout-wrap .form-layout-body .row .form-group .btn:not(.btn-toggle):not(.btn-icon) { width:100%; }
	.form-layout-wrap .form-layout-body .row .btn-toggle-group .btn { padding-right:0; padding-left:0; }
	.form-layout-wrap .form-layout-body .row [class*="btn-group"] { width:100%; }

	.form-layout-wrap .form-layout-body .row .col-datetime { flex-wrap:wrap; align-items:center; }
	.form-layout-wrap .form-layout-body .row .col-datetime .btn-toggle-group { width:auto; margin-top:4px; }
	.form-layout-wrap .form-layout-body .row .col-datetime .input-group-datetime { width:calc(100% - 34px); }
	.form-layout-wrap .form-layout-body .row .col-datetime .input-group-datetime_text { width:calc(100% - 68px); }
	.form-layout-wrap .form-layout-body .row .col-datetime .input-group-datetime_text .form-control-txt { text-align:center; }

	.form-layout-wrap .form-layout-body .row .col-datetime .tilde { margin-top:4px; }
	.form-layout-wrap .form-layout-body .row .col-datetime .tilde + .input-group-datetime { width:calc(100% - 50px); margin-top:4px; }
	.form-layout-wrap .form-layout-body .row .col-datetime .tilde + .input-group-datetime .form-control.datepicker { width:80px !important; }
	.form-layout-wrap .form-layout-body .row .col-datetime .tilde + .input-group-datetime .form-control.text-center { width:28px !important; }
	.form-layout-wrap .form-layout-body + .form-layout-header::before {display: none;}
	.form-layout-wrap .form-layout-label.required:before {left:0px;}
}
@media (max-width:424px) {
	.form-layout-wrap .form-layout-body .row .col-datetime .input-group-datetime_text .form-control-txt { width:144px; margin:0 auto; }
}
@media (max-width:374px) {
	.form-layout-wrap .form-layout-body .row .col-date .btn-toggle-group .btn { width:20px; }
	.form-layout-wrap .form-layout-body .row .input-group-date .form-control.datepicker { width:77px !important; padding-right:4px; padding-left:4px; }
}
@media (min-width:576px) {

	.form-layout-wrap .form-layout-header { width:auto; }
	.form-layout-wrap .form-layout-body { flex:1 1 0%; flex-direction:column; align-items:flex-start; align-content:center; }
	.form-layout-wrap .form-layout-label { width:110px; padding:12px 0; }
	.form-layout-wrap .form-layout-label.w1 { width:100px; padding:12px 0; }
	.form-layout-wrap.w1 .form-layout-label { width:100px; padding:12px 0; }
	/*.form-layout-wrap .form-layout-label {font-family: 'SBAggroL'; padding: 6px 0 5px !important;}*/
	.form-layout-wrap .form-layout-body .row .form-group .btn:not(.btn-toggle):not(.btn-icon) { min-width:60px; height: 38px; }
	.form-layout-wrap .form-layout-body .btn-toggle-group .btn { min-width:inherit !important; padding-right:8px; padding-left:8px; }

}
@media (min-width:768px) {
	.form-layout-wrap .form-layout-label { width:180px; padding:12px 0; }
	.form-layout-wrap .form-layout-body .row .form-group.input-group-num { width:117px; }
	.form-layout-wrap .form-layout-body .row .form-group.input-group-num2 { width:198px; }
	.form-layout-wrap .form-layout-body .row .form-group.input-group-zipcode { width:243px; }
	.form-layout-wrap .form-layout-body .row .form-group.select-lg { width:162px; }
	.form-layout-wrap .form-layout-body .row .col-datetime .tilde { padding-right:8px; padding-left:8px; }
	.form-layout-wrap .form-layout-body .row .form-group.input-group-datetime .form-control.datepicker { margin-right:8px; }

}
@media (min-width:769px) and (max-width:972px) {
	.form-layout-wrap .form-layout-body .row .col,
	.form-layout-wrap .form-layout-body .row [class*="col-"] { flex:0 0 100%; max-width:100%; }
	.form-layout-wrap .form-layout-body .row .form-group { width:100%; }
	.form-layout-wrap .form-layout-body .row .form-group .btn:not(.btn-toggle):not(.btn-icon) { width:100%; }
	.form-layout-wrap .form-layout-body .row .btn-toggle-group .btn { padding-right:0; padding-left:0; }
	.form-layout-wrap .form-layout-body .row [class*="btn-group"] { width:100%; }

	.form-layout-wrap .form-layout-body .row .col-datetime { flex-wrap:wrap; align-items:center; }
	.form-layout-wrap .form-layout-body .row .col-datetime .btn-toggle-group:last-child { margin-top:4px; }
	.form-layout-wrap .form-layout-body .row .col-datetime .input-group-datetime { width:calc(100% - 34px); }
	.form-layout-wrap .form-layout-body .row .col-datetime .input-group-datetime_text { width:calc(100% - 68px); }
	.form-layout-wrap .form-layout-body .row .col-datetime .input-group-datetime_text .form-control-txt { width:144px; margin:0 auto; text-align:center; }

	.form-layout-wrap .form-layout-body .row .col-datetime .tilde { margin-top:4px; padding-right:4px; padding-left:4px; }
	.form-layout-wrap .form-layout-body .row .col-datetime .tilde + .input-group-datetime { width:calc(100% - 50px); margin-top:4px; }
	.form-layout-wrap .form-layout-body .row .col-datetime .tilde + .input-group-datetime .form-control.datepicker { width:80px !important; }
	.form-layout-wrap .form-layout-body .row .col-datetime .tilde + .input-group-datetime .form-control.text-center { width:28px !important; }
}
@media (min-width:992px) {
	.form-layout-wrap .form-layout-body .btn-toggle-group .btn:not(.btn-icon) { min-width:52px !important; }
}


/***************************************************************
	[form common]
***************************************************************/
.form-control-txt { padding-left:0 !important; background-color:transparent; border-color:transparent; }
.form-control-txtarea { height:240px !important; padding-left:0; background-color:transparent; overflow-x:hidden; overflow-y:scroll; }
.form-control-angular .form-control, .form-control-angular.form-control { border-radius:0 !important; }

.form-reg-type .form-control[type="search"]::-webkit-search-cancel-button,
.form-sm .form-control[type="search"]::-webkit-search-cancel-button { top:0; }
.form-reg-type .form-label, .form-sm .form-label, .form-label-sm { font-size:13px; }
.form-reg-type .form-control + .form-text, .form-sm .form-control + .form-text, .form-control-sm + .form-text { font-size:13px; }
.form-reg-type .form-control, .form-sm .form-control, .form-control-sm { min-height: calc(1.5em + 5px + 5px); padding:5px 12px; font-size:13px; height: 38px; line-height: 26px;}
.form-reg-type select.form-control, .form-sm select.form-control, select.form-control-sm { height:calc(1.5em + .53125rem + 2.5px); height: 38px;  padding:5px 22px 5px 10px; font-size:13px; margin-right: 10px; }
.form-reg-type .input-group select {margin-right: 0px;}
.form-reg-type select.form-control.mult, .form-sm select.form-control.mult, select.form-control-sm.mult,
.form-reg-type select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, .form-reg-type select.selectpicker{ height:auto; padding:4px 10px; font-size:13px; background-image:none;}/**��트 멀�inlinedptj size="" 지**/
.form-reg-type select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, .form-reg-type select.selectpicker {display: block !important; height:auto;}
select:-internal-list-box option:checked {background-color: #FFF1BF; color: #000000;}

.form-reg-type select.form-control.mult ::-ms-expandselect, .form-sm select.form-control.mult, select.form-control-sm.mult  { display:none; }
select.form-control.mult::-ms-expand { display:none; background:transparent; border:0; color:transparent; }
select.form-control.mult:-moz-focusring { color:transparent; text-shadow:0 0 0 #000; }



.form-reg-type .input-group > .form-control, .form-sm .input-group > .form-control, .input-group-sm > .form-control,
.form-reg-type .input-group > select.form-control, .form-sm .input-group > select.form-control, .input-group-sm > select.form-control,
.form-reg-type .input-group .input-group-text, .form-sm .input-group .input-group-text, .input-group-sm .input-group-text,
.form-reg-type .input-group > .btn, .form-sm .input-group > .btn, .input-group-sm > .btn { padding:5px 10px; font-size:13px; height:38px; }
.form-reg-type .input-group .input-group-text, .form-sm .input-group .input-group-text, .input-group-sm .input-group-text {font-size: 12px;}
.form-reg-type .input-group > select.form-control, .form-sm .input-group > select.form-control, .input-group-sm > select.form-control { /*height:calc(1.5em + 0.53125rem + 2px);*/height:38px;padding:5px 18px 5px 10px;}
.form-reg-type .custom-control-label:not(.text-hide),
.form-sm .custom-control-label:not(.text-hide) { padding-top:4px; font-size:13px; }
.form-reg-type .custom-control-label::before,
.form-sm .custom-control-label::before { top:5px; }
.form-reg-type .custom-control-label::after,
.form-sm .custom-control-label::after { top:5px; }
.form-reg-type .custom-radio .custom-control-input ~ .custom-control-label::after,
.form-sm .custom-radio .custom-control-input ~ .custom-control-label::after { top:0px; }
.form-reg-type .btn:not(.btn-toggle),
.form-sm .btn:not(.btn-toggle) { padding:5px 12px; font-size:13px; height: 38px;}
.form-reg-type .btn-icon,
.form-sm .btn-icon { width:32px; height:32px !important; padding:4px 0 5px !important; }
.form-reg-type .btn-icon.btn-transparent,
.form-sm .btn-icon.btn-transparent  {margin-top: 5px;}
.form-reg-type .datepicker,
.form-sm .datepicker { width:100px !important; }
.input-group .input-group-append .btn-icon,
.input-group .input-group-prepend .btn-icon {height: 38px !important;}




/*
.form-reg-type .form-control { height:inherit; padding:5px 8px 6px; }
.form-reg-type select.form-control { padding-right:24px; background-position:calc(100% - 8px) 14px !important; }
.form-reg-type .bootstrap-select > .dropdown-toggle { padding:5px 8px 6px }
.form-reg-type .form-control-file { padding:2px 8px 3px 3px; }
.form-reg-type .custom-file-label { padding:6px 8px 5px; }
.form-reg-type .input-group-text { padding:5px 12px; }
.form-reg-type .input-group-check { padding:0 8px; }
.form-reg-type .form-control-clear { top:5px;}
*/


.div-table .form-control { padding:2px 5px 3px; font-size:13px; }
.div-table .form-control:not(textarea) { height:inherit; }
.div-table select.form-control { padding-right:21px; /*background-position:calc(100% - 8px) 10px !important;*/ }
.div-table .input-group-text { padding:2px 9px; }
.div-table .input-group .btn { padding:2px 9px 3px; font-size:13px; }




/***************************************************************
	[tables]
***************************************************************/
.table-wrap { margin-top:16px; }
.table-wrap:first-child { margin-top:0; }
.table-header { display:flex; align-items:stretch; justify-content:space-between; position:relative; }
.table-wrap > h3 { margin-top:16px; margin-bottom:0; padding-top:3px; padding-bottom:4px; font-size:14px; }
.table-header .heading { display:flex; align-items:center; align-content:flex-start; }
.table-header .heading h4 { margin-bottom:0; font-size:13px; }
.table-header .header-item { display:flex; align-items:center; align-content:flex-end; }
.table-header .header-item .form-group .custom-control-label { letter-spacing:-0.05rem; }



.table { margin-bottom:0 !important; }
.table caption { width:1px; height:1px; padding:0; position:absolute; border:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; caption-side:top; }

.table thead th, .table thead td { background-color:#e8ebf0; border-top-color:#212529; border-bottom-width:1px; /*border-bottom-color:#c5c8cc;*/ vertical-align:middle; background-clip: padding-box; }
.table thead tr:last-child th, .table thead tr:last-child td,
/*.table thead th[rowspan], .table thead td[rowspan] { border-bottom-color:#212529; }*/
.table thead th[colspan], .table thead td[colspan] { text-align:center; }
.table tbody th { background-color:#e8ebf0; border-right-color:#c5c8cc; }
.table tbody th.s1 { background-color:#eef2f9; border-right-color:#c5c8cc; }
.table tbody tr:last-child th, .table tbody tr:last-child td,
/*.table thead tr:last-child th[colspan], .table thead tr:last-child td[colspan] { border-bottom:1px solid #212529; }*/
/*.table tfoot { border-bottom:1px solid #212529; }*/
.table thead th, .table thead td, .table tbody th, .table tbody td, .table tfoot th, .table tfoot td { padding:8px 10px; }
.table thead th, .table thead td, .table tbody th, .table tbody td, .table tfoot th, .table tfoot td { position:relative; font-size:12px; }
.table thead th, .table thead td, .table tfoot th, .table tfoot td, .table tbody th { font-weight:500; }
.table tbody td { font-weight:400; }
.table thead th[rowspan], .table thead td[rowspan], .table tbody td[rowspan] { vertical-align:middle; }
.table.p1 thead th, .table.p1 thead td, .table.p1 tbody th, .table.p1 tbody td, .table.p1 tfoot th, .table.p1 tfoot td { padding:8px 10px; }
.table.p2 thead th, .table.p2 thead td, .table.p2 tbody th, .table.p2 tbody td, .table.p2 tfoot th, .table.p2 tfoot td { padding:10.5px 10px !important; }/*****table블릿�랑 �스�만 �을 ****/
.table.p3 thead th, .table.p3 thead td, .table.p3 tbody th, .table.p3 tbody td, .table.p3 tfoot th, .table.p3 tfoot td { padding:12px 10px !important; }/*** table�스�만 �을최소 height맞춤****/

/*** bordered ***/
/*.table-bordered thead tr th:first-child, .table-bordered thead tr td:first-child,
.table-bordered tbody tr th:first-child, .table-bordered tbody tr td:first-child,
.table-bordered tfoot tr th:first-child, .table-bordered tfoot tr td:first-child { border-left-color:#212529; }
.table-bordered thead tr th:last-child, .table-bordered thead tr td:last-child,
.table-bordered tbody tr th:last-child, .table-bordered tbody tr td:last-child,
.table-bordered tfoot tr th:last-child, .table-bordered tfoot tr td:last-child { border-right-color:#212529; }
.table-bordered thead { border-bottom-color:#e8ebf0 !important; }
.table-bordered thead th, .table-bordered thead td { border-right-color:#c5c8cc; }
/*.table-bordered tbody tr:first-child th{ border-top:1px solid #212529; }
.table-bordered tbody tr:first-child td { border-top:1px solid #c5c8cc;; }*/

/*** hover ***/
.table-hover tbody tr:hover { background-color:#e5f3fb; }

/*** vertical center ***/
.tabel-vertical-center th, .tabel-vertical-center td { vertical-align:middle; }
.tabel-vertical-top { vertical-align:top; }

/*** data empty ***/
.table tbody tr.data-empty td, .table tbody td.data-empty { padding:160px 0; background-color:#fff !important; font-size:16px; text-align:center; }
.table tbody tr.data-empty td:hover, .table tbody td.data-empty:hover { background-color:#fff !important; }

/*** sorting ***/
.table thead .sorting, .table thead .sorting-asc, .table thead .sorting-desc { padding-right:1.5rem; position:relative; cursor:pointer; }
.table thead .sorting span::before, .table thead .sorting span::after,
.table thead .sorting-asc span::before, .table thead .sorting-asc span::after,
.table thead .sorting-desc span::before, .table thead .sorting-desc span::after { width:15px; height:15px; margin-top:-6px; display:block; position:absolute; top:50%; right:4px; font-family:"tencon"; line-height:1; opacity:.3; }
.table thead .sorting span::before, .table thead .sorting-asc span::before, .table thead .sorting-desc span::before, .table thead .sorting-asc-disabled span::before, .table thead .sorting-desc-disabled span::before { content:"\ea08"; }
.table thead .sorting span::after, .table thead .sorting-asc span::after, .table thead .sorting-desc span::after, .table thead .sorting-asc-disabled span::after, .table thead .sorting-desc-disabled span::after { content:"\ea07"; }
.table thead .sorting-asc span::before, .table thead .sorting-desc span::after { opacity:1; }
.table thead .sorting-asc-disabled span::before, .table thead .sorting-desc-disabled span::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-total, .table .cell-total > th, .table .cell-total > td, .table .cell-total:hover, .table .cell-total:hover > th, .table .cell-total:hover > td { background-color:#f5f5f5; color:#212529 !important; font-weight:700; }
.table .cell-total, .table .cell-total > th, .table .cell-total > td { border-bottom:1px solid #000;background:#f1f8ff }
.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-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-fixed.tb-nobd, .table-fixed.tb-nobd td, .table th {border: 0;}
.table.tb-transparent tr {
	background: transparent !important;
	border: 0px;
}
/*** text ***/
/*.table th,.form-layout-wrap .form-layout-label {font-family: 'SBAggroL';}
.btn, .table td {font-family:'S-CoreDream-3Light';}*/

.table th, .table td { white-space:nowrap; }
.table th.collapsed-col, .table td.collapsed-col { width:1px; white-space:nowrap; }
.table th.linefeed, .table td.linefeed { min-width:160px; white-space:normal; }
.table th.linefeed a, .table td.linefeed a, .table th.linefeed span, .table td.linefeed span { width:100%; display:block; white-space:normal; word-break:break-all; }
.table th.ellipsis, .table td.ellipsis { max-width:160px; white-space:nowrap; }
.table th.ellipsis a, .table td.ellipsis a, .table th.ellipsis span, .table td.ellipsis span { max-width:100%; display:inline-block; text-overflow:ellipsis; vertical-align:top; overflow:hidden; }

.table thead th em, .table thead td em { display:block; color:#777d81; font-size:12px; font-weight:400; font-style:normal; text-transform:none; }
.table th .badge, .table td .badge,
.form-layout-group .badge, .badge{ border-radius:32px; }
.table th .badge-sm, .table td .badge-sm,
div .badge-sm { width:18px; min-width:inherit; height:18px; margin-top:1px; padding-right:0; padding-left:0; padding-top: 4px;/*display:block;*/ }
.table th div i.tencon-naver-circle, .table td div i.tencon-naver-circle { position:relative; top:2px; }
.table th .badge-md, .table td .badge-md,
.form-layout-group .badge-md, .form-layout-group .badge-md{ width: 65px;display: inline-block;}
.table th .badge-mds, .table td .badge-mds,
.form-layout-group .badge-mds, .form-layout-group .badge-mds,.badge-mds{ padding:3px 6px 4px; font-size: 11px; width: 40px; display: inline-block;}

/*** icon ***/
.table th > i, .table td > i { position:relative; top:1px; }
.table .tencon-help-mark, .table .tencon-exclamation-mark, .table .tencon-information-mark { margin-left:3px; border-radius:32px; color:#fff; }
.table .tencon-help-mark { background-color:#ffc107; }
.table .tencon-exclamation-mark { background-color:#dc3545; }
.table .tencon-information-mark { background-color:#17a2b8; }
.table thead i.required::before { content:""; width:4px; height:4px; display:block; position:absolute; top:-4px; left:-4px; background-color:#dc3545; border-radius:32px; }

/*** thumbnail ***/
.table .thumb { width:64px; margin:-5px 0 -6px; display:block; }
.table .thumb img { width:100%; }

/*** form ***/
.table th > .row, .table td > .row { flex-wrap:nowrap; }
.table th > .row, .table td > .row,
.table th > .form-inline, .table td > .form-inline,
.table th > .form-group, .table td > .form-group,
.table th > .form-control, .table td > .form-control { margin-top:-6px !important;margin-bottom:-6px; }
.table th > .form-group + .form-group:not(.d-inline-block), .table td > .form-group + .form-group:not(.d-inline-block) { margin-top:10px; }
.table th > .btn, .table td > .btn { margin-top:-5px; margin-bottom:-6px; display:block; }
.table th > .btn-icon, .table td > .btn-icon { margin-right:auto; margin-left:auto; }
.table td .custom-checkbox-blank { top:1px; }

.table .form-inline > .form-group:not(:first-child) { margin-left:3px; }
.table .form-inline { flex-wrap:nowrap !important; }
/*.table .input-group { flex-wrap:nowrap !important; }*/
.table .input-group-num { width:117px !important; }
.table .input-group-num2 { width:198px !important; }
.table .input-group-num3 { width:170px !important; }
.table .input-group-num4 { width:264px !important; }

.table .form-group .btn-toggle { margin-top:5px; padding:10px 0; }
.table .form-group .btn-toggle::before,
.table .form-group .btn-toggle::after { line-height:1; }
.table .form-group .btn-toggle > .handle { width:14px; height:14px; }
.table .form-group .btn-toggle-inner { width:50px; height: 20px; }

.table .form-setting-group { display:flex; align-items:center; }
.table .form-setting-group .btn { max-width:42px; margin-right:4px; display:inline-block; }
.table .form-setting-group span { width:calc(100% - 52px) !important; display:inline-block !important; }

/*** table fixed ***/
.table-fixed { width:0; min-width:100%; height:100%; border:1px solid #bdc1c9; overflow-x:auto; overflow-y:scroll; -webkit-overflow-scrolling:touch; }
.table-fixed.table-no-border {border-right:none;border-left:none;}
.table-fixed.table-no-border.r1 th {border-right:none; position: relative; }
.table-fixed.table-no-border.r1 th::after{content:''; width:1px; height:14px; margin-top:-7px; position: absolute; top:50%; right:0px; background-color: rgb(189,193,201,0.9);}
.table-fixed.table-no-border.r1 th:last-child::after {width: 0px;}
.table-fixed.h-auto { overflow-y:auto; }

.table-fixed .table { border:0; }
.table-fixed .table thead,
.table-fixed .table thead tr { border-top:0; }
.table-fixed .table thead tr th{ border-top:0px; border-right: 1px solid rgb(189,193,201,0.9); position:static; top:0; z-index:3; }
.table-fixed .table thead tr td { border-top:0px; border-right: 1px solid rgb(189,193,201,0.7); position:sticky; top:0; z-index:3; }
.table-fixed .table thead tr th:last-child, .table-fixed .table thead tr td:last-child {border-right:0px;}
.table-fixed .table thead tr th.rowspan {border-right: 1px solid rgb(189,193,201,0.9); }

.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 thead tr th::before, .table-fixed .table thead tr td::before{ content:""; width:1px; height:100%; position:absolute; top:0; right:0.2px; background-color:#c5c8cc; }
.table-fixed .table thead tr th:last-child:before, .table-fixed .table thead tr td:last-child:before {width: 0px;}
.table-fixed .table thead tr th.rowspan:last-child:before, .table-fixed .table thead tr td.rowspan:last-child:before{ content:""; width:1px; height:100%; position:absolute; top:0; right:0.2px; 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 tbody tr:last-child th, .table-fixed .table tbody tr:last-child td { border-bottom-color:#dee2e6; }
.table-fixed.h-auto .table tbody tr:last-child th, .table-fixed.h-auto .table tbody tr:last-child td { border-bottom-width:0; }
.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:#dee2e6; }

/*** data empty ***/
.table-fixed .table tbody tr.data-empty td, .table-fixed .table tbody td.data-empty { border-bottom:0; }
.table-fixed .table tbody tr.data-empty td span, .table-fixed .table tbody td.data-empty span {}

/************ [table fillter] ************/
.filter-wrap { padding-bottom:4px; }
.table + .filter-wrap { padding-top:4px; padding-bottom:0; }
.filter-body { margin-bottom:4px; display:flex; }
.filter-body .form-group { /*margin-right:4px;*/ margin-bottom:5px; }
.filter-body .form-group:last-child { margin-right:0; }
.filter-body .list-inline { margin-bottom:0; }
/****** responsive & retina specific ******/
@media (min-width:768px) {
	.filter-wrap { display:flex !important; justify-content:space-between !important; }
	.filter-body { margin-bottom:0; display:inline-flex; }
	.filter-body .form-group { width:auto; }
	/*.filter-body .datepicker { width:90px !important; padding-right:8px; padding-left:8px; }
	.filter-body .input-group-cenpend .input-group-text { padding-right:12px; padding-left:12px; }*/
}
/*** IE11 hack ***/
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	.table-fixed { overflow-y:hidden!important; }
	.table-fixed .table thead tr th, .table-fixed .table thead tr td { position:relative !important; top:auto !important; }
	.table-fixed .table thead tr:first-child th, .table-fixed .table thead tr:first-child td,
	.table-fixed .table thead tr:nth-child(2) th, .table-fixed .table thead tr:nth-child(2) td { top:auto !important; }
	.table-fixed .table thead tr:last-child th, .table-fixed .table thead tr:last-child td,
	/*.table-fixed .table thead th[rowspan], .table-fixed .table thead td[rowspan] { border-bottom:1px solid #212529 !important; }*/
	.table-fixed .table thead th[rowspan]:not(:first-child), .table-fixed .table thead td[rowspan]:not(:first-child) { border-left:1px solid #c5c8cc !important; }
	.table-fixed .table thead th[colspan], .table-fixed .table thead td[colspan] { border-bottom:1px solid #c5c8cc !important; }
	.table-fixed .table thead th, .table-fixed .table thead td { border-right-color:#c5c8cc !important; }
	.table-fixed .table thead tr th::before, .table-fixed .table thead tr td::before,
	.table-fixed .table thead tr th::after, .table-fixed .table thead tr td::after { content:none !important; }
	.table-fixed .table thead tr + tr th { border-right-color:#c5c8cc !important; }
	.table-fixed .table thead th[rowspan], .table-fixed .table thead td[rowspan]{border-right: 1px solid rgb(189, 193, 201, 0.9) !important;}
}

.table-bordered td:last-child,.table-bordered th:last-child {border-right: 0px;}
.table-fixed-no {border-top:1px solid #333;}
.table-fixed-no table th {border-right:1px solid #ddd;}
.table-fixed-no table td {border-right:1px solid #ddd;}
.table-fixed-no table td:last-child,.table-fixed-no table th:last-child {border-right: 0px;}
/***********�이브이�************/
.td-Binding {background: rgb(240 241 241 / 60%); padding: 20px 25px !important; }
.td-Binding.s1 {background: rgb(240 241 241 / 0%);}
.td-Binding .table-fixed {border:0px; border-bottom:1px;}
.td-Binding tbody {background: #fff;}
.td-Binding thead th {background:#ebebeb;}
.td-Binding .table {border-top: 2px solid #333; }
.td-Binding .table-fixed .table thead tr:last-child th::after,
.td-Binding .table-fixed .table thead tr:last-child td::after {background-color:#888;}
.td-Binding .table tbody td {border-top: 1px solid #dee2e6 !important; }

/****************************�로��이�*************/
.table-h-style th {border-bottom: 1px solid #d6dee7 !important;}
.table-h-style tr th:nth-child(2) {border-top: 1px solid #d6dee7 !important;}
.table-h-style tbody tr th,
.table.s1 tbody tr th{background-color:#f8f9f9 !important;}
.table.s2 tbody tr th,
.table tbody tr th.c2{background-color:#edf0f7;}
.table.s2 tbody tr td,
.table tbody tr td.c2{background-color:#fff;}
.table-h-style.table tbody tr:first-child th {border-top:1px solid #d6dee7 !important;}
.table-h-style.table tbody tr:last-child th,
.table-h-style.table tbody tr:last-child td,
.table-h-style.table tfoot {border-bottom:1px solid #d6dee7 !important;}
/***************************************************************
	[div table]
***************************************************************/
.table-scroll-wrap { border:1px solid #bdc1c9;border-radius: 10px; margin-top:15px;}
.table-scroll-header { min-width:100%; overflow:hidden;border-radius: 10px 10px 0 0; }
.table-scroll-body { width:100%; height:575px; overflow-x:auto; overflow-y:scroll; }
.table-scroll-wrap .div-table { border:0; }
.table-scroll-wrap .div-table .div-tbody .div-th,
.table-scroll-wrap .div-table .div-tbody .div-td { border-top:0; border-bottom:1px solid #dfe4ea; }

.div-table { width:100%; margin:0 auto; display:table; background-color:transparent; clear:both; border:1px solid #bdc1c9; }
.div-table .form-group { margin-bottom:0; }
.div-table .form-group .custom-control.custom-checkbox-blank { min-height:18px; }
.div-table .form-group .custom-checkbox-blank .custom-control-label::before,
.div-table .form-group .custom-checkbox-blank .custom-control-label::after { top:1px; }
.div-table .form-group .custom-checkbox-blank .custom-control-label.text-hide { height:18px; }
.div-table .form-group .btn-toggle { padding:10px 0; }
.div-table .form-group .btn-toggle::before,
.div-table .form-group .btn-toggle::after { line-height:1; }
.div-table .form-group .btn-toggle > .handle { width:14px; height:14px; }
.div-table .form-group .btn-toggle-inner { width:50px; }
.div-table .form-group.text-center .btn-icon { margin-top:10px; }

.div-table .div-thead { display:table-header-group; background-color:#eee; }
.div-table .div-tfoot { display:table-footer-group; background-color:#eee; }
.div-table .div-tbody { display:table-row-group; }
.div-table .div-tr { display:table-row; }
.div-table .div-td,
.div-table .div-th { height:36px; padding:4px 8px; display:table-cell; font-size:14px; white-space:nowrap; }

.div-table .div-td.text-center,
.div-table .div-th.text-center {text-align:center;}
/** rowspan **/
.div-table .div-td.rowspan,
.div-table .div-th.rowspan { height:36px; padding:0px; display:table-cell; font-size:14px; white-space:nowrap;vertical-align:middle;}
.div-table .div-td.rowspan .rowspan-header,
.div-table .div-th.rowspan .rowspan-header{height:36px; padding:4px 8px; font-size:14px; white-space:nowrap; }
.div-table .div-td.rowspan .div-rowspan,
.div-table .div-th.rowspan .div-rowspan {display: table; width:100%; border-collapse: collapse;  height:36px;border-top: 1px solid rgba(0,0,0,0.15);white-space:nowrap;vertical-align:middle;}
.div-table .div-td.rowspan .div-rowspan .rowspan-td,
.div-table .div-th.rowspan .div-rowspan .rowspan-td {display:table-cell; vertical-align: top;border-right:1px solid rgba(0,0,0,0.15); height:36px; padding:4px 8px; font-size:14px; white-space:nowrap; }
.div-table .div-td.rowspan .div-rowspan .rowspan-td:last-child,
.div-table .div-th.rowspan .div-rowspan .rowspan-td:last-child {border-right:0px;}
.div-table .div-th .bd-r,
.div-table .div-td .bd-r{border-right: 1px solid rgb(189, 193, 201, 0.9) !important;}



/*** sorting ***/
.div-table .div-thead .sorting, .div-table .div-thead .sorting-asc, .div-table .div-thead .sorting-desc { padding-right:24px; position:relative; cursor:pointer; }
.div-table .div-thead .sorting::before, .div-table .div-thead .sorting::after,
.div-table .div-thead .sorting-asc::before, .div-table .div-thead .sorting-asc::after,
.div-table .div-thead .sorting-desc::before, .div-table .div-thead .sorting-desc::after { width:15px; height:15px; margin-top:-6px; display:block; position:absolute; top:50%; right:4px; font-family:"tencon"; line-height:1; opacity:.3; }
.div-table .div-thead .sorting::before, .div-table .div-thead .sorting-asc::before, .div-table .div-thead .sorting-desc::before, .div-table .div-thead .sorting-asc-disabled::before, .div-table .div-thead .sorting-desc-disabled::before { content:"\ea08"; }
.div-table .div-thead .sorting::after, .div-table .div-thead .sorting-asc::after, .div-table .div-thead .sorting-desc::after, .div-table .div-thead .sorting-asc-disabled::after, .div-table .div-thead .sorting-desc-disabled::after { content:"\ea07"; }
.div-table .div-thead .sorting-asc::before, .div-table .div-thead .sorting-desc::after { opacity:1; }
.div-table .div-thead .sorting-asc-disabled::before, .div-table .div-thead .sorting-desc-disabled::after { opacity:0; }

.table-scroll-body .div-table .div-thead [class*="sorting"]::before,
.table-scroll-body .div-table .div-thead [class*="sorting"]::after { content:none; }

.div-table .div-th em { display:block; color:#666; font-size:12px; font-style:normal; font-weight:400; }
.div-table .collapsed-col { width:1px; white-space:nowrap; }
.div-table .linefeed a,
.div-table .linefeed span { min-width:160px; display:block; white-space:normal; word-break:break-all; }
.div-table .linefeed-collapsed a,
.div-table .linefeed-collapsed span { display:block; white-space:normal; word-break:break-all; }

.div-table .ellipsis { max-width:1px; }
.div-table .ellipsis a, .div-table .ellipsis span { max-width:100%; display:inline-block; vertical-align:top; text-overflow:ellipsis; overflow:hidden; }
.div-table .strong, .div-table .strong a, .div-table .strong span { font-weight:700; }

.div-table .text-underscore { font-size:18px; }
.div-table .icon-help { width:17px; height:17px; line-height:1; margin-left:5px; padding:3px 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-center .form-group { text-align:center !important; }
.div-table .dt-right { text-align:right !important; }
/****** responsive & retina specific ******/
@media (min-width:576px) {
	.div-table .dt-sm-center { text-align:center !important; }
	.div-table .dt-sm-right { text-align:right !important; }
}
@media (min-width:768px) {
	.div-table .dt-md-center { text-align:center !important; }
	.div-table .dt-md-right { text-align:right !important; }
}
@media (min-width:992px) {
	.div-table .dt-lg-center { text-align:center !important; }
	.div-table .dt-lg-right { text-align:right !important; }
}
@media (min-width:1200px) {
	.div-table .dt-xl-center { text-align:center !important; }
	.div-table .dt-xl-right { text-align:right !important; }
}


/************ head ************/
.div-table .div-thead .div-th {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,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; }

.table-scroll-header .div-table .div-thead i.required::before { content:"*"; position:absolute; top:-4px; left:1px; color:#dc3545; font-size:20px; font-style:normal; }

/************ body ************/
.div-table .div-tbody .div-tr { background-color:#fff; transition:background .15s ease-in; }
.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:#ffe9a8; }
.div-table .div-tbody .div-tr:not(.selected):hover { background-color:#e5f3fb; border:0 solid #26356f !important; }

.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:320px; position:relative; background-color:#fff !important; }
.div-table .div-tbody .div-tr.data-empty .div-td { width:100%; height:320px; display:flex; flex-wrap:wrap; align-items:center !important; position:absolute; font-size:16px; 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; }

.div-table .div-tbody .img-thumb-list { width:80px; }

/************ foot ************/
.div-table .div-tfoot .div-th { 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; }
.div-table .div-foot .div-td,
.div-table .div-tbody .div-td {font-family: 'S-CoreDream-3Light';}

/****** responsive & retina specific ******/
@media (max-width:767px) {
	.table-wrap > .div-table .div-td:not(.collapsed-col),
	.table-wrap > .div-table .div-th:not(.collapsed-col) { white-space:normal; }
	.div-table .linefeed a,
	.div-table .linefeed span { min-width:inherit; }
}

/*** variation ***/
.div-table.simple-style { border-top-width:2px; border-right-width:0; border-bottom-width:2px; border-left-width:0; }
.div-table.simple-style .div-thead .div-th,
.div-table.simple-style .div-thead .div-td,
.div-table.simple-style .div-tbody .div-th,
.div-table.simple-style .div-tbody .div-td { border-left:0; }

.div-table.simple-style .div-thead,
.div-table.simple-style .div-thead .div-th,
.div-table.simple-style .div-thead .div-td,
.div-table.simple-style .div-tbody .div-tr:nth-child(2n+2),
.div-table.simple-style .div-tbody .div-tr.even,
.div-table.simple-style .div-tbody .div-tr.selected,
.div-table.simple-style .div-tbody .div-tr:hover { background-color:#fff; }

/****** 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; }

/************ [table fillter] ************/
.filter-wrap, .filter-initial-wrap { padding-bottom:10px; }
.table + .filter-wrap, .div-table + .filter-wrap,
.table + .filter-initial-wrap, .div-table + .filter-initial-wrap { padding-top:4px; padding-bottom:0;}
.filter-body { /*margin-bottom:4px;*/ display:block; }
.filter-wrap .form-group, .filter-initial-wrap .form-group { vertical-align:middle; }
.filter-wrap .divider, .filter-initial-wrap .divider { margin-left:13px; position:relative;}
.filter-wrap .divider::before, .filter-initial-wrap .divider::before { height:12px; margin-left:8px; margin-right:8px; position:absolute; top:8px; left:-17px; }

.filter-body .btn-toggle-group { width:100%; }
.filter-body .datepicker { width:1px !important; padding-right:0; padding-left:5px; }
.filter-body .input-group-cenpend .input-group-text { padding-right:8px; padding-left:8px; }
.filter-body .btn-search { width:100%; display:block; }

.filter-wrap .btn { padding:5px 12px !important; font-size:13px; line-height: 26px}
.filter-wrap .btn-icon { padding:5px 8px !important; width: 38px;  height: 38px !important; }
.filter-wrap .form-control { padding:5px 12px; font-size:13px;height:38px; }
.filter-wrap input.form-control.datepicker {height: calc(1.5em + 13px + 2px);}
.filter-wrap select.form-control { background-position:calc(100% - 8px) 14px !important; }
.filter-wrap .input-group-text { padding:2px 12px; }

.filter-wrap .custom-control-label { line-height:1.8; }
.filter-wrap .custom-control-label::before { top:4px; }
.filter-wrap .custom-control-label::after { top:3px; }
.filter-body.mg-t-30 {margin-top: -30px;}
/****** responsive & retina specific ******/
@media (min-width:768px) {
	.filter-wrap, .filter-initial-wrap { display:flex !important; justify-content:space-between !important; }
	.filter-body { margin-bottom:0; }
	.filter-wrap .form-group, .filter-initial-wrap .form-group { width:auto; margin-bottom:3px; display:inline-block; }
	.filter-body .datepicker { width:90px !important; padding-right:8px; padding-left:8px; }
	.filter-body .input-group-cenpend .input-group-text { padding-right:12px; padding-left:12px; }
}


/***************************************************************
	[zipcode]
***************************************************************/
.zipcode-wrap { height:calc(48vh); overflow:hidden; overflow-y:auto; }
.zipcode-wrap .list-empty { margin:0 auto; padding:48px 0; display:table; background-color:#fff !important; text-align:left; }
.zipcode-wrap .list-empty h5 { font-size:16px; font-weight:500 !important; }
.zipcode-wrap .list-empty p { margin-bottom:0; display:block; color:#888; font-size:14px; font-weight:400 !important; }

.zipcode-wrap .row { border-bottom:1px solid #ddd; }
.zipcode-wrap .zipcode { margin-top:8px; font-size:14px; }
.zipcode-wrap .address { margin-top:8px; }
.zipcode-wrap .address dl { margin-bottom:0; }
.zipcode-wrap .address .badge { width:100%; }


/***************************************************************
	[pagination]
***************************************************************/
.pagination-wrap { margin:16px 0; }
.filter-wrap + .pagination-wrap { margin:0; }
.pagination-wrap .pagination { margin-bottom:0; }

.page-item-nav .page-link { padding:8px 12px; line-height: 1.25; height: 35px; }
 span.page-link{line-height:1.4;}
.page-link { padding:8px 12px 9px; color:#2f3640; font-size:12px;line-height: 1.35; }
.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: #6c757d;border-color: #6c757d;padding:8px 12px; height:35px;}
.page-item.disabled .page-link { color:#bdc3c7; }

/*** variation ***/
.pagination.item-interval .page-item { margin:0 3px; }
.pagination.item-interval .page-link { border-radius:4px; }
.pagination.item-interval .page-item-nav .page-link { padding:6px 7px; }

.pagination.item-rounded .page-item-nav:first-child .page-link { border-top-left-radius:32px; border-bottom-left-radius:32px; }
.pagination.item-rounded .page-item-nav:last-child .page-link { border-top-right-radius:32px; border-bottom-right-radius:32px; }

.pagination.no-border .page-item-nav:first-child .page-link { border-top-left-radius:32px; border-bottom-left-radius:32px; border-left-color:#dee2e6; }
.pagination.no-border .page-item-nav:last-child .page-link { border-top-right-radius:32px; border-bottom-right-radius:32px; border-right-color:#dee2e6; }
.pagination.no-border .page-link { border-left-color:#fff; border-right-color:#fff; }

.pagination.no-outline .page-link { border-color:#fff; }
.pagination.no-outline .page-link:hover { background-color:transparent; color:#d9282f; }
.pagination.no-outline .page-item.active .page-link { background-color:transparent; color:#d9282f; font-weight:500; }

.pagination.item-circular-active .page-link { border-color:#fff; border-radius:32px; }


/***************************************************************
	[load more pagination]
***************************************************************/
.btn-more { display:block; margin:0 auto; }
.btn-more .btn-text i.tencon-angle-down { margin-right:0; margin-left:4px; 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-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 0.3s ease; }
.btn-more.active .spinner-border { opacity:1; }
/*** variation ***/
.btn-more-circular { width:128px; height:128px; border-radius:50%; font-size:19.2px; }


/***************************************************************
	[board]
***************************************************************/
/*
.board-wrap .table { border-right:0; border-left:0; }
.board-wrap .table thead th,
.board-wrap .table thead td { border-left:0 solid #e8ebf0; }
.board-wrap .table tbody tr:nth-child(2n+2),
.board-wrap .table tbody tr.even { background-color:initial; }
.board-wrap .table tbody tr:hover { background-color:#f2f8f9; border:0 solid #26356f !important; transition:background 0.15s ease-in; }
.board-wrap .table tbody th,
.board-wrap .table tbody td { border-top:1px solid #dfe4ea; border-left:0 solid transparent; }
.board-wrap .table tbody td a:not(.dropdown-item) { color:#2f3640 !important; }
.board-wrap .table tbody td.ellipsis a,
.board-wrap .table tbody td.ellipsis span { max-width:calc(100% - 70px); }
.board-wrap .table tbody td .comment { color:#ffc028; }
.board-wrap .table tbody td .dropdown-toggle:hover { text-decoration:none; }
*/

.board-wrap { }
.board {}
.board-collapsed {}
.board-header, .board-body { padding:0 25px; }

.board-header { border-top:2px solid #333; border-bottom:1px solid #d7d7d7; font-size:14px; font-weight:500; }
.board-body { border-bottom:1px solid #e9e6e1; font-size:14px; }
.board-header .row .col,
.board-body .row .col:not(.subject-col) { padding-top:12px; padding-bottom:12px; }
.board-body .row .col > div a,
.board-body .row .col > a { padding-top:12px; padding-bottom:12px; }

.board-body a { width:100%; color:#333; }
.board-body .ellipsis { white-space:nowrap; }
.board-body .ellipsis > a, .board-body .ellipsis > span { max-width:100%; display:inline-block; vertical-align:top; text-overflow:ellipsis; overflow:hidden; }
.board-body-row:active .board-body,
.board-body-row.active .board-body { background-color:#f8f9fb; }

.board-header .state-col, .board-body .state-col { flex:1 0 80px; max-width:80px; text-align:center; }
.board-header .classify-col, .board-body .classify-col { flex:1 0 100px; max-width:100px; }
.board-header .subject-col, .board-body .subject-col { flex:1 1 100%; max-width:100%; }
.board-header .date-col, .board-body .date-col { flex:1 0 calc(100% - 80px - 100px); max-width:calc(100% - 80px - 100px); }

.board-body .subject-col .pre-title { color:#aaa; font-size:12px; max-width:100%; display:inline-block; vertical-align:top; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.board-body .state-col .badge { min-width:60px; border-radius:0; }
.board-body .subject-col .closed-text { color:#888; }
.board-body .subject-col .closed-text i { margin-left:8px; }

.board-body .author-col, .board-body .date-col { color:#888; }
.board-body .author-row .content-col { margin-left:0; padding-right:0; }
.board-body .author-row .content-col .form-group { margin-top:16px; }
.board-body .author-row .content-col .form-group .btn { min-width:inherit; margin-right:4px; padding:3px 8px; font-size:11px; }

.board-body .reply-row .content-col .linefeed { margin-left:0; margin-right:0; padding:16px; background-color:#f0f3f4; }
.board-body .reply-row .content-col .title { margin-bottom:8px; color:#26356f; font-weight:500; }
.board-body .reply-row .content-col .title time { color:#888; font-size:12px; }

.board-body .data-empty { height:320px; position:relative; background-color:#fff !important; }
.board-body .data-empty .col { width:100%; height:320px; display:flex; flex-wrap:wrap; align-items:center !important; font-size:16px; text-align:center; }
.board-body .data-empty .col span { width:100%; }
.board-body .data-empty .col:hover { background-color:#fff !important; }
/****** responsive & retina specific ******/
@media (min-width:768px) {
	/*.board-body-group .board-body { padding:0; }*/
	.board-header .state-col, .board-body .state-col { flex:1 0 90px; max-width:90px; }
	.board-header .classify-col, .board-body .classify-col { flex:1 0 110px; max-width:110px; }
	.board-header .subject-col, .board-body .subject-col { flex:1 1 auto; max-width:100%; }
	.board-header .date-col, .board-body .date-col { flex:1 0 102px; max-width:102px; }
}


/***************************************************************
	[modal]
***************************************************************/
.modal { z-index:1072; }
.modal.fade .modal-dialog { transform:translate(0,0); }
.modal-backdrop.show { opacity:0.75 !important; z-index:1071; }
.modal-backdrop.show + .modal-backdrop.show { opacity:0 !important; }
.modal-fullscreen { padding-right:0 !important; }

.modal-content { border-width:0; }
.modal-angular .modal-content, .modal-angular .modal-header, .modal-angular .modal-footer { border-radius:0; }
.modal-alertSt .modal-content, .modal-alertSt .modal-header, .modal-alertSt .modal-footer { border-radius:20px; font-size:13px;}
.modal-alertSt .modal-footer { border-top-left-radius: 0px;border-top-right-radius: 0px;}
.modal-alertSt.modal-tools .modal-header .close {border-top-right-radius: 20px;}
.modal-alertSt.modal-tools .modal-header .close:hover,
.modal-alertSt.modal-tools .modal-header .close:active {background:rgba(255,255,255,0.00)}
.modal-alertSt.modal-tools .modal-header .close [class^="tencon-"],
.modal-alertSt.modal-tools .modal-header .close [class*="tencon-"]{font-size: 20px !important;}
.modal-alertSt.modal-tools .modal-header .close [class^="tencon-"]:hover,
.modal-alertSt.modal-tools .modal-header .close [class*="tencon-"]:hover,
.modal-alertSt.modal-tools .modal-header .close [class^="tencon-"]:active,
.modal-alertSt.modal-tools .modal-header .close [class*="tencon-"]:active,
.modal-alertSt.modal-tools .modal-header .close [class^="tencon-"]:focus,
.modal-alertSt.modal-tools .modal-header .close [class*="tencon-"]:focus {color:#d9282f;}
.modal-alertSt .modal-header .modal-title {color:#859099 !important;}
.modal-alertSt .modal-header .modal-colse {color:#111 !important;}

.modal-alertSt .modal-body {text-align: center;margin-top: -10px;}
.modal-alertSt .modal-body .tit-alert {font-size: 16px;text-align: center;}
.modal-alertSt .modal-body .text-alert {font-size:13px;text-align: center;}

.modal-header { min-height:48px; padding:24px 24px 0; border-bottom:0 solid #e8ebf0; }
.modal-header .close { margin:-24px -24px -24px auto; font-size:15px; text-shadow:none; outline:none; opacity:1; }
.modal-header .close span { height:15px; display:block; font-weight:normal; }
.modal-header .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity:1; }

.modal-title { color:#2f3640; font-size:16px; }
.modal-title small { margin:0 5px; color:rgba(0,0,0,0.5); font-size:12px; }
.modal-body { padding:24px; }
.modal-body h6 { margin-bottom:16px; color:#212529; font-size:18px; }
.modal-body p { color:#2f3640; font-size:14px; }
.modal-body p:last-child { margin-bottom:0; }
.modal-body .figure { width:100%; margin-top:0; margin-bottom:0; }
.modal-body .figure img { width:100%; }
.modal-body .figure video { width:100%; }

.modal-body .alert p { font-size:14px; }
.modal-body .icon-modal { position:absolute; top:44px; left:26px; }
.modal-body .icon-modal i { font-size:30px; }

.modal-body-internallyscroll { max-height:70vh; overflow:auto; }
.modal.right .modal-body-internallyscroll,
.modal.left .modal-body-internallyscroll { max-height:calc(100vh - 48px); }

.modal-body-icon { padding-left:72px; }
.modal-body-centered h6,
.modal-body-centered p { margin-right:auto; margin-left:auto; display:table; text-align:left; }

.modal-footer { padding:24px 24px 32px; border-top:0 solid #e8ebf0; }
.modal-footer-centered { justify-content:center; }
.modal-footer > .btn { min-width:96px; }
.modal-footer-fluid { padding:0; overflow:hidden; }
.modal-footer-fluid .btn { width:100%; margin:0; }


/****** responsive & retina specific ******/
@media (min-width:576px) {
	.modal-dialog {max-width: 500px; margin: 1.75rem auto;}
	.modal-dialog-scrollable {max-height: calc(100% - 3.5rem);}
	.modal-dialog-scrollable .modal-content {max-height: calc(100vh - 3.5rem);}
	.modal-dialog-centered {min-height: calc(100% - 3.5rem);}
	.modal-dialog-centered::before {height: calc(100vh - 3.5rem);height: -webkit-min-content;height: -moz-min-content;height: min-content;}
	.modal-sm {max-width: 300px;}
	.modal-alertSt {max-width: 400px;}
	.modal-400 {max-width: 400px;}
}
@media (max-width:575px) {

	.modal-header { padding:24px 8px 0; }
	.modal-body { padding:8px; }
	.modal-footer { padding-top:4px; padding-bottom:12px; }
	.modal-header .close { margin-right:-8px; }
}
@media (min-width:992px) {
 	.modal-lg, .modal-xl {max-width: 800px;}
	.modal-xxl { max-width:800px; }
}
@media (min-width:1200px) {
	.modal-xxl { max-width:1140px; }
}
@media (min-width:1440px) {
	.modal-xxl { max-width:1380px; }
}

/************ [modal basic] ************/
/*** variation ***/
.modal-tools .modal-header { padding-top:8px; padding-bottom:10px; }
.modal-tools .modal-header .close { margin:-8px -24px -24px auto; padding:13px 13px 14px 14px; color:#fff; transition:all 0.15s ease-out; }
.modal-tools .modal-header .close:hover { background-color:#dc3545; }
.modal-tools .modal-title { color:#fff; font-size:16px; }
.modal-tools .modal-title small { color:rgba(255,255,255,0.75); }
.modal-tools .modal-footer { padding-top:12px; padding-bottom:12px; background-color:rgba(0,0,0,0.05); }

.modal-title-icon .modal-header { padding-top:40px; padding-bottom:24px; text-align:center; border-bottom-width:1px; }
.modal-title-icon .modal-header .modal-title { width:100%; margin-right:-23px; font-size:20.8px; text-align:center; }
.modal-title-icon .modal-header .modal-title i { margin-bottom:16px; display:block; font-size:32px; }
.modal-title-icon .modal-title small { display:block; font-size:14px; }
.modal-title-icon .modal-header .close { margin-top:-40px; }
.modal-title-icon .modal-body, .modal-title-icon .modal-footer { background-color:#f5f6fa; }
.modal-title-icon .modal-body { padding-top:40px; padding-bottom:40px; }

.modal-header-bg .modal-header { padding-top:72px; padding-bottom:72px; background-repeat:no-repeat; background-size:cover; text-align:center; }
.modal-header-bg .modal-header .modal-title { width:100%; margin-right:-23px; color:#fff; font-size:24px; font-weight:400; }
.modal-header-bg .modal-header .modal-title small { display:block; color:rgba(255,255,255,0.75); font-size:14px; }
.modal-header-bg .modal-header .close { margin-top:-72px; color:#fff; }
/****** responsive & retina specific ******/
@media (max-width:575px) {
	.modal-tools .modal-header .close { margin-right:-8px; }
}

/************ [modal alert] ************/
.modal-alert .modal-header + .modal-body { padding-top:16px; }
.modal-alert .modal-body { padding-top:64px; padding-bottom:24px; }
.modal-alert .modal-body p { font-size:16px; }
.modal-alert .modal-body .alert p { font-size:14px; }
/*** variation ***/
.modal-alert.modal-tools .modal-body { padding-top:48px; padding-bottom:48px; }

.modal-alert.modal-title-icon .modal-header { padding-bottom:0; border-bottom-width:0; }
.modal-alert.modal-title-icon .modal-header .modal-title { font-size:17.6px; }
.modal-alert.modal-title-icon .modal-body { padding-top:56px; padding-bottom:56px; }
.modal-alert.modal-title-icon .modal-body, .modal-alert.modal-title-icon .modal-footer { background-color:#fff; }

/************ [modal fluid] ************/
.modal-fluid { width:100%; height:100%; max-width:100%; min-height:100%; margin:0; }
.modal-fluid .modal-content { height:100%; border-radius:0; }
.modal-fluid .modal-header { padding:12px 16px; }
.modal-fluid .modal-header .modal-title { color:#333; font-size:16px; }
.modal-fluid .modal-header .close { margin:-13px -16px -16px auto !important; padding:16px 16px !important; color:#333; }
.modal-fluid .modal-header .close:hover { background-color:transparent !important; }
.modal-fluid .modal-header .close span { height:auto; }
.modal-fluid .modal-body { height:100%; height:calc(100% - 48px); }
.modal-fluid .modal-body p { color:#333; }
/*** variation ***/
.modal-fluid.modal-dark .modal-content { background-color:#000; }
.modal-fluid.modal-dark .modal-header .modal-title { color:#fff; }
.modal-fluid.modal-dark .modal-header .close { color:#fff; }
.modal-fluid.modal-dark .modal-body p { color:#fff; }

/************ [modal fluid gallery] ************/
.modal-gallery { width:100%; height:100%; max-width:100%; min-height:100%; margin:0; }
.modal-gallery .modal-content { height:100%; background-color:rgba(0,0,0,1); border-radius:0; }
.modal-gallery .modal-header { padding:12px 16px; }
.modal-gallery .modal-header .modal-title { color:#fff; }
.modal-gallery .modal-header .btn-group { width:auto; position:absolute; top:0; right:0; z-index:100; }
.modal-gallery .modal-header .btn.close { margin:0; border:1px solid transparent; color:#fff; font-size:16px; line-height:1.5; }
.modal-gallery .modal-header .btn.close:hover { background-color:#dc3545; }
.modal-gallery .modal-header .btn.close span { height:auto; }
.modal-gallery .modal-body { height:100%; height:calc(100% - 48px); }
.modal-gallery .modal-body figure { width:100%; height:100%; margin:auto; font-size:0; line-height:0; }
.modal-gallery .modal-body img,
.modal-gallery .modal-body video { width:auto; max-width:calc(100% - 16px); height:auto; max-height:calc(100% - 16px); margin:auto; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid rgba(0,0,0,0.9); outline:none; }
/****** responsive & retina specific ******/
@media (min-width:576px) {
	.modal-gallery .modal-body img,
	.modal-gallery .modal-body video { width:auto; max-width:calc(100% - 32px); height:auto; max-height:calc(100% - 32px); }
}
@media (min-width:768px) {
	.modal-gallery .modal-body img,
	.modal-gallery .modal-body video { width:auto; max-width:calc(100% - 286px); height:auto; max-height:calc(100% - 126px); }
}
@media (min-width:992px) {
	.modal-gallery .modal-body img,
	.modal-gallery .modal-body video { width:auto; max-width:calc(100% - 342px); height:auto; max-height:calc(100% - 182px); }
}

/************ [modal full swiper gallery style] ************/
.modal-carousel { width:100%; height:100%; max-width:100%; min-height:100%; margin:0; }
.modal-carousel .modal-content { height:100%; background-color:rgba(0,0,0,1); border-radius:0; }
.modal-carousel .modal-header { padding:12px 16px; }
.modal-carousel .modal-header .modal-title { color:#fff; }
.modal-carousel .modal-header .btn-group { width:auto; position:absolute; top:0; right:0; z-index:100; }
.modal-carousel .modal-header .btn.close { margin:0; border:1px solid transparent; color:#fff; font-size:16px; line-height:1.5; }
.modal-carousel .modal-header .btn.close:hover { background-color:#dc3545; }
.modal-carousel .modal-header .btn.close span { height:auto; }
.modal-carousel .modal-body { height:100%; height:calc(100% - 48px); }
.modal-carousel .modal-body > div { width:100%; height:100%; margin:auto; font-size:0; line-height:0; }
.modal-carousel .modal-body .swiper-wrap { /*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,0.9); }
.modal-carousel .modal-body .swiper-wrap .swiper-slide { background-color:transparent; }
.modal-carousel .modal-body .swiper-wrap.gallery-thumbs { max-width:calc(100% - 342px); max-height:60px; position:absolute; top:auto; right:0; bottom:16px; left:0; }
/****** responsive & retina specific ******/
@media (min-width:768px) {
	.modal-carousel .modal-body .swiper-wrap { max-width:calc(100% - 64px); max-height:calc(100% - 80px); }
}
@media (min-width:992px) {
	.modal-carousel .modal-body .swiper-wrap { max-width:calc(100% - 192px); max-height:calc(100% - 96px); }
}
@media (min-width:1200px) {
	.modal-carousel .modal-body .swiper-wrap { max-width:calc(100% - 342px); max-height:calc(100% - 182px); }
}

/************ [modal loading] ************/
.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,0.5); font-size:10px; line-height:1.5; }

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

.modal.top:not(.show) .modal-frame.modal-dialog { transform:translate3d(0,-25%,0); }
.modal.bottom:not(.show) .modal-frame.modal-dialog { transform:translate3d(0,25%,0); }
.modal.right:not(.show) .modal-frame.modal-dialog { transform:translate3d(25%,0,0); }
.modal.left:not(.show) .modal-frame.modal-dialog { transform:translate3d(-25%,0,0); }

.modal .modal-frame { width:100%; max-width:100%; margin:0; position:absolute; }
.modal.right .modal-frame,
.modal.left .modal-frame { width:320px; min-height:100%; }

.modal .modal-frame .modal-content { box-shadow:0 6px 10px 0 rgba(0,0,0,0.18), 0 4px 16px 0 rgba(0,0,0,0.15); }
.modal.top .modal-frame .modal-content,
.modal.bottom .modal-frame .modal-content { flex-wrap:wrap; flex-direction:row; }
.modal.right .modal-frame .modal-content,
.modal.left .modal-frame .modal-content { height:100vh; }
.modal .modal-frame .modal-body,
.modal .modal-frame .modal-footer { width:100%; min-height:1%; position:relative; }
.modal.top .modal-frame .modal-body,
.modal.bottom .modal-frame .modal-body { max-width:80%; flex:0 0 80%; }
.modal.top .modal-frame .modal-footer,
.modal.bottom .modal-frame .modal-footer { max-width:20%; flex:0 0 20%; }

/***************************************************************
	[common]
***************************************************************/
[class^="tencon-"], [class*="tencon-"] { font-size:15px; }

/************ [bg] ************/
.bg-primary { background-color:#26356f !important; }
.bg-red { background-color:#dc3545 !important; }
.bg-pink { background-color:#e83e8c !important; }
.bg-orange { background-color:#fd7e14 !important; }
.bg-yellow { background-color:#ffc107 !important; }
.bg-green { background-color:#28a745 !important; }
.bg-teal { background-color:#20c997 !important; }
.bg-cyan { background-color:#17a2b8 !important; }
.bg-blue { background-color:#007bff !important; }
.bg-azure { background-color:#00a8ff !important; }
.bg-navy { background-color:#262c32 !important; }
.bg-purple { background-color:#6f42c1 !important; }
.bg-indigo { background-color:#6610f2 !important; }
.bg-lightgray { background-color:#e8ebf0 !important; }
.bg-gray { background-color:#8991a3 !important; }
.bg-darkgray { background-color:#343a40 !important; }
.bg-black { background-color:#101010 !important; }
.bg-excel { background-color:#217346 !important; }
.bg-facebook { background-color:#4267b2 !important; }
.bg-twitter { background-color:#1da1f2 !important; }

/************ [text] ************/
.text-primary,
a.text-primary:hover, a.text-primary:focus { color:#26356f !important; }
.text-red,
a.text-red:hover, a.text-red:focus { color:#dc3545 !important; }
.text-pink,
a.text-pink:hover, a.text-pink:focus { color:#e83e8c !important; }
.text-orange,
a.text-orange:hover, a.text-orange:focus { color:#fd7e14 !important; }
.text-yellow,
a.text-yellow:hover, a.text-yellow:focus { color:#ffc107 !important; }
.text-green,
a.text-green:hover, a.text-green:focus { color:#28a745 !important; }
.text-teal,
a.text-teal:hover, a.text-teal:focus { color:#20c997 !important; }
.text-cyan,
a.text-cyan:hover, a.text-cyan:focus { color:#17a2b8 !important; }
.text-blue,
a.text-blue:hover, a.text-blue:focus { color:#007bff !important; }
.text-azure,
a.text-azure:hover, a.text-azure:focus { color:#00a8ff !important; }
.text-navy,
a.text-navy:hover, a.text-navy:focus { color:#34495e !important; }
.text-purple,
a.text-purple:hover, a.text-purple:focus { color:#6f42c1 !important; }
.text-indigo,
a.text-indigo:hover, a.text-indigo:focus { color:#6610f2 !important; }
.text-white,
a.text-white:hover, a.text-white:focus { color:#fff !important; }
.text-lightgray,
a.text-lightgray:hover, a.text-lightgray:focus { color:#e8ebf0 !important; }
.text-gray,
a.text-gray:hover, a.text-gray:focus { color:#8991a3 !important; }
.text-darkgray,
a.text-darkgray:hover, a.text-darkgray:focus { color:#343a40 !important; }
.text-black,
a.text-black:hover, a.text-black:focus { color:#101010 !important; }
.text-excel,
a.text-excel:hover, a.text-excel:focus { color:#217346 !important; }
.text-facebook,
a.text-facebook:hover, a.text-facebook:focus { color:#4267b2 !important; }
.text-twitter,
a.text-twitter:hover, a.text-twitter:focus { color:#1da1f2 !important; }

/************ [badge] ************/
.badge { padding:5px 7px 6px 6px; color:#fff; font-size:12px !important; font-weight:500; }
.badge:hover, .badge:focus { color:#fff; text-decoration:none; }

.badge-primary { background-color:#26356f !important; }
.badge-secondary { background-color:#8991a3 !important; }
a.badge-success:hover, a.badge-success:focus { background-color:#00d741 !important; }
a.badge-info:hover, a.badge-info:focus { background-color:#17a2b8 !important; }
.badge-warning { color:#212529 !important; }
a.badge-warning:hover, a.badge-warning:focus { background-color:#ffc107 !important; }
a.badge-danger:hover, a.badge-danger:focus { background-color:#dc3545 !important; }
.badge-light { color:#212529 !important; }
.badge-light:hover, a.badge-light:hover, a.badge-light:focus { background-color:#f8f9fa !important; color:#212529 !important; }
a.badge-dark:hover, a.badge-dark:focus { background-color:#343a40 !important; }
.badge-red { background-color:#dc3545 !important; }
.badge-pink { background-color:#e83e8c !important; }
.badge-orange { background-color:#fd7e14 !important; }
.badge-yellow { background-color:#ffc107 !important; }
.badge-green { background-color:#00d741 !important; }
.badge-teal { background-color:#20c997 !important; }
.badge-cyan { background-color:#17a2b8 !important; }
.badge-blue { background-color:#007bff !important; }
.badge-azure { background-color:#00a8ff !important; }
.badge-navy { background-color:#34495e !important; }
.badge-purple { background-color:#6f42c1 !important; }
.badge-indigo { background-color:#6610f2 !important; }
.badge-white, .badge-white:hover, .badge-white:focus { background-color:#fff !important; color:#212529 !important; }
.badge-lightgray, .badge-lightgray:hover, .badge-lightgray:focus { background-color:#e8ebf0 !important; color:#212529 !important; }
.badge-gray, .badge-gray:hover, .badge-gray:focus { background-color:#8991a3 !important; }
.badge-darkgray { background-color:#343a40 !important; }
.badge-black { background-color:#101010 !important; }
.badge-excel { background-color:#217346 !important; }
.badge-facebook { background-color:#4267b2 !important; }
.badge-twitter { background-color:#1da1f2 !important; }

/************ [show/hidden] ************/
.sr-only { width:1px !important; height:1px !important; padding:0 !important; position:absolute !important; border:0 !important; clip:rect(0, 0, 0, 0) !important; white-space:nowrap !important; overflow:hidden !important; }
.bg-attach { background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; }

/****** 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(../images/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(../images/resources.svg#desaturate); /* Gecko */
	filter:none; /* IE */
	-webkit-filter:grayscale(0); /* Old WebKit */
}

/************ [sticky bnr] ************/
.sticky-top { position:fixed; top:0; z-index:1020; }
.sticky-bottom { position:fixed; bottom:0; z-index:1020; }
.sticky-bnr { position:fixed; right:32px; bottom:32px; 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,0.3); }
.divider-lg::before { content:""; width:2px; height:20px; margin-left:21px; margin-right:21px; display:inline-block; position:relative; top:-1px; background-color:rgba(0,0,0,0.3); }

/************ [alignment] ************/
span.text-center, span.text-right, span.text-left { display:block; }
/****** responsive & retina specific ******/
@media (min-width:768px) {
	.flex-first { order:-1; }
	.flex-last { order:1; }
	.flex-unordered { order:0; }
}
/************ [raduis] ************/
.br-0 { border-radius:0 !important; }
.br-025 { border-radius:4px !important; }

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

/************ [code] ************/
.code { margin-bottom:16px; display:block; }
code { padding:2px 4px; background-color:#f9f2f4; border-radius:4px; color:#c7254e; font-size:11px; }
code, kbd, pre, samp { font-family:Menlo,Monaco,Consolas,"Courier New",monospace; }

/************ [animated] ************/
.no-transition { transition:none !important; }

.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); }
}

/************ [autocomplete] ************/
.ui-widget-content.ui-menu { background-color:#fff !important; }
.ui-autocomplete.ui-menu { max-height:400px !important; position:absolute; top:0; left:0; overflow:scroll; cursor:default; z-index:100; }
.ui-autocomplete table { width:100%; margin-bottom:18px; padding:0 !important; clear:both; }
.ui-autocomplete table thead th { height:36px; padding:7px 5px; background:#5c616c; border:1px solid #454b5a; color:#fff; font-size:12px; }
.ui-autocomplete table tbody td,
.ui-autocomplete table tbody th { height:36px; padding:9px; font-size:12px; background:#fff; border:1px solid #ddd; text-align:center; color:#000; word-break:break-all; }
.ui-autocomplete table .ui-state-focus td { background-color:#4cd3c6 !important; color:#fff !important; font-weight:normal !important; cursor:pointer; }
.ui-helper-hidden-accessible { display:none; }

/************ [height] ************/
.height-50 { height:50px !important; }
.height-60 { height:60px !important; }
.height-70 { height:70px !important; }
.height-80 { height:80px !important; }
.height-90 { height:90px !important; }
.height-100 { height:100px !important; }
.height-110 { height:110px !important; }
.height-120 { height:120px !important; }
.height-130 { height:130px !important; }
.height-140 { height:140px !important; }
.height-150 { height:150px !important; }
.height-160 { height:160px !important; }
.height-170 { height:170px !important; }
.height-180 { height:180px !important; }
.height-190 { height:190px !important; }
.height-200 { height:200px !important; }
.height-210 { height:210px !important; }
.height-220 { height:220px !important; }
.height-230 { height:230px !important; }
.height-240 { height:240px !important; }
.height-250 { height:250px !important; }
.height-260 { height:260px !important; }
.height-270 { height:270px !important; }
.height-280 { height:280px !important; }
.height-290 { height:290px !important; }
.height-300 { height:300px !important; }
.height-310 { height:310px !important; }
.height-320 { height:320px !important; }
.height-330 { height:330px !important; }
.height-340 { height:340px !important; }
.height-350 { height:350px !important; }
.height-360 { height:360px !important; }
.height-370 { height:370px !important; }
.height-380 { height:380px !important; }
.height-390 { height:390px !important; }
.height-400 { height:400px !important; }
.height-410 { height:410px !important; }
.height-420 { height:420px !important; }
.height-430 { height:430px !important; }
.height-440 { height:440px !important; }
.height-450 { height:450px !important; }
.height-460 { height:460px !important; }
.height-470 { height:470px !important; }
.height-480 { height:480px !important; }
.height-490 { height:490px !important; }
.height-500 { height:500px !important; }


/*********************��� �자블릿 **********************/
.bl-tit-sq {padding-left: 10px!important;position: relative;}
.bl-tit-sq:before {content: ''; width: 2px; height: 14px; background: #d9282f; position: absolute; top: 50%; left: 0px; margin-top: -7px;}

.bl-tit-ck {padding-left: 14px !important; position: relative;}
.bl-tit-ck:before {content: ''; width: 8px; height: 8px; border-radius:50%;border:2px solid #d9282f; position: absolute; top: 50%; left: 0px; margin-top: -4px;}
.tx-break {white-space: normal;}
.tx-ellipsis-1 {line-height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tx-ellipsis-2 {overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.font-10 {font-size:10px;}
.font-11 {font-size:11px;}
.font-12 {font-size:12px;}
.font-13 {font-size:13px;}
.font-14 {font-size:14px;}
.font-15 {font-size:15px;}
.font-16 {font-size:16px;}
.font-17 {font-size:17px;}
.font-18 {font-size:18px;}
.font-19 {font-size:19px;}
.font-20 {font-size:20px;}
.font-21 {font-size:21px;}
.font-22 {font-size:22px;}
.font-23 {font-size:23px;}
.lh-26 {line-height: 26px;}
.lh-38 {line-height: 38px;}
.tx-situation {position:relative; margin-right: 10px;}
.tx-situation:after {content: ''; width: 1px; height: 8px; background: #ddd; position: absolute; top: 50%; right: -8px; margin-top: -4px;}
.tx-situation.end:after {width:0px;}
.box-border {border:1px solid #ddd; border-radius: 5px;}
.cont-check-list,
.cont-check-list ul{padding:0px;margin: 0px;}
.cont-check-list li{list-style: none;}