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

/*!
  * common v4.1.1
  */


/***************************************************************
	[breadcrumb]
***************************************************************/
.breadcrumbs { color:#adb5bd; 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:"\eacd"; 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:"\ea00"; 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-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%; }
}


/***************************************************************
	[step status]
***************************************************************/
.step-status-wrap { width:100%; margin:0 auto; }
.step-status-wrap .step-status { counter-reset:step; margin:0; padding:0; display:flex; flex-direction:row; justify-content:space-between; position:relative; list-style-type:none; }
.step-status li { width:100%; padding:16px 30px 15px 20px; position:relative; background-color:#d8dfe5; z-index:2; }
.step-status li:first-child { border-top-left-radius:4px; border-bottom-left-radius:4px; }
.step-status li:last-child { border-top-right-radius:4px; border-bottom-right-radius:4px; }
	
.step-status > li.active, .step-status > li.active,
.step-status > li.complete, .step-status > li.complete,
.step-status > li.active::before, .step-status > li.active::after,
.step-status > li.complete::before, .step-status > li.complete::after { background-color:#fff; }

.step-status > li::before,
.step-status > li::after { content:""; width:16px; height:50%; display:block; position:absolute; left:-8px; background-color:#d8dfe5; border-left:4px solid #f7f7fa; }
.step-status > li::before { top:0; transform:skew(30deg); }
.step-status > li::after { bottom:0; transform:skew(-30deg); }
.step-status > li:first-child::before,
.step-status > li:first-child::after { content:none; }

.step-status li span { color:#90a1af; font-weight:500; }
.step-status li.active span { color:#8657ff; }
.step-status li.complete span { color:#28a745; }

.step-status li span::before { content:counter(step); counter-increment:step; width:24px; height:24px; margin-right:8px; padding:4px; display:inline-flex; align-items:center; justify-content:center; border:1px solid #90a1af; border-radius:50%; color:#90a1af; line-height:23px; }
.step-status li.active span::before { background-color:#8657ff; border-color:#8657ff; color:#fff; } 
.step-status li.complete span::before { content:"\e9d6"; background-color:#28a745; border-color:#28a745; color:#fff; font-family:"tencon" !important; font-size:15px; } 



/*
.step-status-wrap { width:100%; margin:2rem auto; }
.step-status-wrap .step-status { counter-reset:step; margin-top:auto; margin-bottom:20px; padding:0; display:flex; justify-content:space-between; }

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

.step-status li.complete::before { content:"\e9d6"; background-color:#14c6d6; border-color:#14c6d6; color:#fff; font-family:"tencon" !important; font-size:15px; }
.step-status li.active::before { border-color:#14c6d6; color:#14c6d6; }
.step-status li.complete span,
.step-status li.active span { color:#14c6d6; }
.step-status li.complete + li::after { background-color:#14c6d6; }
*/


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

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


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


[data-simplebar] { position:relative; flex-direction:column; flex-wrap:wrap; justify-content:flex-start; align-content:flex-start; align-items:flex-start; }
.simplebar-wrapper { width:inherit; height:inherit; max-width:inherit; max-height:inherit; overflow:hidden; }
.simplebar-mask { width:auto !important; height:auto !important; margin:0; padding:0; position:absolute; left:0; top:0; bottom:0; right:0; direction:inherit; overflow:hidden; z-index:0; }
.simplebar-offset { margin:0; padding:0; position:absolute; top:0; left:0; bottom:0; right:0; direction:inherit !important; box-sizing:inherit !important; resize:none !important; -webkit-overflow-scrolling:touch; }
.simplebar-content-wrapper { width:auto; height:100%; max-width:100%; max-height:100%; position:relative; display:block; visibility:visible; direction:inherit; box-sizing:border-box !important; scrollbar-width:none; -ms-overflow-style:none; }
.simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { width:0; height:0; }
.simplebar-content:before, .simplebar-content:after { content:' '; display:table; }
.simplebar-placeholder { max-height:100%; max-width:100%; width:100%; pointer-events:none; }
.simplebar-height-auto-observer-wrapper { float:left; width:100%; height:100%; max-width:1px; max-height:1px; margin:0; padding:0; flex-grow:inherit; flex-shrink:0; flex-basis:0; position:relative; pointer-events:none; box-sizing:inherit !important; overflow:hidden; z-index:-1; }
.simplebar-height-auto-observer { width:1000%; height:1000%; min-width:1px; min-height:1px; display:block; position:absolute; top:0; left:0; opacity:0; box-sizing:inherit; overflow:hidden; pointer-events:none; z-index:-1; }
.simplebar-track { position:absolute; right:0; bottom:0; pointer-events:none; overflow:hidden; z-index:1; }
[data-simplebar].simplebar-dragging .simplebar-content { pointer-events:none; user-select:none; -webkit-user-select:none; }
[data-simplebar].simplebar-dragging .simplebar-track { pointer-events:all; }
.simplebar-scrollbar { min-height:10px; position:absolute; left:0; right:0; }
.simplebar-scrollbar:before { content:''; position:absolute; background:#000; border-radius:7px; left:2px; right:2px; opacity:0; transition:opacity 0.2s linear; }
.simplebar-scrollbar.simplebar-visible:before { opacity:0.5; transition:opacity 0s linear; }
.simplebar-track.simplebar-vertical { width:11px; top:0; }
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before { top:2px; bottom:2px; }
.simplebar-track.simplebar-horizontal { height:11px; left:0; }
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { height:100%; left:2px; right:2px; }
.simplebar-track.simplebar-horizontal .simplebar-scrollbar { width:auto; height:7px; min-width:10px; min-height:0; right:auto; left:0; top:2px; }


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

/************ [paragraph] ************/
.panel-body p { margin-bottom:12px; color:#212529; font-size:14px; }
.panel-body p.lead { font-size:16px; }

.panel-body strong { /*color:#212529;*/ font-weight:700; }
.text-link { text-decoration:underline; }
.link-url { display:block; }
.link-url:hover { text-decoration:underline; }
.link-underline-no { text-decoration:none; }

.anchor-link, .anchor-link-angle, .anchor-link-external { text-decoration:none; white-space:nowrap; }
.anchor-link:hover, .anchor-link-angle:hover, .anchor-link-external:hover { text-decoration:none; }
.anchor-link::after, .anchor-link-angle::after,.anchor-link-external::after { display:inline-block; position:relative; top:1px; font-family:'tencon' !important; font-size:15px; line-height:1; }
.anchor-link::after { content:"\e97e"; }
.anchor-link-angle::after { content:"\ea03"; }
.anchor-link-external::after { content:"\ea6e";  margin-left:4px; }

.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; }
.btn-textmore:not(.collapsed) { display:none; }


/************ [list] ************/
.list-paragraph { margin-bottom:12px; padding-left:18px; position:relative; color:#212529; font-size:13px; text-align:left; font-weight:normal; }
.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-paragraph.type2 { color:#888; margin-top:10px; font-size:13px; font-weight:300; word-break:keep-all; letter-spacing:-0.4px; }
.list-paragraph.type3 { color:#888; margin-top:0; font-size:13px; font-weight:300; word-break:keep-all; float:right; }
.list-paragraph.type4 { color:#888; }
.list-paragraph.type4 li span { color:#455eff; font-size:13px; }
.list-style-ref.type4 > li::before { top:0; }

.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; }
/****** responsive & retina specific ******/
@media (max-width:575px) {
	.list-paragraph.type3 { margin-top:10px; }
}

/************ [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 { /*border-color:rgba(0,0,0,0.075);*/ transition:all .2s linear 0s;border-radius: 10px !important;}

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

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

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

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

.alert-wrap .alert-icon i { border-radius:100%; font-size:15px; top:2px; position:relative; }
.alert-wrap .alert-aside .btn { margin-top:.75rem; white-space:nowrap; }
.alert-wrap .alert-aside .btn:not(.btn-icon) { min-width:6rem; }
/****** responsive & retina specific ******/
@media (min-width:576px) {
	.alert-wrap .alert-aside { padding-left:0 !important; flex:0 1 auto; justify-content:center; }
	.alert-wrap .alert-aside .btn { margin-top:-.25rem; margin-bottom:-.3125rem; margin-left:1rem; }
}

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

/*** sizes ***/
.alert-sm .alert-wrap .alert-icon { padding-top:2px; padding-right:.5rem; }
.alert-sm .alert-wrap .alert-icon i { font-size:15px; }
.alert-sm .alert-wrap .alert-icon + .alert-body + .alert-aside { padding-left:23px; }
.alert-sm .alert-wrap .alert-aside .btn { margin-top:.5rem; }
/****** responsive & retina specific ******/
@media (min-width:576px) {
	.alert-sm .alert-wrap .alert-aside .btn { margin-top:-.375rem; margin-bottom:-.3125rem; }
}


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

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

.alert-white { background-color:#fff; border-color:#dee5eb; }
.alert-white, .alert-white p, .alert-white strong, .alert-white .alert-link { color:rgba(0,0,0,.9); }
.alert-white .list-paragraph { color:rgba(0,0,0,.85); }
.alert-white .link-arrow::after { border-left-color:rgba(0,0,0,.9); }
.alert-gray { background-color:#e1e7ed; border-color:#dee5eb; }
.alert-gray, .alert-gray p, .alert-gray strong, .alert-gray .alert-link { color:rgba(0,0,0,.9); }
.alert-gray .list-paragraph { color:rgba(0,0,0,.85); }
.alert-gray .link-arrow::after { border-left-color:rgba(0,0,0,.9); }
.alert-black { background-color:#151515; border-color:#101010; }
.alert-black, .alert-black p, .alert-black strong, .alert-black .alert-link { color:rgba(255,255,255,.9); }
.alert-black .list-paragraph { color:rgba(255,255,255,.85); }
.alert-black .link-arrow::after { border-left-color:rgba(255,255,255,.9); }
.alert-black .btn-close { color:#fff; }




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


/***************************************************************
	[star-rating]
***************************************************************/
.form-control.rating { opacity:0; }
/*** stars & Input ***/
.rating-container { padding:5px 0; display:flex; flex-wrap:wrap; align-items:center !important; }
.rating-container .rating-stars { position:relative; cursor:pointer; vertical-align:middle; display:inline-block; overflow:hidden; white-space:nowrap; }
.rating-container .rating-input { width:100%; height:1px; margin:0; padding:0; position:absolute; bottom:0; left:0; font-size:1px; border:none; background:none; opacity:0; cursor:pointer; }
.rating-container.is-display-only .rating-input, .rating-container.is-display-only .rating-stars { cursor:default; }
.rating-disabled .rating-input, .rating-disabled .rating-stars { cursor:not-allowed; }
.rating-container .star { display:inline-block; margin:0 2px; text-align:center; }
.rating-container .empty-stars { color:#e4e4e4; }
.rating-container .filled-stars { margin:auto; position:absolute; left:0; top:0; color:#c6b275; 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; }


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

.collapse-wrap .card { overflow:hidden; }
.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:#212529; font-size:14px; font-weight:500; }
dd { color:#212529; font-size:14px; }
dd, dt { line-height:1.5; }

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

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

/************ [vertical style] ************/
.dl-inline dt, .dl-inline dd { 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; }


/***************************************************************
	[list]
***************************************************************/
.list-inline { margin-bottom:12px; }
.list-inline-item { padding-right:10px; padding-bottom:4px; position:relative; }
.list-inline-item:not(:last-child) { margin-right:10px; }
.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; }


/***************************************************************
	[card]
***************************************************************/
.card {border: 1px solid #ddd !important;padding: 8px;position: relative;}

.card-wrap { margin-bottom:30px; }
.card-wrap > a { height:100%; display:block; }

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

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

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

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

/*.card-body { position:relative; }*/
.card-body h5.card-title { font-size:20px; font-weight:300; }
.card-body h6.card-title { font-size:16px; font-weight:300; }
.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 { margin-top:-.75rem; margin-bottom:8px; color:#777d81; font-size:14px; font-weight:400; }
.card-body .card-link { margin-left:0; display:block; font-size:14px; }
.card-body .card-price { margin-bottom:12px; }
.card-body .card-price .selling-price {  }
.card-body .card-price .regular-price {  }
.card-body .card-price .saving { color:#246d4f; font-size:12px; }
.card-body .card-price .discount { color:#212529; font-size:16px; font-weight:500; }
.card-body .card-price .primecost { color:#adb5bd; font-size:12px; }

.card-body .card-date { padding-top:8px; color:#adb5bd; font-size:12px; }
.card-body .btn-textmore { margin-bottom:12px; }
.card-body *:last-child { 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:"\eac2"; }
.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:"\e9ca"; color:#26356f; }
.card-icon-group .btn:hover .tencon-send:before { content:"\eb84"; color:#26356f; }
.card-icon-group .btn:hover .tencon-bookmark:before { content:"\e97a"; color:#26356f; }

.card-svg-group { margin-right:-8px; margin-bottom:12px; margin-left:-8px; }
.card-svg-group div { margin-right:4px; border-radius:50%; }
.card-svg-group div:last-child { margin-right:0; }
.card-svg-group div img { width:30px; height:30px; border-radius:50%; }
/*** variation ***/
.card-svg-group.svg-light .card-body-group > div { background-color:#34495e; }
.card-svg-group.svg-dark .card-body-group > div { background-color:#e8ebf0; }
.card-svg-group.svg-dark .card-body-group > div img { opacity:0.5; }

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

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

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

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

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

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

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

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

.card-img-group.type2 figure { -webkit-filter:grayscale(.8); filter:grayscale(.8); background-color:rgba(0,0,0,0.6); }
.card-img-group.type2 figure img { width:calc(100% + 50px); min-height:100%; opacity:0.7; transition:opacity 0.35s, transform 0.35s; transform:translate3d(-40px,0,0); }
.card-img-group.type2 figure figcaption { padding:32px; color:#fff; text-transform:uppercase; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.card-img-group.type2 figure figcaption::before, .card-img-group.type2 figure figcaption::after { pointer-events:none; }
.card-img-group.type2 figure figcaption, .card-img-group.type2 figure figcaption > a { width:100%; height:100%; position:absolute; top:0; left:0; }
.card-img-group.type2 figure figcaption > a { font-size:0; text-indent:200%; white-space:nowrap; opacity:0; z-index:1000; }
.card-img-group.type2 figure figcaption > div { width:100%; height:50%; padding:32px; position:absolute; bottom:0; left:0; }
.card-img-group.type2 figure h2 { font-size:24px; font-weight:300; transition:transform 0.35s; }
.card-img-group.type2 figure h2 span { font-weight:700; }
.card-img-group.type2 figure p { color:rgba(255,255,255,0.8); font-size:16px; opacity:0; transition:opacity 0.2s, transform 0.35s; }
.card-img-group.type2 figure h2, .card-img-group.type2 figure p { margin:0; transform:translate3d(0,40px,0); }
.card-img-group.type2 figure:hover { -webkit-filter:grayscale(0); filter:grayscale(0); }
.card-img-group.type2 figure:hover img, .card-img-group.type2 figure:hover p { opacity:1; }
.card-img-group.type2 figure:hover img, .card-img-group.type2 figure:hover h2, .card-img-group.type2 figure:hover p { transform:translate3d(0,0,0); }
.card-img-group.type2 figure:hover p { transition-delay:0.05s; transition-duration:0.35s; }

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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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


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

.video-wrapper { width:100%; min-height:500px; position:relative; overflow:hidden; }
.video-overlay { width:100%; height:100%; position:absolute; background-color:rgba(0,0,0,0); background-size:10px; z-index:2; }
.video-expand { width:96px; height:32px; line-height:1em; display:inline-block; position:absolute; bottom:20px; right:20px; background-image:url(../images/social-youtube2_w.svg); background-repeat:no-repeat; background-size:150% auto; background-position:center; text-indent:-9999px; white-space:nowrap; opacity:0.4; z-index:3; /*overflow:hidden;*/ }
.video-expand:hover { transition:all 400ms ease-in-out; opacity:1; }
.video-content { width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; z-index:1; }
.video-content .video-player { margin:auto; position:absolute; top:0; right:0; bottom:0; left:0; transition:opacity 0.5s; opacity:0; z-index:1; }
.video-content .video-player.active { opacity:1; }
/*** variation ***/
.video-overlay.dotted-raster { background-image:url(../images/bg-raster-basic.png); }
.video-overlay.dotted-raster-bias { background-image:url(../images/bg-raster-bias.png); }
.video-overlay.dotted-raster-dot { background-image:url(../images/bg-raster-dot.png); }
/****** responsive & retina specific ******/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.video-overlay.dotted-raster { background-image:url(../images/bg-raster-basic@2x.png); }
	.video-overlay.dotted-raster-bias { background-image:url(../images/bg-raster-bias@2x.png); }
	.video-overlay.dotted-raster-dot { background-image:url(../images/bg-raster-dot@2x.png); }
}


/***************************************************************
	[countup]
***************************************************************/
.countup-wrap { padding-left:112px; display:flex; align-items:flex-start; position:relative; }
.countup-wrap .countup-icon-group { width:50px; height:100%; display:block; text-align:left; vertical-align:middle; }
.countup-wrap .countup-icon-group i { font-size:30px; color:#26356f; }
.countup-wrap .countup-body { flex:1; }
.countup-wrap .countup-body h5 { width:100%; line-height:1; margin:0; padding:0; display:block; }
.countup-wrap .countup-body h5 .counter, .countup-wrap .countup-body h5 .unit { color:#212529; 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-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; outline:0; }
.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:#adb5bd; }
.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:#212529; }
.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:8px 12px 7px; position:relative; background-image:none; font-size:14px; }
.btn:focus, .btn.focus { box-shadow:none !important; }
a.btn { text-decoration:none; }
.btn-rounded { border-radius:32px; }
.btn-angular { border-radius:0; }

.btn-sm, .btn-group-sm > .btn, .form-sm .btn:not(.btn-toggle):not(.btn-md) { height:30px; padding:6px 8px 3px; font-size:13px; }
.form-sm .btn-icon { width:30px; height:30px; padding:3px 0 4px !important; }

.btn-lg, .btn-group-lg > .btn { padding:10px 16px 7px; font-size:16px; font-weight:500; }

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

/************ [basic] ************/
.btn-outline { border-width:1px; background-color:transparent !important; }
.btn-outline2 { padding:5px 11px 6px; border-width:2px; background-color:transparent !important; }
.btn-sm.btn-outline2, .btn-group-sm > .btn-outline2 { padding:5px 7px 3px; }
.btn-lg.btn-outline2, .btn-group-lg > .btn-outline2 { padding:10px 15px 7px; }
.btn-border { border-color:rgba(0,0,0,.15) !important; }

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

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

.btn-block-between { width:100%; display:block; }
.btn-block-between i { margin-top:-11px; position:absolute; top:50% !important; right:8px; line-height:inherit !important; }

/************ [icon button] ************/
.btn-icon { width:38px; height:38px; padding:7px 0 6px !important; }
.btn-sm.btn-icon, .btn-group-sm > .btn-icon { width:30px; height:30px; padding-top:3px !important; padding-bottom:4px !important; }
.btn-lg.btn-icon, .btn-group-lg > .btn-icon { width:44px; height:44px; }
.btn-lg.btn-icon i, .btn-group-lg > .btn-icon i { font-size:20px; }


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

/************ [toggle switch] ************/
/************ [common] ************/
.btn-toggle-switch-group { padding-top:6px; padding-bottom:6px; display:flex; align-items:center; line-height:1; }
.btn-toggle-switch-group .form-label { margin-bottom:0; margin-right:4px; }

.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-custom::before { content:"자동"; }
.btn-toggle-custom::after { content:"수동"; }

.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:hover,
.btn-primary:focus, .btn-primary.focus { border-color:#ab934a;; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle { border-color:#ab934a;; }
.btn-outline.btn-primary, .btn-outline2.btn-primary { color:#ab934a; }
.btn-outline.btn-primary:hover, .btn-outline2.btn-primary:hover { color:#ab934a; }
.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:#ab934a;; }
.btn-outline.btn-hover.btn-primary:hover,
.btn-outline2.btn-hover.btn-primary:hover { background-color:#ab934a !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:#ab934a !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,
.btn-secondary:focus, .btn-secondary.focus { 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,
.btn-success:focus, .btn-success.focus { 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,
.btn-danger:focus, .btn-danger.focus { 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,
.btn-warning:focus, .btn-warning.focus { 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,
.btn-info:focus, .btn-info.focus { 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,
.btn-light:focus, .btn-light.focus { border-color:#e2e6ea; }
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle { border-color:rgba(0,0,0,0.1); }
.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,
.btn-dark:focus, .btn-dark.focus { 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,
.btn-pink:focus, .btn-pink.focus { 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,
.btn-orange:focus, .btn-orange.focus { 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,
.btn-blue:focus, .btn-blue.focus { 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,
.btn-azure:focus, .btn-azure.focus { 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,
.btn-navy:focus, .btn-navy.focus { 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,
.btn-purple:focus, .btn-purple.focus { 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,
.btn-indigo:focus, .btn-indigo.focus { 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:#212529; }
.btn-white:hover,
.btn-white:focus, .btn-white.focus { border-color:#f5f6fa; background-color:#f5f6fa; color:#212529; }
.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:#212529; }
.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:#212529; }
.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:#212529; }

.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:#212529; }
.btn-toggle-white.btn-toggle > .handle { background-color:#212529; }
.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:#212529; }
.btn-gray:hover,
.btn-gray:focus, .btn-gray.focus { border-color:#dfe4ea; background-color:#dfe4ea; color:#212529; }
.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:#212529; }
.btn-outline.btn-gray, .btn-outline2.btn-gray { color:#212529; }
.btn-outline.btn-gray:hover, .btn-outline2.btn-gray:hover { color:#212529; }
.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:#212529; }
.btn-outline.btn-hover.btn-gray:hover,
.btn-outline2.btn-hover.btn-gray:hover { background-color:#dfe4ea !important; color:#212529; }
.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:#212529; }

.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:#212529; }
.btn-toggle-gray.btn-toggle > .handle { background-color:#212529; }
.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:#212529; }
.btn-toggle-gray.btn-toggle-outline.active > .handle { background-color:#212529; }

/*** black ***/
.btn-black { border-color:#101010; background-color:#101010; color:#fff; }
.btn-black:hover,
.btn-black:focus, .btn-black.focus { 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, .btn-transparent:hover,
.btn-transparent:focus, .btn-transparent.focus,
.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:#212529; }
.btn-transparent.btn-light.disabled, .btn-transparent.btn-light:disabled { color:#212529; }
.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,
.btn-excel:focus, .btn-excel.focus { 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,
.btn-facebook:focus, .btn-facebook.focus { 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,
.btn-twitter:focus, .btn-twitter.focus { 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,
.btn-naver:focus, .btn-naver.focus { 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,
.btn-kakao:focus, .btn-kakao.focus { border-color:#ffde00; background-color:#ffde00; color:#3c1e1e; }
.btn-kakao.disabled, .btn-kakao:disabled { border-color:#e5c700; background-color:#e5c700; }
.btn-kakao:not(:disabled):not(.disabled):active, .btn-kakao:not(:disabled):not(.disabled).active,
.show > .btn-kakao.dropdown-toggle { border-color:#e5c700; background-color:#e5c700; color:#3c1e1e; }
.btn-outline.btn-kakao, .btn-outline2.btn-kakao { color:#ffeb00; }
.btn-outline.btn-kakao:hover, .btn-outline2.btn-kakao:hover { color:#ffde00; }
.btn-outline.btn-kakao:not(:disabled):not(.disabled):active, .btn-outline.btn-kakao:not(:disabled):not(.disabled).active,
.btn-outline2.btn-kakao:not(:disabled):not(.disabled):active, .btn-outline2.btn-kakao:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-kakao.dropdown-toggle, .show > .btn-outline2.btn-kakao.dropdown-toggle { color:#e5c700; }
.btn-outline.btn-hover.btn-kakao:hover,
.btn-outline2.btn-hover.btn-kakao:hover { background-color:#ffde00 !important; color:#3c1e1e; }
.btn-outline.btn-hover.btn-kakao:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-kakao:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-kakao:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-kakao:not(:disabled):not(.disabled).active { background-color:#e5c700 !important; color:#3c1e1e; }

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

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

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









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


.form-group-flex .controls { display:inline-flex; }
.form-group-flex .controls:not(:last-child) { margin-right:17px; }
.form-group-flex .input-group { width:inherit; }

.form-label { margin-bottom:4px; padding-left:2px; color:#212529; font-size:14px; font-weight:400; }
.form-label.required:before { content:""; width:4px; height:4px; display:block; position:absolute; top:0px; left:4px; background-color:#dc3545; border-radius:32px; }
.descr { color:#adb5bd; font-size:12px; font-weight:400; }
.count { float:right; margin-right:5px; color:#adb5bd; font-size:12px; }
.controls { position:relative; }
.form-text { /*display:block; flex-basis:100%!important;*/ color:#777d81; font-size:13px; font-weight:400; }

.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,
.input-group + .valid-feedback, .input-group.is-invalid + .invalid-feedback, .input-group + .invalid-tooltip, .input-group.is-invalid + .invalid-tooltip { width:100%; 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 { padding-right:8px; background-image:none; }

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


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

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

.form-control.input-icon {padding:10px 8px 12px 36px;}
.controls .icon {position: absolute; left:10px; top: 7px; width: 24px; height: 24px;z-index: 1000;}
.controls .icon img {width: 16px;}

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

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

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

/************ [count] ************/
.form-group .count { height:calc(100% - 2px); padding:8px; background-color:#fff; border-radius:4px; position:absolute; top:1px; right:-2px; z-index:10; }
.form-group .form-control:focus + .count { background-color:#fcfcfc; transition:background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; }


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


/***************************************************************
	[bootstrap select]
***************************************************************/
.bootstrap-select > .dropdown-toggle { padding:.375rem .5rem .4375rem; background-color:#ffff; border-color:#d8dde3; }
.bootstrap-select .dropdown-menu .dropdown-divider.optgroup-1div:first-child { display:none; }
.bootstrap-select > .dropdown-toggle:after { margin-top:2px; transition:border-top-color .2s ease-in-out; }
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus { outline:none !important; }
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover { color:#2f3640; }
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select.show > .dropdown-toggle.bs-placeholder { background-color:#fcfcfc; border-color:#bdc3c7; color:#495057; }
.bootstrap-select .form-select[readonly] + .dropdown-toggle { background-color:#f2f4f7; color:rgba(47,54,64,.6); }
.bootstrap-select .form-select:disabled + .dropdown-toggle,
.bootstrap-select .dropdown-toggle.disabled { background-color:#e8ebf0; color:rgba(0,0,0,.25); opacity:1; }

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

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


/***************************************************************
	[input-group]
***************************************************************/
.input-group-text { font-size:14px; border-color:#d8dde3; }
.input-group-text strong { font-weight:500; }

.input-group-cenpend { display:flex; }
.input-group-cenpend .input-group-text { background-color:transparent !important; border-color:transparent; }


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


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

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

/************ [addon btn] ************/
.input-group .input-group-prepend > .btn:not([class*="min-"]), .input-group .input-group-append > .btn:not([class*="min-"]) { min-width:auto !important; }
.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; }

/*** disabled ***/
.controls.input-group .input-group-prepend .btn[disabled],
.controls.input-group .input-group-append .btn[disabled]  {background-color: #e8e8e8;border-color: #e0e0e0;color: #c8c5c5; opacity:1 !important; }

/************ [input-group : theme-light] ************/
.input-group.theme-light .form-control:not(:last-child) { border-right-width:0; }

.input-group.theme-light .input-group-prepend .input-group-text { background-color:#fff; }
.input-group.theme-light .input-group-prepend .input-group-text,
.input-group.theme-light .input-group-prepend .btn { border-right-width:0; transition:background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; }
.input-group.theme-light .input-group-prepend .input-group-text + .input-group-text,
.input-group.theme-light .input-group-prepend .btn + .btn { border-right-width:0; border-left-width:0; }
.input-group.theme-light .input-group-prepend + .form-control { border-left-width:0; }

.input-group.theme-light .input-group-append .input-group-text { background-color:#fff; transition:background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; }
.input-group.theme-light .input-group-append .input-group-text,
.input-group.theme-light .input-group-append .btn { border-left-width:0; }
.input-group.theme-light .input-group-append .btn:focus:not(:last-child) { border-right-width:0; }
.input-group.theme-light .input-group-append .btn + .btn:focus { border-right-width:1px; }
.input-group.theme-light .input-group-append .btn:hover { background-color:#fff; }

.input-group.theme-light .form-control:focus,
.input-group.theme-light .form-control:focus + .input-group-append .input-group-text,
.input-group.theme-light .form-control:focus + .input-group-append .btn { background-color:#fff; border-color:#d8dde3 !important; }

.input-group.theme-light .form-control[disabled] + .input-group-append .input-group-text { background-color:#f3f5f7; color:rgba(0,0,0,0.25); }


/************ [input-group :: theme-gray] ************/
.input-group.theme-gray .form-control { background-color:#e9ecef; border-color:#e9ecef; }
.input-group.theme-gray .input-group-prepend .input-group-text,
.input-group.theme-gray .input-group-prepend .btn { background-color:#e9ecef; border-color:#e9ecef !important; }
.input-group.theme-gray .input-group-prepend .btn { border-right-width:0; }
.input-group.theme-gray .input-group-prepend .btn + .btn { border-right-width:0; border-left-width:0; }
.input-group.theme-gray .input-group-append .input-group-text { transition:background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; }
.input-group.theme-gray .input-group-append .input-group-text,
.input-group.theme-gray .input-group-append .btn { background-color:#e9ecef; border-color:#e9ecef !important; border-left-width:0; }
.input-group.theme-gray .input-group-append .btn:hover { background-color:#e9ecef; }

.input-group.theme-gray .form-control:focus,
.input-group.theme-gray .form-control:focus + .input-group-append .input-group-text,
.input-group.theme-gray .form-control:focus + .input-group-append .btn { background-color:#dee2e6; border-color:#dee2e6 !important; }

/************ [input-group-date] ************/
.input-group-date { width:235px; }
.input-group-date .input-group-prepend .input-group-text { padding-right:4px; background-color:#fff; border-right-width:0; }
.input-group-date .input-group-prepend + .form-control.datepicker { width:90px !important; padding-right:8px !important; border-right-width:0; border-left-width:0; border-radius:0 !important; }
.input-group-date .input-group-cenpend .input-group-text { padding-right:0; padding-left:0; background-color:#fff !important; border-top-color:#d8dde3; border-bottom-color:#d8dde3; border-right-width:0; border-left-width:0; border-radius:0; }
.input-group-date .input-group-cenpend + .form-control.datepicker { width:94px !important; padding-right:12px !important; border-left-width:0; border-radius:0 !important; border-top-right-radius:4px !important; border-bottom-right-radius:4px !important; }

/************ [input-group-time] ************/
.input-group-time { width:82px; }
.input-group-time .form-control:first-child { border-right-width:0; }
.input-group-time .form-control:last-child { border-left-width:0; }
.input-group-time .input-group-cenpend .input-group-text { padding-right:0; padding-left:0; border-top:1px solid #d8dde3; border-bottom:1px solid #d8dde3; border-radius:0; }


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

/************ [form-group-date] ************/
.form-group-datetime { display:flex; }
.form-group-datetime .controls-date { width:121px; margin-right:8px; }
.form-group-datetime .controls-time { margin-right:8px; }
.form-group-datetime .controls-ampm { width:60px; }








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

.form-control-file { padding:4px 8px 5px 4px; }
.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:4px; }
.file-upload-wrap .file-upload-header input[type="file"] { margin:0; position:absolute; top:0; right:0; font-size:200px !important; opacity:0; -ms-filter:'alpha(opacity=0)'; direction:ltr; cursor:pointer; }
.file-upload-wrap .file-upload-header .btn { display:inline-block; position:relative; overflow:hidden; }
.file-upload-wrap .file-upload-header .descr { color:#212529; font-size:14px; }
.file-upload-wrap .file-upload-header .label { width:calc(100% - 110px); display:inline-flex; align-items:center; }
.file-upload-wrap .file-upload-header .filename { width:calc(100% - 30px); padding:8px 8px 9px; display:inline-block; color:#212529; font-size:14px; line-height:1.5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.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 #a99455; border-radius:4px; text-align:center; vertical-align:middle; }
.file-preview-wrap .file-preview-body { min-height:264px; margin-right:-8px; margin-left:-8px; }
.file-preview-body .file-thumbnail-wrap { min-width:196px; max-width:196px; margin:8px; padding:6px; position:relative; border:1px solid #ddd; box-shadow:0 0 3px 2px rgba(0,0,0,0.07); text-align:center; }
.file-preview-body .file-thumbnail { background-image:url(../images/bg-transparent.png); background-size:16px; }
.file-preview-body .file-thumbnail figure { height:182px; margin:0; position:relative; display:flex; align-items:center !important; justify-content:center !important; overflow:hidden; }
/*** size ***/
.file-upload-sm .file-preview-wrap .file-preview-body { min-height:110px; }
.file-upload-sm .file-preview-body .file-thumbnail-wrap { min-width:94px; max-width:94px; }
.file-upload-sm .file-preview-body .file-thumbnail figure { height:80px; }

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

.file-preview-body .file-caption { width:100%; padding-top:10px; display:block; color:#777; text-align:center; }
.file-preview-body .file-caption p { margin-bottom:0; display:block; 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; border-radius:0; z-index:1001; }

/*** etx file upload ***/
.file-name-wrap .file-name-body { display:flex; flex-wrap:wrap; }
.file-name-body .file-caption { width:100%; max-width:100%; display:flex; flex:1 0 0%; align-items:center; position:relative; }
.file-name-body .file-caption p { margin-bottom:0; }
.file-name-body .file-action { width:auto; max-width:100%; flex:0 0 auto; position:relative; }
.file-name-body .file-action .btn { border-radius:0; }
/****** 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); }
}
@media (max-width:575px) {
	.qnawrite-segment .file-upload-wrap .file-upload-header .btn { position:absolute; right:2px; top:-40px; }
}


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


/***************************************************************
	[form checkbox & radio]
***************************************************************/
.custom-control-label { padding-top:1px; color:#212529; font-size:14px; }
.custom-control-label::before { border-color:#d8dde3; }

.form-check-group { display:block; }
.form-check-group .controls { padding-top:7px; padding-bottom:3px; }
.form-check-group .custom-control { margin-bottom:8px; }

.form-group.form-check-inline { display:block; }
.form-group.form-check-inline .controls { padding-top:5px; padding-bottom:7px; }
.form-group.form-check-inline .form-label-checkbox { display:block; }
.form-group.form-check-inline .custom-control { margin-right:16px; display:inline-flex; }
.form-group.form-check-inline .custom-control:last-child { margin-right:0; }

.custom-control-label.text-hide { height:24px; font-size:0; }
.custom-checkbox-blank { padding-left:16px; }
.custom-checkbox-blank .custom-control-label::before { left:-16px; }
.custom-checkbox-blank .custom-control-label::after { left:-16px; }




/*
.form-label-checkbox { font-size:14px; font-weight:400; }



.label-check-inline .form-label-checkbox { margin-right:12px; display:inline; }
.label-check-inline .controls { display:inline; }

.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(38,53,111,0.35); border-color:rgba(38,53,111,0); }
/*** radio ***/
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color:rgba(38,53,111,0.35); border-color:rgba(38,53,111,0); }
/*** valid / invalid ***/
.custom-control-input:checked ~ .custom-control-label::before, .custom-control-input:not(:disabled):active ~ .custom-control-label::before { background-color:#a99455; border-color:#a99455; }
.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; }

/****** size ******/
.form-sm .form-group.form-check-inline .controls { padding-top:1px; padding-bottom:3px; }
.form-sm .custom-control-label:not(.text-hide) { padding-top:2px; font-size:13px; }
.form-sm .form-check-group .custom-control { margin-bottom:4px; }


/***************************************************************
	[form switch]
***************************************************************/
.form-switch-group { padding-top:7px; padding-bottom:7px; }
.form-switch { min-height:24px; padding-top:7px; padding-bottom:7px; padding-left:40px; display:block; }
.form-switch .form-check-input { float:left; width:32px; height:16px; margin-top:4px; margin-left:-40px; background-color:#fff; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:left center; background-size:contain; border:1px solid rgba(0,0,0,0.25); border-radius:2em; transition:background-position 0.15s ease-in-out; vertical-align:top; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-print-color-adjust:exact; color-adjust:exact; print-color-adjust:exact; }
.form-switch .form-check-input:active { filter:brightness(90%); }
.form-switch .form-check-input:focus { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); border-color:#86b7fe; outline:0; }
.form-switch .form-check-input:checked { background-color:#0d6efd; background-position:right center; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); border-color:#0d6efd; }
.form-switch .form-check-input:disabled { pointer-events:none; filter:none; opacity:0.5; }
.form-switch .form-check-input[disabled] ~ .form-check-label, .form-switch  .form-check-input:disabled ~ .form-check-label { cursor:default; opacity:0.5; }
@media (prefers-reduced-motion: reduce) {
    .form-switch .form-check-input { transition:none; }
}

.form-switch .form-check-label { position:relative; top:-1px; color:#212529; font-size:14px; }


/***************************************************************
	[DATE PICKER]
	https://jqueryui.com/datepicker/
***************************************************************/
.datepicker { width:82px !important; padding-right:0 !important; }
#ui-datepicker-div { border:none; background-color:#fff; color:#333; border-radius:5px; box-shadow:0 1px 6px 0 rgba(0, 0, 0, .25); z-index:999999999 !important; padding:6px; padding-bottom:10px; }
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.2; }
.ui-datepicker .ui-datepicker-header { padding:.5em 0 0; position:relative; border:1px solid #fff; background-color:#fff; border-top-left-radius:5px; border-top-right-radius:5px; color:#333; 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; font-size:15px; }
.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 #fff; border-right:1px solid #fff; }
.ui-datepicker tr, .ui-datepicker td { margin:0; padding:0; }
.ui-datepicker th { padding:.7em .3em; background:#fff; color:#333; text-align:center; font-weight:normal; }
.ui-datepicker .date-now a,.ui-datepicker .ui-datepicker-today a,.ui-datepicker .ui-datepicker-today a.ui-state-default { border-color:#ffc107 !important; background:#ffc107 !important; color:#fff !important; border-radius:100px; }
.ui-datepicker .ui-datepicker-week-end a,.ui-datepicker .date-holiday a,.ui-datepicker .date-sunday a, .ui-datepicker .date-saturday a { color:#dc3545 !important; }
.ui-datepicker td span,.ui-datepicker td a,.ui-datepicker td .ui-state-default { padding:9px 5px; display:block; background:#fff; color:#333; text-align:center; text-decoration:none; }
.ui-datepicker td .ui-state-default.ui-state-hover,
.ui-datepicker td .ui-state-hover { background:#ebedf0 !important; border-radius:100px; font-weight:normal; border:none; color:#333 !important; }
.ui-datepicker td .ui-state-active { background:#3d66fe; border-radius:100px; color:#fff !important; border:none; }
.ui-datepicker td .ui-priority-secondary { background:#fff; color:#ccc !important; border:none; }
.ui-datepicker td { padding:3px; font-size:13px; }
.ui-datepicker td a { width:28px; margin:0 auto; line-height:10px; }
.ui-datepicker tbody { border:none; 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:9px; height:9px; content:''; display:block; position:absolute; top:50%; left:50%; transform:rotate(-135deg); }
.ui-datepicker .ui-icon-circle-triangle-w:before { margin:-6px -4px; border-right:1px solid #333; border-top:1px solid #333; }
.ui-datepicker .ui-icon-circle-triangle-e:before { margin:-6px -8px; border-left:1px solid #333; border-bottom:1px solid #333; }
/* IE8 */
@media \0screen\,screen\9 {
	.ui-datepicker .ui-icon:before { top:8px; width:0; height:0; }
	.ui-datepicker .ui-icon-circle-triangle-w:before { margin:0; left:3px; border:5px solid transparent; border-right:5px solid #fff; }
	.ui-datepicker .ui-icon-circle-triangle-e:before { margin:0; left:7px; border:5px solid transparent; border-left:5px solid #fff; }
}

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

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

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


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


/***************************************************************
	[form layout]
***************************************************************/
.form-layout-wrap { width:100%; margin:0 auto; padding-right:0; padding-left:0; display:block; position:relative; background-color:transparent; clear:both; zoom:1; }
.form-layout-wrap.bg{padding:20px; background: #fff; border:1px solid #e9eef3;border-left: 8px solid #e5e3db; border-radius: 10px;box-shadow: 0 8px 16px rgba(0,0,0,0), inset 0 -1px 0 rgba(0,0,0,0.095);}
.form-layout-wrap .form-layout-group { display:flex; flex-wrap:wrap; margin-right:0; margin-left:0; padding-right:0; padding-left:0; border:1px solid #ddd; border-left:0; }
.form-layout-wrap .form-layout-row { width:100%; max-width:100%; margin-right:0; margin-left:0; padding-right:0; padding-left:0; display:flex; flex:0 0 auto; flex-wrap:wrap; align-items:stretch; position:relative; border-top:1px solid #eaeaea; }
.form-layout-wrap .form-layout-row:first-child { border-top:none; }
.form-layout-wrap .form-layout-group + .form-layout-group .form-layout-row:first-child { border-top:1px solid #eaeaea; }

.form-layout-wrap .form-layout-header,
.form-layout-wrap .form-layout-body { width:100%; min-width:0; max-width:100%; padding-right:8px; padding-left:8px; position:relative; }
.form-layout-wrap .form-layout-header { padding-top:10px; padding-bottom:4px; flex:0 1 auto; background-color:#f5f6fa; border-right:1px solid #ddd; border-left:1px solid #ddd; }
.form-layout-wrap .form-layout-body + .form-layout-header { border-left:1px solid #eaeaea; }
.form-layout-wrap .form-layout-body { padding-top:4px; padding-bottom:12px; display:block; background-color:#fafbfc; }
/*** type static ***/
.form-layout-wrap.static-type .form-layout-header { width:auto; padding-top:5px; }
.form-layout-wrap.static-type .form-layout-body { padding-bottom:5px; flex:1 1 0%; flex-direction:column; align-items:flex-start; align-content:center; }
.form-layout-wrap.static-type .form-layout-label { width:128px; padding:8px 0 9px; }

.form-layout-wrap .form-layout-label { width:100%; margin-bottom:0; font-size:14px; line-height:1.5; }
.form-layout-wrap .form-layout-label.required:before { content:""; width:4px; height:4px; display:block; position:absolute; top:4px; left:4px; background-color:#dc3545; border-radius:32px; }
.form-layout-wrap .form-layout-label + .btn-delete { width:17px; height:17px; padding:0 !important; position:absolute; top:0; right:0; }
.form-layout-wrap .form-layout-label + .btn-delete i { top:-2px; font-size:13px; }
.form-layout-wrap .form-layout-label em { color:#777d81; font-size:12px; font-weight:400; font-style:normal; text-transform:none; line-height:1; }

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

.form-layout-wrap .form-layout-row.sub .form-layout-header { background-color:#fafafa; }
.form-layout-wrap .form-layout-row.sub .form-layout-header .form-layout-label { padding-left:6px; font-size:12px; }
.form-layout-wrap .form-layout-row.sub .form-layout-body { background-color:#fefefe; }

.form-layout-wrap .form-layout-body .form-group { margin-bottom:0; }
.form-layout-wrap .form-layout-body .table td > .form-group { margin-bottom:-6px; }
.form-layout-wrap .form-layout-body .form-group + .form-group { margin-top:4px; }
/*.form-layout-wrap .form-layout-body .input-group { flex-wrap:nowrap !important; }*/
.form-layout-wrap .form-layout-body .list-paragraph { margin-top:8px; color:#888; font-size:13px; }
.form-layout-wrap .form-layout-body .list-paragraph:last-child { margin-bottom:0; }
.form-layout-wrap .form-layout-body .text-option { padding:7px 0; font-size:14px; }
.form-layout-footer { padding-top:12px; }
.form-layout-footer .form-group { margin-bottom:0; }

/****** responsive & retina specific ******/
@media (max-width:1199px) {
	.form-layout-wrap .form-layout-row.col-multi.border-top-0 { border-top:1px solid #eaeaea !important; }
}
@media (max-width:767px) {
	.form-layout-wrap .form-layout-body .row .col,
	.form-layout-wrap .form-layout-body .row [class*="col-"] { flex:0 0 100%; max-width:100%; }
	.form-layout-wrap .form-layout-body .form-group { width:100%; }
	.form-layout-wrap .form-layout-body .form-group .btn:not(.btn-toggle):not(.btn-icon) { width:100%; }
	.form-layout-wrap .form-layout-body .btn-toggle-group .btn { padding-right:0; padding-left:0; }
	.form-layout-wrap .form-layout-body [class*="btn-group"] { width:100%; }
	
	.page-mypage .form-layout-wrap .form-layout-header,
	.page-mypage .form-layout-wrap .form-layout-body { /*padding-left:0; padding-right:0; padding-top:0; padding-bottom:0;*/ }
	
	.page-mypage .form-layout-wrap.type2 .form-layout-header { width:auto; }
	.page-mypage .form-layout-wrap.type2 .form-layout-body { flex:1 1 0%; padding-bottom:5px; }   
	.page-mypage .form-layout-wrap.type2 .form-layout-label { width:75px; padding:1px 0 9px; font-size:13px; }
	.page-mypage .form-layout-wrap.type2 .form-layout-body .row .col-auto { margin-top:3px; }
}
@media (min-width:576px) {
	.form-layout-wrap .form-layout-header { width:auto; padding-top:5px; }
	.form-layout-wrap .form-layout-body { padding-bottom:5px; flex:1 1 0%; flex-direction:column; align-items:flex-start; align-content:center; }
	.form-layout-wrap .form-layout-label { width:128px; padding:8px 0 9px; }
	.form-layout-wrap .form-layout-body .form-group .btn:not(.btn-toggle):not(.btn-icon) { min-width:60px; }
	.form-layout-wrap .form-layout-body .btn-toggle-group .btn { min-width:inherit !important; }
}
@media (min-width:768px) {
	.form-layout-wrap .form-layout-body .form-group.input-group-zipcode { width:243px; }
	.form-layout-wrap .form-layout-body .form-group.select-lg { width:162px; }
}
@media (min-width:769px) and (max-width:972px) {
	.form-layout-wrap .form-layout-body .row .col,
	.form-layout-wrap .form-layout-body .row [class*="col-"] { flex:0 0 100%; max-width:100%; }
	.form-layout-wrap .form-layout-body .form-group { width:100%; }
	.form-layout-wrap .form-layout-body .form-group .btn:not(.btn-toggle):not(.btn-icon) { width:100%; }
	.form-layout-wrap .form-layout-body .btn-toggle-group .btn { padding-right:0; padding-left:0; }
	.form-layout-wrap .form-layout-body [class*="btn-group"] { width:100%; }
}
@media (min-width:992px) {
	.form-layout-wrap .form-layout-body .btn-toggle-group .btn:not(.btn-icon) { min-width:52px !important; }
}
@media (min-width:1200px) {
	.form-layout-wrap .form-layout-row.col-multi { width:50%; }
}


/****** size ******/
.form-sm .form-layout-wrap .form-layout-header { padding-top:0; padding-bottom:0; }
.form-sm .form-layout-wrap .form-layout-label { font-size:13px; }
.form-sm .form-control[type="search"]::-webkit-search-cancel-button { top:0; }
.form-sm .form-label, .form-label-sm { font-size:13px; }
.form-sm .form-control + .form-text, .form-control-sm + .form-text { font-size:13px; }

@media (min-width:576px) {
	.form-sm .form-layout-wrap .form-layout-label { padding-top:10px; padding-bottom:11px; color:#6a737f; }
}


/*** input-group-datetime *** /
.form-layout-wrap .form-layout-body .row .col-datetime { display:flex; }
.form-layout-wrap .form-layout-body .row .col-datetime .btn-prev { margin-right:4px; }
.form-layout-wrap .form-layout-body .row .col-datetime .btn-next { margin-left:4px; }
.form-layout-wrap .form-layout-body .row .col-datetime .tilde { padding:4px 4px 5px; font-size:13px; }
.form-layout-wrap .form-layout-body .row .input-group-datetime .form-control.datepicker { width:90px !important; margin-right:4px; border-radius:4px; }
.form-layout-wrap .form-layout-body .row .input-group-datetime .form-control.text-center { width:34px !important; border-radius:4px; }
.form-layout-wrap .form-layout-body .row .input-group-datetime .input-group-text { padding-right:4px; padding-left:4px; }
/****** responsive & retina specific ****** /
@media (max-width:767px) {
	.form-layout-wrap .form-layout-body .row .col-datetime { flex-wrap:wrap; align-items:center; }
	.form-layout-wrap .form-layout-body .row .col-datetime .btn-next { margin-top:4px; }
	.form-layout-wrap .form-layout-body .row .col-datetime .input-group-datetime { width:calc(100% - 34px); }
	.form-layout-wrap .form-layout-body .row .col-datetime .input-group-datetime_text { width:calc(100% - 68px); }
	.form-layout-wrap .form-layout-body .row .col-datetime .input-group-datetime_text .form-control-txt { text-align:center; }
	
	.form-layout-wrap .form-layout-body .row .col-datetime .tilde { margin-top:4px; }
	.form-layout-wrap .form-layout-body .row .col-datetime .tilde + .input-group-datetime { width:calc(100% - 50px); margin-top:4px; }
	.form-layout-wrap .form-layout-body .row .col-datetime .tilde + .input-group-datetime .form-control.datepicker { width:80px !important; }
	.form-layout-wrap .form-layout-body .row .col-datetime .tilde + .input-group-datetime .form-control.text-center { width:28px !important; }
}
@media (max-width:424px) {
	.form-layout-wrap .form-layout-body .row .col-datetime .input-group-datetime_text .form-control-txt { width:144px; margin:0 auto; }
}
@media (min-width:768px) {
	.form-layout-wrap .form-layout-body .row .col-datetime .tilde { padding-right:8px; padding-left:8px; }
	.form-layout-wrap .form-layout-body .row .form-group.input-group-datetime .form-control.datepicker { margin-right:8px; }
}
@media (min-width:769px) and (max-width:972px) {
	.form-layout-wrap .form-layout-body .row .col-datetime { flex-wrap:wrap; align-items:center; }
	.form-layout-wrap .form-layout-body .row .col-datetime .btn-next { margin-top:4px; }
	.form-layout-wrap .form-layout-body .row .col-datetime .input-group-datetime { width:calc(100% - 34px); }
	.form-layout-wrap .form-layout-body .row .col-datetime .input-group-datetime_text { width:calc(100% - 68px); }
	.form-layout-wrap .form-layout-body .row .col-datetime .input-group-datetime_text .form-control-txt { width:144px; margin:0 auto; text-align:center; }
	
	.form-layout-wrap .form-layout-body .row .col-datetime .tilde { margin-top:4px; padding-right:4px; padding-left:4px; }
	.form-layout-wrap .form-layout-body .row .col-datetime .tilde + .input-group-datetime { width:calc(100% - 50px); margin-top:4px; }
	.form-layout-wrap .form-layout-body .row .col-datetime .tilde + .input-group-datetime .form-control.datepicker { width:80px !important; }
	.form-layout-wrap .form-layout-body .row .col-datetime .tilde + .input-group-datetime .form-control.text-center { width:28px !important; }
}


/***************************************************************
	[size]
***************************************************************/
.form-sm .form-group .count { padding:5px; }

.form-sm .form-control, .form-control-sm,
.form-sm select.form-control, select.form-control-sm { height:calc(1.5em + .53125rem + 2px); padding:5px 8px; font-size:13px; }
.form-sm select.form-control, select.form-control-sm { padding-top:4px; padding-right:28px; }

.form-sm .input-group > .input-group-prepend > .input-group-text, .form-sm .input-group > .input-group-cenpend > .input-group-text, .form-sm .input-group > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-cenpend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text,
.form-sm .input-group > .input-group-prepend > .btn, .form-sm .input-group > .input-group-append > .btn,
.input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn,
.form-sm .input-group > .form-control:not(textarea), .form-sm .input-group > .input-group-prepend > .form-control:not(textarea), .form-sm .input-group > .input-group-append > .form-control:not(textarea),
.input-group-sm > .form-control:not(textarea), .input-group-sm > .input-group-prepend > .form-control:not(textarea), .input-group-sm > .input-group-append > .form-control:not(textarea) { height:calc(1.5em + .53125rem + 2px); padding:4px 8px 5px; font-size:13px; }
.form-sm .input-group > .input-group-prepend > select.form-control, .form-sm .input-group > .input-group-append > select.form-control,
.input-group-sm > .input-group-prepend > select.form-control, .input-group-sm > .input-group-append > select.form-control { padding-right:28px; }

.form-sm .datepicker { width:77px !important; }

.form-lg .form-control, .form-control-lg,
.form-lg select.form-control, select.form-control-lg { height:calc(1.5em + 16px + 2px); padding:5px 8px; font-size:20px; }
.form-lg .input-group > select.form-control, .input-group-lg > select.form-control { padding-right:28px; }

.form-lg .input-group > .input-group-prepend > .input-group-text, .form-lg .input-group > .input-group-cenpend > .input-group-text, .form-lg .input-group > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-cenpend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text,
.form-lg .input-group > .input-group-prepend > .btn, .form-lg .input-group > .input-group-append > .btn,
.input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn,
.form-lg .input-group > .form-control:not(textarea), .form-lg .input-group > .input-group-prepend > .form-control:not(textarea), .form-lg .input-group > .input-group-append > .form-control:not(textarea),
.input-group-lg > .form-control:not(textarea), .input-group-lg > .input-group-prepend > .form-control:not(textarea), .input-group-lg > .input-group-append > .form-control:not(textarea) { height:calc(1.5em + 16px + 2px); padding:4px 8px 5px; font-size:20px; }
.form-lg .input-group > .input-group-prepend > select.form-control, .form-lg .input-group > .input-group-append > select.form-control,
.input-group-lg > .input-group-prepend > select.form-control, .input-group-lg > .input-group-append > select.form-control { padding-right:28px; }


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




/***************************************************************
	[tables]
***************************************************************/
.table-wrap { margin-top:16px; }
.table-wrap:first-child { margin-top:0; }
.table { margin-bottom:0 !important; }
.table caption { width:1px; height:1px; padding:0; position:absolute; border:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; caption-side:top; }

.table thead th, .table thead td,
.table tbody th, .table tbody td,
.table tfoot th, .table tfoot td { /*padding:14px;*/ padding:11px; position:relative; font-size:13px; }
.table thead th, .table thead td,
.table tfoot th, .table tfoot td,
.table tbody th { font-weight:700; }
.table tbody td { font-weight:400; }

.table thead th, .table thead td { background-color:#e8ebf0; /*border-top-color:#212529;*/ border-top-color:#c5c8cc; border-bottom-width:1px; border-bottom-color:#c5c8cc; vertical-align:middle; }
.table thead th[colspan], .table thead td[colspan] { border-bottom:1px solid #c5c8cc !important; text-align:center; }
.table tbody tr:last-child th, .table tbody tr:last-child td,
.table thead tr:last-child th[colspan], .table thead tr:last-child td[colspan] { border-bottom:1px solid #c5c8cc; }
.table tfoot th, .table tfoot td { border-bottom:1px solid #212529; }
.table tbody th { background-color:#e8ebf0; border-right-color:#c5c8cc; }

.reviewlist-segment .table td { vertical-align:middle; }
.reviewlist-segment .table td:nth-child(3) { min-width:220px; white-space:pre-line; }
.reviewlist-segment .table td:nth-child(4) { min-width:130px; white-space:inherit; text-align:left; }
.reviewlist-segment .table td:nth-child(6) { min-width:260px; white-space:inherit; }
.reviewlist-segment .table td a { color:#455eff; }
.reviewlist-segment .table td span.icon { content:''; width:16px; height:16px; display:inline-block; background-image: url(../images/bg_icon_sprite_svg.svg); background-repeat:no-repeat; background-size:800px 1000px; background-color:transparent; outline:none; border:none; top:2px; left:-18px; text-indent:-9999px; }

.reviewlist-segment .table td span.icon.yes { background-position:0 -40px; }
.reviewlist-segment .table td span.icon.no {background-position:-20px -40px; }

/*** bordered ***/
.table-bordered th, .table-bordered td { border-color:#dee2e6; }
.table-bordered thead th, .table-bordered thead td { border-right-color:#c5c8cc; border-left-color:#c5c8cc; }
.table-bordered thead tr th:first-child, .table-bordered thead tr td:first-child,
.table-bordered tbody tr th:first-child, .table-bordered tbody tr td:first-child,
.table-bordered tfoot tr th:first-child, .table-bordered tfoot tr td:first-child { /*border-left-color:#212529;*/ border-left-color:#c5c8cc; }
.table-bordered thead tr th:last-child, .table-bordered thead tr td:last-child,
.table-bordered tbody tr th:last-child, .table-bordered tbody tr td:last-child,
.table-bordered tfoot tr th:last-child, .table-bordered tfoot tr td:last-child { /*border-right-color:#212529;*/ border-right-color:#c5c8cc; }

.table-bordered thead tr th.dt-divider-right, .table-bordered thead tr td.dt-divider-right,
.table-bordered tbody tr th.dt-divider-right, .table-bordered tbody tr td.dt-divider-right { /*border-right-color:#212529;*/ border-right-color:#c5c8cc; }
/*** table fixed ***/
.table-fixed { width:0; min-width:100%; height:100%; /*border:1px solid #212529;*/ border:1px solid #c5c8cc; overflow-x:auto; overflow-y:scroll; -webkit-overflow-scrolling:touch; }
.table-fixed.h-auto { max-height:inherit; overflow-y:auto; }

.table-fixed .table { border:0; }
.table-fixed .table thead, .table-fixed .table thead tr { border-top:0; }
.table-fixed .table thead tr th, .table-fixed .table thead tr td { border-top:0; border-color:transparent; position:sticky; top:0; z-index:3; }

.table-fixed .table thead tr:first-child th, .table-fixed .table thead tr:first-child td { top:0; }
.table-fixed .table thead tr:nth-child(2) th, .table-fixed .table thead tr:nth-child(2) td { top:48px; }
.table-fixed .table thead tr th:first-child, .table-fixed .table thead tr td:first-child { border-left:0; }
.table-fixed .table thead tr:last-child th, .table-fixed .table thead tr:last-child td { border-bottom:0; }

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

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

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

.table tbody tr.data-empty td h4, .table tbody td.data-empty h4 { font-size:21px; }

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

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

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

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

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

.table thead th em, .table thead td em { display:block; color:#777d81; font-size:12px; font-weight:400; font-style:normal; text-transform:none; }
.table thead th em.descr, .table thead td em.descr { display:inline-block; }
.table th .badge-sm, .table td .badge-sm { width:18px; min-width:inherit; height:18px; margin-top:1px; padding-right:0; padding-left:0; /*display:block;*/ }

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

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

/*** form ***/
.table th > .row, .table td > .row { flex-wrap:nowrap; }
.table th > .row, .table td > .row,
.table th > .form-inline, .table td > .form-inline,
.table th > .form-group, .table td > .form-group,
.table th > .form-control, .table td > .form-control { margin-top:-5px; margin-bottom:-6px; }

.table th > .form-group + .form-group:not(.d-inline-block), .table td > .form-group + .form-group:not(.d-inline-block) { margin-top:10px; }
.table th > .btn, .table td > .btn { margin-top:-5px; margin-bottom:-6px; display:block; }
.table th > .btn-icon, .table td > .btn-icon { margin-right:auto; margin-left:auto; }
.table td .custom-checkbox-blank { top:3px; }
.table .btn-icon.type2 { /*left:-18px;*/ color:#1ea8ff; margin-top:-10px; font-size:13px; width:100%; height:35px; }
.table .btn-icon.type2 i { color:#1ea8ff; }

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

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

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

.table td > .form-switch  { margin-top:-2px; margin-bottom:-2px; padding-top:0; padding-bottom:0; display:block; }


/****** size ******/
.table-sm thead th, .table-sm thead td,
.table-sm tbody th, .table-sm tbody td,
.table-sm tfoot th, .table-sm tfoot td { padding:8px; }


/************ [table fillter] ************/
.filter-wrap { padding-bottom:4px; }
.table + .filter-wrap { padding-top:4px; padding-bottom:0; }
.filter-body { margin-bottom:4px; display:flex; }
.filter-body .form-group { margin-right:4px; margin-bottom:0; }
.filter-body .form-group:last-child { margin-right:0; }
.filter-body .list-inline { margin-bottom:0; }
/****** responsive & retina specific ******/
@media (min-width:768px) {
	.filter-wrap { display:flex !important; justify-content:space-between !important; }
	.filter-body { margin-bottom:0; display:inline-flex; }
	.filter-body .form-group { width:auto; }
	/*.filter-body .datepicker { width:90px !important; padding-right:8px; padding-left:8px; }
	.filter-body .input-group-cenpend .input-group-text { padding-right:12px; padding-left:12px; }*/
}
@media (max-width:767px) {
	.page-mypage .filter-body { display:block; }
}

/*** IE11 hack ***/
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	.table-fixed { overflow-y:hidden!important; }
	.table-fixed .table thead tr th, .table-fixed .table thead tr td { position:relative !important; top:auto !important; }
	.table-fixed .table thead tr:first-child th, .table-fixed .table thead tr:first-child td,

	.table-fixed .table thead tr:nth-child(2) th, .table-fixed .table thead tr:nth-child(2) td { top:auto !important; }
	.table-fixed .table thead tr:last-child th, .table-fixed .table thead tr:last-child td,
	.table-fixed .table thead th[rowspan], .table-fixed .table thead td[rowspan] { border-bottom:1px solid #212529 !important; }
	.table-fixed .table thead th[rowspan]:not(:first-child), .table-fixed .table thead td[rowspan]:not(:first-child) { border-left:1px solid #c5c8cc !important; }
	.table-fixed .table thead th[colspan], .table-fixed .table thead td[colspan] { border-bottom:1px solid #c5c8cc !important; }
	.table-fixed .table thead th, .table-fixed .table thead td { border-right-color:#c5c8cc !important; }
	.table-fixed .table thead tr th::before, .table-fixed .table thead tr td::before,
	.table-fixed .table thead tr th::after, .table-fixed .table thead tr td::after { content:none !important; }
	.table-fixed .table thead tr + tr th { border-right-color:#c5c8cc !important; }
}



/***************************************************************
	[zipcode]
***************************************************************/
.zipcode-wrap { height:calc(48vh); margin-top:4px; 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 7px; }
.page-link { padding:6px 11px; color:#212529; font-size:14px; }
.page-link:hover { color:#212529; }
.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-chevron-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:#212529 !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:#212529 !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, .board-body .row,
.board-header .row .col, .board-body .row .col { margin-top:0; }
.board-header .row .col,
.board-body .row .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 > div > a, .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-body .subject-col .pre-title { color:#aaa; font-size:12px; max-width:100%; display:inline-block; vertical-align:top; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.board-body .state-col .badge { min-width:60px; border-radius:0; }
.board-body .subject-col .closed-text { color:#888; }
.board-body .subject-col .closed-text i { margin-left:8px; }

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

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

.board-body .data-empty { height:320px; position:relative; background-color:#fff !important; }
.board-body .data-empty .col { width:100%; height:320px; display:flex; flex-wrap:wrap; align-items:center !important; justify-content:center; 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 (max-width:575px) {
	.board-body .ellipsis > span { max-width:calc(100% - 120px); display:inline-block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; max-height:50px; min-width:50px; word-break:keep-all; height:40px; }
	.board-body .ellipsis { white-space:inherit; }
}

/***************************************************************
	[modal]
***************************************************************/
.modal { z-index:1072; }
.modal.fade .modal-dialog { transform:translate(0,0); }
.modal-backdrop.show { opacity:0.75 !important; z-index:1071; }
.modal-fullscreen { width:100vw; max-width:none; height:100%; margin:0; padding-right:0 !important; }

.modal-content { border-width:0; }
.modal-header { min-height:48px; padding:24px 16px 0 35px; border-bottom:0 solid #e8ebf0; }
.modal-header .close { margin:-24px -16px -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 { padding-right:32px; color:#212529; font-size:18px; }
.modal-title small { margin:0 5px; color:rgba(0,0,0,0.5); font-size:12px; }

.modal-body { padding:20px 30px; }
:not(.modal-tools) .modal-body .panel-wrap:first-child { margin-top:-24px; }
.modal-body .panel-wrap { margin-top:0; }
/*.modal-body .panel-wrap:not(.text-panel) .panel-body { padding-right:0; padding-bottom:0; padding-left:0; }*/
.modal-body .text-panel .panel-header,
.modal-body .text-panel .panel-body { display:flex; align-items:center; justify-content:center; text-align:left; }
.modal-body .text-panel .panel-body { min-height:128px; }
.modal-body .text-panel .panel-header + .panel-body { min-height:inherit; }

.modal-body h6 { margin-bottom:0; color:#212529; font-size:18px; }
.modal-body p { color:#212529; font-size:14px; }
.modal-body p.lead { font-size:16px; font-weight:400; }
.modal-body p:last-child { margin-bottom:0; }

.modal-body .figure { width:100%; margin-top:0; margin-bottom:0; }
.modal-body .figure img { width:100%; }
.modal-body .figure video { width:100%; }

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

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

.modal-body-icon { padding-left:72px; }

.modal-footer-centered { justify-content:center; padding-top:0; padding-bottom:20px; border-top:0; }
.modal-footer > .btn { min-width:96px; }
.modal-footer-fluid { padding:0; overflow:hidden; }
.modal-footer-fluid .btn { width:100%; margin:0; padding:16px 0; border-top-right-radius:0; border-top-left-radius:0; }

/****** responsive & retina specific ******/
@media (max-width:575px) {
	.modal-header { padding:24px 8px 0; }
	.modal-body { padding:15px 25px; }
	.modal-footer { padding-top:8px; padding-bottom:8px; }
	.modal-header .close { margin-right:-25px; }
	.modal-title { font-size:16px; }
}
@media (min-width:992px) {
	.modal-xxl { max-width:800px; }
}
@media (min-width:1200px) {
	.modal-xxl { max-width:1140px; }
}
@media (min-width:1440px) {
	.modal-xxl { max-width:1380px; }
}

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

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

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

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

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

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

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

/************ [modal full screen style] ************/
.modal-fullscreen .modal-content { height:100%; border:0; border-radius:0; }
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer { border-radius:0; }
.modal-fullscreen .modal-body { overflow-y:auto; }
/****** responsive & retina specific ******/
@media (max-width:575.98px) {
    .modal-fullscreen-sm-down { width:100vw; max-width:none; height:100%; margin:0; }
    .modal-fullscreen-sm-down .modal-content { height:100%; border:0; border-radius:0; }
    .modal-fullscreen-sm-down .modal-header,
    .modal-fullscreen-sm-down .modal-footer { border-radius:0; }
    .modal-fullscreen-sm-down .modal-body { overflow-y:auto; }
}
@media (max-width:767.98px) {
    .modal-fullscreen-md-down { width:100vw; max-width:none; height:100%; margin:0; }
    .modal-fullscreen-md-down .modal-content { height:100%; border:0; border-radius:0; }
    .modal-fullscreen-md-down .modal-header,
    .modal-fullscreen-md-down .modal-footer { border-radius:0; }
    .modal-fullscreen-md-down .modal-body { overflow-y:auto; }
}
@media (max-width:991.98px) {
    .modal-fullscreen-lg-down { width:100vw; max-width:none; height:100%; margin:0; }
    .modal-fullscreen-lg-down .modal-content { height:100%; border:0; border-radius:0; }
    .modal-fullscreen-lg-down .modal-header,
    .modal-fullscreen-lg-down .modal-footer { border-radius:0; }
    .modal-fullscreen-lg-down .modal-body { overflow-y:auto; }
}
@media (max-width:1199.98px) {
    .modal-fullscreen-xl-down { width:100vw; max-width:none; height:100%; margin:0; }
    .modal-fullscreen-xl-down .modal-content { height:100%; border:0; border-radius:0; }
    .modal-fullscreen-xl-down .modal-header,
    .modal-fullscreen-xl-down .modal-footer { border-radius:0; }
    .modal-fullscreen-xl-down .modal-body { overflow-y:auto; }
}
@media (max-width:1399.98px) {
    .modal-fullscreen-xxl-down { width:100vw; max-width:none; height:100%; margin:0; }
    .modal-fullscreen-xxl-down .modal-content { height:100%; border:0; border-radius:0; }
    .modal-fullscreen-xxl-down .modal-header,
    .modal-fullscreen-xxl-down .modal-footer { border-radius:0; }
    .modal-fullscreen-xxl-down .modal-body { overflow-y:auto; }
}

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

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

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

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

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

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


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

/************ [bg] ************/
.bg-primary { background-color:#26356f !important; }
.bg-red { background-color:#dc3545 !important; }
.bg-pink { background-color:#e83e8c !important; }
.bg-orange { background-color:#fd7e14 !important; }
.bg-yellow { background-color:#ffc107 !important; }
.bg-green { background-color:#28a745 !important; }
.bg-teal { background-color:#20c997 !important; }
.bg-cyan { background-color:#17a2b8 !important; }
.bg-blue { background-color:#007bff !important; }
.bg-azure { background-color:#00a8ff !important; }
.bg-navy { background-color:#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-angulate { border-radius:0; }
.badge-fixed { width:17px; height:17px; padding-right:0 !important; padding-left:0 !important; text-align:center; }
.badge-circle { width:17px; height:17px; padding-right:0 !important; padding-left:0 !important; border-radius:100%; text-align:center; }

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

.badge.bg-red-15,a.badge.bg-red-15:hover,a.badge.bg-red-15:focus { background-color:#fedfe5; color:#f52950; }
.badge.bg-pink-15,a.badge.bg-pink-15:hover,a.badge.bg-pink-15:focus { background-color:#fce2ee; color:#e83e8c; }
.badge.bg-orange-15,a.badge.bg-orange-15:hover,a.badge.bg-orange-15:focus { background-color:#ffecdc; color:#fd7e14; }
.badge.bg-yellow-15,a.badge.bg-yellow-15:hover,a.badge.bg-yellow-15:focus { background-color:#fff6df; color:#fec22a; }
.badge.bg-green-15,a.badge.bg-green-15:hover,a.badge.bg-green-15:focus { background-color:#dff2e3; color:#28a745; }
.badge.bg-jungle-15,a.badge.bg-jungle-15:hover,a.badge.bg-jungle-15:focus { background-color:#def5f0; color:#24bc9d; }
.badge.bg-teal-15,a.badge.bg-teal-15:hover,a.badge.bg-teal-15:focus { background-color:#d9ecec; color:#008080; }
.badge.bg-cyan-15,a.badge.bg-cyan-15:hover,a.badge.bg-cyan-15:focus { background-color:#d9f1f8; color:#00a3d2; }
.badge.bg-blue-15,a.badge.bg-blue-15:hover,a.badge.bg-blue-15:focus { background-color:#d9ebff; color:#007bff; }
.badge.bg-azure-15,a.badge.bg-azure-15:hover,a.badge.bg-azure-15:focus { background-color:#d9f2ff; color:#00a8ff; }
.badge.bg-navy-15,a.badge.bg-navy-15:hover,a.badge.bg-navy-15:focus { background-color:#e1e4e7; color:#34495e; }
.badge.bg-violet-15,a.badge.bg-violet-15:hover,a.badge.bg-violet-15:focus { background-color:#eae3f6; color:#6f42c1; }
.badge.bg-purple-15,a.badge.bg-purple-15:hover,a.badge.bg-purple-15:focus { background-color:#f1dee7; color:#9e245f; }

/************ [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:sticky; top:0; z-index:1020; }
.sticky-bottom { position:sticky; bottom:0; z-index:1020; }
.sticky-bnr { position:fixed; right:32px; bottom:32px; z-index:1042; }

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

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

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

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

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

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

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


.al-ct {text-align:center;}
.al-lf {text-align:left;}
.al-rg {text-align:right;}
.dp-block {display: block;}
.bd-0{border:0px !important;}
.tx-gold {color:#a28535;}




















/************ [width] ************/
.w-10px { width:10px !important; }
.w-15px { width:15px !important; }
.w-20px { width:20px !important; }
.w-25px { width:25px !important; }
.w-30px { width:30px !important; }
.w-35px { width:35px !important; }
.w-40px { width:40px !important; }
.w-45px { width:45px !important; }
.w-50px { width:50px !important; }
.w-55px { width:55px !important; }
.w-60px { width:60px !important; }
.w-65px { width:65px !important; }
.w-70px { width:70px !important; }
.w-75px { width:75px !important; }
.w-80px { width:80px !important; }
.w-85px { width:85px !important; }
.w-90px { width:90px !important; }
.w-95px { width:95px !important; }
.w-100px { width:100px !important; }
.w-105px { width:105px !important; }
.w-110px { width:110px !important; }
.w-115px { width:115px !important; }
.w-120px { width:120px !important; }
.w-125px { width:125px !important; }
.w-130px { width:130px !important; }
.w-135px { width:135px !important; }
.w-140px { width:140px !important; }
.w-145px { width:145px !important; }
.w-150px { width:150px !important; }
.w-155px { width:155px !important; }
.w-160px { width:160px !important; }
.w-165px { width:165px !important; }
.w-170px { width:170px !important; }
.w-175px { width:175px !important; }
.w-180px { width:180px !important; }
.w-185px { width:185px !important; }
.w-190px { width:190px !important; }
.w-195px { width:195px !important; }
.w-200px { width:200px !important; }
.w-205px { width:205px !important; }
.w-210px { width:210px !important; }
.w-215px { width:215px !important; }
.w-220px { width:220px !important; }
.w-225px { width:225px !important; }
.w-230px { width:230px !important; }
.w-235px { width:235px !important; }
.w-240px { width:240px !important; }
.w-245px { width:245px !important; }
.w-250px { width:270px !important; }
.w-255px { width:255px !important; }
.w-260px { width:260px !important; }
.w-265px { width:265px !important; }
.w-270px { width:270px !important; }
.w-275px { width:275px !important; }
.w-280px { width:280px !important; }
.w-285px { width:285px !important; }
.w-290px { width:290px !important; }
.w-295px { width:295px !important; }
.w-300px { width:300px !important; }
.w-305px { width:305px !important; }
.w-310px { width:310px !important; }
.w-315px { width:315px !important; }
.w-320px { width:320px !important; }
.w-325px { width:325px !important; }
.w-330px { width:330px !important; }
.w-335px { width:335px !important; }
.w-340px { width:340px !important; }
.w-345px { width:345px !important; }
.w-350px { width:350px !important; }
.w-355px { width:355px !important; }
.w-360px { width:360px !important; }
.w-365px { width:365px !important; }
.w-370px { width:370px !important; }
.w-375px { width:375px !important; }
.w-380px { width:380px !important; }
.w-385px { width:385px !important; }
.w-390px { width:390px !important; }
.w-395px { width:395px !important; }
.w-400px { width:400px !important; }

.max-w-10px { max-width:10px !important; }
.max-w-15px { max-width:15px !important; }
.max-w-20px { max-width:20px !important; }
.max-w-25px { max-width:25px !important; }
.max-w-30px { max-width:30px !important; }
.max-w-35px { max-width:35px !important; }
.max-w-40px { max-width:40px !important; }
.max-w-45px { max-width:45px !important; }
.max-w-50px { max-width:50px !important; }
.max-w-55px { max-width:55px !important; }
.max-w-60px { max-width:60px !important; }
.max-w-65px { max-width:65px !important; }
.max-w-70px { max-width:70px !important; }
.max-w-75px { max-width:75px !important; }
.max-w-80px { max-width:80px !important; }
.max-w-85px { max-width:85px !important; }
.max-w-90px { max-width:90px !important; }
.max-w-95px { max-width:95px !important; }
.max-w-100px { max-width:100px !important; }
.max-w-105px { max-width:105px !important; }
.max-w-110px { max-width:110px !important; }
.max-w-115px { max-width:115px !important; }
.max-w-120px { max-width:120px !important; }
.max-w-125px { max-width:125px !important; }
.max-w-130px { max-width:130px !important; }
.max-w-135px { max-width:135px !important; }
.max-w-140px { max-width:140px !important; }
.max-w-145px { max-width:145px !important; }
.max-w-150px { max-width:150px !important; }
.max-w-155px { max-width:155px !important; }
.max-w-160px { max-width:160px !important; }
.max-w-165px { max-width:165px !important; }
.max-w-170px { max-width:170px !important; }
.max-w-175px { max-width:175px !important; }
.max-w-180px { max-width:180px !important; }
.max-w-185px { max-width:185px !important; }
.max-w-190px { max-width:190px !important; }
.max-w-195px { max-width:195px !important; }
.max-w-200px { max-width:200px !important; }
.max-w-205px { max-width:205px !important; }
.max-w-210px { max-width:210px !important; }
.max-w-215px { max-width:215px !important; }
.max-w-220px { max-width:220px !important; }
.max-w-225px { max-width:225px !important; }
.max-w-230px { max-width:230px !important; }
.max-w-235px { max-width:235px !important; }
.max-w-240px { max-width:240px !important; }
.max-w-245px { max-width:245px !important; }
.max-w-250px { max-width:250px !important; }
.max-w-255px { max-width:255px !important; }
.max-w-260px { max-width:260px !important; }
.max-w-265px { max-width:265px !important; }
.max-w-270px { max-width:270px !important; }
.max-w-275px { max-width:275px !important; }
.max-w-280px { max-width:280px !important; }
.max-w-285px { max-width:285px !important; }
.max-w-290px { max-width:290px !important; }
.max-w-295px { max-width:295px !important; }
.max-w-300px { max-width:300px !important; }
.max-w-305px { max-width:305px !important; }
.max-w-310px { max-width:310px !important; }
.max-w-315px { max-width:315px !important; }
.max-w-320px { max-width:320px !important; }
.max-w-325px { max-width:325px !important; }
.max-w-330px { max-width:330px !important; }
.max-w-335px { max-width:335px !important; }
.max-w-340px { max-width:340px !important; }
.max-w-345px { max-width:345px !important; }
.max-w-350px { max-width:350px !important; }
.max-w-355px { max-width:355px !important; }
.max-w-360px { max-width:360px !important; }
.max-w-365px { max-width:365px !important; }
.max-w-370px { max-width:370px !important; }
.max-w-375px { max-width:375px !important; }
.max-w-380px { max-width:380px !important; }
.max-w-385px { max-width:385px !important; }
.max-w-390px { max-width:390px !important; }
.max-w-395px { max-width:395px !important; }
.max-w-400px { max-width:400px !important; }

.min-w-10px { min-width:10px !important; }
.min-w-15px { min-width:15px !important; }
.min-w-20px { min-width:20px !important; }
.min-w-25px { min-width:25px !important; }
.min-w-30px { min-width:30px !important; }
.min-w-35px { min-width:35px !important; }
.min-w-40px { min-width:40px !important; }
.min-w-45px { min-width:45px !important; }
.min-w-50px { min-width:50px !important; }
.min-w-55px { min-width:55px !important; }
.min-w-60px { min-width:60px !important; }
.min-w-65px { min-width:65px !important; }
.min-w-70px { min-width:70px !important; }
.min-w-75px { min-width:75px !important; }
.min-w-80px { min-width:80px !important; }
.min-w-85px { min-width:85px !important; }
.min-w-90px { min-width:90px !important; }
.min-w-95px { min-width:95px !important; }
.min-w-100px { min-width:100px !important; }
.min-w-105px { min-width:105px !important; }
.min-w-110px { min-width:110px !important; }
.min-w-115px { min-width:115px !important; }
.min-w-120px { min-width:120px !important; }
.min-w-125px { min-width:125px !important; }
.min-w-130px { min-width:130px !important; }
.min-w-135px { min-width:135px !important; }
.min-w-140px { min-width:140px !important; }
.min-w-145px { min-width:145px !important; }
.min-w-150px { min-width:150px !important; }
.min-w-155px { min-width:155px !important; }
.min-w-160px { min-width:160px !important; }
.min-w-165px { min-width:165px !important; }
.min-w-170px { min-width:170px !important; }
.min-w-175px { min-width:175px !important; }
.min-w-180px { min-width:180px !important; }
.min-w-185px { min-width:185px !important; }
.min-w-190px { min-width:190px !important; }
.min-w-195px { min-width:195px !important; }
.min-w-200px { min-width:200px !important; }
.min-w-205px { min-width:205px !important; }
.min-w-210px { min-width:210px !important; }
.min-w-215px { min-width:215px !important; }
.min-w-220px { min-width:220px !important; }
.min-w-225px { min-width:225px !important; }
.min-w-230px { min-width:230px !important; }
.min-w-235px { min-width:235px !important; }
.min-w-240px { min-width:240px !important; }
.min-w-245px { min-width:245px !important; }
.min-w-250px { min-width:250px !important; }
.min-w-255px { min-width:255px !important; }
.min-w-260px { min-width:260px !important; }
.min-w-265px { min-width:265px !important; }
.min-w-270px { min-width:270px !important; }
.min-w-275px { min-width:275px !important; }
.min-w-280px { min-width:280px !important; }
.min-w-285px { min-width:285px !important; }
.min-w-290px { min-width:290px !important; }
.min-w-295px { min-width:295px !important; }
.min-w-300px { min-width:300px !important; }
.min-w-305px { min-width:305px !important; }
.min-w-310px { min-width:310px !important; }
.min-w-315px { min-width:315px !important; }
.min-w-320px { min-width:320px !important; }
.min-w-325px { min-width:325px !important; }
.min-w-330px { min-width:330px !important; }
.min-w-335px { min-width:335px !important; }
.min-w-340px { min-width:340px !important; }
.min-w-345px { min-width:345px !important; }
.min-w-350px { min-width:350px !important; }
.min-w-355px { min-width:355px !important; }
.min-w-360px { min-width:360px !important; }
.min-w-365px { min-width:365px !important; }
.min-w-370px { min-width:370px !important; }
.min-w-375px { min-width:375px !important; }
.min-w-380px { min-width:380px !important; }
.min-w-385px { min-width:385px !important; }
.min-w-390px { min-width:390px !important; }
.min-w-395px { min-width:395px !important; }
.min-w-400px { min-width:400px !important; }
/****** responsive & retina specific ******/
@media (min-width:768px) {
	.w-md-10px { width:10px !important; }
	.w-md-15px { width:15px !important; }
	.w-md-20px { width:20px !important; }
	.w-md-25px { width:25px !important; }
	.w-md-30px { width:30px !important; }
	.w-md-35px { width:35px !important; }
	.w-md-40px { width:40px !important; }
	.w-md-45px { width:45px !important; }
	.w-md-50px { width:50px !important; }
	.w-md-55px { width:55px !important; }
	.w-md-60px { width:60px !important; }
	.w-md-65px { width:65px !important; }
	.w-md-70px { width:70px !important; }
	.w-md-75px { width:75px !important; }
	.w-md-80px { width:80px !important; }
	.w-md-85px { width:85px !important; }
	.w-md-90px { width:90px !important; }
	.w-md-95px { width:95px !important; }
	.w-md-100px { width:100px !important; }
	.w-md-105px { width:105px !important; }
	.w-md-110px { width:110px !important; }
	.w-md-115px { width:115px !important; }
	.w-md-120px { width:120px !important; }
	.w-md-125px { width:125px !important; }
	.w-md-130px { width:130px !important; }
	.w-md-135px { width:135px !important; }
	.w-md-140px { width:140px !important; }
	.w-md-145px { width:145px !important; }
	.w-md-150px { width:150px !important; }
	.w-md-155px { width:155px !important; }
	.w-md-160px { width:160px !important; }
	.w-md-165px { width:165px !important; }
	.w-md-170px { width:170px !important; }
	.w-md-175px { width:175px !important; }
	.w-md-180px { width:180px !important; }
	.w-md-185px { width:185px !important; }
	.w-md-190px { width:190px !important; }
	.w-md-195px { width:195px !important; }
	.w-md-200px { width:200px !important; }
	.w-md-205px { width:205px !important; }
	.w-md-210px { width:210px !important; }
	.w-md-215px { width:215px !important; }
	.w-md-220px { width:220px !important; }
	.w-md-225px { width:225px !important; }
	.w-md-230px { width:230px !important; }
	.w-md-235px { width:235px !important; }
	.w-md-240px { width:240px !important; }
	.w-md-245px { width:245px !important; }
	.w-md-250px { width:250px !important; }
	.w-md-255px { width:255px !important; }
	.w-md-260px { width:260px !important; }
	.w-md-265px { width:265px !important; }
	.w-md-270px { width:270px !important; }
	.w-md-275px { width:275px !important; }
	.w-md-280px { width:280px !important; }
	.w-md-285px { width:285px !important; }
	.w-md-290px { width:290px !important; }
	.w-md-295px { width:295px !important; }
	.w-md-300px { width:300px !important; }
	.w-md-305px { width:305px !important; }
	.w-md-310px { width:310px !important; }
	.w-md-315px { width:315px !important; }
	.w-md-320px { width:320px !important; }
	.w-md-325px { width:325px !important; }
	.w-md-330px { width:330px !important; }
	.w-md-335px { width:335px !important; }
	.w-md-340px { width:340px !important; }
	.w-md-345px { width:345px !important; }
	.w-md-350px { width:350px !important; }
	.w-md-355px { width:355px !important; }
	.w-md-360px { width:360px !important; }
	.w-md-365px { width:365px !important; }
	.w-md-370px { width:370px !important; }
	.w-md-375px { width:375px !important; }
	.w-md-380px { width:380px !important; }
	.w-md-385px { width:385px !important; }
	.w-md-390px { width:390px !important; }
	.w-md-395px { width:395px !important; }
	.w-md-400px { width:400px !important; }

	.max-w-md-10px { max-width:10px !important; }
	.max-w-md-15px { max-width:15px !important; }
	.max-w-md-20px { max-width:20px !important; }
	.max-w-md-25px { max-width:25px !important; }
	.max-w-md-30px { max-width:30px !important; }
	.max-w-md-35px { max-width:35px !important; }
	.max-w-md-40px { max-width:40px !important; }
	.max-w-md-45px { max-width:45px !important; }
	.max-w-md-50px { max-width:50px !important; }
	.max-w-md-55px { max-width:55px !important; }
	.max-w-md-60px { max-width:60px !important; }
	.max-w-md-65px { max-width:65px !important; }
	.max-w-md-70px { max-width:70px !important; }
	.max-w-md-75px { max-width:75px !important; }
	.max-w-md-80px { max-width:80px !important; }
	.max-w-md-85px { max-width:85px !important; }
	.max-w-md-90px { max-width:90px !important; }
	.max-w-md-95px { max-width:95px !important; }
	.max-w-md-100px { max-width:100px !important; }
	.max-w-md-105px { max-width:105px !important; }
	.max-w-md-110px { max-width:110px !important; }
	.max-w-md-115px { max-width:115px !important; }
	.max-w-md-120px { max-width:120px !important; }
	.max-w-md-125px { max-width:125px !important; }
	.max-w-md-130px { max-width:130px !important; }
	.max-w-md-135px { max-width:135px !important; }
	.max-w-md-140px { max-width:140px !important; }
	.max-w-md-145px { max-width:145px !important; }
	.max-w-md-150px { max-width:150px !important; }
	.max-w-md-155px { max-width:155px !important; }
	.max-w-md-160px { max-width:160px !important; }
	.max-w-md-165px { max-width:165px !important; }
	.max-w-md-170px { max-width:170px !important; }
	.max-w-md-175px { max-width:175px !important; }
	.max-w-md-180px { max-width:180px !important; }
	.max-w-md-185px { max-width:185px !important; }
	.max-w-md-190px { max-width:190px !important; }
	.max-w-md-195px { max-width:195px !important; }
	.max-w-md-200px { max-width:200px !important; }
	.max-w-md-205px { max-width:205px !important; }
	.max-w-md-210px { max-width:210px !important; }
	.max-w-md-215px { max-width:215px !important; }
	.max-w-md-220px { max-width:220px !important; }
	.max-w-md-225px { max-width:225px !important; }
	.max-w-md-230px { max-width:230px !important; }
	.max-w-md-235px { max-width:235px !important; }
	.max-w-md-240px { max-width:240px !important; }
	.max-w-md-245px { max-width:245px !important; }
	.max-w-md-250px { max-width:250px !important; }
	.max-w-md-255px { max-width:255px !important; }
	.max-w-md-260px { max-width:260px !important; }
	.max-w-md-265px { max-width:265px !important; }
	.max-w-md-270px { max-width:270px !important; }
	.max-w-md-275px { max-width:275px !important; }
	.max-w-md-280px { max-width:280px !important; }
	.max-w-md-285px { max-width:285px !important; }
	.max-w-md-290px { max-width:290px !important; }
	.max-w-md-295px { max-width:295px !important; }
	.max-w-md-300px { max-width:300px !important; }
	.max-w-md-305px { max-width:305px !important; }
	.max-w-md-310px { max-width:310px !important; }
	.max-w-md-315px { max-width:315px !important; }
	.max-w-md-320px { max-width:320px !important; }
	.max-w-md-325px { max-width:325px !important; }
	.max-w-md-330px { max-width:330px !important; }
	.max-w-md-335px { max-width:335px !important; }
	.max-w-md-340px { max-width:340px !important; }
	.max-w-md-345px { max-width:345px !important; }
	.max-w-md-350px { max-width:350px !important; }
	.max-w-md-355px { max-width:355px !important; }
	.max-w-md-360px { max-width:360px !important; }
	.max-w-md-365px { max-width:365px !important; }
	.max-w-md-370px { max-width:370px !important; }
	.max-w-md-375px { max-width:375px !important; }
	.max-w-md-380px { max-width:380px !important; }
	.max-w-md-385px { max-width:385px !important; }

	.max-w-md-390px { max-width:390px !important; }
	.max-w-md-395px { max-width:395px !important; }
	.max-w-md-400px { max-width:400px !important; }

	.min-w-md-10px { min-width:10px !important; }
	.min-w-md-15px { min-width:15px !important; }
	.min-w-md-20px { min-width:20px !important; }
	.min-w-md-25px { min-width:25px !important; }
	.min-w-md-30px { min-width:30px !important; }
	.min-w-md-35px { min-width:35px !important; }
	.min-w-md-40px { min-width:40px !important; }
	.min-w-md-45px { min-width:45px !important; }
	.min-w-md-50px { min-width:50px !important; }
	.min-w-md-55px { min-width:55px !important; }
	.min-w-md-60px { min-width:60px !important; }
	.min-w-md-65px { min-width:65px !important; }
	.min-w-md-70px { min-width:70px !important; }
	.min-w-md-75px { min-width:75px !important; }
	.min-w-md-80px { min-width:80px !important; }
	.min-w-md-85px { min-width:85px !important; }
	.min-w-md-90px { min-width:90px !important; }
	.min-w-md-95px { min-width:95px !important; }
	.min-w-md-100px { min-width:100px !important; }
	.min-w-md-105px { min-width:105px !important; }
	.min-w-md-110px { min-width:110px !important; }
	.min-w-md-115px { min-width:115px !important; }
	.min-w-md-120px { min-width:120px !important; }
	.min-w-md-125px { min-width:125px !important; }
	.min-w-md-130px { min-width:130px !important; }
	.min-w-md-135px { min-width:135px !important; }
	.min-w-md-140px { min-width:140px !important; }
	.min-w-md-145px { min-width:145px !important; }
	.min-w-md-150px { min-width:150px !important; }
	.min-w-md-155px { min-width:155px !important; }
	.min-w-md-160px { min-width:160px !important; }
	.min-w-md-165px { min-width:165px !important; }
	.min-w-md-170px { min-width:170px !important; }
	.min-w-md-175px { min-width:175px !important; }
	.min-w-md-180px { min-width:180px !important; }
	.min-w-md-185px { min-width:185px !important; }
	.min-w-md-190px { min-width:190px !important; }
	.min-w-md-195px { min-width:195px !important; }
	.min-w-md-200px { min-width:200px !important; }
	.min-w-md-205px { min-width:205px !important; }
	.min-w-md-210px { min-width:210px !important; }
	.min-w-md-215px { min-width:215px !important; }
	.min-w-md-220px { min-width:220px !important; }
	.min-w-md-225px { min-width:225px !important; }
	.min-w-md-230px { min-width:230px !important; }
	.min-w-md-235px { min-width:235px !important; }
	.min-w-md-240px { min-width:240px !important; }
	.min-w-md-245px { min-width:245px !important; }
	.min-w-md-250px { min-width:250px !important; }
	.min-w-md-255px { min-width:255px !important; }
	.min-w-md-260px { min-width:260px !important; }
	.min-w-md-265px { min-width:265px !important; }
	.min-w-md-270px { min-width:270px !important; }
	.min-w-md-275px { min-width:275px !important; }
	.min-w-md-280px { min-width:280px !important; }
	.min-w-md-285px { min-width:285px !important; }
	.min-w-md-290px { min-width:290px !important; }
	.min-w-md-295px { min-width:295px !important; }
	.min-w-md-300px { min-width:300px !important; }
	.min-w-md-305px { min-width:305px !important; }
	.min-w-md-310px { min-width:310px !important; }
	.min-w-md-315px { min-width:315px !important; }
	.min-w-md-320px { min-width:320px !important; }
	.min-w-md-325px { min-width:325px !important; }
	.min-w-md-330px { min-width:330px !important; }
	.min-w-md-335px { min-width:335px !important; }
	.min-w-md-340px { min-width:340px !important; }
	.min-w-md-345px { min-width:345px !important; }
	.min-w-md-350px { min-width:350px !important; }
	.min-w-md-355px { min-width:355px !important; }
	.min-w-md-360px { min-width:360px !important; }
	.min-w-md-365px { min-width:365px !important; }
	.min-w-md-370px { min-width:370px !important; }
	.min-w-md-375px { min-width:375px !important; }
	.min-w-md-380px { min-width:380px !important; }
	.min-w-md-385px { min-width:385px !important; }
	.min-w-md-390px { min-width:390px !important; }
	.min-w-md-395px { min-width:395px !important; }
	.min-w-md-400px { min-width:400px !important; }
}

/************ [height] ************/
.h-10px { height:10px !important; }
.h-15px { height:15px !important; }
.h-20px { height:20px !important; }
.h-25px { height:25px !important; }
.h-30px { height:30px !important; }
.h-35px { height:35px !important; }
.h-40px { height:40px !important; }
.h-45px { height:45px !important; }
.h-50px { height:50px !important; }
.h-55px { height:55px !important; }
.h-60px { height:60px !important; }
.h-65px { height:65px !important; }
.h-70px { height:70px !important; }
.h-75px { height:75px !important; }
.h-80px { height:80px !important; }
.h-85px { height:85px !important; }
.h-90px { height:90px !important; }
.h-95px { height:95px !important; }
.h-100px { height:100px !important; }
.h-105px { height:105px !important; }
.h-110px { height:110px !important; }
.h-115px { height:115px !important; }
.h-120px { height:120px !important; }
.h-125px { height:125px !important; }
.h-130px { height:130px !important; }
.h-135px { height:135px !important; }
.h-140px { height:140px !important; }
.h-145px { height:145px !important; }
.h-150px { height:150px !important; }
.h-155px { height:155px !important; }
.h-160px { height:160px !important; }
.h-165px { height:165px !important; }
.h-170px { height:170px !important; }
.h-175px { height:175px !important; }
.h-180px { height:180px !important; }
.h-185px { height:185px !important; }
.h-190px { height:190px !important; }
.h-195px { height:195px !important; }
.h-200px { height:200px !important; }
.h-205px { height:205px !important; }
.h-210px { height:210px !important; }
.h-215px { height:215px !important; }
.h-220px { height:220px !important; }
.h-225px { height:225px !important; }
.h-230px { height:230px !important; }
.h-235px { height:235px !important; }
.h-240px { height:240px !important; }
.h-245px { height:245px !important; }
.h-250px { height:250px !important; }
.h-255px { height:255px !important; }
.h-260px { height:260px !important; }
.h-265px { height:265px !important; }
.h-270px { height:270px !important; }
.h-275px { height:275px !important; }
.h-280px { height:280px !important; }
.h-285px { height:285px !important; }
.h-290px { height:290px !important; }
.h-295px { height:295px !important; }
.h-300px { height:300px !important; }
.h-305px { height:305px !important; }
.h-310px { height:310px !important; }
.h-315px { height:315px !important; }
.h-320px { height:320px !important; }
.h-325px { height:325px !important; }
.h-330px { height:330px !important; }
.h-335px { height:335px !important; }
.h-340px { height:340px !important; }
.h-345px { height:345px !important; }
.h-350px { height:350px !important; }
.h-355px { height:355px !important; }
.h-360px { height:360px !important; }
.h-365px { height:365px !important; }
.h-370px { height:370px !important; }
.h-375px { height:375px !important; }
.h-380px { height:380px !important; }
.h-385px { height:385px !important; }
.h-390px { height:390px !important; }
.h-395px { height:395px !important; }
.h-400px { height:400px !important; }
/****** responsive & retina specific ******/
@media (min-height:768px) {
	.h-md-10px { height:10px !important; }
	.h-md-15px { height:15px !important; }
	.h-md-20px { height:20px !important; }
	.h-md-25px { height:25px !important; }
	.h-md-30px { height:30px !important; }
	.h-md-35px { height:35px !important; }
	.h-md-40px { height:40px !important; }
	.h-md-45px { height:45px !important; }
	.h-md-50px { height:50px !important; }
	.h-md-55px { height:55px !important; }
	.h-md-60px { height:60px !important; }
	.h-md-65px { height:65px !important; }
	.h-md-70px { height:70px !important; }
	.h-md-75px { height:75px !important; }
	.h-md-80px { height:80px !important; }
	.h-md-85px { height:85px !important; }
	.h-md-90px { height:90px !important; }
	.h-md-95px { height:95px !important; }
	.h-md-100px { height:100px !important; }
	.h-md-105px { height:105px !important; }
	.h-md-110px { height:110px !important; }
	.h-md-115px { height:115px !important; }
	.h-md-120px { height:120px !important; }
	.h-md-125px { height:125px !important; }
	.h-md-130px { height:130px !important; }
	.h-md-135px { height:135px !important; }
	.h-md-140px { height:140px !important; }
	.h-md-145px { height:145px !important; }
	.h-md-150px { height:150px !important; }
	.h-md-155px { height:155px !important; }
	.h-md-160px { height:160px !important; }
	.h-md-165px { height:165px !important; }
	.h-md-170px { height:170px !important; }
	.h-md-175px { height:175px !important; }
	.h-md-180px { height:180px !important; }
	.h-md-185px { height:185px !important; }
	.h-md-190px { height:190px !important; }
	.h-md-195px { height:195px !important; }
	.h-md-200px { height:200px !important; }
	.h-md-205px { height:205px !important; }
	.h-md-210px { height:210px !important; }
	.h-md-215px { height:215px !important; }
	.h-md-220px { height:220px !important; }
	.h-md-225px { height:225px !important; }
	.h-md-230px { height:230px !important; }
	.h-md-235px { height:235px !important; }
	.h-md-240px { height:240px !important; }
	.h-md-245px { height:245px !important; }
	.h-md-250px { height:250px !important; }
	.h-md-255px { height:255px !important; }
	.h-md-260px { height:260px !important; }
	.h-md-265px { height:265px !important; }
	.h-md-270px { height:270px !important; }
	.h-md-275px { height:275px !important; }
	.h-md-280px { height:280px !important; }
	.h-md-285px { height:285px !important; }
	.h-md-290px { height:290px !important; }
	.h-md-295px { height:295px !important; }
	.h-md-300px { height:300px !important; }
	.h-md-305px { height:305px !important; }
	.h-md-310px { height:310px !important; }
	.h-md-315px { height:315px !important; }
	.h-md-320px { height:320px !important; }
	.h-md-325px { height:325px !important; }
	.h-md-330px { height:330px !important; }
	.h-md-335px { height:335px !important; }
	.h-md-340px { height:340px !important; }
	.h-md-345px { height:345px !important; }
	.h-md-350px { height:350px !important; }
	.h-md-355px { height:355px !important; }
	.h-md-360px { height:360px !important; }
	.h-md-365px { height:365px !important; }
	.h-md-370px { height:370px !important; }
	.h-md-375px { height:375px !important; }
	.h-md-380px { height:380px !important; }
	.h-md-385px { height:385px !important; }
	.h-md-390px { height:390px !important; }
	.h-md-395px { height:395px !important; }
	.h-md-400px { height:400px !important; }
}
/*** Safari hack ***/
@media (max-width:575px) {
	html[xmlns*=""] body:last-child .w-250px { width:280px !important; }
}