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

/***************************************************************
	[breadcrumb]
***************************************************************/
.breadcrumbs { color:#a4b0be; font-size:12px; font-weight:400; text-transform:uppercase; }
.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; }
}


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


/***************************************************************
	[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:-ms-flexbox; 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:1; }
.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:first-child, .panel-body h5:first-child, .panel-body h6:first-child { padding-top:0; }
.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; }
a.anchor-link { text-decoration:none; white-space:nowrap; }
a.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; }
.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:30px; }
.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; text-align:left; }
.alert-center .form-group.justify-content-center { margin-top:32px; }
.alert-heading { color:#212529; }
h3.alert-heading { margin-bottom:32px; }

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



/***************************************************************
	[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:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center !important; 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; }

/***************************************************************
	[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:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; 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 { -ms-flex:0 0 100px; flex:0 0 100px; max-width:100px; }
.dl-horizontal dd { padding-left:0; -ms-flex:0 0 calc(100% - 100px); flex:0 0 calc(100% - 100px); max-width:calc(100% - 100px); }
/*** variation ***/
.dl-horizontal.dt-right dt { text-align:right; }
.dl-horizontal.dd-right dd { text-align:right; }
/****** dt width ******/
.dl-horizontal.wd-half dt { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
.dl-horizontal.wd-half dd { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }

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

/************ [vertical style] ************/
.dl-inline dt, .dl-inline dd { display:inline; position:relative; }
.dl-inline dt { margin-right:6px; }
.dl-inline dd:not(:last-child) { margin-right:6px; padding-right:11px; }
.dl-inline dd::after { content:""; width:1px; height:10px; margin-top:-5px; display:block; position:absolute; top:50%; right:0; background-color:#bdc3c7; }
.dl-inline dd:last-child::after { display: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:-ms-flexbox; 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:-ms-inline-flexbox; 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 { -ms-flex:1; 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; -ms-flex-align:start; align-items:flex-start; -ms-flex-direction:row; 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; -ms-flex:1; 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 { -ms-flex-align:start; align-items:flex-start; -ms-flex-direction:row; 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 { -ms-flex:1; 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 { -webkit-column-gap:0; -moz-column-gap:0; 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%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); 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; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(-40px,0,0); -ms-transform:translate3d(-40px,0,0); 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; -webkit-transition:-webkit-transform 0.35s; 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; -webkit-transition:opacity 0.2s, -webkit-transform 0.35s; transition:opacity 0.2s, transform 0.35s; }
.card-img-group.type2 figure h2, .card-img-group.type2 figure p { margin:0; -webkit-transform:translate3d(0,40px,0); -ms-transform:translate3d(0,40px,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 { -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); 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; -webkit-transform:translate3d(0,50%,0); -ms-transform:translate3d(0,50%,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; -webkit-transition:-webkit-transform 0.35s, color 0.35s; transition:transform 0.35s, color 0.35s; -webkit-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); 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; -webkit-transform:translate3d(0,10px,0); -ms-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0); }
.card-img-group.type3 figure figcaption::before,
.card-img-group.type3 figure p { -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; }
.card-img-group.type3 figure:hover h2 { color:#fff; -webkit-transform:translate3d(0,-50%,0) translate3d(0,-40px,0); -ms-transform:translate3d(0,-50%,0) translate3d(0,-40px,0); 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; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); 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; -webkit-transform:scale(0,1); -ms-transform:scale(0,1); transform:scale(0,1); -webkit-transform-origin:0 0; -ms-transform-origin:0 0; 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; -webkit-transform:scale(1,0); -ms-transform:scale(1,0); transform:scale(1,0); -webkit-transform-origin:100% 0; -ms-transform-origin:100% 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; -webkit-transition:-webkit-transform 0.35s; 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; -webkit-transform:translate3d(0,-10px,0); -ms-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0); }
.card-img-group.type4 figure img, .card-img-group.type4 figure h2 { -webkit-transform:translate3d(0,-30px,0); -ms-transform:translate3d(0,-30px,0); 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 { -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; }
.card-img-group.type4 figure:hover img { opacity:0.7; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.card-img-group.type4 figure:hover figcaption::before, .card-img-group.type4 figure:hover figcaption::after { opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
.card-img-group.type4 figure:hover h2, .card-img-group.type4 figure:hover p { opacity:1; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); 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; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(0,100%,0); -ms-transform:translate3d(0,100%,0); 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 { -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(0,200%,0); -ms-transform:translate3d(0,200%,0); 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 { -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.card-img-group.type5 figure:hover .card-icon-group h2 { -webkit-transition-delay:0.05s; transition-delay:0.05s; }
.card-img-group.type5 figure:hover .card-icon-group .btn:nth-child(1) { -webkit-transition-delay:0.1s; transition-delay:0.1s; }
.card-img-group.type5 figure:hover .card-icon-group .btn:nth-child(2) { -webkit-transition-delay:0.15s; transition-delay:0.15s; }
.card-img-group.type5 figure:hover .card-icon-group .btn:nth-child(3) { -webkit-transition-delay:0.2s; 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; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); }
.ribbon.ribbon-top-right { right:0; }
.ribbon.ribbon-top-right span { top:13px; right:-26px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); 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; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); }
.ribbon-tail.ribbon-top-right { right:-5px; }
.ribbon-tail.ribbon-top-right span { top:13px; right:-26px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); 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 span { padding:.5em 0; display:block; background-color:#26356f; color:#fff; font-size:11px; font-weight:700; text-align:center; }

.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, .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, .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, .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, .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, .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, .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, .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, .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, .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, .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, .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, .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, .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, .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, .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, .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, .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, .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, .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, .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, .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%; -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); 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-wrapper { width:100%; height:100%; display:-ms-flexbox; 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 { -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.swiper-slide { width:100%; height:100%; display:-ms-flexbox; display:flex; -ms-flex-pack:center; justify-content:center; -ms-flex-align:center; align-items:center; -ms-flex-negative:0; 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; -webkit-justify-content:center; 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; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); 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; }
/*** 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; 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%; -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); 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%; -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); 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%; -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); 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:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; z-index:1; }
.jumbotron { width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-flex-shrink:0; -ms-flex-negative:0; 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; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); 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:-ms-flexbox; display:flex; -ms-flex-align:start; 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 { -ms-flex:1; 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 .nav-link { position:relative; color:#8e9aa9; font-size:14px; }
.tab-wrap .nav-tabs .nav-link.disabled { color:#bdc3c7; }
.tab-wrap .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color:#212529 !important; z-index:1; }
.tab-wrap .tab-content { padding:16px; background-color:#fff; font-size:14px; }

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

/*** 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 #26356f; }
.nav-tabs.nav-underbar.nav-tabs .nav-link.active,
.nav-tabs.nav-underbar.nav-tabs .nav-item.show .nav-link { background-color:#26356f; border-color:#26356f; 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:#26356f; }
.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 #26356f; color:#26356f !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 { padding:5px 8px 6px; text-align:left; }

/***************************************************************
	[popover]
***************************************************************/
.popover { font-family:-apple-system, BlinkMacSystemFont, "Noto Sans KR", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Malgun Gothic", Gulim, Dotum, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; box-shadow:4px 4px 4px rgba(0,0,0,0.1); }
.popover-header { background-color:#fff; }

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

.btn-close-sm { margin-left:.5rem; 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 8px; border-width:1px; background-color:transparent !important; }
.btn-outline2 { padding:6px 11px 7px; 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:1px; }
.btn i.icon-right { margin-right:0; margin-left:4px; }
.btn-sm i, .btn-group-sm > .btn i { top:1px; }

/************ [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:0 !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; }

/************ [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; 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:#e8ebf0; 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:#e8ebf0; }
.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:#e8ebf0; border-right-color:#e8ebf0; }
.btn-toggle-group > .btn-outline.btn-gray:last-child,
.btn-toggle-group > .btn-outline2.btn-gray:last-child { border-left-color:#e8ebf0; }
.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:#e8ebf0; }
.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:#e8ebf0; }
.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]
***************************************************************/
.form-block-wrap {}
.form-block-body {}
.form-block-footer { margin-top:16px; padding-top:16px; }
.form-block-footer::before { content:""; width:100%; height:1px; margin-top:-16px; background-color:rgba(0,0,0,0.15); }

.form-group { width:100%; margin-bottom:8px; display:inline-block; text-align:left; }
.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; }

.form-control-angular .form-control, .form-control-angular.form-control,
.form-control-angular .valid-tooltip, .form-control-angular .invalid-tooltip { border-radius:0 !important; }

.controls { position:relative; }
.form-control { height:inherit; padding:7px 8px 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-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-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; }

.form-control:focus { background-color:#fcfcfc; border-color:#bdc3c7; box-shadow:none !important; color:#495057; }
.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[readonly] { background-color:#f2f4f7; color:rgba(47,54,64,0.6); }
.form-control:disabled { background-color:#e8ebf0; color:rgba(0,0,0,0.25); }
.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:rgba(40,167,69,1); } 
.controls .invalid-tooltip { background-color:rgba(220,53,69,1); }
.was-validated .form-control:invalid, .form-control.is-invalid { background-image:none; }

/*** text clear ***/
.form-control-clear { margin-top:-12px; 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); }
}

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

/************ [label left] ************/
.label-inline .form-group { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; /* -ms-flex-align:center; align-items:center */; }
.label-inline .form-label { margin-top:8px; margin-bottom:0; max-width:16.666667%; -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; font-size:14px; }
.form-reg-type .label-inline .form-label, .form-reg-type.label-inline .form-label { margin-top:6px; }
.label-inline .controls { width:100%; min-height:1px; max-width:83.333333%; margin-top:0; -ms-flex:0 0 83.333333%; flex:0 0 83.333333%; }

/************ [label inner] ************/
.label-inner .form-label { margin:0; padding:8px 0 9px; position:absolute; left:23px; top:0; z-index:10; }
.form-reg-type .label-inner .form-label, .form-reg-type.label-inner .form-label { padding:6px 0 7px; }
.label-inner .form-label::after { content:""; width:1px; height:12px; margin-top:-6px; position:absolute; top:50%; left:55px; background-color:#d8dde3; }
.label-inner .controls { margin-top:0; }
.label-inner .form-control,
.label-inner .bootstrap-select > .dropdown-toggle { padding-left:70px; }
/*** 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:0.5rem; position:absolute; top:calc(100% - 1px); left:0; background:#fff; border:1px solid #bbbbbb; border-radius:0.25rem; overflow:auto; z-index:3; }
.datalist .table tbody tr:hover { cursor:pointer; }




/************ [select] ************/
select::-ms-expand { display:none; }
select.form-control { padding-right:25px; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%232f3640'><polygon points='0,0 100,0 50,50'/></svg>"); background-position:calc(100% - 8px) 16px !important; background-size:9px !important; background-repeat:no-repeat; -webkit-appearance:none; -moz-appearance:button; appearance:button; }
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:disabled { background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23bdc3c7'><polygon points='0,0 100,0 50,50'/></svg>"); }
/*** valid / invalid ***/
select.form-control.is-invalid { background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23f63759'><polygon points='0,0 100,0 50,50'/></svg>"); }
select.form-control.is-valid { background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%2328a745'><polygon points='0,0 100,0 50,50'/></svg>"); }
/*** IE11 hack ***/
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	select.form-control { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCAxMDAgNTAiPjxwb2x5Z29uIHBvaW50cz0iMCAwIDEwMCAwIDUwIDUwIDAgMCIgc3R5bGU9ImZpbGw6IzJmMzY0MCIvPjwvc3ZnPg=="); }
	select.form-control:disabled { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCAxMDAgNTAiPjxwb2x5Z29uIHBvaW50cz0iMCAwIDEwMCAwIDUwIDUwIDAgMCIgc3R5bGU9ImZpbGw6I2JkYzNjNyIvPjwvc3ZnPg=="); }
	select.form-control.is-invalid { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCAxMDAgNTAiPjxwb2x5Z29uIHBvaW50cz0iMCAwIDEwMCAwIDUwIDUwIDAgMCIgc3R5bGU9ImZpbGw6I2Y2Mzc1OSIvPjwvc3ZnPg=="); }
	select.form-control.is-valid { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCAxMDAgNTAiPjxwb2x5Z29uIHBvaW50cz0iMCAwIDEwMCAwIDUwIDUwIDAgMCIgc3R5bGU9ImZpbGw6IzI4YTc0NSIvPjwvc3ZnPg=="); }
}

/************ [bootstrap select] ************/
select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.selectpicker { display:none !important; }
.bootstrap-select { width:220px \0; /*IE9 and below*/ vertical-align:middle; }
.bootstrap-select > .dropdown-toggle { width:100%; display:inline-flex; position:relative; text-align:right; white-space:nowrap; align-items:center; justify-content:space-between; }
.form-control-angular .bootstrap-select > .dropdown-toggle { border-radius:0; }

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover { background-color:#fff; border-color:#d8dde3; color:#2f3640; }
.bootstrap-select > .dropdown-toggle:not(:disabled):not(.disabled).active, .bootstrap-select > .dropdown-toggle:not(:disabled):not(.disabled):active,
.bootstrap-select.show > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus { background-color:#fcfcfc !important; border-color:#bdc3c7; }
.bootstrap-select.show:not(.dropup) > .dropdown-toggle { border-bottom-color:transparent !important; border-bottom-right-radius:0; border-bottom-left-radius:0; }
.bootstrap-select.show.dropup > .dropdown-toggle { border-top-color:transparent !important; border-top-right-radius:0; border-top-left-radius:0; }

.bootstrap-select > select { width:0.5px !important; height:100% !important; padding:0 !important; display:block !important; position:absolute !important; bottom:0; left:50%; border:none; opacity:0 !important; z-index:0 !important; }
.bootstrap-select > select.mobile-device { width:100% !important; display:block !important; top:0; left:0; z-index:2 !important; }

/*** valid / invalid ***/
.bootstrap-select.is-invalid .dropdown-toggle, .bootstrap-select.is-invalid .dropdown-toggle:focus, .bootstrap-select.is-invalid.show > .dropdown-menu.show,
.was-validated .bootstrap-select .selectpicker:invalid + .dropdown-toggle, .was-validated .bootstrap-select .selectpicker:invalid + .dropdown-toggle:focus, .was-validated .bootstrap-select .selectpicker:invalid + .dropdown-menu.show { border-color:#dc3545 !important; }
.bootstrap-select.is-invalid.show:not(.dropup) > .dropdown-toggle { border-bottom-color:transparent !important; }
.bootstrap-select.is-invalid.show.dropup > .dropdown-toggle { border-bottom-color:#dc3545 !important; }
.bootstrap-select.is-invalid:not(.dropup) .dropdown-toggle::after,
.was-validated .bootstrap-select:not(.dropup) .selectpicker:invalid + .dropdown-toggle::after { border-top-color:#dc3545 !important; }
.bootstrap-select.is-invalid.dropup .dropdown-toggle::after,
.was-validated .bootstrap-select.dropup .selectpicker:invalid + .dropdown-toggle::after { border-bottom-color:#dc3545 !important; }

.bootstrap-select.is-valid .dropdown-toggle, .bootstrap-select.is-valid .dropdown-toggle:focus, .bootstrap-select.is-valid.show > .dropdown-menu.show,
.was-validated .bootstrap-select .selectpicker:valid + .dropdown-toggle, .was-validated .bootstrap-select .selectpicker:valid + .dropdown-toggle:focus, .was-validated .bootstrap-select .selectpicker:valid + .dropdown-menu.show { border-color:#28a745 !important; }
.bootstrap-select.is-valid.show:not(.dropup) > .dropdown-toggle { border-bottom-color:transparent !important; }
.bootstrap-select.is-valid.show.dropup > .dropdown-toggle { border-bottom-color:#28a745 !important; }
.bootstrap-select.is-valid:not(.dropup) .dropdown-toggle::after,
.was-validated .bootstrap-select:not(.dropup) .selectpicker:valid + .dropdown-toggle::after { border-top-color:#28a745 !important; }
.bootstrap-select.is-valid.dropup .dropdown-toggle::after,
.was-validated .bootstrap-select.dropup .selectpicker:valid + .dropdown-toggle::after { border-bottom-color:#28a745 !important; }

.bootstrap-select.fit-width { width:auto !important; }
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width:220px; }

/*..bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus { outline:thin dotted #333333 !important; outline:5px auto -webkit-focus-ring-color !important; outline-offset:-2px; }*/
.bootstrap-select.form-control { margin-bottom:0; padding:0; border:none; }
:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) { width:100%; }
.bootstrap-select.form-control.input-group-btn { float:none; z-index:auto; }
.form-inline .bootstrap-select, .form-inline .bootstrap-select.form-control:not([class*="col-"]) { width:auto; }
.bootstrap-select:not(.input-group-btn), .bootstrap-select[class*="col-"] { float:none; display:inline-block; margin-left:0; }
.bootstrap-select.dropdown-menu-right, .bootstrap-select[class*="col-"].dropdown-menu-right, .row .bootstrap-select[class*="col-"].dropdown-menu-right { float:right; }
.form-inline .bootstrap-select, .form-horizontal .bootstrap-select, .form-group .bootstrap-select { margin-bottom:0; }
.form-group-lg .bootstrap-select.form-control, .form-group-sm .bootstrap-select.form-control { padding:0; }
.form-group-lg .bootstrap-select.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.form-control .dropdown-toggle { height:100%; border-radius:inherit; font-size:inherit; line-height:inherit; }
.bootstrap-select.form-control-sm .dropdown-toggle, .bootstrap-select.form-control-lg .dropdown-toggle { border-radius:inherit; font-size:inherit; line-height:inherit; }
.bootstrap-select.form-control-sm .dropdown-toggle { padding:4px 8px; }
.bootstrap-select.form-control-lg .dropdown-toggle { padding:8px 16px; }
.form-inline .bootstrap-select .form-control { width:100%; }

/*** disabled ***/
.bootstrap-select.disabled, .bootstrap-select > .disabled,
.bootstrap-select.disabled > .dropdown-toggle, .bootstrap-select > .disabled > .dropdown-toggle { background-color:#e7eaee; border-color:#d8dde3; color:rgba(0,0,0,0.25); -webkit-text-fill-color:rgba(0,0,0,0.25); cursor:default; opacity:1 !important; }
.bootstrap-select.disabled:focus, .bootstrap-select > .disabled:focus { outline:none !important; }
.bootstrap-select.bs-container { height:0 !important; padding:0 !important; position:absolute; top:0; left:0; }
.bootstrap-select.bs-container .dropdown-menu { z-index:1060; }

.bootstrap-select .dropdown-toggle .filter-option { float:left; width:100%; height:100%; flex:0 1 auto; position:static; top:0; left:0; text-align:left; overflow:hidden; }
.bs3.bootstrap-select .dropdown-toggle .filter-option { padding-right:inherit; }
.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option { float:none; position:absolute; padding-top:inherit; padding-bottom:inherit; padding-left:inherit; }
.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner { padding-right:inherit; }
.bootstrap-select .dropdown-toggle .filter-option-inner-inner { overflow:hidden; }
.bootstrap-select .dropdown-toggle .filter-expand { float:left; width:0 !important; opacity:0 !important; overflow:hidden; }
.bootstrap-select .dropdown-toggle .caret { margin-top:-2px; position:absolute; top:50%; right:12px; vertical-align:middle; }
.input-group .bootstrap-select.form-control .dropdown-toggle { margin-left:0; border-radius:inherit; }
.bootstrap-select[class*="col-"] .dropdown-toggle { width:100%; }

.bootstrap-select .dropdown-menu { min-width:100%; margin:0; }
.bootstrap-select.show > .dropdown-menu.show { width:100%; border:1px solid #bdc3c7; border-top-left-radius:0; border-top-right-radius:0; border-top-width:0; }
.bootstrap-select.dropup.show > .dropdown-menu.show { border:1px solid #bdc3c7; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:0; border-bottom-right-radius:0; border-bottom-width:0; z-index:1040; }
.bootstrap-select .dropdown-menu > .inner:focus { outline:none !important; }
.bootstrap-select .dropdown-menu.inner { float:none; margin:0; padding:0; position:static; border:0; border-radius:0; box-shadow:none; }
.bootstrap-select .dropdown-menu li { position:relative; }
.bootstrap-select.dropup .dropdown-menu li.dropdown-divider:first-child { margin:0; border-top:0; }
.bootstrap-select .dropdown-menu li.active small { color:rgba(255,255,255,0.5) !important; }
/*.bootstrap-select .dropdown-menu li.disabled a { cursor:not-allowed; }*/
.bootstrap-select .dropdown-menu li a { cursor:pointer; user-select:none; }
.bootstrap-select .dropdown-menu li a.opt { position:relative; padding-left:2.25em; }
.bootstrap-select .dropdown-menu li a span.check-mark { display:none; }
.bootstrap-select .dropdown-menu li a span.text { width:calc(100% - 34px); display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
/* customizing */
.bootstrap-select .dropdown-menu li a span.text img + span { font-size:13px; vertical-align:middle; }

.bootstrap-select .dropdown-menu li small { padding-left:0.5em; }
.bootstrap-select .dropdown-menu .notify { width:96%; min-height:26px; margin:0 2%; padding:3px 5px; position:absolute; bottom:5px; background:whitesmoke; border:1px solid #e3e3e3; box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); pointer-events:none; opacity:0.9; }
.bootstrap-select .no-results { padding:3px; background:#f5f5f5; margin:0 5px; white-space:nowrap; }

.bootstrap-select.fit-width .dropdown-toggle .filter-option { width:auto; padding:0; display:inline; position:static; }
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner, .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner { display:inline; }
.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before { content:"\00a0"; }
.bootstrap-select.fit-width .dropdown-toggle .caret { margin-top:-1px; position:static; top:auto; }
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { display:inline-block; position:absolute; right:15px; top:5px; }
.bootstrap-select.show-tick .dropdown-menu li a span.text { margin-right:34px; }
.bootstrap-select .bs-ok-default:after { content:""; width:0.5em; height:1em; display:block; border-style:solid; border-width:0 0.26em 0.26em 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle { z-index:1061; }
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before { content:""; display:none; position:absolute; bottom:-4px; left:9px; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid rgba(204,204,204,0.2); }
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after { content:""; display:none; position:absolute; bottom:-4px; left:10px; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid white; }
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before { bottom:auto; top:-4px; border-top:7px solid rgba(204,204,204,0.2); border-bottom:0; }
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after { bottom:auto; top:-4px; border-top:6px solid white; border-bottom:0; }
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before { right:12px; left:auto; }
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after { right:13px; left:auto; }
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after { display:block; }
.bs-searchbox, .bs-actionsbox, .bs-donebutton { padding:4px 8px; }
.bs-actionsbox { width:100%; }
.bs-actionsbox .btn-group button { width:50%; }
.bs-donebutton { float:left; width:100%; }
.bs-donebutton .btn-group button { width:100%; }
.bs-searchbox + .bs-actionsbox { padding:0 8px 4px; }
.bs-searchbox .form-control { float:none; width:100%; margin-bottom:0; }

/************ [file upload] ************/
.form-control-file { padding:4px 8px 5px 4px; }
.label-inner .form-control-file { padding-left:4.375rem; }
.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;*/ }
.file-upload-wrap .file-upload-header input[type="file"] { margin:0; position:relative; direction:ltr; cursor:pointer; }
.file-upload-wrap .file-upload-header input[type="file"].img { 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-body { width:100%; padding:15px; border:1px solid #ddd; border-radius:4px; }
.file-upload-body .file-preview-wrap { height:100%; padding:4px 12px; border:2px dashed #199dd8; 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:-ms-flexbox; display:flex; -ms-flex-align:center !important; align-items:center !important; -ms-flex-pack:center !important; justify-content:center !important; overflow:hidden; }
.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); }
}

/************ [textarea] ************/
textarea.form-control { height:100px; }

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; }
textarea.form-control.resize-disabled { resize:none; }
textarea.form-control.resize-disabled-horizontal { resize:horizontal; }
textarea.form-control.resize-disabled-vertical { resize:vertical; }

/************ [checkbox & radio] ************/
/*** common ***/
.form-label-checkbox { font-size:14px; font-weight:400; }
.custom-control-label { line-height:2; 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; }

.check-inline .form-label-checkbox { display:block; }
.label-check-inline .form-label-checkbox { margin-right:12px; display:inline; }
.label-check-inline .controls { display:inline; }
.check-inline .custom-control { margin-right:12px; display:-ms-inline-flexbox; display:inline-flex; -ms-flex-align:center; align-items:center; }
.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:rgba(0,216,214,0.35); border-color:rgba(0,216,214,0); }
/*** radio ***/
.custom-radio .custom-control-input ~ .custom-control-label::after { width:20px; height:20px; top:4px; left:-25px; }
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color:rgba(0,216,214,0.35); border-color:rgba(0,216,214,0); }
/*** valid / invalid ***/
.custom-control-input:checked ~ .custom-control-label::before, .custom-control-input:not(:disabled):active ~ .custom-control-label::before { background-color:#26356f; border-color:#26356f; }
.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; }

/************ [image checkbox & radio] ************/
.check-img-wrap .custom-control { margin-bottom:16px; padding-left:0; }
.check-img-wrap .custom-control-label { border-width:4px; border-style:solid; border-color:#dfe4ea; transition:all 0.15s; }
.check-img-wrap .custom-control-label img { width:160px; }

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

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

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

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

.check-list-wrap {}
.check-list-wrap .list-item { margin-right:12px; margin-bottom:16px; display:inline-block; }
.check-list-wrap .img { margin-left:-24px; display:block; border-width:4px; border-style:solid; border-color:#dfe4ea; transition:all 0.15s; }
.check-list-wrap .img img { width:160px; }
.check-list-wrap .custom-control-input:checked + .custom-control-label + a.img { border-color:#26356f; }

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

.input-group-cenpend + .form-control { border-top-left-radius:0.25rem !important; border-bottom-left-radius:0.25rem !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:-ms-flexbox; display:flex; -ms-flex-align:center; 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:90px !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 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; color:#fff !important; font-weight:normal; }
.ui-datepicker td .ui-state-active { border-color:#01adbc; background:#01adbc; color:#fff !important; }
.ui-datepicker td .ui-priority-secondary { border-color:#eee; background:#eee; color:#aaa; }

.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 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%; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -ms-transform:rotate(-135deg); -o-transform:rotate(-135deg); 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:-webkit-box !important; display:-ms-flexbox !important; display:flex !important; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-top:0; margin-right:-10px; margin-left:-10px; }
.ui-datepicker-group { width:100%; -ms-flex:0 0 33%; 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:-ms-flexbox; display:flex; }
.form-group .form-btn-group { position:relative; display:-ms-inline-flexbox; display:inline-flex; vertical-align:middle; }
.form-group .form-btn-group .btn:not(.btn-icon) { min-width:96px; }
.form-group .form-btn-group .btn { margin-right:10px; }
.form-group .form-btn-group .btn:last-child { margin-right:0; }

/***************************************************************
	[form layout]
***************************************************************/
.form-layout-wrap { width:100%; margin:0 auto; display:block; position:relative; background-color:transparent; clear:both; zoom:1; }
.form-layout-wrap::after { content:""; height:0; display:block; visibility:hidden; clear:both; }
.form-layout-group { display:block; }
.form-layout-group + .form-layout-group > .form-layout-row:first-child .form-layout-header,
.form-layout-group + .form-layout-group > .form-layout-row:first-child .form-layout-body { border-top:1px solid #eaeaea; }
.form-layout-row { display:block; }

.form-layout-header, .form-layout-body { width:100%; display:block; position:relative; vertical-align:top; }
.form-layout-header { padding-top:5px; padding-right:0; padding-bottom:0; padding-left:0; }
.form-layout-body { padding-top:5px; padding-right:0; padding-bottom:10px; padding-left:0; }

.form-layout-row:last-child .form-layout-header,
.form-layout-row:last-child .form-layout-body { border-bottom:0; }
.form-layout-row.sub .form-layout-header { padding-left:25px; background-color:#fafafa; }
.form-layout-row.sub .form-layout-header .form-layout-label { font-size:12px; }
.form-layout-row.sub .form-layout-body { padding-top:10px; padding-bottom:10px; background-color:#fefefe; }

.form-layout-header .form-layout-label { margin-bottom:0; font-size:13px; }
.form-layout-header .form-layout-label span { display:block; color:#888; font-size:12px; }
.form-layout-header .form-layout-label.required:before { content:"*"; position:absolute; top:-6px; left:-4px; color:#dc3545; font-size:20px; }

.form-layout-body .row { margin-right:-5px; margin-left:-5px; }

.form-layout-body .row [class^="col-"] { padding-right:5px; padding-left:5px; }
.form-layout-body .form-group,
.form-layout-body .form-group:last-child { margin-bottom:5px; }
.form-layout-body .btn-toggle-group { width:100%; }
.form-layout-body .list-paragraph { margin-top:8px; color:#888; font-size:13px; }
.form-layout-body .text-option { padding:7px 0; font-size:14px; }

.floating-btn-group { width:100%; margin:0 !important; padding:20px; position:fixed; left:0; bottom:0; background-color:#fff; border-top:1px solid #ddd; transition:all 0.2s ease-out; z-index:1002; }
.nav-toggle-mini .floating-btn-group { left:240px; }

/****** responsive & retina specific ******/
@media (min-width:576px) {
	.form-layout-wrap { display:table; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
	.form-layout-group { display:table-row-group; }
	.form-layout-row { display:table-row; }
	.form-layout-header, .form-layout-body { display:table-cell; }

	.form-layout-header { width:130px; background-color:#f4f4f4; }
	.form-layout-body { width:calc(100% - 130px); background-color:#fcfcfc; }
	.form-layout-header, .form-layout-body { padding-top:15px; padding-right:15px; padding-bottom:15px; padding-left:15px; border-bottom:1px solid #eaeaea; }

	.form-layout-body .form-group:last-child { margin-bottom:0; }
	.form-layout-header .form-layout-label { padding:8px 0 10px !important; font-size:14px; }
	.form-layout-row.sub .form-layout-header .form-layout-label { padding:10px 0 !important; }
	.form-layout-header .form-layout-label.required:before { top:16px; left:6px; }
	.form-layout-body .row + .row { margin-top:8px; }

	/*** variation ***/
	.form-layout-wrap.simple-style { border-top:0; /*border-bottom:0;*/ }
	.form-layout-wrap.simple-style .form-layout-header,
	.form-layout-wrap.simple-style .form-layout-body { background-color:#fff; /*border-bottom:0;*/ }
	.form-layout-wrap.simple-style .form-layout-header { padding-top:8px; padding-bottom:8px; padding-left:3px; }
	.form-layout-wrap.simple-style .form-layout-body { padding-top:8px; padding-bottom:8px; }
}
@media (min-width:768px) {
	.form-layout-header { width:180px; }
	.form-layout-body { width:calc(100% - 180px); }
}

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

.table { background-color:transparent; border:1px solid #2f3640; clear:both; }

.table thead th { font-weight:600; text-align:left; text-transform:uppercase; }
.table thead th,
.table thead td { padding:10px 8px; position:relative; background-color:#e8ebf0; border-left:1px solid rgba(0,0,0,0.15); border-top:0; border-bottom:1px solid #2f3640; color:#2f3640; font-size:13px; vertical-align:top; }

.table thead th:first-child,
.table thead td:first-child { border-left:none; }
.table thead th:active,
.table thead td:active { outline:none; }

.table tfoot th { font-weight:600; text-align:left; text-transform:uppercase; }
.table tfoot th { padding:10px 8px 6px 8px; background-color:#fff; border-top:1px solid #2f3640; }
.table tfoot td { padding:10px 8px 6px 8px; background-color:#fff; border-top:1px solid #2f3640; }


.table tbody tr { background-color:#fff; }
.table tbody tr.selected { background-color:#b0bed9; }
.table tbody th { background-color:#e8ebf0; }
.table tbody th, .table tbody td { padding:10px 8px; /*border-top:1px solid transparent;*/ border-left:1px solid #dfe4ea; color:#2f3640; font-size:13px; }
.table tbody tr:first-child th,
.table tbody tr:first-child td { border-top:none; }
.table tbody tr th:first-child,
.table tbody tr td:first-child { border-left:none; }

/*.table tbody tr:nth-child(2n+2),
.table tbody tr.even { background-color:#f6f6f6; }*/
.table tbody tr:hover { background-color:#f2f8f9; border:0 solid #26356f !important; transition:background 0.15s ease-in; }
.table thead th,
.table thead td,
.table tfoot th,
.table tfoot td,
.table tbody th,
.table tbody td { white-space:nowrap; }
.table tbody td a:not(.btn):hover { text-decoration:underline; }

.table th.collapsed-col,
.table td.collapsed-col { width:1px; white-space:nowrap; }
.table th.linefeed,
.table td.linefeed { white-space:normal; }
.table td.ellipsis { max-width:200px; }
.table td.ellipsis a, .table td.ellipsis span { max-width:100%; display:inline-block; text-overflow:ellipsis; overflow:hidden; }
.table .text-underscore { font-size:18px; }
.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; }

.table td.dataTables_empty { padding:150px 0; background-color:#fff !important; font-size:16px; text-align:center; }
.table td.dataTables_empty:hover { background-color:#fff !important; }

.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; }
.table th.dt-wrap, .table td.dt-wrap, .table thead th.dt-head-wrap, .table thead td.dt-head-wrap, .table tfoot th.dt-body-wrap, .table tfoot td.dt-body-wrap, .table tbody th.dt-body-wrap, .table tbody td.dt-body-wrap { white-space:normal; }

/****** table data state ******/
.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:#eceff3; color:#2f3640 !important; font-weight:500; }
.table .cell-notice, .table .cell-notice > th, .table .cell-notice > td { border-bottom:1px solid #dfe4ea; }
.table .cell-info, .table .cell-info > th, .table .cell-info > td, .table .cell-info:hover, .table .cell-info:hover > th, .table .cell-info:hover > td { background-color:#f3fcff; color:#425a76 !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:#f4fdfa; color:#0e5c2f !important; }
.table .cell-caution, .table .cell-caution > th, .table .cell-caution > td, .table .cell-caution:hover, .table .cell-caution:hover > th, .table .cell-caution:hover > td { background:#fffbf1; color:#513606 !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:#fef5f7; color:#9d3331 !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:rgba(0,216,214,0.08) !important; color:#2f3640 !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; }

/***************************************************************
	[div table]
***************************************************************/
.table-scroll-wrap { border:1px solid #2f3640; }
.table-scroll-header { min-width:100%; overflow:hidden; }
.table-scroll-body { width:100%; height:400px; 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 #2f3640; }
.div-table .form-group { margin-bottom:0; }
.div-table .form-group .custom-control { min-height:18px; }
.div-table .form-group .custom-control-label::before,
.div-table .form-group .custom-control-label::after { top:1px; }
.div-table .form-group .custom-control-label.text-hide { height: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 .div-thead { display:table-header-group; background-color:#eee; font-weight:bold; }
.div-table .div-tfoot { display:table-footer-group; background-color:#eee; font-weight:bold; }
.div-table .div-tbody { display:table-row-group; }
.div-table .div-tr { display:table-row; }
.div-table .div-td,
.div-table .div-th { height:36px; padding:4px 8px; display:table-cell; font-size:13px; white-space:nowrap; }

.div-table .div-td .div-rowspan,
.div-table .div-th .div-rowspan { margin-right:-8px; margin-left:-8px; padding:4px 8px; }
.div-table .div-td .div-rowspan:not(:last-child),
.div-table .div-th .div-rowspan:not(:last-child) { border-bottom:1px solid #dfe4ea; }
.div-table .div-td .div-rowspan:first-child,
.div-table .div-th .div-rowspan:first-child { padding-top:0; }
.div-table .div-td .div-rowspan:last-child,
.div-table .div-th .div-rowspan:last-child { padding-bottom:0; }

.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 .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-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 { font-weight:700; text-align:left; text-transform:uppercase; }
.div-table .div-thead .div-th,
.div-table .div-thead .div-td { position:relative; background-color:#e8ebf0; border-left:1px solid rgba(0,0,0,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:200px; position:relative; background-color:#fff !important; }
.div-table .div-tbody .div-tr.data-empty .div-td { width:100%; height:320px; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center !important; 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 { font-weight:700; text-align:left; text-transform:uppercase; }
.div-table .div-tfoot .div-th,
.div-table .div-tfoot .div-td { background-color:#fff; border-top:1px solid #2f3640; vertical-align:middle; }

/****** 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:4px; }
.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:3px 8px 4px !important; font-size:13px; }
.filter-wrap .btn-icon { padding:4px .34375rem 3px; }
.filter-wrap .form-control { padding:3px 8px 4px; font-size:13px; }
.filter-wrap select.form-control { background-position:calc(100% - 8px) 10px !important; }
.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; }
/****** responsive & retina specific ******/
@media (min-width:768px) {
	.filter-wrap, .filter-initial-wrap { display:-ms-flexbox !important; display:flex !important; -ms-flex-pack:justify !important; justify-content:space-between !important; }
	.filter-body { margin-bottom:0; }
	.filter-wrap .form-group, .filter-initial-wrap .form-group { width:auto; margin-bottom:0; }
	.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:6px 9px; }
.page-link { padding:6px 11px; color:#2f3640; font-size:14px; }
.calendar .page-link { padding:9px 22px; }
.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:#26356f; border-color:#26356f; }
.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:#26356f; }
.pagination.no-outline .page-item.active .page-link { background-color:transparent; color:#26356f; 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 { -ms-flex:1 0 80px; flex:1 0 80px; max-width:80px; text-align:center; }
.board-header .classify-col, .board-body .classify-col { -ms-flex:1 0 100px; flex:1 0 100px; max-width:100px; }
.board-header .subject-col, .board-body .subject-col { -ms-flex:1 1 100%; flex:1 1 100%; max-width:100%; }
.board-header .date-col, .board-body .date-col { -ms-flex:1 0 calc(100% - 80px - 100px); 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:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center !important; 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 { -ms-flex:1 0 90px; flex:1 0 90px; max-width:90px; }
	.board-header .classify-col, .board-body .classify-col { -ms-flex:1 0 110px; flex:1 0 110px; max-width:110px; }
	.board-header .subject-col, .board-body .subject-col { -ms-flex:1 1 auto; flex:1 1 auto; max-width:100%; }
	.board-header .date-col, .board-body .date-col { -ms-flex:1 0 102px; flex:1 0 102px; max-width:102px; }
}



/***************************************************************
	[modal]
***************************************************************/
.modal { z-index:1072; }
.modal.fade .modal-dialog { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); }
.modal-backdrop.show { opacity:0.75 !important; z-index:1071; }
.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-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:calc(70vh); overflow:auto; }
.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; 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; }

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

/************ [modal alert] ************/
.modal-alert .modal-body { padding-top:64px; padding-bottom:40px; }
.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.top:not(.show) .modal-frame.modal-dialog { -webkit-transform:translate3d(0,-25%,0); -ms-transform:translate3d(0,-25%,0); transform:translate3d(0,-25%,0); }
.modal.bottom:not(.show) .modal-frame.modal-dialog { -webkit-transform:translate3d(0,25%,0); -ms-transform:translate3d(0,25%,0); transform:translate3d(0,25%,0); }
.modal .modal-frame { width:100%; max-width:100%; margin:0; position:absolute; }

.modal .modal-frame .modal-content { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; flex-direction:row; box-shadow:0 6px 10px 0 rgba(0,0,0,0.18), 0 4px 16px 0 rgba(0,0,0,0.15) }
.modal .modal-frame .modal-body,
.modal .modal-frame .modal-footer { width:100%; min-height:1%; position:relative; }
.modal .modal-frame .modal-body { max-width:80%; -ms-flex:0 0 80%; flex:0 0 80%; }
.modal .modal-frame .modal-footer { max-width:20%; -ms-flex:0 0 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:#34495e !important; }
.bg-purple { background-color:#6f42c1 !important; }
.bg-indigo { background-color:#6610f2 !important; }
.bg-lightgray { background-color:#e8ebf0 !important; }
.bg-gray { background-color:#6c757d !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:#6c757d !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:2px 7px 3px 6px; color:#fff; font-size:12px; font-weight:500; }
.badge:hover, .badge:focus { color:#fff; text-decoration:none; }

.badge-primary { background-color:#26356f !important; }
.badge-secondary { background-color:#6c757d !important; }
a.badge-success:hover, a.badge-success:focus { background-color:#28a745 !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:#28a745 !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:#6c757d !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-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); }

/************ [alignment] ************/
span.text-center, span.text-right, span.text-left { display:block; }
/****** responsive & retina specific ******/
@media (min-width:768px) {
	.flex-first { -ms-flex-order:-1; order:-1; }
	.flex-last { -ms-flex-order:1; order:1; }
	.flex-unordered { -ms-flex-order:0; order:0; }
}
/************ [raduis] ************/
.br-0 { border-radius:0 !important; }
.br-025 { border-radius:.25rem !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% { -webkit-transform:rotate(0deg); -ms-transform:rotate(359deg); transform:rotate(0deg); }
	100% { -webkit-transform:rotate(359deg); -ms-transform:rotate(359deg); transform:rotate(359deg); }
}
@keyframes spin {
	  0% { -webkit-transform:rotate(0deg); -ms-transform:rotate(359deg); transform:rotate(0deg); }
	100% { -webkit-transform:rotate(359deg); -ms-transform:rotate(359deg); 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; }