/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/

/*******************
/*Common Elements
*******************/
body{ background-color: #f6f9fa; color:#333; font-family: "Microsoft JhengHei","微軟正黑體","Microsoft YaHei","微软雅黑体",PMingLiU,"新細明體",'宋体',simsun, Helvetica,Arial,sans-serif;}
h1, h2, h3, h4, h5, h6 {
	color: #005850;
}
.page-wrapper{ background-color: #f6f9fa;}
.card{ background-color:#FFFFFF;}
.card .progress{background-color: #DDDDDD;}
/* input, textarea, select, .form-control{ color: #FFFFFF;} */
.form-material .form-control.focus, .form-material .form-control:focus{ color: #005850;}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #BBBBBB;
  opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #BBBBBB;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #BBBBBB;
}

.text-muted {
    color: #7b8291 !important;
}

.preview_pic{display:inline-block;}
.preview_pic>img{max-height: 250px; width: auto}

option{color:#333}
option:selected{ color: #06702a; background-color: #c5ffd9;}
option:selected:disabled, option:disabled{ background-color: #333; color:#999999;}
a{color:#27d1a2}
a:hover, a:focus{ color:#27d1a2}
a.link{color:#FFFFFF;}
a.link:hover, a.link:focus{ color:#FFCC00;}
/*.form-control{background-color: #797e8d; color:#FFFFFF; border: none; }*/
.form-control.readonly,.form-control[readonly]{ background-color: #f3f3f3; color:#999999; cursor: text; border-color:#DDD}
.custom-select{ background-color: #FFFFFF;}
/*******************
/*Top bar
*******************/
.topbar {
	background: #27d1a2;
}
.topbar .navbar-header {
	background: #242a33;
}
.topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
	display: none;
	color: rgba(255, 255, 255, 0.8);
}
.topbar .top-navbar .navbar-header .navbar-brand .light-logo{
	display: block;
	color: rgba(255, 255, 255, 0.8);
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
	color: #FFFFFF !important;
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
	color: rgba(255, 255, 255, 0.8) !important;
}
.hdr-nav-bar .navbar .navbar-nav > li.active > a {
	border-color: #27d1a2;
}

.topbar .navbar-collapse{border-bottom: none;}

.text-dark{ color:#FFFFFF !important; }

/*******************
/*General Elements
*******************/
.lstick {
	background: #27d1a2;
}
a.link:hover, a.link:focus {
	color: #27d1a2 !important;
}
.bg-theme {
	background-color: #27d1a2 !important;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #27d1a2;
	border-color: #27d1a2;
}
.right-sidebar .rpanel-title {
	background: #27d1a2;
}
.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
	border-left: 4px solid #27d1a2;
}
.text-themecolor {
	color: #27d1a2 !important;
}
.bg-themecolor{
	background-color: #27d1a2 !important;
}
.profile-tab li a.nav-link.active, .customtab li a.nav-link.active {
	border-bottom: 2px solid #27d1a2;
	color: #27d1a2;
}
.profile-tab li a.nav-link:hover, .customtab li a.nav-link:hover {
	color: #27d1a2;
}
/*******************
/*Buttons
*******************/
.btn-themecolor{
	background: #27d1a2;
	color: #FFFFFF;
	border-color: #27d1a2;
}
.btn-themecolor:hover{
	background: #27d1a2;
	color: #FFFFFF;
	opacity: 1;
	border-color: #FFFFFF;
}
.btn-group .btn-themecolor{border-width: 0 1px !important; border-color:#27d1a2 !important}
.btn-themecolor.active, .btn-themecolor:focus, .btn-themecolor.disabled.active, .btn-themecolor.disabled:focus {
	background: #27d1a2;
	color: #FFFFFF;
}
.btn-themecolor.disabled, .btn-themecolor.disabled:hover{
	background-color: #4caf50; color:#DDDDDD; border-color:#4caf50 #FFFFFF; cursor: not-allowed;
}

.btn-green{

	background: #8bc34a;
	color: #FFFFFF;
	border-color: #8bc34a;
}
.btn-green:hover{
	background: #009688;
	color: #FFFFFF;
	opacity: 1;
	border-color: #009688;
}
.btn-group .btn-green{border-width: 0 1px !important; border-color:#27d1a2 !important}
.btn-green.active, .btn-green:focus, .btn-green.disabled.active, .btn-green.disabled:focus {
	background: #009688;
	color: #FFFFFF;
}
.btn-green.disabled, .btn-green.disabled:hover{
	background-color: #608b6f; color:#DDDDDD; border-color:#608b6f #FFFFFF; cursor: not-allowed;
}

/*******************
/*sidebar navigation
*******************/
.left-sidebar{background-color:#242a33; color:#8d97ad; }
.label-themecolor{ background: #27d1a2; color: #FFFFFF !important; border-left-color: #FFcc00 !important; }
.label-themecolor.has-arrow::after{border-color: currentColor;}
.sidebar-nav{ background-color: #242a33;}
.sidebar-nav ul li{color:#999999;}
.sidebar-nav ul li.active{color:#27d1a2;}
.sidebar-nav ul li.nav-small-cap{color:#999999;}
.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover, .sidebar-nav ul li.active > a {
	color: #27d1a2; border-left-color: #27d1a2; background-color: #27323A;
}
.sidebar-nav ul li>a{color:currentColor;}

.sidebar-nav > ul > li > a> i {
	color: currentColor !important;
}
.sidebar-nav>ul>li>ul{ background-color: #27323A;}
.nav-small-cap hr {
	line-height: 5px;
	margin-top: 0.1rem;
	margin-bottom: 0;
}

.mini-sidebar .sidebar-nav #sidebarnav>li:hover>a, .mini-sidebar .sidebar-nav #sidebarnav>li>ul{background: #27323A;}

/* breadcrumb-item */
.bc-colored .breadcrumb-item, .bc-colored .breadcrumb-item a {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #FFFFFF;
}
.bc-colored .breadcrumb-item.active, .bc-colored .breadcrumb-item a.active {
	opacity: 0.7;
	color: #ffc168;
	font-weight: 500;
}
.bc-colored .breadcrumb-item + .breadcrumb-item::before {
	content: "\e649";
	font-family: themify;
	color: rgba(255, 255, 255, 0.4);
	font-size: 11px;
}
.breadcrumb {
	padding: 0px;
	margin-bottom: 0px;
	background: transparent;
	font-size: 12px;
}

.preloader{ background-color: #f6f9fa;}
.loader__figure{ border-color:#27d1a2;}

/*******************
/* themecolor-table
*******************/
.table td, .table th{ border-color: #DDDDDD;}
.themecolor-table { background-color: #f7f7f7; /*color:#FFFFFF;*/}
.color-table.themecolor-table thead th, .color-table.themecolor-table thead td {
	background-color: #27d1a2;
	color: #FFFFFF;
}
.full-color-table.full-themecolor-table, .themecolor-table.full-color-table {
	background-color: #d2fbe0;
	color: #222;
}
.full-color-table.full-themecolor-table thead th, .full-color-table.full-themecolor-table thead td {
	background-color: #27d1a2;
	border: 0;
	color: #FFFFFF;
}
.full-color-table.full-themecolor-table tbody th, .full-color-table.full-themecolor-table tbody td {
	border: 0;
	border-bottom: 1px #b1d1bc solid;
}

.full-color-table.full-themecolor-table a {
	color: #27d1a2;
}

.themecolor-table.table-hover tbody tr:hover, .themecolor-table.full-color-table tbody tr:hover, .full-color-table.full-themecolor-table tbody tr:hover { color:#06702a; background-color: #c5ffd9;}

.dt-buttons .dt-button, .btn-primary{
	color: #FFFFFF;
	background: #242a33;
	border: 1px solid #242a33;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
	background-color: #27d1a2;
    border-color: #27d1a2;
}
.btn-primary.disabled, .btn-primary:disabled {
	background-color: #666;
    border-color: #666;
}

.btn-success, .show>.btn-success.dropdown-toggle{
	color: #FFFFFF !important;
	background: #28a745 !important;
	border: 1px solid #28a745 !important;
	text-shadow: none !important;
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, 
.btn-success:not(:disabled):not(.disabled):focus, .btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled):hover{
	color: #FFFFFF !important;
	background: #30cb36 !important;
	border: 1px solid #30cb36 !important;
	opacity: 1 !important;
}

.btn-danger, .show>.btn-danger.dropdown-toggle{
	color: #FFFFFF !important;
	background: #bd2130 !important;
	border: 1px solid #bd2130 !important;
	text-shadow: none !important;
}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, 
.btn-danger:not(:disabled):not(.disabled):focus, .btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled):hover{
	color: #FFFFFF !important;
	background: #ff1a1a !important;
	border: 1px solid #ff1a1a !important;
	opacity: 1 !important;
}

.btn-warning, .show>.btn-warning.dropdown-toggle {
	color: #000 !important;
	background: #ffc107 !important;
	border: 1px solid #ffc107 !important;
	text-shadow: none !important;
}
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, 
.btn-warning:not(:disabled):not(.disabled):focus, .btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled):hover{
	color: #333 !important;
	background: #ffea31 !important;
	border: 1px solid #ffea31 !important;
	opacity: 1 !important;
}

.btn-info, .show>.btn-info.dropdown-toggle {
	color: #FFFFFF !important;
	background: #2196f3 !important;
	border: 1px solid #2196f3 !important;
	text-shadow: none !important;
}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, 
.btn-info:not(:disabled):not(.disabled):focus, .btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled):hover{
	color: #FFFFFF !important;
	background: #21baff !important;
	border: 1px solid #21baff !important;
	opacity: 1 !important;
}

/*
.dt-buttons .dt-button:active, .btn-primary:active, button.dt-button:active:not(.disabled), div.dt-button:active:not(.disabled), a.dt-button:active:not(.disabled), input.dt-button:active:not(.disabled),
.dt-buttons .dt-button:focus, .btn-primary:focus, button.dt-button:focus:not(.disabled), div.dt-button:focus:not(.disabled), a.dt-button:focus:not(.disabled), input.dt-button:focus:not(.disabled),
.dt-buttons .dt-button:active:focus, .btn-primary:active:focus, button.dt-button:active:focus:not(.disabled), div.dt-button:active:focus:not(.disabled), a.dt-button:active:focus:not(.disabled), input.dt-button:active:focus:not(.disabled),
.dt-buttons .dt-button:hover, .btn-primary:hover, button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled), input.dt-button:hover:not(.disabled),
.dt-buttons .dt-button:active:hover, .btn-primary:active:hover, button.dt-button:active:hover:not(.disabled), div.dt-button:active:hover:not(.disabled), a.dt-button:active:hover:not(.disabled), input.dt-button:active:hover:not(.disabled),
button.dt-button:active:not(.disabled):hover:not(.disabled), div.dt-button:active:not(.disabled):hover:not(.disabled), a.dt-button:active:not(.disabled):hover:not(.disabled), input.dt-button:active:not(.disabled):hover:not(.disabled)
*/
.dt-buttons .dt-button:active, .btn-primary:active, button.dt-button:active:not(.disabled):not(:disabled), div.dt-button:active:not(.disabled):not(:disabled), a.dt-button:active:not(.disabled):not(:disabled), input.dt-button:active:not(.disabled):not(:disabled),
.dt-buttons .dt-button:focus, .btn-primary:focus, button.dt-button:focus:not(.disabled):not(:disabled), div.dt-button:focus:not(.disabled):not(:disabled), a.dt-button:focus:not(.disabled):not(:disabled), input.dt-button:focus:not(.disabled):not(:disabled),
.dt-buttons .dt-button:active:focus, .btn-primary:active:focus, button.dt-button:active:focus:not(.disabled):not(:disabled), div.dt-button:active:focus:not(.disabled):not(:disabled), a.dt-button:active:focus:not(.disabled):not(:disabled), input.dt-button:active:focus:not(.disabled):not(:disabled),
.dt-buttons .dt-button:hover, .btn-primary:hover:not(.disabled):not(:disabled), button.dt-button:hover:not(.disabled):not(:disabled), div.dt-button:hover:not(.disabled):not(:disabled), a.dt-button:hover:not(.disabled):not(:disabled), input.dt-button:hover:not(.disabled):not(:disabled),
.dt-buttons .dt-button:active:hover, .btn-primary:active:hover, button.dt-button:active:hover:not(.disabled):not(:disabled), div.dt-button:active:hover:not(.disabled):not(:disabled), a.dt-button:active:hover:not(.disabled):not(:disabled), input.dt-button:active:hover:not(.disabled):not(:disabled),
button.dt-button:active:not(.disabled):not(:disabled):hover:not(.disabled):not(:disabled), div.dt-button:active:not(.disabled):not(:disabled):hover:not(.disabled):not(:disabled), a.dt-button:active:not(.disabled):not(:disabled):hover:not(.disabled):not(:disabled), input.dt-button:active:not(.disabled):not(:disabled):hover:not(.disabled):not(:disabled)
{
	background: #27d1a2;
	border: 1px solid #27d1a2;
}

table.dataTable.themecolor-table tbody tr.selected>*{ box-shadow: inset 0 0 0 9999px rgb(190 255 213 / 75%); color: currentColor;} 
table.dataTable.full-themecolor-table tbody tr.selected>*{ box-shadow: inset 0 0 0 9999px #ffefb5; color: currentColor;}

.fc .fc-timegrid-col.fc-day-today, .fc .fc-daygrid-day.fc-day-today { background-color: rgba(58, 255, 201, 0.15); }

.select2-dropdown{color:#333;}
/*vtabs*/
.vtabs .tabs-vertical{border-right:1px #CCC solid;}
.vtabs .tabs-vertical>.nav-item{ -ms-flex:0 1 auto;flex:0 1 auto; max-width: 100%; overflow: hidden; line-height: 1.25;}
.vtabs .tabs-vertical li .nav-link{ color: #495057; background-color: #f0f3f7;}
.vtabs .tabs-vertical li .nav-link.active, .vtabs .tabs-vertical li .nav-link:hover, .vtabs .tabs-vertical li .nav-link:focus{
	border-right-color: #27d1a2; color:#FFF ; background-color: #27d1a2
}
.vtabs .tab-content{ background-color: #FFFFFF; border: 1px #CCC solid; border-left: none;}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate{color:inherit}
.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select{/*color:#FFFFFF !important;*/}
.dataTables_filter input:focus{
background-image: -webkit-gradient(linear, left top, left bottom, from(#27d1a2), to(#27d1a2)), -webkit-gradient(linear, left top, left bottom, from(#b1b8bb), to(#b1b8bb));
background-image: -webkit-linear-gradient(#27d1a2, #27d1a2), -webkit-linear-gradient(#b1b8bb, #b1b8bb);
background-image: -o-linear-gradient(#27d1a2, #27d1a2), -o-linear-gradient(#b1b8bb, #b1b8bb);
background-image: linear-gradient(#27d1a2, #27d1a2), linear-gradient(#b1b8bb, #b1b8bb);
}

/*******************
/* dashboard
*******************/
.counter-card{position: relative; color: #27d1a2; background-color: currentColor; font-size: 1rem; border-radius: 0 0.5em 0.5em; margin: 1.5em 0;}
.counter-card .card-heeader, .counter-card .card-body, .counter-card .card-footer{padding:1em; position: relative;}
.counter-card .card-heeader, .counter-card .card-body, .counter-card .card-footer, .counter-card a{color: #DDDDDD}
.counter-card a:hover{color:#FFFFFF;}
.counter-card .dropdown a{ color:#333 !important; }
.counter-card .card-footer{text-align: right; padding: 0.25em 1em}
.counter-card .card-footer a{ display: inline-block; margin-left: 1em; padding-left: 1em; position: relative }
.counter-card .card-footer a::before{content: ""; display:block; width: 0.5em; height: 0.5em; border: 1px currentColor solid; border-width: 0 1px 1px 0; transform: rotate(-45deg); position: absolute; top:0.5em; left:0; }
/*.counter-card.bg-primary{ background-color: aqua; color:aqua;}
.counter-card.bg-primary{ }*/
.counter-card::after, .counter-card::before{ content: '';display: block;position: absolute;}
.counter-card::before {
    top: -1.5em;
    left: 0;
    width: 35%;
    height: 1.5em;
				margin-left: -1px;
    border-radius: 0.5em 0 0;
				background-color: currentColor;
}
.counter-card::after {
    top: -3em;
    left: calc(35% - 1.5em);
    border: 1.5em solid transparent;
				border-bottom-color: currentColor;
}

.counter-card .card-icon{ position: absolute; top:0; right:0; bottom:0; z-index: 0; height: 1em; line-height: 1; padding-right: 0.2em; margin: auto; font-size: 5em; opacity: 0.4;}
.counter-card .card-title, .counter-card .card-text{ position: relative; z-index: 1;}
.counter-card .card-title{font-size: 1.5em; font-weight: bold; color:#FFFFFF; line-height: 1.1; margin-bottom: 0.25em}
.counter-card .dropdown~.card-title{margin-left: 1.5em;}
.counter-card .count-num{padding: 0 0.25em; font-weight: bold;}
.counter-card .item-num .count-num{font-size: 3em; padding: 0.1em; line-height: 1;}

.counter-card.bg-primary{color:#708af4;}
.counter-card.bg-primary .card-header, .counter-card.bg-primary .card-body, .counter-card.bg-primary .card-footer, .counter-card.bg-primary a{ color:#f0f3ff;}
.counter-card.bg-success{color:#8bc34a; background-color:#8bc34a !important; }
.counter-card.bg-success .card-header, .counter-card.bg-success .card-body, .counter-card.bg-success .card-footer, .counter-card.bg-success a{ color:#e9ffe2;}
.counter-card.bg-danger{color:#F24C4C; }
.counter-card.bg-danger .card-header, .counter-card.bg-danger .card-body, .counter-card.bg-danger .card-footer, .counter-card.bg-danger a{ color:#ffecec;}
.counter-card.bg-warning{color:#EC9B3B; }
.counter-card.bg-warning .card-header, .counter-card.bg-warning .card-body, .counter-card.bg-warning .card-footer, .counter-card.bg-warning a{ color:#FFFFFFfe2;}
.counter-card.bg-info{color:#00bcd4; background-color: #00bcd4 !important; }
.counter-card.bg-info .card-header, .counter-card.bg-info .card-body, .counter-card.bg-info .card-footer, .counter-card.bg-info a{ color:#e2ffff;}
.counter-card.bg-themecolor{color:#27d1a2;}
.counter-card.bg-themecolor .card-header, .counter-card.bg-themecolor .card-body, .counter-card.bg-themecolor .card-footer, .counter-card.bg-themecolor a{ color:#FFFFFFfe2;}

/*******************s
/* paginate
*******************/
.dataTables_wrapper .dataTables_paginate .paginate_button{ background:#8bc34a !important; color:#FFFFFF !important; border-color:#8bc34a}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{ background: #4caf50 !important; color:#FFFFFF !important; border-color:#4caf50}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
	background:#27d1a2 !important;
	border-color: #27d1a2 !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:#CCCCCC !important; color:#FFFFFF !important;
	border-color: #CCCCCC !important;
}


/*******************
/* search Builder
*******************/

div.dtsb-searchBuilder div.dtsb-group{ font-size: 0.825em;}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input{ 
	background-color: #FFFFFF;
}

div.dtsb-searchBuilder button,div.dtsb-searchBuilder select,div.dtsb-searchBuilder input{
	background-color: #FFFFFF;
}

div.dtsb-searchBuilder button.dtsb-button{
    background: none;
    background-color: #27d1a2;
    border-color: #27d1a2;
    color: #FFFFFF;
}

div.dtsb-searchBuilder button.dtsb-button:hover{
	background-color: #27d1a2 !important;
	border-color:#27d1a2 !important;
}

div.dtsb-searchBuilder div.dtsb-logicContainer{
	background: none;
	background-color: #FFFFFF;
	color:inherit;
}

div.dtsb-searchBuilder div.dtsb-logicContainer button{
background: none;
background-color: #343a40;
	color:#FFFFFF;
}
div.dtsb-searchBuilder div.dtsb-logicContainer button:hover{
	background-color: #4caf50 !important;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-condition option.dtsb-option,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-data option.dtsb-option,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-value option.dtsb-option{
	background-color: #FFFFFF;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria{ padding: 0.5em; border: 1px dashed #333; background-color: #f0fdff; margin-bottom: 2px;}

.dtsb-add::before{ content: "\f067"; display:inline-block; margin-right: 0.5em;
font-family: "Font Awesome 5 Free";
font-weight: bold;
}

.dtsb-clearAll::before{
	content: "\f2ed"; display:inline-block; margin-right: 0.5em;
font-family: "Font Awesome 5 Free";
font-weight: bold;
}
.dtsb-delete{position: relative}

.dtsb-delete::before{
content: "\f00d"; display:block;
font-family: "Font Awesome 5 Free";
font-weight: bold; font-size: 1rem;
position: absolute; top:0; right:0; bottom:0; left:0; margin: auto; width: 1.5em; height: 1.5em; line-height: 1.5; background-color: #27d1a2;
}
.dtsb-delete:hover::before{ background-color: #27d1a2;}


.dtsb-searchBuilder .dtsb-right, .dtsb-searchBuilder .dtsb-left{ position: relative;}
.dtsb-searchBuilder .dtsb-right::before, .dtsb-searchBuilder .dtsb-left::before{ display:block;
content: "\f1e0"; font-family: "Font Awesome 5 Free";
font-weight: bold; font-size: 0.8rem;
position: absolute; top:1px; right:0; bottom:0; left:1px; margin: auto; width: 1em; height: 1em; line-height: 1; background-color: #27d1a2;
}

.dtsb-searchBuilder .dtsb-right::before{ transform: scaleX(-1);}
.dtsb-searchBuilder .dtsb-left::before{/*transform: rotate(-90deg)*/ }
.dtsb-searchBuilder .dtsb-right:hover::before, .dtsb-searchBuilder .dtsb-left:hover::before{background-color: #27d1a2;}

.footer{ background-color: #f6f9fa; color:#333;border-top: none; }

.login-sidebar .login-box{background-color: #f6f9fa;}
.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#27d1a2), to(#27d1a2)), -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#DDDDDD));
    background-image: -webkit-linear-gradient(#27d1a2, #27d1a2), -webkit-linear-gradient(#DDDDDD, #DDDDDD);
    background-image: -o-linear-gradient(#27d1a2, #27d1a2), -o-linear-gradient(#DDDDDD, #DDDDDD);
    background-image: linear-gradient(#27d1a2, #27d1a2), linear-gradient(#DDDDDD, #DDDDDD);
}

.switch-off-after span, .edit-switch-on span{ display:inline; position: relative;}
.switch-off-after span::after{ content: ""; display: inline-block; width: 2.4em; height: 1.2em; background-color: #FFFFFF; border: 1px #797e93 solid; border-radius: 0.6em; vertical-align: middle;
-webkit-box-shadow: inset -1.2em 0px 0px 0px #797e93;
box-shadow: inset -1.2em 0px 0px 0px #797e93;
}
.switch-on-after span::after{ content: ""; display: inline-block; width: 2.4em; height: 1.2em; background-color: #FFFFFF; border: 1px #00bcd4 solid; border-radius: 0.6em; vertical-align: middle;
-webkit-box-shadow: inset 1.2em 0px 0px 0px #00bcd4; 
box-shadow: inset 1.2em 0px 0px 0px #00bcd4;
}

.left-sidebar .ps__rail-y{ right: auto !important; left: 0 !important;}

div[data-toggle="buttons"]>label{opacity: 0.5}
div[data-toggle="buttons"]>label.active{opacity: 1;}



/*******************
Labels
*******************/
.label-success {
    background-color: #27d1a2;
}

.label-info {
    background-color: #f7d716;
}

.label-warning {
    background-color: #EC9B3B;
}

.label-danger {
    background-color: #f47878;
}

.label-megna {
    background-color: #56c0d8;
}

.label-primary {
    background-color: #27d1a2;
}

.label-white {
    background-color: #ffffff;
}

.label-light-success {
    background-color: #e8fdeb;
    color: #27d1a2;
}

.label-light-info {
    background-color: #cfecfe;
    color: #f7d716;
}

.label-light-warning {
    background-color: #fff8ec;
    color: #EC9B3B;
}

.label-light-danger {
    background-color: #f9e7eb;
    color: #f47878;
}

.label-light-megna {
    background-color: #e0f2f4;
    color: #56c0d8;
}

.label-light-primary {
    background-color: #f1effd;
    color: #27d1a2;
}

.label-light-inverse {
    background-color: #f6f6f6;
    color: #2f3d4a;
}