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

/***************************************************************
	[HEADER]
***************************************************************/
/************ [main] ************/
.main-header { padding:1.5rem; padding-bottom:1rem; }
.main-header::before,.main-header::after { content:""; display:table; }
.main-header::after { clear:both; }
.main-header h1 { float:left; line-height:1; color:#111; font-size:1.5rem; font-weight:300; }
.main-header h1 small { margin:0 5px; color:#888; font-size:1rem; font-weight:300; }

/************ [segment] ************/
.segment-header { line-height:1.5; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc; }
.segment-header h2 { display:inline-block; position:relative; color:#333; font-size:1.125rem; font-weight:400; word-break:keep-all; }
.segment-header h2 small { margin:0 5px; color:#888; font-size:0.875rem; font-weight:300; }

.segment-header.align-group { margin-bottom:20px !important; }
.segment-header.align-group h2 { display:-ms-inline-flexbox; display:inline-flex; vertical-align:middle; }
.segment-header.align-group h2 small {  }

.segment-footer { background:#ddd;  border-top:1px solid #ddd; }

/************ [panel] ************/
.panel-header { line-height:1.5; padding-bottom:10px; }
.panel-header h3 { color:#333; font-size:1rem; font-weight:500; word-break:keep-all; }
.panel-header h3 small { margin:0 5px; color:#888; font-size:0.8125rem; font-weight:300; }


/***************************************************************
	[LAYOUT]
***************************************************************/
/************ [form layout] ************/
.form-layout-wrap { padding:0 15px; }
.form-layout-wrap:first-child { margin-top:0; }
.form-layout-wrap>.row { background:#f4f4f4; border-bottom:1px solid #eaeaea; }
.form-layout-wrap>.row:last-child { border-bottom:1px solid #eaeaea; }
.grid-col .panel-wrap .form-layout-wrap { margin:-15px; }
/*.grid-col .panel-wrap .form-layout-wrap>.row { background:none; }
.grid-col .panel-wrap .form-layout-body { background:none; }
.grid-col .panel-wrap .form-layout-wrap>.row:first-child { border-top:0; }
.grid-col .panel-wrap .form-layout-wrap>.row:last-child { border-bottom:0; }*/

.form-layout-header { width:180px !important; -ms-flex:0 0 180px !important; flex:0 0 180px !important; max-width:180px !important; height:100%; min-height:1%; padding:0.5rem !important; position:relative; }
.form-layout-header:last-child { border:0; }
.form-layout-header h4.form-label { padding:0.5rem !important; display:inline-block; position:relative; font-size:0.875em; }
.form-layout-header h4.required:before { left:0; }
.form-layout-header h4 small { margin:0 !important; display:block; }
.form-layout-header .btn-remove { width:auto; height:auto; min-width:1rem; min-height:1rem; position:absolute; top:0; left:0; border-radius:0; }
.form-layout-body { width:calc(100% - 180px) !important; -ms-flex:0 0 calc(100% - 180px) !important; flex:0 0 calc(100% - 180px) !important; max-width:calc(100% - 180px) !important; padding:0.25rem 0.5rem !important; background:#fcfcfc; }
.form-layout-body h6.form-label { padding:0.125rem !important; display:inline-block; position:relative; font-size:0.875em; font-weight:500; }
.form-layout-body .form-group { margin:0.25rem 0; }
/*.form-layout-body.grid-col [class*="col-width-"] { padding-right:5px; }*/
.form-layout-body.form-label-inline .form-label:not(.form-label-addon) { max-width:10%; -ms-flex:0 0 10%; flex:0 0 10%; }
.form-layout-body.form-label-inline .controls { max-width:90%; -ms-flex:0 0 90%; flex:0 0 90%; }
.form-layout-body.form-label-inline.s2 .form-label:not(.form-label-addon) { max-width:16.666667%; -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; }
.form-layout-body.form-label-inline.s2 .controls { max-width:83.333333%; -ms-flex:0 0 83.333333%; flex:0 0 83.333333%; }
.form-layout-body.form-label-inline.s2 .group { padding-left:16.666667%; }

.form-layout-body a.link-arrow { margin-left:1rem; font-size:0.875rem; }
.form-layout-wrap .row .btn-group { padding:0; }
.form-layout-wrap .btn-group { /*margin-top:0 !important; padding:1rem 0; */ }


/****** responsive & retina specific ******/
@media (max-width:1200px) {
	.form-layout-body.grid-col [class*="col-width-"] { -ms-flex:0 0 100% !important; flex:0 0 100% !important; max-width:100% !important; }
}


/***************************************************************
	[BREADCRUMB]
***************************************************************/
.breadcrumbs { padding:5px 0 0 0; background-color:transparent; color:#aaa; font-size:0.75rem; font-weight:400; text-transform:uppercase; }
.breadcrumbs>li { display:inline-block; }
.breadcrumbs>li+li::before { content:"\e919"; width:20px; margin-top:2px; padding:0; display:inline-block; color:rgba(0,0,0,0.5); font-size:10px; font-family:'tencon'; font-style:normal; font-weight:normal; text-decoration:inherit; text-align:center; speak:none; font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; -webkit-backface-visibility:hidden; backface-visibility:hidden; vertical-align:top; }


/***************************************************************
	[LOADING]
***************************************************************/
body>.loading,body .page-wrap>.loading { width:100%; height:100%; position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.75); font-size:0; line-height:0; z-index:100000; }
body>.loading::before,body .page-wrap>.loading::before { content:""; width:4.5rem; height:4.5rem; margin:auto; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,1) url(../fonts/loading-light.svg) no-repeat 50% 50% / 30px auto; border-radius:0.25rem; }
body>.loading.bg-light,body .page-wrap>.loading.bg-light { background-color:rgba(255,255,255,0.75); }
body>.loading.bg-light::before,body .page-wrap>.loading.bg-light::before { background-color:rgba(255,255,255,0); background-image:url(../fonts/loading-dark.svg); }
/************ loading ************/
.loading-inner { width:100%; height:100%; position:relative; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0); font-size:0; line-height:0; z-index:10000; }
.loading-inner::before { content:""; width:4.5rem; height:4.5rem; margin:auto; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0) url(../fonts/loading-dark.svg) no-repeat 50% 50% / 30px auto; border-radius:0.25rem; }
.loading-inner.bg-dark::before { background-image:url(../fonts/loading-light.svg); }

.loading-sm::before { width:2rem; height:2rem; background-size:20px auto; }

td .loading-inner { height:20rem; }
td .loading-inner.bg-dark { background-color:rgba(0,0,0,0.95); }
td .loading-sm { height:auto; }

/*** IE ***/
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	body>.loading::before,body .page-wrap>.loading::before,.loading-inner.bg-dark::before { background-image:url(../images/loading-light.gif); }
	body>.loading.bg-light::before,body .page-wrap>.loading.bg-light::before,.loading-inner::before { background-image:url(../images/loading-dark.gif); }	
}


/***************************************************************
	[SCROLL BAR] SimpleBar.js - v3.0.0-beta.4
***************************************************************/
[data-simplebar] { max-height:inherit; position:relative; overflow:hidden !important; -webkit-overflow-scrolling:touch; z-index:0; /* Trigger native scrolling for mobile, if not supported, plugin is used. */ }
[data-simplebar="init"] { display:flex; }
[data-simplebar] .simplebar-scroll-content, [data-simplebar] .simplebar-content { overflow:hidden; }
[data-simplebar="init"] .simplebar-scroll-content, [data-simplebar="init"] .simplebar-content { overflow:scroll; }
.simplebar-scroll-content { min-width:100% !important; max-height:inherit !important; overflow-x:hidden !important; box-sizing:content-box !important; }
.simplebar-content { min-height:100% !important; overflow-y:hidden !important; box-sizing:border-box !important; }
.simplebar-track { width:11px; position:absolute; right:0; bottom:0; pointer-events:none; z-index:1; }
.simplebar-scrollbar { width:7px; min-height:10px; position:absolute; right:4px; }
.simplebar-scrollbar:before { content:""; position:absolute; left:0; right:0; background:#000; border-radius:2rem; opacity:0; transition:opacity 0.2s linear; }
.simplebar-track .simplebar-scrollbar.visible:before { /* When hovered, remove all transitions from drag handle */ 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; }


/***************************************************************
	[LAYOUT]
***************************************************************/
.row { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-15px; margin-left:-15px; }
.row>.grid-col { width:100%; min-height:1%; padding-right:15px; padding-left:15px; position:relative; }

.col-2 .grid-col { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
.col-3 .grid-col { -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%; }
.col-4 .grid-col { -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; }
.col-5 .grid-col { -ms-flex:0 0 20%; flex:0 0 20%; max-width:20%; }
.col-6 .grid-col { -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%; }
.col-7 .grid-col { -ms-flex:0 0 14.285714%; flex:0 0 14.285714%; max-width:14.285714%; }
.col-8 .grid-col { -ms-flex:0 0 12.5%; flex:0 0 12.5%; max-width:12.5%; }
.col-9 .grid-col { -ms-flex:0 0 11.111111%; flex:0 0 11.111111%; max-width:11.111111%; }
.col-10 .grid-col { -ms-flex:0 0 10%; flex:0 0 10%; max-width:10%; }
.col-11 .grid-col { -ms-flex:0 0 9.090909%; flex:0 0 9.090909%; max-width:9.090909%; }
.col-12 .grid-col { -ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333%; }
/****** responsive & retina specific ******/
@media (min-width:576px) {
	.col-sm-2 .grid-col { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
	.col-sm-3 .grid-col { -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%; }
	.col-sm-4 .grid-col { -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; }
	.col-sm-5 .grid-col { -ms-flex:0 0 20%; flex:0 0 20%; max-width:20%; }
	.col-sm-6 .grid-col { -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%; }
	.col-sm-7 .grid-col { -ms-flex:0 0 14.285714%; flex:0 0 14.285714%; max-width:14.285714%; }
	.col-sm-8 .grid-col { -ms-flex:0 0 12.5%; flex:0 0 12.5%; max-width:12.5%; }
	.col-sm-9 .grid-col { -ms-flex:0 0 11.111111%; flex:0 0 11.111111%; max-width:11.111111%; }
	.col-sm-10 .grid-col { -ms-flex:0 0 10%; flex:0 0 10%; max-width:10%; }
	.col-sm-11 .grid-col { -ms-flex:0 0 9.090909%; flex:0 0 9.090909%; max-width:9.090909%; }
	.col-sm-12 .grid-col { -ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333%; }
}
@media (min-width:768px) {
	.col-md-2 .grid-col { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
	.col-md-3 .grid-col { -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%; }
	.col-md-4 .grid-col { -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; }
	.col-md-5 .grid-col { -ms-flex:0 0 20%; flex:0 0 20%; max-width:20%; }
	.col-md-6 .grid-col { -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%; }
	.col-md-7 .grid-col { -ms-flex:0 0 14.285714%; flex:0 0 14.285714%; max-width:14.285714%; }
	.col-md-8 .grid-col { -ms-flex:0 0 12.5%; flex:0 0 12.5%; max-width:12.5%; }
	.col-md-9 .grid-col { -ms-flex:0 0 11.111111%; flex:0 0 11.111111%; max-width:11.111111%; }
	.col-md-10 .grid-col { -ms-flex:0 0 10%; flex:0 0 10%; max-width:10%; }
	.col-md-11 .grid-col { -ms-flex:0 0 9.090909%; flex:0 0 9.090909%; max-width:9.090909%; }
	.col-md-12 .grid-col { -ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333%; }
	
	.col-width-5 { -ms-flex:0 0 5% !important; flex:0 0 5% !important; max-width:5% !important; }
	.col-width-10 { -ms-flex:0 0 10% !important; flex:0 0 10% !important; max-width:10% !important; }
	.col-width-15 { -ms-flex:0 0 15% !important; flex:0 0 15% !important; max-width:15% !important; }
	.col-width-20 { -ms-flex:0 0 20% !important; flex:0 0 20% !important; max-width:20% !important; }
	.col-width-25 { -ms-flex:0 0 25% !important; flex:0 0 25% !important; max-width:25% !important; }
	.col-width-30 { -ms-flex:0 0 30% !important; flex:0 0 30% !important; max-width:30% !important; }
	.col-width-33 { -ms-flex:0 0 33.333333% !important; flex:0 0 33.333333%; max-width:33.333333% !important; }
	.col-width-35 { -ms-flex:0 0 35% !important; flex:0 0 35% !important; max-width:35% !important; }
	.col-width-40 { -ms-flex:0 0 40% !important; flex:0 0 40% !important; max-width:40% !important; }
	.col-width-45 { -ms-flex:0 0 45% !important; flex:0 0 45% !important; max-width:45% !important; }
	.col-width-50 { -ms-flex:0 0 50% !important; flex:0 0 50% !important; max-width:50% !important; }
	.col-width-55 { -ms-flex:0 0 55% !important; flex:0 0 55% !important; max-width:55% !important; }
	.col-width-60 { -ms-flex:0 0 60% !important; flex:0 0 60% !important; max-width:60% !important; }
	.col-width-65 { -ms-flex:0 0 65% !important; flex:0 0 65% !important; max-width:65% !important; }
	.col-width-70 { -ms-flex:0 0 70% !important; flex:0 0 70% !important; max-width:70% !important; }
	.col-width-75 { -ms-flex:0 0 75% !important; flex:0 0 75% !important; max-width:75% !important; }
	.col-width-80 { -ms-flex:0 0 80% !important; flex:0 0 80% !important; max-width:80% !important; }
	.col-width-85 { -ms-flex:0 0 85% !important; flex:0 0 85% !important; max-width:85% !important; }
	.col-width-90 { -ms-flex:0 0 90% !important; flex:0 0 90% !important; max-width:90% !important; }
	.col-width-95 { -ms-flex:0 0 95% !important; flex:0 0 95% !important; max-width:95% !important; }
    .col-width-100 { -ms-flex:0 0 100% !important; flex:0 0 100% !important; max-width:100% !important; }
}
@media (min-width:992px) {
	.col-lg-2 .grid-col { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
	.col-lg-3 .grid-col { -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%; }
	.col-lg-4 .grid-col { -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; }
	.col-lg-5 .grid-col { -ms-flex:0 0 20%; flex:0 0 20%; max-width:20%; }
	.col-lg-6 .grid-col { -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%; }
	.col-lg-7 .grid-col { -ms-flex:0 0 14.285714%; flex:0 0 14.285714%; max-width:14.285714%; }
	.col-lg-8 .grid-col { -ms-flex:0 0 12.5%; flex:0 0 12.5%; max-width:12.5%; }
	.col-lg-9 .grid-col { -ms-flex:0 0 11.111111%; flex:0 0 11.111111%; max-width:11.111111%; }
	.col-lg-10 .grid-col { -ms-flex:0 0 10%; flex:0 0 10%; max-width:10%; }
	.col-lg-11 .grid-col { -ms-flex:0 0 9.090909%; flex:0 0 9.090909%; max-width:9.090909%; }
	.col-lg-12 .grid-col { -ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333%; }
}
@media (min-width:1200px) {
	.col-xl-2 .grid-col { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
	.col-xl-3 .grid-col { -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%; }
	.col-xl-4 .grid-col { -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; }
	.col-xl-5 .grid-col { -ms-flex:0 0 20%; flex:0 0 20%; max-width:20%; }
	.col-xl-6 .grid-col { -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%; }
	.col-xl-7 .grid-col { -ms-flex:0 0 14.285714%; flex:0 0 14.285714%; max-width:14.285714%; }
	.col-xl-8 .grid-col { -ms-flex:0 0 12.5%; flex:0 0 12.5%; max-width:12.5%; }
	.col-xl-9 .grid-col { -ms-flex:0 0 11.111111%; flex:0 0 11.111111%; max-width:11.111111%; }
	.col-xl-10 .grid-col { -ms-flex:0 0 10%; flex:0 0 10%; max-width:10%; }
	.col-xl-11 .grid-col { -ms-flex:0 0 9.090909%; flex:0 0 9.090909%; max-width:9.090909%; }
	.col-xl-12 .grid-col { -ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333%; }
}


.btn-group.align-group .btn { min-width:6.25rem; }
.segment-body+.btn-group.align-group { margin-top:2rem; margin-bottom:0.5rem; }
.main-body>.btn-group.align-group,.main-body form>.btn-group.align-group,.main-body .segment-wrap+.btn-group.align-group { margin:2rem 0; }
/*
.panel-body+.btn-group.align-group { margin-top:2rem; margin-bottom:0.5rem; }
*/
.align-group { width:100%; margin:0; display:-ms-flexbox !important; display:flex !important; -ms-flex-align:center; align-items:center; }
.align-group-center { -ms-flex-pack:center !important; justify-content:center !important; }
.align-group-right { -ms-flex-pack:end !important; justify-content:flex-end !important; }
.align-group-between { -ms-flex-pack:justify !important; justify-content:space-between !important; }
.align-group-around { -ms-flex-pack:distribute !important; justify-content:space-around !important; }
.align-group .btn + .btn { margin-left:10px; }
.align-group-center .btn { margin:0 5px !important; }
.align-group-right .btn + .btn { margin-left:10px; }
.align-group .group { position:relative; display:-ms-inline-flexbox; display:inline-flex; vertical-align:middle; }
.align-group .group-outlier { position:absolute; right:2rem; }


/***************************************************************
	[PARAGRAPH]
***************************************************************/
/************ [header] ************/
.panel-body h4:first-child,.panel-body h5:first-child,.panel-body h6:first-child { padding-top:0; }
.panel-body h4,.panel-body h5,.panel-body h6 { padding-top:30px; padding-bottom:10px; color:#333; }
.panel-body h4 { font-size:1rem; font-weight:500; }
.panel-body h5 { font-size:0.9375rem; font-weight:600; }
.panel-body h6 { font-size:0.875rem; font-weight:600; }
.panel-body h4 small,.panel-body h5 small,.panel-body h6 small { margin:0 5px; color:#888; font-size:0.8125rem; font-weight:300; }

/************ [Paragraph] ************/
.panel-body p { margin:10px 0; color:#555; font-size:0.875rem; font-weight:400; }
.panel-body p:first-child,.panel-body h4 + p,.panel-body h5 + p,.panel-body h6 + p,.panel-body ul.listing:first-child { margin-top:0; }
/*** text color ***/
.panel-body strong { color:#111; font-weight:600; }
.panel-body .txt-primary { color:#00bdcd; }
.panel-body .txt-green,.panel-body .txt-success { color:#28a745; }
.panel-body .txt-blue,.panel-body .txt-info { color:#17a2b8; }
.panel-body .txt-yellow,.panel-body .txt-warning { color:#ffc107; }
.panel-body .txt-red,.panel-body .txt-danger { color:#dc3545; }
/*** anchor color ***/
.panel-body a:not(.label-link):not(.btn):not(.dropdown-item):not([class^="ui-"]) { color:#00bdcd; font-weight:400; }
.panel-body a.link-txt { text-decoration:underline; }
.panel-body a.link-arrow { text-decoration:none; }
.panel-body a.link-arrow::after { content:""; width:0; height:0; margin-left:4px; display:inline-block; position:relative; top:-2px; border:4px solid transparent; border-left:5px solid #00bdcd; }
/*** anchor label color ***/
.label-link { line-height:1; padding:2px 5px 3px; display:inline; border-radius:0.25rem; color:#fff; font-size:0.625rem; font-weight:500; text-align:center; text-decoration:none; white-space:nowrap; vertical-align:baseline; }
.label-link:hover { text-decoration:none !important; }
span.label-link { border-radius:30px; }
.label-grop { margin-right:-2px; margin-left:-2px; }
.label-tag { margin:2px; padding:5px 0.625rem 6px; display:inline-block; border-radius:30px; font-size:0.875rem; }
.label-tag-btn { padding:2px 0.625rem 0; }
.label-tag-btn .btn { min-width:inherit !important; padding:0; right:-0.2rem; }
.label-tag-btn .btn i { margin-right:0; top:0; color:#fff; }

.label-primary { background-color:#00bdcd; }
.label-green,.panel-body .label-success { background-color:#28a745; }
.label-blue,.panel-body .label-info { background-color:#17a2b8; }
.label-yellow,.panel-body .label-warning { background-color:#ffc107; }
.label-red,.panel-body .label-danger { background-color:#dc3545; }
.label-orange { background-color:#f47e34; }
.label-navy { background-color:#2c3e50; }
.label-purple { background-color:#562088; }
.label-black { background-color:#333; }
.label-gray { background-color:#ddd; color:#333; }
.label-new { min-width:inherit !important; padding:2px 3px 3px !important; background-color:#fd7e14; font-weight:800; }

/************ [list] ************/
.list-group { margin:0.625rem 0; padding-left:1.2rem; position:relative; color:#555; font-size:0.875rem; text-align:left; }
.form-group+.list-group { margin:0; }
.list-group li { position:relative; }
.list-group.notes { margin-top:1.25rem; padding-top:1.25rem; color:#999; font-size:0.8125rem; }
.list-group.refer { color:#999; font-size:0.875rem; }
.list-group.notes::before { content:""; width:12rem; height:1px; background-color:#999; position:absolute; top:0; left:0; }
.list-group.red,.list-group li.red { color:#dc3545; }
.bullet-none { padding-left:0; }
.bullet-decimal { list-style:decimal; }
.bullet-circle { list-style:circle; }
.bullet-disc { list-style:disc; }
.bullet-square { list-style:square; }
.bullet-refer { list-style:none; }
.bullet-refer li::before { content:"\203b"; position:absolute; top:0; left:-1rem; }

.list-group-inline { margin:0.625rem 0; position:relative; color:#555; font-size:0.875rem; text-align:left; }
.list-group-inline li { display:inline; position:relative; }

/************ [figure] ************/
figure { margin:1.25rem 0; }
figure img { max-width:100%; }
figure figcaption { margin-top:0.3125rem; color:#888; font-size:0.75rem; }

/************ [Ribon] ************/
.ribbon { padding:0.625rem 1rem; line-height:1.5; color:#fff; }
.ribbon-circle { padding:0.625rem; border-radius:100px; color:#fff; font-size:12px; line-height:1; }
.ribbon-default { background-color:rgba(0,0,0,1); }		/* #000 */
.ribbon-default.alpha { background-color:rgba(0,0,0,0.85); }		/* #000 */
.ribbon-primary { background-color:rgba(0,189,205,1); }		/* #00bdcd */
.ribbon-primary.alpha { background-color:rgba(0,189,205,0.9); }		/* #00bdcd */
.ribbon-green,.ribbon-success { background-color:rgba(40,167,69,1); }		/* #28a745 */
.ribbon-green.alpha,.ribbon-success.alpha { background-color:rgba(40,167,69,0.9); }		/* #28a745 */
.ribbon-blue,.ribbon-info { background-color:rgba(23,162,184,1); }	/* #17a2b8 */
.ribbon-blue.alpha,.ribbon-info.alpha { background-color:rgba(23,162,184,0.9); }	/* #17a2b8 */
.ribbon-yellow,.ribbon-warning { background-color:rgba(255,193,7,1); }		/* #ffc107 */
.ribbon-yellow.alpha,.ribbon-warning.alpha { background-color:rgba(255,193,7,0.9); }		/* #ffc107 */
.ribbon-red,.ribbon-danger { background-color:rgba(220,53,69,1); }		/* #dc3545 */
.ribbon-red.alpha,.ribbon-danger.alpha { background-color:rgba(220,53,69,0.9); }		/* #dc3545 */
.ribbon-purple { background-color:rgba(69,38,133,1); }	/* #452685 */
.ribbon-purple.alpha { background-color:rgba(69,38,133,0.9); }	/* #452685 */


/***************************************************************
	[ALERT]
***************************************************************/
.alert { margin:10px 0; padding:15px; position:relative; border-width:0px; border-style:solid; border-radius:0.25rem; color:rgba(56,57,60,0.85); font-size:0.875rem; transition:all 0.2s linear 0s; }
.alert-dismissible { padding-right:2rem; }
.alert-dismissible .btn-close { position:absolute; top:0; right:0; opacity:0.7; }
.alert-dismissible .btn-close:hover { opacity:1; }
.alert h4 { margin-bottom:1rem; padding:0; font-size:1rem; font-weight:500; }
.alert hr { margin-top:1rem; margin-bottom:15px; border:0; border-top:1px solid rgba(56,57,60,0.2); box-sizing:content-box; }
.alert .link-txt,.alert .link-arrow { color:#111 !important; font-weight:600 !important; }
.alert .link-arrow::after { border-left:5px solid #111 !important; }
.alert ol.listing,.alert ul.listing { color:rgba(56,57,60,0.85); }
.alert ul.listing.notes,.alert ol.listing.ref { color:rgba(56,57,60,0.65); }
.alert ol.listing.ref::before { background-color:rgba(56,57,60,0.65); }
.alert-notice { background-color:#f2f2f2; }
.alert-info { background-color:#f8ffff; }
.alert-success { background-color:#fcfff5; }
.alert-warning { background-color:#fffaf3; }
.alert-danger { background-color:#fff6f6; }

.alert-highlight { padding-left:4rem; color:#fff;  }
.alert-highlight > i { margin-top:-15px; position:absolute; top:50%; left:15px; color:#fff; font-size:30px; }
.alert-highlight.alert-notice { background-color:#707884; }
.alert-highlight.alert-info { background-color:#199dd8; }
.alert-highlight.alert-success { background-color:#28a745; }
.alert-highlight.alert-warning { background-color:#ffc107; }
.alert-highlight.alert-danger { background-color:#dc3545; }


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


/***************************************************************
    [STAR-RATING]
    bootstrap-star-rating v4.0.5
    http://plugins.krajee.com/star-rating
    Author: Kartik Visweswaran
    Copyright: 2013 - 2018, Kartik Visweswaran, Krajee.com
    Licensed under the BSD 3-Clause
    https://github.com/kartik-v/bootstrap-star-rating/blob/master/LICENSE.md
***************************************************************/
.form-control.rating { opacity:0; }
/*** stars & Input ***/
.rating-container { padding:0.23025rem 0 0.41775rem 0; }
.rating-container .rating-stars { position:relative; cursor:pointer; vertical-align:middle; display:inline-block; overflow:hidden; white-space:nowrap; }
.rating-container .rating-input { width:100%; height:1px; margin:0; padding:0; position:absolute; bottom:0; left:0; font-size:1px; border:none; background:none; opacity:0; cursor:pointer; }
.rating-container.is-display-only .rating-input, .rating-container.is-display-only .rating-stars { cursor:default; }
.rating-disabled .rating-input, .rating-disabled .rating-stars { cursor:not-allowed; }
.rating-container .star { display:inline-block; margin:0 2px; text-align:center; }
.rating-container .empty-stars { color:#e4e4e4; }
.rating-container .filled-stars { margin:auto; position:absolute; left:0; top:0; color:#ffc107; white-space:nowrap; overflow:hidden; }
.rating-animate .filled-stars { transition:width 0.25s ease; }
/*** clear btn ***/
.rating-container .clear-rating { display:inline-block; color:#aaa; vertical-align:middle; cursor:not-allowed; }
.clear-rating-active { cursor:pointer !important; }
.clear-rating-active:hover { color:#843534; }
.rating-container .clear-rating { padding-right:5px; }
/*** caption ***/
.rating-container .caption .label { padding:.25em .4em; display:inline-block; border-radius:.25rem; font-size:0.75rem; 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:1rem; }


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

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

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

/************ [Content - Text List] ************/
.listing .list-txt ul { background-color:#fff; }
.listing .list-txt ul li:first-child { border-top:1px solid #ccc; }
.listing .list-txt ul li { position:relative; border-bottom:1px solid #ccc; font-size:0.8125rem; }
.listing .list-txt ul li .list-header { width:100%; line-height:1.5; padding:6px 10px; display:block; position:relative; }
.listing .list-txt ul li p { padding-right:20px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.listing .list-txt ul li time { display:block; color:#aaa; font-size:0.75rem; text-align:left; }
.listing .list-txt ul li>div>div { padding:5px 15px 15px 15px; color:#aaa; text-align:left; }
.listing .list-txt ul li .btn { position:absolute; }
.listing .list-txt ul li .btn.btn-close { top:4px; right:4px; color:#aaa; }
.listing .list-txt ul li.new::before { content:""; width:4px; height:4px; position:absolute; top:18px; left:6px; background-color:#dc3545; border-radius:100%; }
.listing .list-txt ul li.visited p { color:#aaa; }
/********* pagination *********/
.listing .pagination { padding:10px 0; }
.listing .pagination .paginate { float:none; margin:0; }

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

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

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


/***************************************************************
	[DEFINITION LIST]
***************************************************************/
.dl-horizontal dt { float:left; width:100px; text-align:right; clear:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.dl-horizontal dd { margin-left:120px; color:#666; text-align:left; }

.dl-row dt { float:left; width:1px; height:1px; margin:-1px; padding:0; position:absolute; border:0; clip:rect(0 0 0 0); overflow:hidden; }
.dl-row dd { float:left; padding:0 10px; position:relative; }
.dl-row dd::before { content:""; width:1px; height:10px; margin-top:-5px; display:block; position:absolute; top:50%; left:0; background-color:#bbb; }
.dl-row dt:first-child + dd { padding-left:0; }
.dl-row dt:first-child + dd::before { display:none; }
.dl-row dd.subtxt { opacity:0.5; }

.dl-inline { margin-bottom:0; }
.dl-inline dt { float:left; width:auto; padding:0 5px 0 10px; font-weight:700; }
.dl-inline dd { float:left; padding:0 10px 0 5px; position:relative; }
.dl-inline dd::before { content:""; width:1px; height:10px; margin-top:-5px; display:block; position:absolute; top:50%; right:0; background-color:#bbb; }
.dl-inline dt:first-child { padding-left:0; }
.dl-inline dd:last-child::before { display:none; }

/*** price ***/
.price-wrap { padding:1rem; border:5px solid #ddd; }
.price-wrap .grid-col { width:100%; min-height:1%; padding-right:15px; padding-left:15px; position:relative; }
.price-wrap h4 { padding-bottom:0; font-size:1.5rem; }
.price-wrap .grid-col { max-width:calc(100% - 250px); -ms-flex:0 0 calc(100% - 250px); flex:0 0 calc(100% - 250px); }
.price-wrap .grid-col + .grid-col { max-width:250px; -ms-flex:0 0 250px; flex:0 0 250px; }
.price-wrap .order dt { font-size:1rem; }
.price-wrap .order dd { font-size:1rem; text-align:right; }
.price-wrap .order em { font-weight:700; }
.price-wrap .order span { font-size:0.875rem; }
.price-wrap .total { padding-top:15px; border-top:1px solid #ddd; }
.price-wrap .total .grid-col + .grid-col { text-align:right; }
.price-wrap .total em { font-size:1.5rem; font-weight:700; }
.price-wrap .total span { font-size:1rem; }
.price-wrap .total h4,.price-wrap .total em,.price-wrap .total span { color:#f47e34; }

dl { margin-top:0; margin-bottom:20px; }
dt { color:#555; font-size:0.8125rem; font-weight:500; }
dd { color:#555; margin-left:0; font-size:0.8125rem; }
dd, dt { line-height:1.5; }


/***************************************************************
	[CARD]
***************************************************************/
.card-wrap { min-width:0; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; position:relative; word-wrap:break-word; background-color:#fff; background-clip:border-box; border:1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; }
.card-header { padding:.75rem; position:relative; background-color:transparent; border-bottom:0; }
.card-img { position:relative; }
.card-img div { margin:0; position:relative; overflow:hidden; }
.card-img div img { width:100%; display:block; position:relative; border-radius:0; }

.card-body { position:relative; }
.card-body .card-title { padding-top:0; font-weight:300; }
.card-body h5.card-title { font-size:1.25rem; }
.card-body h6.card-title { font-size:1rem; }

.card-horizontal { margin-bottom:.5rem; padding:1.25rem; flex-wrap:wrap; -ms-flex-direction:row; flex-direction:row; border-color:rgba(0,0,0,.3); }
.card-horizontal a { width:100%; height:100%; display:block; position:absolute; top:0; left:0; z-index:100; } 
.card-horizontal .card-img { -ms-flex:0 0 7rem; flex:0 0 7rem; max-width:7rem; }
.card-horizontal .card-body { padding:0 0 0 1.25rem; -ms-flex:0 0 calc(100% - 7rem); flex:0 0 calc(100% - 7rem); max-width:calc(100% - 7rem); }
.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 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#777d81; overflow:hidden; text-overflow:ellipsis; }


/***************************************************************
	[SWIPER]
***************************************************************/
.swiper-container { width:100%; height:100%; margin:0 auto !important; padding:0; position:relative; list-style:none; overflow:hidden; z-index:1; }
.swiper-wrapper { width:100%; height:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform, -webkit-transform; z-index:1; }
.swiper-container-android .swiper-slide,.swiper-wrapper { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.swiper-slide { width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; position:relative; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform, -webkit-transform; background-size:cover; background-repeat:no-repeat; background-position:center; text-align:center; }
/********* paginaition *********/
.swiper-pagination { position:absolute; text-align:center; -webkit-transition:0.3s opacity; -o-transition:0.3s opacity; transition:0.3s opacity; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10; }
.swiper-pagination.swiper-pagination-hidden { opacity:0; }
.swiper-pagination.swiper-pagination-bullets { width:100%; bottom:1rem; left:0; }
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { width:0.5rem; height:0.5rem; margin:0 0.25rem; display:inline-block; border-radius:100%; background:#fff; opacity:0.45; }
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active { background:#00bdcd; opacity:1; }
/********* prev, next *********/
.swiper-button-next,.swiper-button-prev { width:2.4rem; height:2.4rem; margin-top:-1.2rem; position:absolute; top:50%; cursor:pointer; z-index:10; }
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled { opacity:0.4; cursor:auto; pointer-events:none; }
.swiper-button-prev { right:auto; left:1.5rem; }
.swiper-button-next { right:1.5rem; left:auto; }
.swiper-button-next::before,.swiper-button-prev::before,.swiper-button-next::after,.swiper-button-prev::after { content:""; width:1.6rem; height:1.6rem; margin-top:-1rem; margin-left:-0.8rem; display:block; position:absolute; top:50%; left:50%; -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); transform:rotate(-135deg); cursor:pointer; z-index:2; }
.swiper-button-next::after,.swiper-button-prev::after { margin:-15px;z-index:1; }
.swiper-button-prev::before { border-right:3px solid rgba(255,255,255,0.85); border-top:3px solid rgba(255,255,255,0.85); }
.swiper-button-next::before { border-left:3px solid rgba(255,255,255,0.85); border-bottom:3px solid rgba(255,255,255,0.85); }
.swiper-button-prev::after { border-right:4px solid rgba(0,0,0,0.15); border-top:4px solid rgba(0,0,0,0.15); }
.swiper-button-next::after { border-left:4px solid rgba(0,0,0,0.15); border-bottom:4px solid rgba(0,0,0,0.15); }


/***************************************************************
	[DROPDOWN MENU]
***************************************************************/
.dropup,.dropright,.dropdown,.dropleft { position:relative; }
/*** dropdown button arrow ***/
.dropdown-toggle::after { content:""; width:0; height:0; margin-left:8px; display:inline-block; border-top:5px solid; border-right:5px solid transparent; border-bottom:0; border-left:5px solid transparent; vertical-align:2px; }
.dropdown-toggle.none-arrow::after { display:none; }
.dropdown-toggle:empty::after { margin-left:0; }
.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; }
.header-sm .btn-icon.dropdown-toggle::after { right:8px; bottom:8px; }
.header-lg .btn-icon.dropdown-toggle::after { right:24px; bottom:24px; }
.btn-toggle-group .btn-icon.dropdown-toggle::after { right:2px; bottom:2px; }
/*** dropup button arrow ***/
.dropup .dropdown-toggle::after { border-top:0; border-bottom:5px solid; }
.dropup .dropdown-menu { margin-top:0; margin-bottom:2px; top:auto; bottom:100%; }
/*** dropright button arrow ***/
.dropright .dropdown-toggle::after { border-top:5px solid transparent; border-right:0; border-bottom:5px solid transparent; border-left:5px solid; vertical-align:0; }
.dropright .dropdown-menu { margin-top:0; margin-left:3px; top:0; right:auto; left:100%; }
/*** dropleft button arrow ***/
.dropleft .dropdown-toggle::after { display:none; }
.dropleft .dropdown-toggle::before { content:""; width:0; height:0; margin-right:8px; display:inline-block; border-top:5px solid transparent; border-right:5px solid; border-bottom:5px solid transparent; vertical-align:0; }
.dropleft .dropdown-toggle:empty::before { margin-right:0; }
.dropleft .dropdown-menu { margin-top:0; margin-right:2px; top:0; right:100%; left:auto; }

/*** menu group ***/
.dropdown-menu { display:none; float:left; min-width:100px; padding:6px 0; margin:2px 0 0; position:absolute; top:100%; left:0; background-color:#fff; background-clip:padding-box; border:1px solid rgba(0, 0, 0, 0.15); border-radius:0.25rem; text-align:left; list-style:none; z-index:1000; }
.dropdown-menu.show { display:block; }
.dropdown-menu-right { right:0; left:auto; }
.dropdown-menu[x-placement^="top"],.dropdown-menu[x-placement^="right"],.dropdown-menu[x-placement^="bottom"],.dropdown-menu[x-placement^="left"] { right:auto; bottom:auto; }
/*** menu item ***/
.dropdown-header { margin-bottom:0; padding:6px 12px !important; display:block; color:#111 !important; font-size:12px !important; font-weight:600; white-space:nowrap; }
.dropdown-item { width:100%; padding:6px 12px; display:block; background-color:transparent; border:0; color:#333; font-size:0.8125rem; font-weight:400; text-decoration:none !important; text-align:inherit; white-space:nowrap; clear:both; }
.dropdown-item:hover,.dropdown-item:focus { background-color:#e4e4e4; color:#333; text-decoration:none; }
.dropdown-item.active,.dropdown-item:active {	background-color:#00bdcd; color:#fff !important; text-decoration:none; }
.dropdown-item.disabled,.dropdown-item:disabled { background-color:transparent; color:#bbb; }
.dropdown-menu .dropdown-item i { width:15px; height:15px; margin-right:5px; display:inline-block; position:relative; top:2px; font-size:0.9375rem; color:#aaa; }
.dropdown-menu .dropdown-item.active i,.dropdown-menu .dropdown-item:active i { color:#fff; }
.dropdown-menu .dropdown-item i.danger { color:#dc3545; }
.dropdown-menu .dropdown-item .badge { position:relative; top:-1.5px; background-color:#dc3545; color:#fff; }
/*** dropdown divider ***/
.dropdown-divider { height:0; margin:6px 0; border-top:1px solid rgba(0,0,0,0.08); overflow:hidden; }
/*** color ***/
.dropdown-dark.dropdown-menu { background-color:#333; border:1px solid rgba(0, 0, 0, 0.15); }
.dropdown-dark h6.dropdown-header { color:rgba(255,255,255,1); }
.dropdown-dark .dropdown-item { color:rgba(255,255,255,0.75); }
.dropdown-dark .dropdown-item:hover,.dropdown-dark .dropdown-item:focus { background-color:#00bdcd; color:#fff; }
.dropdown-dark .dropdown-item.active,.dropdown-dark .dropdown-item:active {background-color:#00c2c0; color:#fff; }
.dropdown-dark .dropdown-item.disabled,.dropdown-dark .dropdown-item:disabled { color:rgba(255,255,255,0.3); }
/*** dropdown divider ***/
.dropdown-dark .dropdown-divider { border-top:1px solid rgba(255,255,255,0.1); }
/*** sm ***/
.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; }
/********* form file --------- * /
.dropdown .form-contextmenu-file { margin:0 !important; position:absolute; top:0; right:0; bottom:0; left:0; cursor:pointer; opacity:0.0001; overflow:hidden; z-index:9999999; }
.dropdown .form-contextmenu-file input[type="file"] { width:auto; margin:0; padding:0; position:absolute; top:0; right:0; font-size:1.125rem; cursor:pointer; }
*/


/***************************************************************
	[TOOLTIP]
***************************************************************/
.tooltip { margin:0; line-height:1.5; display:block; position:absolute; font-size:0.6875rem; font-style:normal; font-weight:300; text-align:left; text-align:start; text-decoration:none; text-transform:none; letter-spacing:normal; line-break:auto; word-break:normal; word-spacing:normal; white-space:normal; word-wrap:break-word; opacity:0; Z-index:1090; }
.tooltip.fade.show { opacity:0.9; }
.tooltip .arrow { width:12px; height:7px; display:block; position:absolute; }
.tooltip .arrow::before { content:""; position:absolute; border-color:transparent; border-style:solid; }
.bs-tooltip-top,.bs-tooltip-auto[x-placement^="top"] { padding:4px 0; }
.bs-tooltip-top .arrow,.bs-tooltip-auto[x-placement^="top"] .arrow { bottom:0; }
.bs-tooltip-top .arrow::before,.bs-tooltip-auto[x-placement^="top"] .arrow::before { top:0; border-width:7px 7px 0; border-top-color:#000; }
.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; left:0; }
.bs-tooltip-right .arrow::before,.bs-tooltip-auto[x-placement^="right"] .arrow::before { right:0; border-width:7px 7px 7px 0; border-right-color:#000; }
.bs-tooltip-bottom,.bs-tooltip-auto[x-placement^="bottom"] { padding:4px 0; }
.bs-tooltip-bottom .arrow,.bs-tooltip-auto[x-placement^="bottom"] .arrow { top:0; }
.bs-tooltip-bottom .arrow::before,.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom:0; border-width:0 7px 7px; border-bottom-color:#000; }
.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; right:0; }
.bs-tooltip-left .arrow::before,.bs-tooltip-auto[x-placement^="left"] .arrow::before { left:0; border-width:7px 0 7px 7px; border-left-color:#141a20; }
.tooltip-inner { max-width:200px; padding:5px 8px 6px; background-color:#000; border-radius:0.25rem; color:#fff; text-align:left; }


/***************************************************************
	[POPOVER]
***************************************************************/
.popover { max-width:276px; display:block; position:absolute; top:0; left:0; background-color:#fff; background-clip:padding-box; border:1px solid rgba(0,0,0,0.2); border-radius:0.3rem; font-style:normal; font-size:0.875rem; font-weight:400; line-height:1.5; text-align:left; text-align:start; text-decoration:none; text-shadow:none; text-transform:none; letter-spacing:normal; word-break:normal; word-spacing:normal; white-space:normal; line-break:auto; word-wrap:break-word; z-index:1060; }
.popover .arrow { width:1rem; height:0.5rem; margin:0 0.3rem; display:block; position:absolute; }
.popover .arrow::before, .popover .arrow::after { content:""; display:block; position:absolute; border-color:transparent; border-style:solid; }
.bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom:0.5rem; }
.bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow { bottom:calc((0.5rem + 1px) * -1); }
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after { border-width:0.5rem 0.5rem 0; }
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before { bottom:0; border-top-color:rgba(0,0,0,0.25); }
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after { bottom:1px; border-top-color:#fff; }
.bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left:0.5rem; }
.bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow { width:0.5rem; height:1rem; margin:0.3rem 0; left:calc((0.5rem + 1px) * -1); }
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before,
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after { border-width:0.5rem 0.5rem 0.5rem 0; }
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before { left:0; border-right-color:rgba(0,0,0,0.25); }
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after { left:1px; border-right-color:#fff; }
.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top:0.5rem; }
.bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow {top:calc((0.5rem + 1px) * -1); }
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before,
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after { border-width:0 0.5rem 0.5rem 0.5rem; }
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before { top:0; border-bottom-color:rgba(0,0,0,0.25); }
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after { top:1px; border-bottom-color:#fff; }

.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { content:""; width:1rem; margin-left:-0.5rem; display:block; position:absolute; top:0; left:50%; border-bottom:1px solid #f7f7f7; }
.bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right:0.5rem; }
.bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow { width:0.5rem; height:1rem; margin:0.3rem 0; right:calc((0.5rem + 1px) * -1); }
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before,
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after { border-width:0.5rem 0 0.5rem 0.5rem; }
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before { right:0; border-left-color:rgba(0,0,0,0.25); }
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after { right:1px; border-left-color:#fff; }
.popover-header { margin-bottom:0; padding:0.5rem 0.75rem; background-color:#f7f7f7; border-bottom:1px solid #ebebeb; border-top-left-radius:calc(0.3rem - 1px); border-top-right-radius:calc(0.3rem - 1px); color:inherit; font-size:1rem; }
.popover-header:empty { display:none; }
.popover-body { padding:0.5rem 0.75rem; color:#212529; }


/***************************************************************
	[POPOVER - LAYER TYPE]
***************************************************************/
.popover-layer { display:block; position:absolute; background-color:#fff; background-clip:padding-box; border:1px solid rgba(0,0,0,0.2); border-radius:0.3rem; font-style:normal; font-size:0.875rem; font-weight:400; line-height:1.5; text-align:left; text-align:start; text-decoration:none; text-shadow:none; text-transform:none; letter-spacing:normal; word-break:normal; word-spacing:normal; white-space:normal; line-break:auto; word-wrap:break-word; z-index:1020; }
.popover-layer .arrow { width:1rem; height:0.5rem; margin:0 0.3rem; display:block; position:absolute; }
.popover-layer .arrow::before, .popover-layer .arrow::after { content:""; display:block; position:absolute; border-color:transparent; border-style:solid; }

.popover-layer-top { margin-bottom:0.5rem; }
.popover-layer-top .arrow { bottom:calc((0.5rem + 1px) * -1); }
.popover-layer-top .arrow::before, .popover-layer-top .arrow::after { border-width:0.5rem 0.5rem 0; }
.popover-layer-top .arrow::before { bottom:0; border-top-color:rgba(0,0,0,0.25); }
.popover-layer-top .arrow::after { bottom:1px; border-top-color:#fff; }

.popover-layer-right { margin-left:0.5rem; }
.popover-layer-right .arrow { width:0.5rem; height:1rem; margin:-0.5rem 0 0 0; top:50%; left:calc((0.5rem + 1px) * -1); }
.popover-layer-right .arrow::before, .popover-layer-right .arrow::after { border-width:0.5rem 0.5rem 0.5rem 0; }
.popover-layer-right .arrow::before { left:0; border-right-color:rgba(0,0,0,0.25); }
.popover-layer-right .arrow::after { left:1px; border-right-color:#fff; }

.popover-layer-bottom { margin-top:0.5rem; }
.popover-layer-bottom .arrow {top:calc((0.5rem + 1px) * -1); }
.popover-layer-bottom .arrow::before, .popover-layer-bottom .arrow::after { border-width:0 0.5rem 0.5rem 0.5rem; }
.popover-layer-bottom .arrow::before { top:0; border-bottom-color:rgba(0,0,0,0.25); }
.popover-layer-bottom .arrow::after { top:1px; border-bottom-color:#fff; }
.popover-layer-bottom .popover-layer-header::before { content:""; width:1rem; margin-left:-0.5rem; display:block; position:absolute; top:0; left:50%; border-bottom:1px solid #f7f7f7; }

.popover-layer-left { margin-right:0.5rem; }
.popover-layer-left .arrow { width:0.5rem; height:1rem; margin:0.3rem 0; right:calc((0.5rem + 1px) * -1); }
.popover-layer-left .arrow::before, .popover-layer-left .arrow::after { border-width:0.5rem 0 0.5rem 0.5rem; }
.popover-layer-left .arrow::before { right:0; border-left-color:rgba(0,0,0,0.25); }
.popover-layer-left .arrow::after { right:1px; border-left-color:#fff; }

.popover-layer-header { margin-bottom:0; padding:0.5rem 0.75rem; background-color:#f7f7f7; border-bottom:1px solid #ebebeb; border-top-left-radius:calc(0.3rem - 1px); border-top-right-radius:calc(0.3rem - 1px); color:inherit; font-size:1rem; }
.popover-layer-header:empty { display:none; }
.popover-layer-body { padding:0.5rem 0.75rem 0.75rem 0.75rem; color:#212529; }


/***************************************************************
	[TAB]
***************************************************************/
.nav-tabs { margin:1rem 0 10px; padding-left:0; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; list-style:none; border-bottom:1px solid #dee2e6; }
.nav-tabs .nav-item { margin-bottom:-1px; }
.nav-tabs .nav-link { padding:0.5rem 1rem; display:block; border:1px solid transparent; border-top-left-radius:0.25rem; border-top-right-radius:0.25rem; color:#888 !important; font-size:0.875rem; }
.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus { border-color:#e9ecef #e9ecef #dee2e6; }
.nav-tabs .nav-link.disabled { background-color:transparent; border-color:transparent; color:#6c757d; }
.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link { color:#333 !important; background-color:#fff !important; border-color:#dee2e6 #dee2e6 #fff; }
.nav-justified .nav-item { -ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; text-align:center; }
.tab-content { margin-top:0 !important; }
.tab-content>.tab-pane { display:none; }
.tab-content>.active { display:block; }


/***************************************************************
	[BUTTON]
***************************************************************/
/********* Common *********/
.btn { display:inline-block; position:relative; background-image:none; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; transition:all 0.12s linear 0s!important; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
a.btn.disabled,a.btn[disabled],.btn.disabled,.btn-disabled { pointer-events:none; /*cursor:not-allowed;*/ }
/*a.btn[disabled],.btn[disabled] { cursor:not-allowed; }*/
.btn.disabled,.btn[disabled] { filter:alpha(opacity=25) !important; opacity:0.25 !important; }
.btn-disabled[disabled] { filter:alpha(opacity=100) !important; opacity:1 !important; }

/********* form group btn *********/
.form-group .btn:not(.btn-icon):not(.btn-toggle) { min-width:100px; }

.btn-fixed-bottom { width:100%; position:fixed; left:0; bottom:0; z-index:1030; }
.btn-fixed-bottom .form-group { margin:0; }

/************ [common] ************/
.btn { line-height:1.5; padding:0.4375rem 0.75rem; border-width:1px; border-style:solid; border-radius:0.25rem; font-size:0.875rem; font-weight:400; }
.btn:hover,.btn:focus { text-decoration:none; }
.btn:focus,.btn.focus { outline:0; }

.btn i { margin-right:5px; display:inline-block; font-size:15px; position:relative; top:2px; }
.btn i.icon right { margin-right:0; margin-left:5px; }
.btn-block { width:100%; }
.btn-round { padding-right:0.875rem; padding-left:0.875rem; border-radius:30px; }
.btn-noradius { border-radius:0; }
.btn-outline { padding:0.375rem 0.6875rem; border-width:2px; background-color:transparent !important; }
.btn-add-group .btn-outline { border-width:1px; border-style:dashed; }
.btn-toggle-group>.btn-outline { padding:6px 13px 5px; }
.btn-icon { width:2.3125rem; height:2.3125rem; min-width:2.3125rem; min-height:2.3125rem; padding:0 !important; font-size:0 !important; overflow:hidden; }
.btn-icon i { margin-right:0; font-size:15px; top:0 !important; }
a.btn { padding:5px 12px 6px; text-decoration:none; }
a.btn-round { padding-right:0.875rem; padding-left:0.875rem; }
a.btn-outline { padding:4px 11px 5px; }
a.btn-icon { padding:7px !important; }
a.btn-icon.btn-outline { padding:6px !important; }

/********* default btn *********/
.btn-default { border-color:#34495e; background-color:#34495e; color:#fff; }
.btn-default:hover { border-color:#425a76; background-color:#425a76; color:#fff; }
.btn-default:active,.btn-default.active,.btn-default.disabled,.btn-default[disabled] { border-color:#2c3e50; background-color:#2c3e50; color:#fff; }
.btn-outline.btn-default { color:#34495e; }
.btn-outline.btn-default:hover { color:#425a76; }
.btn-outline.btn-default:active,.btn-outline.btn-default.active { color:#2c3e50; }
.btn-outline.btn-hover.btn-default:hover { background-color:#425a76 !important; color:#fff; }
.btn-outline.btn-hover.btn-default:active,.btn-outline.btn-hover.btn-default.active { background-color:#2c3e50 !important; }
.btn-toggle-group>.btn-default:focus,.btn-toggle-group>.btn-default.focus { border-color:#2c3e50; background-color:#2c3e50; color:#fff; }
.btn-toggle-group>.btn-outline.btn-default:hover,.btn-toggle-group>.btn-outline.btn-default:active,.btn-toggle-group>.btn-outline.btn-default.active,.btn-toggle-group>.btn-outline.btn-default:focus,.btn-toggle-group>.btn-outline.btn-default.focus { border-color:#34495e; background-color:#34495e !important; color:#fff; }
.btn-toggle-group>.btn-outline.btn-default:first-child { border-right-color:#34495e; }
.btn-toggle-group>.btn-outline.btn-default:not(:first-child):not(:last-child) { border-left-color:#34495e; border-right-color:#34495e; }
.btn-toggle-group>.btn-outline.btn-default:last-child { border-left-color:#34495e; }
/********* primary btn *********/
.btn-primary { border-color:#00bdcd; background-color:#00bdcd; color:#fff; }
.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled] { border-color:#01adbc; background-color:#01adbc; color:#fff; }
.btn-outline.btn-primary { color:#00bdcd; }
.btn-outline.btn-primary:hover,.btn-outline.btn-primary:active,.btn-outline.btn-primary.active { color:#01adbc; }
.btn-outline.btn-hover.btn-primary:hover { color:#fff; }
.btn-outline.btn-hover.btn-primary:hover,.btn-outline.btn-hover.btn-primary:active,.btn-outline.btn-hover.btn-primary.active { background-color:#01adbc !important; }
.btn-toggle-group>.btn-primary:focus,.btn-toggle-group>.btn-primary.focus { border-color:#01adbc; background-color:#01adbc; color:#fff; }
.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 { border-color:#00bdcd; background-color:#00bdcd !important; color:#fff; }
.btn-toggle-group>.btn-outline.btn-primary:first-child { border-right-color:#00bdcd; }
.btn-toggle-group>.btn-outline.btn-primary:not(:first-child):not(:last-child) { border-left-color:#00bdcd; border-right-color:#00bdcd; }
.btn-toggle-group>.btn-outline.btn-primary:last-child { border-left-color:#00bdcd; }
/********* warning/yellow Button *********/
.btn-yellow { border-color:#ffc107; background-color:#ffc107; color:#fff; }
.btn-yellow:hover,.btn-yellow:active,.btn-yellow.active,.btn-yellow.disabled,.btn-yellow[disabled] { border-color:#e0a800; background-color:#e0a800; color:#fff; }
.btn-outline.btn-yellow { color:#ffc107; }
.btn-outline.btn-yellow:hover,.btn-outline.btn-yellow:active,.btn-outline.btn-yellow.active { color:#e0a800; }
.btn-outline.btn-hover.btn-yellow:hover { color:#fff; }
.btn-outline.btn-hover.btn-yellow:hover,.btn-outline.btn-hover.btn-yellow:active,.btn-outline.btn-hover.btn-yellow.active { background-color:#e0a800 !important; }
.btn-toggle-group>.btn-yellow:focus,.btn-toggle-group>.btn-yellow.focus { border-color:#e0a800; background-color:#e0a800; color:#fff; }
.btn-toggle-group>.btn-outline.btn-yellow:hover,.btn-toggle-group>.btn-outline.btn-yellow:active,.btn-toggle-group>.btn-outline.btn-yellow.active,.btn-toggle-group>.btn-outline.btn-yellow:focus,.btn-toggle-group>.btn-outline.btn-yellow.focus { border-color:#ffc107; background-color:#ffc107 !important; color:#fff; }
.btn-toggle-group>.btn-outline.btn-yellow:first-child { border-right-color:#ffc107; }
.btn-toggle-group>.btn-outline.btn-yellow:not(:first-child):not(:last-child) { border-left-color:#ffc107; border-right-color:#ffc107; }
.btn-toggle-group>.btn-outline.btn-yellow:last-child { border-left-color:#ffc107; }
/********* danger/red btn *********/
.btn-red { border-color:#dc3545; background-color:#dc3545; color:#fff; }
.btn-red:hover,.btn-red:active,.btn-red.active,.btn-red.disabled,.btn-red[disabled] { border-color:#bd2130; background-color:#bd2130; color:#fff; }
.btn-outline.btn-red { color:#dc3545; }
.btn-outline.btn-red:hover,.btn-outline.btn-red:active,.btn-outline.btn-red.active { color:#bd2130; }
.btn-outline.btn-hover.btn-red:hover { color:#fff; }
.btn-outline.btn-hover.btn-red:hover,.btn-outline.btn-hover.btn-red:active,.btn-outline.btn-hover.btn-red.active { background-color:#bd2130 !important; }
.btn-toggle-group>.btn-red:focus,.btn-toggle-group>.btn-red.focus { border-color:#bd2130; background-color:#bd2130; color:#fff; }
.btn-toggle-group>.btn-outline.btn-red:hover,.btn-toggle-group>.btn-outline.btn-red:active,.btn-toggle-group>.btn-outline.btn-red.active,.btn-toggle-group>.btn-outline.btn-red:focus,.btn-toggle-group>.btn-outline.btn-red.focus { border-color:#dc3545; background-color:#dc3545 !important; color:#fff; }
.btn-toggle-group>.btn-outline.btn-red:first-child { border-right-color:#dc3545; }
.btn-toggle-group>.btn-outline.btn-red:not(:first-child):not(:last-child) { border-left-color:#dc3545; border-right-color:#dc3545; }
.btn-toggle-group>.btn-outline.btn-red:last-child { border-left-color:#dc3545; }
/********* orange btn *********/
.btn-orange { border-color:#f47e34; background-color:#f47e34; color:#fff; }
.btn-orange:hover,.btn-orange:active,.btn-orange.active,.btn-orange.disabled,.btn-orange[disabled] { border-color:#df6d25; background-color:#df6d25; color:#fff; }
.btn-outline.btn-orange { color:#f47e34; }
.btn-outline.btn-orange:hover,.btn-outline.btn-orange:active,.btn-outline.btn-orange.active { color:#df6d25; }
.btn-outline.btn-hover.btn-orange:hover { color:#fff; }
.btn-outline.btn-hover.btn-orange:hover,.btn-outline.btn-hover.btn-orange:active,.btn-outline.btn-hover.btn-orange.active { background-color:#df6d25 !important; }
.btn-toggle-group>.btn-orange:focus,.btn-toggle-group>.btn-orange.focus { border-color:#df6d25; background-color:#df6d25; color:#fff; }
.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 { border-color:#f47e34; background-color:#f47e34 !important; color:#fff; }
.btn-toggle-group>.btn-outline.btn-orange:first-child { border-right-color:#f47e34; }
.btn-toggle-group>.btn-outline.btn-orange:not(:first-child):not(:last-child) { border-left-color:#f47e34; border-right-color:#f47e34; }
.btn-toggle-group>.btn-outline.btn-orange:last-child { border-left-color:#f47e34; }
/********* green btn *********/
.btn-green { border-color:#28a745; background-color:#28a745; color:#fff; }
.btn-green:hover,.btn-green:active,.btn-green.active,.btn-green.disabled,.btn-green[disabled] { border-color:#1a9436; background-color:#1a9436; color:#fff; }
.btn-outline.btn-green { color:#28a745; }
.btn-outline.btn-green:hover,.btn-outline.btn-green:active,.btn-outline.btn-green.active { color:#1a9436; }
.btn-outline.btn-hover.btn-green:hover { color:#fff; }
.btn-outline.btn-hover.btn-green:hover,.btn-outline.btn-hover.btn-green:active,.btn-outline.btn-hover.btn-green.active { background-color:#1a9436 !important; }
.btn-toggle-group>.btn-green:focus,.btn-toggle-group>.btn-green.focus { border-color:#1a9436; background-color:#1a9436; color:#fff; }
.btn-toggle-group>.btn-outline.btn-green:hover,.btn-toggle-group>.btn-outline.btn-green:active,.btn-toggle-group>.btn-outline.btn-green.active,.btn-toggle-group>.btn-outline.btn-green:focus,.btn-toggle-group>.btn-outline.btn-green.focus { border-color:#28a745; background-color:#28a745 !important; color:#fff; }
.btn-toggle-group>.btn-outline.btn-green:first-child { border-right-color:#28a745; }
.btn-toggle-group>.btn-outline.btn-green:not(:first-child):not(:last-child) { border-left-color:#28a745; border-right-color:#28a745; }
.btn-toggle-group>.btn-outline.btn-green:last-child { border-left-color:#28a745; }
/********* blue btn *********/
.btn-blue { border-color:#199dd8; background-color:#199dd8; color:#fff; }
.btn-blue:hover,.btn-blue:active,.btn-blue.active,.btn-blue.disabled,.btn-blue[disabled] { border-color:#1185ba; background-color:#1185ba; color:#fff; }
.btn-outline.btn-blue { color:#199dd8; }
.btn-outline.btn-blue:hover,.btn-outline.btn-blue:active,.btn-outline.btn-blue.active { color:#1185ba; }
.btn-outline.btn-hover.btn-blue:hover { color:#fff; }
.btn-outline.btn-hover.btn-blue:hover,.btn-outline.btn-hover.btn-blue:active,.btn-outline.btn-hover.btn-blue.active { background-color:#1185ba !important; }
.btn-toggle-group>.btn-blue:focus,.btn-toggle-group>.btn-blue.focus { border-color:#1185ba; background-color:#1185ba; color:#fff; }
.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 { border-color:#199dd8; background-color:#199dd8 !important; color:#fff; }
.btn-toggle-group>.btn-outline.btn-blue:first-child { border-right-color:#199dd8; }
.btn-toggle-group>.btn-outline.btn-blue:not(:first-child):not(:last-child) { border-left-color:#199dd8; border-right-color:#199dd8; }
.btn-toggle-group>.btn-outline.btn-blue:last-child { border-left-color:#199dd8; }
/********* tenping btn *********/
.btn-tpblue { border-color:#00bdcd; background-color:#00bdcd; color:#fff; }
.btn-tpblue:hover,.btn-tpblue:active,.btn-tpblue.active,.btn-tpblue.disabled,.btn-tpblue[disabled] { border-color:#01adbc; background-color:#01adbc; color:#fff; }
.btn-outline.btn-tpblue { color:#00bdcd; }
.btn-outline.btn-tpblue:hover,.btn-outline.btn-tpblue:active,.btn-outline.btn-tpblue.active { color:#01adbc; }
.btn-outline.btn-hover.btn-tpblue:hover { color:#fff; }
.btn-outline.btn-hover.btn-tpblue:hover,.btn-outline.btn-hover.btn-tpblue:active,.btn-outline.btn-hover.btn-tpblue.active { background-color:#01adbc !important; }
.btn-toggle-group>.btn-tpblue:focus,.btn-toggle-group>.btn-tpblue.focus { border-color:#01adbc; background-color:#01adbc; color:#fff; }
.btn-toggle-group>.btn-outline.btn-tpblue:hover,.btn-toggle-group>.btn-outline.btn-tpblue:active,.btn-toggle-group>.btn-outline.btn-tpblue.active,.btn-toggle-group>.btn-outline.btn-tpblue:focus,.btn-toggle-group>.btn-outline.btn-tpblue.focus { border-color:#00bdcd; background-color:#00bdcd !important; color:#fff; }
.btn-toggle-group>.btn-outline.btn-tpblue:first-child { border-right-color:#00bdcd; }
.btn-toggle-group>.btn-outline.btn-tpblue:not(:first-child):not(:last-child) { border-left-color:#00bdcd; border-right-color:#00bdcd; }
.btn-toggle-group>.btn-outline.btn-tpblue:last-child { border-left-color:#00bdcd; }
/********* purple btn *********/
.btn-purple { border-color:#562088; background-color:#562088; color:#fff; }
.btn-purple:hover,.btn-purple:active,.btn-purple.active,.btn-purple.disabled,.btn-purple[disabled] { border-color:#44176e; background-color:#44176e; color:#fff; }
.btn-outline.btn-purple { color:#562088; }
.btn-outline.btn-purple:hover,.btn-outline.btn-purple:active,.btn-outline.btn-purple.active { color:#44176e; }
.btn-outline.btn-hover.btn-purple:hover { color:#fff; }
.btn-outline.btn-hover.btn-purple:hover,.btn-outline.btn-hover.btn-purple:active,.btn-outline.btn-hover.btn-purple.active { background-color:#44176e !important; }
.btn-toggle-group>.btn-purple:focus,.btn-toggle-group>.btn-purple.focus { border-color:#44176e; background-color:#44176e; color:#fff; }
.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 { border-color:#562088; background-color:#562088 !important; color:#fff; }
.btn-toggle-group>.btn-outline.btn-purple:first-child { border-right-color:#562088; }
.btn-toggle-group>.btn-outline.btn-purple:not(:first-child):not(:last-child) { border-left-color:#562088; border-right-color:#562088; }
.btn-toggle-group>.btn-outline.btn-purple:last-child { border-left-color:#562088; }
/********* white btn *********/
.btn-white { border-color:#ccc; background-color:#fff; color:#333; }
.btn-white:hover { border-color:#e4e4e4; background-color:#f2f2f2; color:#333; }
.btn-white:active,.btn-white.active,.btn-white.disabled,.btn-white[disabled] { border-color:#ddd; background-color:#eee; color:#333; }
.btn-outline.btn-white { color:#333; }
.btn-outline.btn-white:hover { color:#333; }
.btn-outline.btn-white:active,.btn-outline.btn-white.active { color:#333; }
.btn-outline.btn-hover.btn-white:hover { background-color:#e4e4e4 !important; color:#fff; }
.btn-outline.btn-hover.btn-white:active,.btn-outline.btn-hover.btn-white.active { background-color:#ddd !important; }
.btn-toggle-group>.btn-white:focus,.btn-toggle-group>.btn-white.focus { border-color:#ddd; background-color:#ddd; color:#fff; }
.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 { border-color:#ccc; background-color:#ccc !important; color:#333; }
.btn-toggle-group>.btn-outline.btn-white:first-child { border-right-color:#ccc; }
.btn-toggle-group>.btn-outline.btn-white:not(:first-child):not(:last-child) { border-left-color:#ccc; border-right-color:#ccc; }
.btn-toggle-group>.btn-outline.btn-white:last-child { border-left-color:#ccc; }
/********* light btn *********/
.btn-light { border-color:#fff; background-color:#fff; color:#333; }
.btn-light:hover { border-color:#f2f2f2; background-color:#f2f2f2; color:#333; }
.btn-light:active,.btn-light.active,.btn-light.disabled,.btn-light[disabled] { border-color:#eee; background-color:#eee; color:#333; }
.btn-outline.btn-light { color:#fff; }
.btn-outline.btn-light:hover { color:#fff; }
.btn-outline.btn-light:active,.btn-outline.btn-light.active { color:#fff; }
.btn-outline.btn-hover.btn-light:hover { background-color:#f2f2f2 !important; color:#333; }
.btn-outline.btn-hover.btn-light:active,.btn-outline.btn-hover.btn-light.active { background-color:#eee !important; }
.btn-toggle-group>.btn-light:focus,.btn-toggle-group>.btn-light.focus { border-color:#eee; background-color:#eee; color:#333; }
.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 { border-color:#fff; background-color:#fff !important; color:#333; }
.btn-toggle-group>.btn-outline.btn-light:first-child { border-right-color:#fff; }
.btn-toggle-group>.btn-outline.btn-light:not(:first-child):not(:last-child) { border-left-color:#fff; border-right-color:#fff; }
.btn-toggle-group>.btn-outline.btn-light:last-child { border-left-color:#fff; }
/********* gray btn *********/
.btn-gray { border-color:#eee; background-color:#eee; color:#333; }
.btn-gray:hover { border-color:#f2f2f2; background-color:#f2f2f2; color:#333; }
.btn-gray:active,.btn-gray.active,.btn-gray.disabled,.btn-gray[disabled] { border-color:#e4e4e4; background-color:#e4e4e4; color:#333; }
.btn-outline.btn-gray { color:#333; }
.btn-outline.btn-gray:hover { color:#333; }
.btn-outline.btn-gray:active,.btn-outline.btn-gray.active { color:#333; }
.btn-outline.btn-hover.btn-gray:hover { background-color:#f2f2f2 !important; color:#333; }
.btn-outline.btn-hover.btn-gray:active,.btn-outline.btn-hover.btn-gray.active { background-color:#e4e4e4 !important; }
.btn-toggle-group>.btn-gray:focus,.btn-toggle-group>.btn-gray.focus { border-color:#e4e4e4; background-color:#e4e4e4; color:#333; }
.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 { border-color:#eee; background-color:#eee !important; color:#333; }
.btn-toggle-group>.btn-outline.btn-gray:first-child { border-right-color:#eee; }
.btn-toggle-group>.btn-outline.btn-gray:not(:first-child):not(:last-child) { border-left-color:#eee; border-right-color:#eee; }
.btn-toggle-group>.btn-outline.btn-gray:last-child { border-left-color:#eee; }
/********* dark gray btn *********/
.btn-darkgray { border-color:#57606f; background-color:#57606f; color:#fff; }
.btn-darkgray:hover { border-color:#707884; background-color:#707884; color:#fff; }
.btn-darkgray:active,.btn-darkgray.active,.btn-darkgray.disabled,.btn-darkgray[disabled] { border-color:#414853; background-color:#414853; color:#fff; }
.btn-outline.btn-darkgray { color:#54626f; }
.btn-outline.btn-darkgray:hover { color:#707884; }
.btn-outline.btn-darkgray:active,.btn-outline.btn-darkgray.active { color:#414853; }
.btn-outline.btn-hover.btn-darkgray:hover { background-color:#707884 !important; color:#fff; }
.btn-outline.btn-hover.btn-darkgray:active,.btn-outline.btn-hover.btn-darkgray.active { background-color:#414853 !important; }
.btn-toggle-group>.btn-darkgray:focus,.btn-toggle-group>.btn-darkgray.focus { border-color:#414853; background-color:#414853; color:#fff; }
.btn-toggle-group>.btn-outline.btn-darkgray:hover,.btn-toggle-group>.btn-outline.btn-darkgray:active,.btn-toggle-group>.btn-outline.btn-darkgray.active,.btn-toggle-group>.btn-outline.btn-darkgray:focus,.btn-toggle-group>.btn-outline.btn-darkgray.focus { border-color:#57606f; background-color:#57606f !important; color:#fff; }
.btn-toggle-group>.btn-outline.btn-darkgray:first-child { border-right-color:#57606f; }
.btn-toggle-group>.btn-outline.btn-darkgray:not(:first-child):not(:last-child) { border-left-color:#57606f; border-right-color:#57606f; }
.btn-toggle-group>.btn-outline.btn-darkgray:last-child { border-left-color:#57606f; }
/********* excel btn *********/
.btn-excel { border-color:#217346; background-color:#217346; color:#fff; }
.btn-excel:hover { border-color:#3f8159; background-color:#3f8159; color:#fff; }
.btn-excel:active,.btn-excel.active,.btn-excel.disabled,.btn-excel[disabled] { border-color:#0e5c2f; background-color:#0e5c2f; color:#fff; }
.btn-outline.btn-excel { color:#217346; }
.btn-outline.btn-excel:hover { color:#3f8159; }
.btn-outline.btn-excel:active,.btn-outline.btn-excel.active { color:#0e5c2f; }
.btn-outline.btn-hover.btn-excel:hover { background-color:#3f8159 !important; color:#fff; }
.btn-outline.btn-hover.btn-excel:active,.btn-outline.btn-hover.btn-excel.active { background-color:#0e5c2f !important; }
.btn-toggle-group>.btn-excel:focus,.btn-toggle-group>.btn-excel.focus { border-color:#0e5c2f; background-color:#0e5c2f; color:#fff; }
.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 { border-color:#217346; background-color:#217346 !important; color:#fff; }
.btn-toggle-group>.btn-outline.btn-excel:first-child { border-right-color:#217346; }
.btn-toggle-group>.btn-outline.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 { border-left-color:#217346; }
/********* facebook btn *********/
.btn-facebook { border-color:#4267b2; background-color:#4267b2; color:#fff; }
.btn-facebook:hover { border-color:#365899; background-color:#365899; color:#fff; }
.btn-facebook:active,.btn-facebook.active,.btn-facebook.disabled,.btn-facebook[disabled] { border-color:#29487d; background-color:#29487d; color:#fff; }
.btn-outline.btn-facebook { color:#4267b2; }
.btn-outline.btn-facebook:hover { color:#365899; }
.btn-outline.btn-facebook:active,.btn-outline.btn-facebook.active { color:#29487d; }
.btn-outline.btn-hover.btn-facebook:hover { background-color:#365899 !important; color:#fff; }
.btn-outline.btn-hover.btn-facebook:active,.btn-outline.btn-hover.btn-facebook.active { background-color:#29487d !important; }
.btn-toggle-group>.btn-facebook:focus,.btn-toggle-group>.btn-facebook.focus { border-color:#29487d; background-color:#29487d; color:#fff; }
.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 { border-color:#4267b2; background-color:#4267b2 !important; color:#fff; }
.btn-toggle-group>.btn-outline.btn-facebook:first-child { border-right-color:#4267b2; }
.btn-toggle-group>.btn-outline.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 { border-left-color:#4267b2; }
/********* twitter btn *********/
.btn-twitter { border-color:#1da1f2; background-color:#1da1f2; color:#fff; }
.btn-twitter:hover { border-color:#006dbf; background-color:#006dbf; color:#fff; }
.btn-twitter:active,.btn-twitter.active,.btn-twitter.disabled,.btn-twitter[disabled] { border-color:#0362a9; background-color:#0362a9; color:#fff; }
.btn-outline.btn-twitter { color:#1da1f2; }
.btn-outline.btn-twitter:hover { color:#006dbf; }
.btn-outline.btn-twitter:active,.btn-outline.btn-twitter.active { color:#0362a9; }
.btn-outline.btn-hover.btn-twitter:hover { background-color:#006dbf !important; color:#fff; }
.btn-outline.btn-hover.btn-twitter:active,.btn-outline.btn-hover.btn-twitter.active { background-color:#0362a9 !important; }
.btn-toggle-group>.btn-twitter:focus,.btn-toggle-group>.btn-twitter.focus { border-color:#0362a9; background-color:#0362a9; color:#fff; }
.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 { border-color:#1da1f2; background-color:#1da1f2 !important; color:#fff; }
.btn-toggle-group>.btn-outline.btn-twitter:first-child { border-right-color:#1da1f2; }
.btn-toggle-group>.btn-outline.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 { border-left-color:#1da1f2; }
/********* transparent btn *********/
.btn-transparent { border-color:transparent; background-color:transparent; }
.btn-transparent[disabled] { background-color:transparent; border-color:transparent; opacity:0.4 !important; }
.btn-transparent.btn-dark { color:#333; }
.btn-transparent.btn-dark:hover { background-color:rgba(0,0,0,0.05); border-color:rgba(0,0,0,0); color:#333; }
.btn-transparent.btn-dark:active,.btn-transparent.btn-dark.active { background-color:rgba(0,0,0,0.1); border-color:rgba(0,0,0,0); }
.btn-transparent.btn-dark.disabled,
.btn-transparent.btn-dark[disabled] { background-color:rgba(0,0,0,0.1); border-color:rgba(0,0,0,0); }
.btn-transparent.btn-light { color:#fff; }
.btn-transparent.btn-light:hover { background-color:rgba(255,255,255,0.1); border-color:rgba(255,255,255,0); color:#fff; }
.btn-transparent.btn-light:active,.btn-transparent.btn-light.active { background-color:rgba(255,255,255,0.1); border-color:rgba(255,255,255,0); }
.btn-transparent.btn-light.disabled,
.btn-transparent.btn-light[disabled] { background-color:rgba(255,255,255,0.1); border-color:rgba(255,255,255,0); }
.btn-transparent.btn-dark2,.btn-transparent.btn-dark2.disabled,.btn-transparent.btn-dark2[disabled] { color:#333; }
.btn-transparent.btn-light2,.btn-transparent.btn-light2.disabled,.btn-transparent.btn-lighth2[disabled] { color:#fff; }
.btn-transparent.btn-dark3 { color:#333; }
.btn-transparent.btn-dark3:hover { color:#00bdcd; }
.btn-transparent.btn-dark3.disabled,.btn-transparent.btn-dark3[disabled] { color:#333 !important; }
.btn-transparent.btn-light3 { color:#fff; }
.btn-transparent.btn-light3:hover { color:#00bdcd; }
.btn-transparent.btn-light3.disabled,.btn-transparent.btn-light3[disabled] { color:#fff !important; }
/********* disabled btn *********/
.btn-disabled[disabled],.btn-disabled[disabled]:hover,.btn-disabled[disabled]:focus,.btn-disabled[disabled]:active,.btn-disabled.active[disabled],
.btn-disabled,.btn-disabled:hover,.btn-disabled:focus,.btn-disabled:active,.btn-disabled.active { border-color:#e4e4e4; background-color:#e4e4e4; color:#bbb; }


/************ [toggle switch button] ************/
/********* common *********/
.btn-toggle { width:48px; margin:0 40px; padding:12px 0; position:relative; border:none; border-radius:0.25rem; 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.5; padding:0.15625rem 0; position:absolute; top:0; bottom:0; color:#6b7381; font-size:0.75rem; font-weight:600; text-align:center; text-transform:uppercase; transition:opacity .25s; }
.btn-toggle::before { content:"OFF"; left:-40px; }
.btn-toggle::after { content:"ON"; right:-40px; opacity:0.5; }
.btn-toggle.active::before { opacity:0.5; }
.btn-toggle.active::after { opacity:1; }
.btn-toggle>.handle { width:18px; height:18px; position:absolute; top:3px; left:3px; border-radius:2px; background-color:#fff; transition:left .25s; }
.btn-toggle.active { transition:background-color 0.25s; }
.btn-toggle.active>.handle { left:27px; transition:left .25s; } /* Width(48)-Handle(18)-Left(3)=27 */
.btn-toggle-round,.btn-toggle-round>.handle { border-radius:2rem; }
.btn-toggle-border { padding:11px 0; background-color:transparent; border-width:1px; border-style:solid; border-color:#bdc1c8; }
.btn-toggle-border>.handle { top:2px; left:2px; background-color:#bdc1c8; }
.btn-toggle-border.active>.handle { left:26px !important; background-color:#fff; } /* Width(32)-Border(1)-Border(1)-Handle(12)-Left(1)=17 */
.btn-toggle-border::before,.btn-toggle-border::after { padding:0.09375rem 0; }
.btn-toggle-inner { width:54px; 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; } /* width(32)-handle(12)-left(2)=18 */
.btn-toggle-inner.btn-toggle-border::before { color:#bdc1c8; }
.btn-toggle-inner.btn-toggle-border.active>.handle { left:32px !important; } /* width(32)-border(1)-border(1)-handle(12)-left(1)=17 */
.btn-toggle.disabled:not(.active),.btn-toggle[disabled]:not(.active) { filter:alpha(opacity=65) !important; opacity:0.65 !important; }
.btn-toggle-border.disabled:not(.active),.btn-toggle-border[disabled]:not(.active) { background-color:transparent; }
/********* default btn *********/
.btn-toggle-default.active { background-color:#34495e; }
.btn-toggle-default.btn-toggle-border.active { border-color:#34495e; }
/********* primary btn *********/
.btn-toggle-primary.active { background-color:#00bdcd; }
.btn-toggle-primary.btn-toggle-border.active { border-color:#00bdcd; }
/********* warning btn *********/
.btn-toggle-yellow.active { background-color:#ffc107; }
.btn-toggle-yellow.btn-toggle-border.active { border-color:#ffc107; }
/********* danger btn *********/
.btn-toggle-red.active { background-color:#dc3545; }
.btn-toggle-red.btn-toggle-border.active { border-color:#dc3545; }
/********* dark btn *********/
.btn-toggle-dark.active { background-color:#333; }
.btn-toggle-dark.btn-toggle-border.active { border-color:#333; }


/************ [toggle btn] ************/
.btn-toggle-group { display:-ms-inline-flexbox; display:inline-flex; position:relative; vertical-align:middle; }
.btn-toggle-group>.btn { min-width:60px !important; position:relative; -ms-flex:0 1 auto; flex:0 1 auto; }
.btn-toggle-group>.btn.btn-outline { border-width:1px; }
.btn-toggle-group>.btn:hover,.btn-toggle-group>.btn:focus,.btn-toggle-group>.btn:active,.btn-toggle-group>.btn.active { z-index:1; }

.btn-toggle-group .btn + .btn { margin-left:-1px !important; }
/*.btn-toggle-group .btn-outline + .btn-outline { margin-left:-2px !important; }*/
.btn-toggle-group>.btn:first-child { margin-left:0; }
.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>.btn:not(:last-child) { border-top-right-radius:0; border-bottom-right-radius:0; }
.btn-toggle-group>.btn:not(:first-child) { border-top-left-radius:0; border-bottom-left-radius:0; }

/********* toolbar *********/
.btn-toolbar { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:start; justify-content:flex-start; }
.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-white) { border-left-color:rgba(0,0,0,0); border-right-color:rgba(0,0,0,0); }
/*** sm ***/
.btn-sm .btn-toggle-group .btn-outline + .btn-outline { margin-left:-1px; }
.btn-sm .btn-toolbar .btn-toggle-group { margin-left:2px; }

/************ [return to top] ************/
.return-to-top { display:none; width:3.5rem; height:3.5rem; line-height:3.3rem; position:fixed; right:1.5rem; bottom:1.5rem; background-color:rgba(255,255,255,0.9); border:1px solid rgba(0,0,0,0.15); border-radius:50%; box-shadow:2px 2px 5px 0 rgba(0,0,0,0.1); text-align:center; z-index:10; }
.return-to-top i { margin:0; color:#666; font-size:15px; }
/****** responsive & retina specific ******/
@media (min-width:992px) {
    .return-to-top { right:2.5rem; bottom:2.5rem; }
}

/************ [return to top] ************/
/****** responsive & retina specific ******/
@media screen and (min-width:769px) {
    .floating-btn-group.sticky { width:calc(100% - 230px); margin:0 !important; padding:20px; position:fixed; left:230px; bottom:0; background:#fff; border-top:1px solid #ddd; z-index:100; box-sizing:border-box; }
}


/***************************************************************
	[FORM]
***************************************************************/
.form-group { width:100%; margin:0.5rem 0; display:inline-block; text-align:left; }
h3 + .form-group  { margin:0; }
.form-group-side { margin-left:1rem !important; }
.form-label { line-height:1.5; padding:0.125rem 0; display:inline-block; color:#333; font-size:0.875rem; font-weight:500; }
.form-label.required:before { content:"*"; position:absolute; top:-3px; left:-7px; color:#dc3545; font-size:1.2rem; }
.form-label+.extra { position:relative; top:1.5px; color:#aaa; font-size:0.75rem; }
.controls { margin-top:0.25rem; position:relative; }
.form-control { line-height:1.5; padding:0.4375rem 0.75rem; display:block; position:relative; background-color:#fff; border-width:1px; border-style:solid; border-color:#ddd; border-radius:0.25rem; font-size:0.875rem; color:#333; z-index:2; transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
input.form-control[type=number],.form-control-num { text-align:right; }
.form-control-txt { padding-left:0; background-color:transparent; border-color:transparent; }
.form-control-auto input.form-control,.form-control-auto select.form-control,input.form-control-auto.form-control,select.form-control-auto.form-control { width:auto; min-width:300px; margin:0; }
small.form-text { width:100%; margin-top:0.25rem; display:block; color:#dc3545; font-size:80%; font-weight:400; }
.datalist { width:100%; max-height:200px; padding:0.5rem; position:absolute; top:calc(100% - 1px); left:0; background:#fff; border:1px solid #bbbbbb; border-radius:0.25rem; overflow:auto; z-index:3; }
.datalist .table tbody tr:hover { cursor:pointer; }

/*** multi form ***/
.form-group .row { margin-right:-5px; margin-left:-5px; }
.form-group .row>.form-control,.form-group .row>.controls { max-width:100%; -ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; }
.form-group .row>.form-control { margin-right:5px; margin-left:5px; }
.form-group .row>.controls { padding-right:5px; padding-left:5px; }
/*** text clear btn ***/
.form-control-clear { margin-top:-12px; position:absolute; top:50%; right:10px; pointer-events:auto; cursor:pointer; z-index:10; }
.controls-inputgroup .form-control-clear { right:50px; }

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

.label-visible label.form-label:not(.form-label-addon),.label-visible .extra { width:auto; height:auto; margin:0; padding:0.125rem 0; position:relative; clip:inherit; overflow:inherit; }
.form-label-inline .label-visible label.form-label:not(.form-label-addon),.form-label-inline.label-visible label.form-label:not(.form-label-addon) { padding-top:0.5625rem; }
.label-visible .controls { margin-top:0.25rem; }

/************ [label Inline] ************/
.form-label-inline .form-group,.form-label-inline.form-group { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.form-label-inline .form-label:not(.form-label-addon) { max-width:16.666667%; -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; padding-top:0.5625rem; font-weight:500; }
.form-label-inline .form-label+.extra { display:none; }
.form-label-inline .controls { width:100%; min-height:1px; max-width:83.333333%; -ms-flex:0 0 83.333333%; flex:0 0 83.333333%; margin-top:0; }
.form-label-inline.form-group .img-preview,.form-label-inline .form-group .img-preview { margin-left:16.666667%; }
.form-label-inline.form-group.form-error .form-error-alert,
.form-label-inline .form-group.form-error .form-error-alert { max-width:83.333333%; margin-left:calc(100% - 83.333333%); }


.form-label-inline .form-group.form-error .controls .form-error-alert,
.form-label-inline.form-group.form-error .controls  .form-error-alert { max-width:100%; margin-left:0; }

/************ [input + icon] ************/
.controls-icon .form-control { padding-right:2.375em; }
.controls-icon i[class^="tencon-"],.controls-icon i[class*="tencon-"] { margin-top:-7px; position:absolute; top:50%; right:10px; z-index:2; pointer-events:none; }
/*** date picker ***/
.controls-icon .datepicker + i { color:#555; }
.form-group.form-error .controls-icon .datepicker + i { color:#dc3545; }

/************ [input group] ************/
.controls-inputgroup { width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; position:relative; }
.controls-inputgroup+.controls-inputgroup { margin-left:0.5rem; }
.controls-inputgroup .input-group-prepend,.controls-inputgroup .input-group-cenpend,.controls-inputgroup .input-group-append { display:-webkit-box; display:-ms-flexbox; display:flex; }
.controls-inputgroup .input-group-prepend { margin-right:-1px; }
.controls-inputgroup .input-group-cenpend { margin-right:-1px; margin-left:-1px; }
.controls-inputgroup .input-group-append { margin-left:-1px; }
.controls-inputgroup .input-group-prepend.prepend-fixed span { width:100%; }
.controls-inputgroup .input-group-prepend.prepend-fixed span i { margin-right:5px; }
.controls-inputgroup .input-group-prepend>span,.controls-inputgroup .input-group-append>span { line-height:1.5; margin-bottom:0; padding:7px 12px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background-color:#f1f1f1; border:1px solid #ddd; border-radius:0.25rem; color:#333; font-size:0.8125rem; font-weight:400; text-align:center; white-space:nowrap; }
.controls-inputgroup .input-group-prepend>span i,.controls-inputgroup .input-group-append>span i { font-size:15px; }
.controls-inputgroup .input-group-cenpend>span { line-height:1.5; margin-bottom:0; padding:7px 12px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background-color:#fff; border:1px solid #ddd; color:#333; font-size:0.8125rem; font-weight:400; text-align:center; white-space:nowrap; }
.controls-inputgroup .input-group-cenpend.no-border>span { border-color:transparent; }
.controls-inputgroup .input-group-prepend>span,.controls-inputgroup .input-group-prepend>.form-control { border-top-right-radius:0; border-bottom-right-radius:0; }
.controls-inputgroup .input-group-append>span { border-top-left-radius:0; border-bottom-left-radius:0; }
.controls-inputgroup .input-group-append>.form-control { border-top-left-radius:0; border-bottom-left-radius:0; border-top-right-radius:0.25rem !important; border-bottom-right-radius:0.25rem !important; }
.controls-inputgroup .form-control:not(:first-child) { border-top-left-radius:0; border-bottom-left-radius:0; }
.controls-inputgroup .form-control:not(:last-child) { border-top-right-radius:0; border-bottom-right-radius:0; }
.controls-inputgroup .form-control { width:1% !important; margin-bottom:0; position:relative; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; }
.controls-inputgroup .form-control + .btn-add,.controls-inputgroup .form-control + .btn-remove,.controls-inputgroup .form-control + .btn-upload,.controls-inputgroup .control-group + .btn-add,.controls-inputgroup .control-group + .btn-remove,.controls-inputgroup .control-group + .btn-upload { margin-left:1rem; }
/*** date ***/
.controls-date { display:flex; }
.radio-controls+.controls-date { width:17rem; display:inline-flex; }
.controls .controls-inputgroup+.btn-toggle-group { margin-left:5px; }

.controls-date .controls-select { width:50%; margin-right:5px; }


/*** date ***/
.controls-date .input-group-prepend,.controls-date .input-group-append { width:1% !important; margin-bottom:0; position:relative; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; }
/*** error ***/
.form-group.form-error .controls-inputgroup .input-group-prepend>span,.form-group.form-error .controls-inputgroup .input-group-append>span { background-color:#dc3545; border:1px solid #dc3545; color:rgba(255,255,255,0.9); }

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

/************ [input group checkbox] ************/
.controls-inputgroup .input-group-prepend .checkbox-controls,.controls-inputgroup .input-group-append .checkbox-controls { min-width:auto !important; line-height:1.5; margin-bottom:0; padding:7px 7px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background-color:#f1f1f1; border:1px solid #ddd; border-radius:0.25rem; color:#333; font-size:0.8125rem; font-weight:400; text-align:center; white-space:nowrap; }
.controls-inputgroup .input-group-prepend .checkbox-controls { border-top-right-radius:0; border-bottom-right-radius:0; }
.controls-inputgroup .input-group-prepend .checkbox-controls:not(:first-child) { border-radius:0; }
.controls-inputgroup .input-group-append .checkbox-controls { border-top-left-radius:0; border-bottom-left-radius:0; }
.controls-inputgroup .input-group-append .checkbox-controls:not(:last-child) { border-radius:0; }
/*** error ***/
.form-group.form-error .controls-inputgroup .input-group-prepend .checkbox-controls,.form-group.form-error .controls-inputgroup .input-group-append .checkbox-controls { background-color:#dc3545; border:1px solid #dc3545; color:rgba(255,255,255,0.9); }
.form-group.form-error .controls-inputgroup .input-group-prepend .form-label-checkbox,.form-group.form-error .controls-inputgroup .input-group-append .form-label-checkbox { color:#fff; }

/************ [input group btn] ************/
.controls-inputgroup .input-group-prepend>.btn,.controls-inputgroup .input-group-append>.btn { min-width:auto !important; line-height:1.5; margin-bottom:0; padding:7px 12px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.controls-inputgroup .input-group-prepend>.btn + .btn,.controls-inputgroup .input-group-append>.btn + .btn { margin-left:-1px; }
.controls-inputgroup .input-group-prepend>.btn i,.controls-inputgroup .input-group-append>.btn i { top:0; margin-right:0; }
.controls-inputgroup .input-group-prepend>.btn i.margin,.controls-inputgroup .input-group-append>.btn i.margin { margin-right:5px; }
.controls-inputgroup .input-group-prepend>.btn:not(:first-child) { border-radius:0; }
.controls-inputgroup .input-group-append>.btn:not(:last-child) { border-radius:0; }
.controls-inputgroup .input-group-prepend>.btn { border-top-right-radius:0; border-bottom-right-radius:0; }
.controls-inputgroup .input-group-append>.btn { border-top-left-radius:0; border-bottom-left-radius:0; }
/*** no border ***/
.controls-inputgroup .btn-outline { border:1px solid #ddd; border-left-color:#fff; }
.controls-inputgroup-white .btn-white.btn-outline { border:1px solid #ddd; }
.controls-inputgroup-white input:focus+.input-group-append .btn-white.btn-outline,
.controls-inputgroup-white input:focus+.form-control-clear+.input-group-append .btn-white.btn-outline { background-color:#fcfcfc !important; border:1px solid #bbb; }
.controls-inputgroup-white .form-control { border-right-width:0; }
.controls-inputgroup-white .input-group-prepend + .form-control { border-left-color:#fff; border-right-color:#ddd; border-right-width:1px; }
/*** disabled ***/
.controls.controls-inputgroup .input-group-prepend .btn[disabled],.controls.controls-inputgroup .input-group-append .btn[disabled] { background-color:#e4e4e4; border-color:#ddd; color:#bbb; opacity:1 !important; }
/*** error ***/
.form-group.form-error .controls-inputgroup .input-group-prepend .btn,.form-group.form-error .controls-inputgroup .input-group-append .btn { background-color:#dc3545; border:1px solid #dc3545; color:rgba(255,255,255,0.9); }
.form-group.form-error .controls-inputgroup .input-group-prepend .btn-white,.form-group.form-error .controls-inputgroup .input-group-append .btn-white { color:#dc3545; }

/************ [select] ************/
select.form-control { padding:0.4375rem 1.6875rem 0.4375rem 0.75rem; background-position:calc(100% - 13px) calc(50% + 0px), calc(100% - 8px) calc(50% + 0px); background-size:6px 5px,6px 5px; background-repeat:no-repeat; }
select.form-control:-moz-focusring { color:transparent; text-shadow:0 0 0 #000; }
select[multiple].form-control { min-height:10rem; background:none; }
select[size].form-control { min-height:10rem; background:none; }

/*** disabled ***/
select.form-control:disabled { background-image:linear-gradient(45deg,transparent 50%,#bbb 50%), linear-gradient(135deg,#bbb 50%,transparent 50%); }
/*** error ***/
.form-error select.form-control { background-image:linear-gradient(45deg,transparent 50%,#dc3545 50%), linear-gradient(135deg,#dc3545 50%,transparent 50%); }
.form-error select[size].form-control { background-image:none; }

/****** rounded ******/
.controls-select.s2 select.form-control { border-radius:1.875rem; background-color:#585858 !important; background-image:url(../fonts/icon-arrow-down-w.svg); background-repeat:no-repeat; background-position:center right 13px; background-size:15px 15px; border:1px solid #585858 !important; color:#fff; padding-left:1rem; padding-right:2rem; }
.controls-select.s2 select.form-control:hover { background-color:#737373 !important; border:1px solid #737373 !important; cursor:pointer; }
/*** disabled ***/
.controls-select.s2 select.form-control:disabled { background-color:#eee !important; background-image:url(../fonts/icon-arrow-down-g.svg); border-color:#eee !important;  }
/*** error ***/
.form-error .controls-select.s2 select.form-control { background-color:#dc3545 !important; border-color:#dc3545 !important; }

/****** angle ******/
.controls-select.s3 select.form-control { background-image:url(../fonts/icon-arrow-down-k.svg); background-repeat:no-repeat; background-position:center right 13px; background-size:15px 15px; padding-right:2rem; }
/*** disabled ***/
.controls-select.s3 select.form-control:disabled { background-image:url(../fonts/icon-arrow-down-g.svg); }
/*** error ***/
.form-error .controls-select.s3 select.form-control { background-image:url(../fonts/icon-arrow-down-r.svg); }

/*** bootstrap select ***/
select.bs-select-hidden,.bootstrap-select>select.bs-select-hidden,select.selectpicker { display:none !important; }
.bootstrap-select { width:220px \0;/*IE9 and below*/ }
.bootstrap-select.form-control { width:100%; padding:0; border:none; z-index:inherit; }
.bootstrap-select>select { width:0.5px !important; height:100% !important; padding:0 !important; display:block !important; position:absolute !important; bottom:0; left:50%; border:none; opacity:0 !important; }
.bootstrap-select>select.mobile-device { width:100% !important; display:block !important; top:0; left:0; z-index:2; }
.bootstrap-select>.dropdown-toggle { width:100%; border-color:#ddd; color:#333; text-align:right; z-index:1; }
.bootstrap-select .dropdown-toggle::before { content:""; display:inline-block; }
.bootstrap-select .dropdown-toggle:not(:disabled):not(.disabled).active,.bootstrap-select .dropdown-toggle:not(:disabled):not(.disabled):active,.bootstrap-select.show>.dropdown-toggle,.bootstrap-select .dropdown-toggle:focus { background-color:#fcfcfc !important; border-color:#bbb !important; }
.bootstrap-select.show>.dropdown-toggle { border-bottom-color:transparent !important; border-bottom-right-radius:0; border-bottom-left-radius:0; }
.bootstrap-select.dropup.show>.dropdown-toggle { border-top-color:transparent !important; border-bottom-color:#bbb !important; border-radius:0.25rem; border-top-right-radius:0; border-top-left-radius:0; }
.bootstrap-select .dropdown-toggle .filter-option { height:100%; width:100%; padding-top:inherit; padding-right:inherit; padding-bottom:inherit; padding-left:inherit; position:absolute; top:0; left:0; text-align:left; }
.bootstrap-select .dropdown-toggle .filter-option-inner { padding-right:inherit; }
.bootstrap-select .dropdown-toggle .filter-option-inner-inner { overflow:hidden; }
.bootstrap-select .dropdown-menu { min-width:100%; margin:0; }
.bootstrap-select>.dropdown-menu.show { padding:0; border:1px solid #bbb; }
.bootstrap-select.show>.dropdown-menu.show { border-top-left-radius:0; border-top-right-radius:0; border-top-width:0; }
.bootstrap-select.dropup.show>.dropdown-menu.show { border-radius:0.25rem; border-bottom-left-radius:0; border-bottom-right-radius:0; border-bottom-width:0; border-top-width:1px; }
.bootstrap-select .dropdown-menu>.inner:focus { outline:none !important; }
.bootstrap-select .dropdown-menu.inner { float:none; margin:0; padding:0; position:static; border:0; border-radius:0; }
.bootstrap-select .dropdown-menu li { position:relative; }
.bootstrap-select .dropdown-menu li.active small { color:rgba(255, 255, 255, 0.5) !important; }
.bootstrap-select .dropdown-menu li.disabled a { cursor:not-allowed; }
.bootstrap-select .dropdown-menu li a { cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.bootstrap-select .dropdown-menu li a.opt { position:relative; padding-left:15px; }
.bootstrap-select .dropdown-menu li a span.check-mark { display:none; }
.bootstrap-select .dropdown-menu li a span.txt { display:inline-block; }
.bootstrap-select .dropdown-menu li small { padding-left:5px; color:#aaa; font-size:0.6875rem; }
.bootstrap-select.disabled>.dropdown-toggle,.bootstrap-select>.disabled>.dropdown-toggle { background-color:#e7eaee; border-color:#ddd; color:rgba(0,0,0,0.25); -webkit-text-fill-color:rgba(0,0,0,0.25); cursor:default; opacity:1 !important; }
.bootstrap-select.disabled:focus,.bootstrap-select>.disabled:focus { outline:none !important; }
.bootstrap-select.bs-container { height:0 !important; padding:0 !important; position:absolute; top:0; left:0; }
.bootstrap-select.bs-container .dropdown-menu { z-index:1060; }
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width:220px; }
.bootstrap-select[class*="col-"] .dropdown-toggle { width:100%; }
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { position:absolute; display:inline-block; right:15px; top:5px; }
.bootstrap-select.show-tick .dropdown-menu li a span.txt { margin-right:34px; }
.bootstrap-select .bs-ok-default::after { content:""; width:8px; height:14px; display:block; border-style:solid; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
.bs-actionsbox { width:100%; padding:8px; }
.bs-actionsbox .btn-group { width:100%; }
.bs-actionsbox .btn-group .btn { width:50%; min-width:inherit !important; margin:0; position:relative; -ms-flex:0 1 auto; flex:0 1 auto; background-color:#eee; border-color:#eee; color:#333; }
.bs-actionsbox .btn-group .btn:hover { border-color:#f2f2f2; background-color:#f2f2f2; color:#333; }
.bs-actionsbox .btn-group .btn:active,.bs-actionsbox .btn-group .btn.active { border-color:#e4e4e4; background-color:#e4e4e4; color:#333; }
.bs-actionsbox .btn-group .btn + .btn { margin-left:-1px; border-left:1px solid rgba(0,0,0,0.05); }
.bs-actionsbox .btn-group>.btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius:0; border-bottom-right-radius:0; }
.bs-actionsbox .btn-group>.btn:not(:first-child):not(.dropdown-toggle) { border-top-left-radius:0; border-bottom-left-radius:0; }
.bootstrap-select .dropdown-menu .notify { width:98%; width:calc(100% - 8px); min-height:26px; margin:0 4px; padding:5px; display:block !important; position:absolute; bottom:5px; background:#ffc107; border:1px solid #ffc107; color:#fff; pointer-events:none; opacity:0.9; }

/************ [file upload] ************/
.controls-fileupload .form-control { padding:0.34375rem 0.5rem 0.34375rem 0.34375rem; }
.label-inner .controls-fileupload .form-control { padding-left:71px; }
.controls-fileupload .control-group { width:1%; height:calc(2.1875rem + 2px); position:relative; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex:1 1 auto; flex:1 1 auto; }
.controls-fileupload .control-group .form-label { height:calc(2.1875rem + 2px); padding:0.4375rem 4.375rem 0.4375rem 0.4375rem; position:absolute; top:0; right:0; left:0; background-color:#fff; border:1px solid #ddd; border-radius:0.25rem; border-top-left-radius:0; border-bottom-left-radius:0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; z-index:1; }
.controls-fileupload .control-group .form-control { width:100%; height:calc(2.1875rem + 2px); margin:0; opacity:0; }
.controls-fileupload .control-group .form-label::after { content:"Browser..."; height:2.1875rem; line-height:1.5; padding:0.4375rem; display:block; position:absolute; top:0; right:0; bottom:0; background-color:#ddd; border-left:1px solid #ddd; color:#333; font-size:0.875rem; z-index:3; }
.form-error .controls-fileupload .control-group .form-label { border:1px solid #dc3545; }												
.form-error .controls-fileupload .control-group .form-label::after { background-color:#dc3545; border:0px solid #dc3545; color:rgba(255,255,255,0.9); }
.controls-fileupload .control-group .form-label-disabled { background-color:#e7eaee; color:rgba(0,0,0,0.25); -webkit-text-fill-color:rgba(0,0,0,0.25); cursor:default; }

/************ [file upload list] ************/
.form-group-fileupload {}
.form-group-fileupload .row .grid-col { width:90%; width:calc(100% - 130px); }
.form-group-fileupload .row .grid-col:first-child { -ms-flex:0 0 130px; flex:0 0 130px; max-width:130px; width:130px; }
/*** label inline ***/
.form-group-fileupload .controls .row { margin-right:-15px; margin-left:-15px; } 
.form-group-fileupload .controls .row .grid-col .controls { width:auto; min-height:1px; max-width:inherit; -ms-flex:inherit; flex:inherit; margin-top:0; }
.form-group-fileupload .controls .row .grid-col .controls .form-label { max-width:100%; -ms-flex:0 0 100%; flex:0 0 100%; }

.form-group-fileupload .controls { margin:0; display:inline-block; position:relative; }
.form-group-fileupload .controls > input[type=file] { width:122px; height:122px; position:absolute; left:0; top:0; font-size:122px; opacity:0; }         
.form-group-fileupload .controls .label-add { width:122px; height:122px; padding:0; display:inline-block; position:relative; background-color:#34495e; border:0; border-radius:0; color:#fff; line-height:122px; font-size:15px; font-weight:400; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; overflow:hidden; transition:all 0.12s linear 0s!important; }
.form-group-fileupload .img-preview-wrap { width:100%; height:122px; padding:5px; display:block; border:1px solid #ddd; overflow:hidden; overflow-y:auto; }
.form-group .img-preview { width:50px; height:50px; margin-top:5px; display:inline-block; position:relative; background:url(../images/bg_blank.png); background-size:16px auto; }
.form-group-fileupload .img-preview-wrap .img-preview { width:100px; height:100px; margin:5px; }
.form-group .img-preview img { width:100%; height:100%; }
.form-group .img-preview .btn-remove { width:1.2rem; height:1.2rem; min-width:1.2rem; min-height:1.2rem; position:absolute; top:0; right:0; border-radius:0; }

.form-group-fileupload .img-info { display:flex; }
.form-group-fileupload .img-info div { display:inline; position:relative; }
.form-group-fileupload .img-info .btn { width:30px; min-width:30px !important; padding:0;  }
.form-group-fileupload .img-info .filename { width:calc(100% - 130px); font-size:0.875rem; }
.form-group-fileupload .img-info .filename span { max-width:100%; display:block; font-weight:500; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.form-group-fileupload .img-info .filesize { width:100px; padding:0 1rem; color:#888; font-size:0.875rem; text-align:right; }

.form-group-fileupload .img-preview-wrap .list-empty { margin:0; color:#888; font-size:1rem; line-height:110px; text-align:center; }
.form-group .info-preview { margin-top:0.3125rem; color:#999; font-size:0.8125rem; }
/****** responsive & retina specific ******/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
    .form-group-fileupload .img-preview-wrap .img-preview { background:url(../images/bg_blank%402x.png); background-size:16px auto; }
}

/************ [textarea] ************/
textarea.form-control { height:6.25rem; }
textarea.form-control.height-10rem { height:10rem; }
textarea.form-control.height-13rem { height:13rem; }
textarea.form-control.height-15rem { height:15rem; }
textarea.form-control.height-17rem { height:17rem; }
textarea.form-control.height-19rem { height:19rem; }
textarea.form-control.height-21rem { height:21rem; }
textarea.form-control.height-23rem { height:23rem; }
textarea.form-control.height-25rem { height:25rem; }
textarea.form-control.resize-disabled { resize:none; }
textarea.form-control.resize-disabled-horizontal { resize:horizontal; }
textarea.form-control.resize-disabled-vertical { resize:vertical; }

/************ [checkbox & radio ] ************/
.checkbox-controls,.radio-controls { min-height:1.5rem; padding:0.5rem 0; display:flex; position:relative; }
.checkbox-controls .form-label-checkbox,.radio-controls .form-label-radio { line-height:1.5; margin-bottom:0; padding-left:1.5rem; display:inline-block; position:relative; color:#333; font-size:0.875rem; }
.checkbox-controls .form-label-checkbox .require,.radio-controls .form-label-radio .require { color:#dc3545; font-size:0.8rem; }
.checkbox-controls .form-label-checkbox .require-no,.radio-controls .form-label-radio .require-no { color:#888; font-size:0.8rem; }
.checkbox-controls .form-label-checkbox::before,.radio-controls .form-label-radio::before { content:""; width:1.125rem; height:1.125rem; display:block; position:absolute; top:0.125rem; left:0; background-color:#fff; border-width:1px; border-style:solid; border-color:#ddd; border-radius:0.25rem; pointer-events:none; transition:all 0.15s linear 0s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.radio-controls .form-label-radio::before { border-radius:50%; }
.checkbox-controls .form-label-checkbox::after { content:"\e939"; width:15px; height:15px; line-height:1; margin-top:-7px; display:block; position:absolute; top:10px; left:1px; transition:all 0.15s linear 0s; color:#f2f2f2; font-size:15px; font-family:'tencon'; font-style:normal; font-weight:normal; text-decoration:inherit; text-align:center; speak:none; font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.radio-controls .form-label-radio::after { content:""; width:0.5rem; height:0.5rem; display:block; position:absolute; top:0.4375rem; left:0.3125rem; background-color:#f2f2f2; border-radius:50%; }
.checkbox-controls-blank .form-label-checkbox,.radio-controls-blank .form-label-radio { width:1.125rem; height:1.125rem; padding-left:0; }
.checkbox-controls-blank .form-label-checkbox::before,.radio-controls-blank .form-label-radio::before { top:0; }
.checkbox-controls .link-txt,.checkbox-controls .link-arrow,.checkbox-controls .link-btn,.radio-controls .link-txt,.radio-controls .link-arrow,.radio-controls .link-btn { margin-left:1.5rem; position:relative; top:1px; font-size:0.8125rem; }
.checkbox-controls .link-btn,.radio-controls .link-btn { padding:0.0625rem 0.75rem; display:inline-block; position:absolute; top:0.3rem; right:0; background-image:none; border:1px solid #00bdcd; border-radius:1.875rem; line-height:1.5; font-size:0.8125rem; font-weight:400; text-decoration:none; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; transition:all 0.15s linear 0s!important; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.checkbox-controls input[type=checkbox]:checked,.checkbox-controls input[type=checkbox]:not(:checked),.radio-controls input[type=radio]:checked,.radio-controls input[type=radio]:not(:checked) { pointer-events:none; }
.checkbox-controls .form-control-checkbox,.radio-controls .form-control-radio { width:1.0625rem !important; height:1.0625rem !important; position:absolute; opacity:0; z-index:-1; }
.checkbox-controls .form-control-checkbox:checked ~ .form-label-checkbox::before,.radio-controls .form-control-radio:checked ~ .form-label-radio::before { background-color:#fff; }
.checkbox-controls .form-control-checkbox:checked ~ .form-label-checkbox::after { color:#00bdcd; }
.radio-controls .form-control-radio:checked ~ .form-label-radio::after { background-color:#00bdcd; }
.checkbox-controls .form-control-checkbox:disabled ~ .form-label-checkbox::before,.radio-controls .form-control-radio:disabled ~ .form-label-radio::before{ background-color:#e7eaee; }
.checkbox-controls .form-control-checkbox:disabled:checked ~ .form-label-checkbox::before,.radio-controls .form-control-radio:disabled:checked ~ .form-label-radio::before { background-color:#e7eaee; }
.checkbox-controls .form-control-checkbox:disabled:checked ~ .form-label-checkbox::after { color:rgba(0,189,205,0.3); }
.radio-controls .form-control-radio:disabled:checked ~ .form-label-radio::after { background-color:rgba(0,189,205,0.3); }
.form-group.form-inline .checkbox-controls,.form-group.form-inline .radio-controls,.form-group.form-inline .controls-inputgroup { display:-ms-inline-flexbox; display:inline-flex; }
.form-group.form-inline .controls-inputgroup { width:auto;}
.form-group.form-inline .controls-inputgroup .checkbox-controls,.form-group.form-inline .controls-inputgroup .radio-controls { margin-right:1rem; }
/*.form-group.form-inline .controls-inputgroup .form-control { width:150px !important; border-radius:0.25rem; }*/
.form-group.form-inline .checkbox-controls:not(:last-child),.form-group.form-inline .radio-controls:not(:last-child),.form-group.form-inline .controls-inputgroup:not(:last-child) { margin-right:1.2rem; }
.form-group.form-inline .controls-inputgroup .input-group-prepend .checkbox-controls,
.form-group.form-inline .controls-inputgroup .input-group-prepend .radio-controls { background:none; border:none; }
.form-group.form-error .form-label-checkbox,.form-group.form-error .form-label-radio { color:#dc3545; }

/************ [error] ************/
.form-error-alert { display:none; }
.form-group.form-error .form-label { color:#dc3545; }
.form-group.form-error .extra { color:rgba(246,55,89,0.5); }
.form-group.form-error .form-control,.form-group.form-error .bootstrap-select>.dropdown-toggle { border-color:#dc3545; }
.form-group.form-error .form-control:focus,.form-group.form-error .bootstrap-select>.dropdown-toggle:focus,.form-group.form-error .bootstrap-select>.dropdown-toggle:not(:disabled):not(.disabled).active,.form-group.form-error .bootstrap-select>.dropdown-toggle:not(:disabled):not(.disabled):active,.form-group.form-error .bootstrap-select.show>.dropdown-toggle,.form-group.form-error .bootstrap-select>.dropdown-toggle:focus,
.form-group.form-error .bootstrap-select>.dropdown-menu.show { border-color:#f64b69 !important; }
.form-group.form-error .bootstrap-select.show>.dropdown-toggle { border-bottom-color:transparent !important; }
.form-group.form-error .bootstrap-select.dropup.show>.dropdown-toggle { border-top-color:transparent !important; border-bottom-color:#f64b69 !important; border-radius:0.25rem; border-top-right-radius:0; border-top-left-radius:0; }
.form-group.form-error .bootstrap-select>.dropdown-toggle::after { border-top-color:#dc3545; }
.form-group.form-error .bootstrap-select.dropup>.dropdown-toggle::after { border-bottom-color:#dc3545; }

.form-group.form-error .form-error-alert,
.form-group.form-error+.form-error-alert,
.form-group.form-error .controls .form-error-alert { margin-top:5px; display:block; }
.form-error-all>.form-error-alert { margin-right:15px; margin-left:15px; display:block; }

.form-error-alert { width:100%; line-height:1.5; padding:6px 8px; display:none; background-color:#dc3545; color:rgba(255,255,255,0.9); font-size:0.75rem; }
.form-layout-body>.form-error-alert { margin-right:0; margin-left:0; }


/***************************************************************
	[TABLE]
***************************************************************/
/************ [default table] ************/
.table-wrap { position:relative; clear:both; zoom:1; }
.table-wrap::after { content:""; height:0; display:block; visibility:hidden; clear:both; }
.table { width:100%; /*margin:0 auto;*/ background-color:transparent; clear:both; border:1px solid #333; }
.dataTables_scrollHeadInner .table { border-bottom:0; }
.dataTables_scrollBody .table { border-top:0; }
.table-wrap+.table-wrap { margin-top:1rem; }
/*.table,.table th,.table td { box-sizing:content-box; }*/
.table thead th,.table tfoot th { font-weight:700; text-align:left; vertical-align:middle; text-transform:uppercase; }
.table thead th,.table thead td { padding:0.625rem 0.5rem; position:relative; background-color:#eee; border-left:1px solid #ccc; border-bottom:1px solid #ccc; color:#333; font-size:0.8125rem; vertical-align:middle; }
.table thead th:first-child,.table thead td:first-child { border-left:none; }
.table thead tr:last-child:not(:first-child) th { border-left:1px solid #ccc; }
.table thead th:active,.table thead td:active { outline:none; }
.table tfoot th,.table tfoot td { padding:0.625rem 0.5rem 0.375rem; background-color:#fff; border-top:1px solid #333; font-size:0.8125rem; }
/* sorting */
.table thead .sorting,.table thead .sorting_asc,.table thead .sorting_desc,.table thead .sorting_asc_disabled,.table thead .sorting_desc_disabled { padding-right:1.625rem; cursor:pointer; }
.table thead .sorting::after,.table thead .sorting_asc::after,.table thead .sorting_desc::after,.table thead .sorting_asc_disabled::after,.table thead .sorting_desc_disabled::after { width:15px; height:15px; margin-top:-7px; display:block; position:absolute; top:50%; right:10px; line-height:1; color:rgba(0,0,0,0.5); font-size:0.9375rem; font-family:'tencon'; font-style:normal; font-weight:normal; text-decoration:inherit; text-align:center; speak:none; font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.table thead .sorting::after { content:""; }
.table thead .sorting:hover::after { content:"\e994"; color:rgba(0,0,0,0.2); }
.table thead .sorting_asc::after { content:"\e994"; }
.table thead .sorting_desc::after { content:"\e996"; }
.table thead .sorting_asc_disabled::after { content:"\e994"; color:rgba(0,0,0,0.2); }
.table thead .sorting_desc_disabled::after { content:"\e996"; color:rgba(0,0,0,0.2); }

.table tbody tr { background-color:#fff; }
.table tbody tr.selected { background-color:#b0bed9; }/**/
.table tbody th,.table tbody td { padding:0.625rem 0.5rem; border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; color:#333; font-size:0.8125rem; vertical-align:middle; }
.table tbody th { background-color:#eee; font-weight:600; }
.form-table tbody th,.form-table tbody td { padding:0.5rem; }
.table tbody tr:first-child th,.table tbody tr:first-child td { border-top:none; }
.table tbody tr th:first-child,.table tbody tr td:first-child { border-left:none; }
.table tbody tr:nth-child(2n+2),.table tbody tr.even { background-color:#f6f6f6; }
.table tbody tr:hover { background-color:#f2f8f9 !important; border:0px solid #00bdcd !important; transition:background .15s ease-in; }
.table thead th,.table thead td,.table tfoot th,.table tfoot td,.table tbody th,.table tbody td { white-space:nowrap; }
.table-whitespace thead th,.table-whitespace thead td,.table-whitespace tfoot th,.table-whitespace tfoot td,.table-whitespace tbody th,.table-whitespace tbody td { white-space:normal; }
.table tbody td a:not(.btn):hover { text-decoration:underline; }
.table th.collapsing,.table td.collapsing { width:1px; white-space:nowrap; }
.table-whitespace th.collapsing,.table-whitespace td.collapsing { width:auto; white-space:normal; }

.table th.linefeed,.table td.linefeed { white-space:normal; }
.table td.ellipsis { max-width:150px; }
.table td.ellipsis a,.table td.ellipsis span { max-width:100%; display:inline-block; text-overflow:ellipsis; overflow:hidden; }
.table span.txt-pre { max-width:none !important; display:inline !important; color:#888; }
.table span.txt-extra { max-width:none !important; display:block !important; color:#888; }
.table .img-thumbnail { width:50px; height:50px; }

.table .reorder,.table .sortable-row { cursor:move; }
.table td.reorder { text-align:center; }
.table .custom-placeholder { /*border:solid 2px #199dd8 !important;*/ outline:2px solid #199dd8; outline-offset:-2px; cursor:move; }
.ui-sortable-helper { table-layout:fixed; outline:2px solid #199dd8; outline-offset:-2px; opacity:0.8; /* overflow-x:hidden; */ }

.table .txt-underscore { font-size:1.125rem; }
.table .icon-help { width:1rem; height:1rem; line-height:1; margin-left:5px; padding:3px 0; display:inline-block; background-color:#ffc107; border-radius:100%; color:#333; font-size:0.6875rem; text-align:center; }
.table .label-link { min-width:100%; padding:0.3rem 0.25rem; display:inline-block; }
.table span.label-link { padding:0.3rem 0.5rem; }
.table td.dataTables_empty { padding:10rem 0; background-color:#fff !important; font-size:1rem; text-align:center; }
.table td.dataTables_empty:hover { background-color:#fff !important; }
.table td.dataTables_inner { max-width:1px; padding:0.5rem; background-color:#fff !important; }
.table td.dataTables_inner:hover { background-color:#fff !important; }
.table td.dataTables_inner .inner { width:100%; max-height:500px; overflow:auto; }
.table td.dataTables_inner.iframe_inner .inner { max-height:inherit; overflow:hidden; }

.table th.dt-left,.table td.dt-left,.table thead th.dt-head-left,.table thead td.dt-head-left,.table tfoot th.dt-body-left,.table tfoot td.dt-body-left,.table tbody th.dt-body-left,.table tbody td.dt-body-left { text-align:left; }
.table th.dt-center,.table td.dt-center,.table thead th.dt-head-center,.table thead td.dt-head-center,.table tfoot th.dt-body-center,.table tfoot td.dt-body-center,.table tbody th.dt-body-center,.table tbody td.dt-body-center { text-align:center; }
.table th.dt-right,.table td.dt-right,.table thead th.dt-head-right,.table thead td.dt-head-right,.table tfoot th.dt-body-right,.table tfoot td.dt-body-right,.table tbody th.dt-body-right,.table tbody td.dt-body-right { text-align:right; }
.table th.dt-justify,.table td.dt-justify,.table thead th.dt-head-justify,.table thead td.dt-head-justify,.table tfoot th.dt-body-justify,.table tfoot td.dt-body-justify,.table tbody th.dt-body-justify,.table tbody td.dt-body-justify { text-align:justify; }
.table th.dt-wrap,.table td.dt-wrap,.table thead th.dt-head-wrap,.table thead td.dt-head-wrap,.table tfoot th.dt-body-wrap,.table tfoot td.dt-body-wrap,.table tbody th.dt-body-wrap,.table tbody td.dt-body-wrap { white-space:normal; }
/****** responsive & retina specific ****** /
@media (min-width:1024px) {
    .table-whitespace thead th,.table-whitespace thead td,.table-whitespace tfoot th,.table-whitespace tfoot td,.table-whitespace tbody th,.table-whitespace tbody td { white-space:nowrap; }
    .table-whitespace th.collapsing,.table-whitespace td.collapsing { width:1px; white-space:nowrap; }
}

/******* table data state ******/
.table .cell-notice,.table .cell-notice>th,.table .cell-notice>td,.table .cell-notice:hover,.table .cell-notice:hover>th,.table .cell-notice:hover>td { background-color:#eceff3; color:#333 !important; font-weight:500; }
.table .cell-notice,.table .cell-notice>th,.table .cell-notice>td { border-bottom:1px solid #e4e4e4; }
.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:#f8ffff; color:#276f86 !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:#fcfff5; color:#2c662d !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:#fffaf3; color:#573a08 !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:#fff6f6; color:#912d2b !important; }
.table tr.active,.table th.active,.table td.active,.table .active>th,.table .active>td,.table tr.active:hover,.table th.active:hover,.table td.active:hover,.table .active:hover>th,.table .active:hover>td { background-color:rgba(0,216,214,0.08) !important; color:#333 !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:#bbb !important; }

/************ [table filter] ************/
.filter-body { padding:0.5rem 0; }
.filter-body .col + .col { text-align:right; }
.filter-body .form-group { width:auto; margin:0 0 0 5px !important; display:inline-block !important; position:relative; }
.filter-body .form-group:first-child { margin:0 !important; }
.filter-body .form-group .btn:not(.btn-icon):not(.btn-toggle) { min-width:60px; }
.filter-body .form-group .btn + .btn { margin-left:3px !important; }
.filter-body .form-group .form-control { display:inline-block; padding:0.25rem 0.5rem; font-size:0.8125rem; }
.filter-body .form-group .controls-inputgroup .input-group-cenpend>span { padding:0.25rem 12px; }
.filter-body .form-group .controls-date .datepicker { width:110px !important; }
.filter-body .form-group .controls-select .form-control { padding-right:1.5rem; font-size:0.8125rem; }
.filter-body .form-group .checkbox-controls, .filter-body .form-group .radio-controls { padding:0.25rem 0; }
.filter-body .controls-inputgroup .input-group-prepend>.btn,.filter-body .controls-inputgroup .input-group-append>.btn { padding:0.25rem 0.5rem; font-size:0.8125rem; }
.filter-body .btn { padding:0.25rem 0.5rem; font-size:0.8125rem; }
.filter-body .btn-icon { width:auto; height:auto; min-width:26px; min-height:26px; padding:0.3595rem !important; }
.filter-body .align-group .btn + .btn { margin-left:5px; }
.filter-body .form-divider { margin-left:1.25rem; }
.filter-body .form-divider::before { content:""; width:1px; height:12px; margin-top:-6px; margin-left:10px; margin-right:10px; display:inline-block; position:absolute; top:50%; left:-20px; background-color:rgba(0,0,0,0.3); }

/************ [table form] ************/
.table .form-group { width:auto; margin:0; display:inline-flex; vertical-align:middle; }
.table .form-group-inline { width:auto; display:inline-block; }
.table .form-group .controls { margin:0; }
.table .form-group .form-control { padding:0.25rem 0.5rem; font-size:0.8125rem; }
.table .form-group .controls-select .form-control { padding:0.25rem 1.5rem 0.25rem 0.5rem; font-size:0.8125rem; }
.table .form-group .controls-inputgroup .input-group-append span,.table .form-group .controls-inputgroup .input-group-prepend span,.table .form-group .controls-inputgroup .input-group-append .btn,.table .form-group .controls-inputgroup .input-group-prepend .btn { padding:0.25rem 0.5rem; font-size:0.8125rem; }
.table .form-group .checkbox-controls,.table .form-group .radio-controls { min-height:18px; padding:0; top:-1px; }
.table .form-group-inline .checkbox-controls:last-child { margin-right:0; }

/************ [table btn] ************/
.table .btn:not(.btn-toggle) { min-width:inherit !important; padding:0.125rem 0.5rem; font-size:0.75rem; }
.table .btn i { font-size:13px; }
.table .btn-icon { width:auto; height:auto; min-width:26px; min-height:26px; padding:0.3595rem !important; }
/************ [data table] ************/
.dataTables_wrapper { position:relative; clear:both; zoom:1; }
.dataTables_wrapper::after { content:""; height:0; display:block; visibility:hidden; clear:both; }
.dataTables_wrapper .dataTables_length { float:left; margin-bottom:10px; }
.dataTables_wrapper .dataTables_length label { position:relative; display:inline-block; color:#333; font-size:0.8125rem; }
/*.dataTables_wrapper .dataTables_length label::before { content:""; width:0; height:0; position:absolute; top:14px; right:10px; border-left:5px solid transparent; border-right:5px solid transparent; border-top-width:7px; border-top-style:solid; border-top-color:#333; pointer-events:none; z-index:3; }*/
.dataTables_wrapper .dataTables_length .form-control { width:100px; margin-left:10px; display:inline-block; padding:0.25rem 0.5rem; font-size:0.8125rem; }
.dataTables_wrapper .dataTables_filter { float:right; margin-bottom:10px; text-align:right; color:#333; font-size:0.8125rem; }
.dataTables_wrapper .dataTables_filter .form-control { width:200px; margin-left:5px; display:inline-block; padding:0.25rem 0.5rem; font-size:0.8125rem; }
.dataTables_wrapper .dataTables_info { float:left; margin-top:10px; padding:8px 0; color:#333; font-size:0.8125rem; clear:both; }
.dataTables_wrapper .dataTables_paginate { float:right; margin-top:10px; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; vertical-align:middle; }
.dataTables_wrapper .dataTables_paginate a + span,.dataTables_wrapper .dataTables_paginate .paginate_button { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; position:relative; }
.dataTables_wrapper .dataTables_paginate .paginate_button { line-height:1.25; margin-left:-1px; padding:0.5rem .75rem; background-color:#fff; border:1px solid #ddd; color:#333 !important; font-size:0.8125rem; text-align:center; vertical-align:middle; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; transition:background .1s ease; }
.dataTables_wrapper .dataTables_paginate .paginate_button:not(:disabled):not(.disabled) { cursor:pointer; }
.dataTables_wrapper .dataTables_paginate .paginate_button.first { margin-left:0; border-top-left-radius:3px; border-bottom-left-radius:3px; }
.dataTables_wrapper .dataTables_paginate .paginate_button.last { border-top-right-radius:3px; border-bottom-right-radius:3px; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,.dataTables_wrapper .dataTables_paginate .paginate_button:active { background-color:#01adbc; color:#fff !important; outline:none; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { background-color:#00bdcd; color:#fff !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { background:transparent; color:#bbb !important; }


/***************************************************************
	[PAGINATION]
***************************************************************/
.pagination-content { margin:15px 0; }
/*.filter-body + .pagination-content { margin:0; }*/
.pagination-content.pagination-center .pagination { -ms-flex-pack:center !important; justify-content:center !important; }
.pagination-content.pagination-right .pagination { -ms-flex-pack:end !important; justify-content:flex-end !important; }
.pagination { padding-left:0; display:-ms-flexbox; display:flex; list-style:none; }
.page-link { line-height:1.5; margin-left:-1px; padding:0.375rem 0.75rem 0.4375rem; display:block; position:relative; background-color:#fff; border:1px solid #ccc; color:#333 !important; font-size:0.8125rem; }
.page-link:hover { background-color:#eee; border-color:#ccc; color:#333; text-decoration:none; z-index:2; }
.page-link:focus { outline:0; z-index:2; }
.page-link:not(:disabled):not(.disabled) { cursor:pointer; }
.page-item:first-child .page-link { margin-left:0; }
.page-item:last-child .page-link { }
.page-item.active .page-link { background-color:#00bdcd; border-color:#00bdcd; color:#fff !important; z-index:1; }
.page-item.disabled .page-link { background-color:#fff; border-color:#ccc; color:#bbb !important; pointer-events:none; cursor:auto; }
.pagination-content .page-item:first-child .page-link { border-top-left-radius:3px; border-bottom-left-radius:3px; }
.pagination-content .page-item:last-child .page-link { border-top-right-radius:3px; border-bottom-right-radius:3px; }
.pagination-content.pagination-round .page-item:first-child .page-link { border-top-left-radius:2rem; border-bottom-left-radius:2rem; }
.pagination-content.pagination-round .page-item:last-child .page-link { border-top-right-radius:2rem; border-bottom-right-radius:2rem; }


/***************************************************************
	[BOARD]
***************************************************************/
.board-wrap .table { border-right:0; border-left:0; }
.board-wrap .table thead th,.board-wrap .table thead td { border-left:0px solid #eee; }
.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:0px solid #00bdcd !important; transition:background .15s ease-in; }
.board-wrap .table tbody th,.board-wrap .table tbody td { border-top:1px solid #e4e4e4; border-left:0px solid transparent; }
.board-wrap .table tbody td a:not(.dropdown-item) { color:#333 !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:#ffc107; }
.board-wrap .table tbody td .dropdown-toggle:hover { text-decoration:none; }

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

.board-header { line-height:1.5; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc; }
.board-header h4 { display:inline-block; position:relative; color:#333; font-size:1.125rem; font-weight:400; word-break:keep-all; }
.board-header h4 i.tencon-lock { color:#888; }
.board-header .category { margin:0 5px; color:#888; font-size:0.875rem; font-weight:300; }
.board-body {}

/************ [collapse board type] ************/
.collapse-board {}
.collapse-board .list-row {}
.collapse-board .list-header { border-bottom:1px solid #ddd; }
.collapse-board .list-header:last-child { border-bottom:0; }
.collapse-board .list-header h5 { padding:0; }
.collapse-board .list-header a { padding:1rem 4rem 1rem 2.4rem; display:block; position:relative; color:#333 !important; font-weight:700 !important; }
.collapse-board .list-header a::before { content:"Q"; position:absolute; top:1rem; left:1rem; font-size:1rem; color:#00bdcd; font-weight:500; }
.collapse-board .list-header a::after { content:"\e90d"; width:15px; margin-top:-10px; position:absolute; top:50%; right:1rem; color:#888; font-family:'tencon';font-style:normal;font-weight:normal;text-decoration:inherit;text-align:center;speak:none;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden;vertical-align:top; }
.collapse-board .list-header a.collapsed { font-weight:400 !important; }
.collapse-board .list-header a.collapsed::after { content:"\e91a"; }
.collapse-board .list-body { padding:1rem 4rem 1rem 2.4rem; position:relative; background:#efefef; border-bottom:1px solid #ddd; }
.collapse-board .list-body::before { content:"A"; position:absolute; top:1rem; left:1rem; font-size:1rem; color:#dc3545; }
.collapse-board .list-header.list-empty { padding:10rem 0; background-color:#fff !important; text-align:center; }
.collapse-board .list-header.list-empty h5 { font-size:1rem; font-weight:400 !important; }


/***************************************************************
	[NOTIFY]
***************************************************************/
[data-notify="container"].alert { padding:20px 30px 20px 59px; border-width:0; display:block !important; }
[data-notify="container"].alert-success { background-color:rgba(29,209,161,0.9); }	/* #28a745 */
[data-notify="container"].alert-info { background-color:rgba(15,188,249,0.9); }		/* #17a2b8 */
[data-notify="container"].alert-danger { background-color:rgba(255,192,40,0.9); }	/* #ffc107 */
[data-notify="container"].alert-danger { background-color:rgba(246,55,89,0.9); }		/* #dc3545 */
[data-notify="container"] button.close { color:#fff; font-size:1.125rem; }
[data-notify="icon"] { margin-top:-12px; position:absolute; top:50%;left:20px; color:rgba(255,255,255,1); font-size:1.5rem; }
[data-notify="title"] { display:block; color:rgba(255,255,255,1); font-size:0.875rem; font-weight:500; }
[data-notify="message"] { display:block; color:rgba(255,255,255,0.85); font-size:0.875rem; }


/***************************************************************
	[MODAL]
***************************************************************/
.modal-open { overflow:hidden; }
.modal { display:none; position:fixed; top:0; right:0; bottom:0; left:0; overflow:hidden; outline:0; z-index:1081; }
.modal-open .modal { overflow-x:hidden; overflow-y:auto; }
.modal-dialog { width:auto; min-height:calc(100% - (0.5rem * 2)); margin:0.5rem; position:relative; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; pointer-events:none; }
.modal-dialog::before { content:""; height:calc(100vh - (0.5rem * 2)); display:block; }
.modal.fade .modal-dialog { transition:-webkit-transform 0.3s ease-out; transition:transform 0.3s ease-out; transition:transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform:translate(0,0); transform:translate(0,0); }
@media screen and (prefers-reduced-motion:reduce) {
	.modal.fade .modal-dialog { transition:none; }
}
.modal.show .modal-dialog { -webkit-transform:translate(0,0); transform:translate(0,0); }
.modal-backdrop { position:fixed; top:0; right:0; bottom:0; left:0; background-color:#000; z-index:1040; }
.modal-backdrop.fade { opacity:0 !important; }
.modal-backdrop.show { opacity:0.7 !important; }
/****** modal-content ******/
.modal-content { width:100%; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; position:relative; background-color:#fff; background-clip:padding-box; border:1px solid rgba(0,0,0,0.2); border-radius:0.25rem; pointer-events:auto; outline:0; }
.modal-header { padding:2rem 1.5rem; display:-ms-flexbox; display:flex; -ms-flex-align:start; align-items:flex-start; -ms-flex-pack:justify; justify-content:space-between; position:relative; }
.modal-header.title-none + .modal-body { padding-top:0; padding-bottom:3rem; }
.modal-header .btn-close { padding:1rem 0.8rem; }
.btn-close { position:absolute; top:0; right:0; line-height:1; opacity:0.35; }
.btn-close:hover,.btn-close:focus { opacity:0.7; }
.btn-close:not(:disabled):not(.disabled) { cursor:pointer; }
button.btn-close { padding:0; background-color:transparent; border:0; -webkit-appearance:none; }
.modal-title { width:100%; margin-bottom:0; position:relative; color:#333; font-size:1.25rem; font-weight:400; line-height:1.5; text-align:center; }
.modal-title::after { content:""; width:5rem; height:1px; margin-left:-2.5rem; position:absolute; bottom:-2rem; left:50%; background:rgba(0,0,0,0.45); }
.modal-body { padding:3rem 1.5rem 1.5rem 1.5rem; position:relative; -ms-flex:1 1 auto; flex:1 1 auto; }
.modal-body.scrolling { max-height:calc(70vh); overflow:auto; }
.modal-body p { margin:0 auto; display:table; color:#333; font-size:0.875rem; text-align:left; }
.modal-footer { padding:1.5rem 1.5rem 2rem; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:end; justify-content:center; }
.modal-footer>.btn { min-width:100px; margin-left:10px; margin-right:5px; }

.modal-iframe .modal-body { padding:2.5rem 1.5rem 1rem 1.5rem; }
.modal-iframe .modal-footer { padding:1rem 1.5rem 2rem; }

/************ [modal full window] ************/
.modal-fluid.modal-dialog { width:100%; height:100%; max-width:100%; min-height:100%; margin:0; }
.modal-fluid .modal-content { height:100%; background-color:rgba(0,0,0,0.5); border:none; border-radius:0; }
.modal-fluid .modal-header .modal-title { color:#fff; }
.modal-fluid .modal-header .btn-close { color:#fff; }
.modal-fluid .modal-body { height:100%; height:calc(100% - 40px); }
.modal-fluid .modal-body p { color:#fff; }

/************ [modal frame position] ************/
.modal .modal-dialog.modal-top { top:-1px; }
.modal .modal-dialog.modal-bottom { bottom:0; }
.modal.fade.top:not(.show) .modal-frame.modal-dialog { -webkit-transform:translate3d(0,-25%,0); transform:translate3d(0,-25%,0); }
.modal.fade.bottom:not(.show) .modal-frame.modal-dialog { -webkit-transform:translate3d(0,25%,0); transform:translate3d(0,25%,0); }
.modal .modal-frame { width:100%; max-width:100%; min-height:inherit; margin:0; position:absolute; }
.modal .modal-frame .modal-content { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; flex-direction:row; border-radius:0; }
.modal .modal-frame .modal-body,.modal .modal-frame .modal-footer { width:100%; min-height:1%; position:relative; }
.modal .modal-frame .modal-body { max-width:80%; -ms-flex:0 0 80%; flex:0 0 80%; padding:1.5rem; }
.modal .modal-frame .modal-footer { max-width:20%; -ms-flex:0 0 20%; flex:0 0 20%; padding:0 1.5rem; }
/****** responsive & retina specific ******/
@media (min-width:576px) {
	.modal-dialog { max-width:500px; min-height:calc(100% - (1.75rem * 2)); margin:1.75rem auto; }
    .modal-dialog::before { height:calc(100vh - (1.75rem * 2)); }
	.modal-sm { max-width:300px; }
}
@media (min-width:992px) {
	.modal-lg { max-width:800px; }
}


/***************************************************************
	[DATE PICKER]
    https://jqueryui.com/datepicker/
***************************************************************/
#ui-datepicker-div { border:0px solid #aaa; background-color:#fff; color:#333; border-top-left-radius:5px; border-top-right-radius:5px; box-shadow:2px 1px 5px rgba(0,0,0,.2); z-index:999999999 !important; }
input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner { padding:0; border:0; }
.ui-datepicker { width:17em; margin-top:2px; padding:0; display:none; }
.ui-datepicker-calendar { line-height:1.5; }
.ui-datepicker .ui-datepicker-header { padding:.5em 0 0; position:relative; border:1px solid #f44967; background-color:#f44967; border-top-left-radius:5px; border-top-right-radius:5px; color:#fff; font-weight:normal; }
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next { width:23px; height:23px; margin-top:-7px; position:absolute; top:50%; cursor:pointer; }
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover { background-color:transparent; border:none; }
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-prev-hover { left:5px; }
.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-next-hover { right:5px; }
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span { display:block; }
.ui-datepicker .ui-datepicker-title { margin:0 2.3em; line-height:1.8em; text-align:center; }
.ui-datepicker .ui-datepicker-title select { margin:1px 0; font-size:1em; }
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year { width:45%; }
.ui-datepicker table { width:100%; font-size:.9em; }
.ui-datepicker thead { border-left:1px solid #f44967; border-right:1px solid #f44967; }
.ui-datepicker th { padding:.7em .3em; background:#f44967; color:#fff; text-align:center; font-weight:normal; }
.ui-datepicker td span,.ui-datepicker td a,.ui-datepicker td .ui-state-default { padding:.53em .2em .62em; display:block; background:#fff; border:1px solid #fff; color:#333; text-align:center; text-decoration:none; }
.ui-datepicker td .ui-state-default.ui-state-hover,
.ui-datepicker td .ui-state-hover { border:1px solid #00bdcd !important; background:#00bdcd !important; color:#fff !important; font-weight:normal; }
.ui-datepicker td .ui-state-active { border-color:#01adbc; background:#01adbc; color:#fff !important; }
.ui-datepicker td .ui-priority-secondary { border-color:#eee; background:#eee; color:#aaa; }

.ui-datepicker .date-now a,.ui-datepicker .ui-datepicker-today a,.ui-datepicker .ui-datepicker-today a.ui-state-default { border-color:#ffc107 !important; background:#ffc107 !important; color:#fff !important; }
.ui-datepicker .ui-datepicker-week-end a,.ui-datepicker .date-holiday a,.ui-datepicker .date-sunday a, .ui-datepicker .date-saturday a { color:#dc3545 !important; }

.ui-datepicker tbody { border:1px solid #aaa; border-top:0; }
.ui-datepicker .ui-datepicker-buttonpane { margin:.7em 0 0 0; padding:0 .2em; background-image:none; border-left:0; border-right:0; border-bottom:0; }
.ui-datepicker .ui-datepicker-buttonpane button { float:right; width:auto; margin:.5em .2em .4em; padding:.2em .6em .3em .6em; cursor:pointer; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker .ui-icon { width:23px; height:23px; line-height:0; display:block; background-repeat:no-repeat; font-size:0; text-indent:-99999px; overflow:hidden; }
.ui-datepicker .ui-icon:before { width:10px; height:10px; content:''; display:block; position:absolute; top:50%; left:50%; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -ms-transform:rotate(-135deg); -o-transform:rotate(-135deg); transform:rotate(-135deg); }
.ui-datepicker .ui-icon-circle-triangle-w:before { margin:-6px -4px; border-right:1px solid #fff; border-top:1px solid #fff; }
.ui-datepicker .ui-icon-circle-triangle-e:before { margin:-6px -8px; border-left:1px solid #fff; border-bottom:1px solid #fff; }
/* IE8 */
@media \0screen\,screen\9 {
	.ui-datepicker .ui-icon:before { top:8px; width:0; height:0; }
	.ui-datepicker .ui-icon-circle-triangle-w:before { margin:0; left:3px; border:5px solid transparent; border-right:5px solid #fff; }
	.ui-datepicker .ui-icon-circle-triangle-e:before { margin:0; left:7px; border:5px solid transparent; border-left:5px solid #fff; }
}

/*** month-picker ***/
div.month-picker { border:1px solid #aaa !important; background-color:#fff !important; color:#222 !important; z-index:99999 !important; }
.month-picker-calendar { line-height:180% !important; }
.month-picker-calendar tr,.month-picker-calendar td {border:none !important; }
input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner { padding:0 !important; border:0 !important; }
.month-picker { width:17em !important; padding:.2em .2em 0 !important; display:none; }
.month-picker .month-picker-header { padding:.3em 0 .1em !important; position:relative !important; border:1px solid #5c616c !important; background-color:#5c616c !important; color:#fff !important; font-weight:normal !important; }
.month-picker .month-picker-previous,.month-picker .month-picker-next { width:23px !important; height:23px !important; position:absolute !important; top:2px !important; cursor:pointer !important; }
.month-picker .month-picker-previous-hover,.month-picker .month-picker-next-hover { top:2px !important; background-color:transparent !important; border:none !important; }
.month-picker .month-picker-previous { left:2px !important; }
.month-picker .month-picker-next { right:2px !important; }
.month-picker .month-picker-previous-hover { left:2px !important; }
.month-picker .month-picker-next-hover { right:2px !important; }
.month-picker .month-picker-previous span,.month-picker .month-picker-next span { margin-left:-11px !important; margin-top:-11px !important; display:block !important; position:absolute !important; left:50% !important; top:50% !important; }
.month-picker .month-picker-title { margin:0 2.3em !important; line-height:1.8em !important; text-align:center !important; width:100%; }
.month-picker .month-picker-title a { color:#fff}
.month-picker .month-picker-title select { margin:1px 0 !important; font-size:1em !important; }
.month-picker select.month-picker-month,.month-picker select.month-picker-year { width:45% !important; }
.month-picker .month-picker-year-table { width:100% !important; margin:0 0 .4em !important; font-size:.9em !important; border-collapse:collapse !important; }
.month-picker .month-picker-year-table th { padding:.7em .3em !important; background:#5c616c !important; text-align:center !important; font-weight:bold !important; border:0 !important; color:#fff; }
.month-picker .month-picker-year-table td { padding:1px !important; border:0 !important; }
.month-picker .month-picker-year-table .ui-state-hover span { border:1px solid #4cd3c6 !important; background-color:#4cd3c6 !important; font-weight:normal !important; color:#fff !important; }
.month-picker .month-picker-month-table { width:100% !important; margin:0 0 .4em !important; font-size:.9em !important; border-collapse:collapse !important; }
.month-picker .month-picker-month-table th { padding:.7em .3em !important; background:#5c616c ; text-align:center !important; font-weight:bold !important; border:0 !important; color:#fff; }
.month-picker .month-picker-month-table td { padding:1px !important; border:0 !important; }
.month-picker .month-picker-month-table td span { padding:.2em !important; display:block !important; text-align:center !important; text-decoration:none !important; }
.month-picker .month-picker-month-table td a { padding:.2em !important; display:block !important; background:#f4f4f4; border:1px solid #f4f4f4; text-align:center !important; text-decoration:none !important; }
.month-picker .month-picker-month-table .ui-state-hover { border:1px solid #4cd3c6 !important; background-color:#4cd3c6 !important; font-weight:normal !important; color:#fff !important; }
.month-picker td a.ui-state-active { border-color:#ffd800 !important; background:#ffd800 !important; }
.month-picker td a.ui-priority-secondary { border-color:#fafafa !important; background:#fafafa !important; color:#aaa !important}
.month-picker .month-picker-buttonpane { margin:.7em 0 0 0 !important; padding:0 .2em !important; background-image:none !important; border-left:0 !important; border-right:0 !important; border-bottom:0 !important; }
.month-picker .month-picker-buttonpane button { float:right !important; width:auto !important; margin:.5em .2em .4em !important; padding:.2em .6em .3em .6em !important; cursor:pointer !important; overflow:visible !important; }
.month-picker .month-picker-buttonpane button.month-picker-current { float:left !important; }
.month-picker .ui-icon { display:block !important; text-indent:-99999px !important; overflow:hidden !important; background-repeat:no-repeat !important; width:23px !important; height:23px !important; font-size:0; line-height:0; }
.month-picker .ui-icon:before { content:''; display:block; position:absolute; top:50%; left:50%; width:10px; height:10px; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -ms-transform:rotate(-135deg); -o-transform:rotate(-135deg); transform:rotate(-135deg); }
.month-picker .ui-icon-circle-triangle-w:before { margin:-6px -4px; border-right:1px solid #fff; border-top:1px solid #fff; }
.month-picker .ui-icon-circle-triangle-e:before { margin:-6px -8px; border-left:1px solid #fff; border-bottom:1px solid #fff; }
.ui-accordion-header-icon { display:none; }

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


/***************************************************************
	[ZIPCODE]
***************************************************************/
.div-table-wrap.zipcode-table { max-height:calc(48vh); overflow:auto; }
.zipcode-table .div-table-row { padding:0.5rem 0; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; border-bottom:1px solid #ddd; }
.zipcode-table .div-table-row:first-child { border-top:1px solid #ddd; }
.zipcode-table .div-table-row .header { width:60px; padding-top:0.3125rem; font-size:0.875rem; font-weight:500; color:#333; text-align:center; }
.zipcode-table .div-table-row .body { width:calc(100% - 60px); }
.zipcode-table .div-table-row .body dl { margin-bottom:0; }
.zipcode-table .div-table-row .body dt { width:40px; text-align:left; }
.zipcode-table .div-table-row .body dt .label-link { padding:0.3125rem 0.3125rem 0.375rem; display:block; }
.zipcode-table .div-table-row .body dd { margin-left:50px; }
.zipcode-table .div-table-row .body dd a { color:#333; font-size:0.875rem; }
.zipcode-table .div-table-row .body dt,.div-table-row .body dd { padding:0.3125rem 0; }
.zipcode-table .list-empty { margin:0 auto; padding:3rem 0; display:table; background-color:#fff !important; text-align:left; }
.zipcode-table .list-empty h5 { font-size:1rem; font-weight:500 !important; }
.zipcode-table .list-empty p { display:block; font-size:0.875em; font-weight:400 !important; }



/***************************************************************
	[COMMON]
***************************************************************/
/************ [show/hidden] ************/
.d-invisible { width:1px; height:1px; margin:-1px; padding:0; position:absolute; border:0; clip:rect(0 0 0 0); white-space:nowrap; overflow:hidden; }
.hide,.d-none { display:none; opacity:0; transition:opacity .15s linear; }
.hide.show,.d-none.show { display:block; opacity:1; }
.fade { transition:opacity 0.15s linear; }
@media screen and (prefers-reduced-motion:reduce) {
	.fade { transition:none; }
}
.fade:not(.show) { opacity:0; }

.collapse:not(.show) { display:none; }
.collapsing:not(th):not(td) { height:0; position:relative; transition:height 0.35s ease; overflow:hidden; }
@media screen and (prefers-reduced-motion:reduce) {
	.collapsing { transition:none; }
}
/****** responsive & retina specific ******/
@media (max-width:767px) {
    .tablet-only { display:none !important; }
}
@media (max-width:991px) {
    .desktop-only { display:none !important; }
}
@media (min-width:768px) {
    .mobile-only { display:none !important; }	
}



/************ [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); }
.clearfix::after { content:""; display:block; clear:both; }

/************ [alignment] ************/
.txt-center { text-align:center !important; }
.txt-right { text-align:right !important; }
.txt-left { text-align:left !important; }
span.txt-center,span.txt-right,span.txt-left { display:block; }

.pull-none { float:none; }
.pull-left { float:left; }
.pull-right { float:right; }
.pull-center { position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; pointer-events:none; }
.pull-center button,.pull-center a { pointer-events:all; }

.justify-content-start { -ms-flex-pack:start !important; justify-content:flex-start !important; }
.justify-content-end { -ms-flex-pack:end !important; justify-content:flex-end !important; }
.justify-content-center { -ms-flex-pack:center !important; justify-content:center !important; }
.justify-content-between { -ms-flex-pack:justify !important; justify-content:space-between !important; }
.justify-content-around { -ms-flex-pack:distribute !important; justify-content:space-around !important; }
/****** responsive & retina specific ******/
@media (min-width:768px) {
	.flex-first { -ms-flex-order:-1; order:-1; }
	.flex-last { -ms-flex-order:1; order:1; }
	.flex-unordered { -ms-flex-order:0; order:0; }
}

/************ [badge] ************/
.badge { float:right; min-width:10px; line-height:1.5; padding:1px 6.5px 3px; display:inline-block; border-radius:10px; font-size:0.6875rem; font-weight:600; text-align:center; white-space:nowrap; vertical-align:baseline; }

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