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

/*******************
/*Common Elements
*******************/
html{background-color:#f5f5f5}
body{ color:#333;background-color:#f5f5f5;}
h1, h2, h3, h4, h5, h6 { color: #ff7733; font-weight: bold;}
.page-wrapper{ background-color: #f5f5f5;}
.card{ background-color:#FFFFFE; border: none;}
.card .progress{background-color: #d6dbe7;}
/* input, textarea, select, .form-control{ color: #FFF;} */
.form-material .form-control, .form-material .form-control{ color: #999;}
.form-material .form-control.focus, .form-material .form-control:focus{ color: #666;}
.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f76639), to(#f76639)), -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#DDDDDD));
    background-image: -webkit-linear-gradient(#f76639, #f76639), -webkit-linear-gradient(#DDDDDD, #DDDDDD);
    background-image: -o-linear-gradient(#f76639, #f76639), -o-linear-gradient(#DDDDDD, #DDDDDD);
    background-image: linear-gradient(#f76639, #f76639), linear-gradient(#DDDDDD, #DDDDDD);
}

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

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

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

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

option{color:#333}
option:selected{background-color: #f76639; color:#FFF;}
option:selected:disabled, option:disabled{ background-color: #CCC; color:#999;}
a:not(.btn){color:#4495ff}
a:not(.btn):hover, a:not(.btn):focus{ color:#007bff}
a.link{color:#4495ff;}
a.link:hover, a.link:focus{ color:#007bff;}
.breadcrumb-item a:not(.btn), .breadcrumb-item a:not(.btn):hover, .breadcrumb-item a:not(.btn):focus, .nav-tabs a, .nav-tabs a:not(.btn):hover, .nav-tabs a:not(.btn):focus {color:#ff7735}
/*.form-control{background-color: #797e8d; color:#FFF; border: none; }*/
.form-control.readonly,.form-control[readonly]{ background-color: #f3f3f3; color:#999; cursor: text; border-color:#f3f3f3}
.custom-select{ background-color: #FFF;}
/*******************
/*Top bar
*******************/
.topbar {
	background: #ff7735;
}
.topbar .navbar-header {
	background: #FEFEFF;
}
.topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
	display: block;
	color: rgba(255, 255, 255, 0.8);
}
.topbar .top-navbar .navbar-header .navbar-brand .light-logo{
	display: none;
	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;
}
.topbar .top-navbar .navbar-header, .topbar .profile-pic{border-left:none;}
.hdr-nav-bar .navbar .navbar-nav > li.active > a {
	border-color: #f76639;
}

.text-dark{ color:#222 !important; }
a.text-dark:focus, a.text-dark:hover {
    color: #000!important;
}

/*******************
/*General Elements
*******************/
.lstick {
	background: #f76639;
}
a.link:hover, a.link:focus {
	color: #f76639 !important;
}
.bg-secondary{background-color:#FFFFFE !important;}
.bg-theme {
	background-color: #f76639 !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: #f76639;
	border-color: #f76639;
}
.right-sidebar .rpanel-title {
	background: #f76639;
}
.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
	border-left: 4px solid #f76639;
}
.text-themecolor {
	color: #f25e14 !important;
}
.bg-themecolor{
	background-color: #f76639 !important;
}
.profile-tab li a.nav-link.active, .customtab li a.nav-link.active {
	border-bottom: 2px solid #f76639;
	color: #f76639;
}
.profile-tab li a.nav-link:hover, .customtab li a.nav-link:hover {
	color: #f76639;
}

/*******************
/*Buttons
*******************/
.btn-themecolor{
	background: #f76639;
	color: #ffffff;
	border-color: #f76639;
}
.btn-themecolor:hover{
	background: #f25e14;
	color: #ffffff;
	opacity: 1;
	border-color: #FFF;
}
.btn-group .btn-themecolor{border-width: 0 1px !important; border-color:#FFFFFE !important}
.btn-themecolor.active, .btn-themecolor:focus, .btn-themecolor.disabled.active, .btn-themecolor.disabled:focus {
	background: #f25e14;
	color: #ffffff;
}
.btn-themecolor.disabled, .btn-themecolor.disabled:hover{
	background-color: #666; color:#ddd; border-color:#666 #FFF; cursor: not-allowed;
}

.btn-green{
	background: #a0d330;
	color: #ffffff;
	border-color: #a0d330;
}
.btn-green:hover{
	background: #5ebb24;
	color: #ffffff;
	opacity: 1;
	border-color: #5ebb24;
}
.btn-group .btn-green{border-width: 0 1px !important; border-color:#FFFFFE !important}
.btn-green.active, .btn-green:focus, .btn-green.disabled.active, .btn-green.disabled:focus {
	background: #5ebb24;
	color: #ffffff;
}
.btn-green.disabled, .btn-green.disabled:hover{
	background-color: #608b6f; color:#ddd; border-color:#608b6f #FFF; cursor: not-allowed;
}

/*******************
/*sidebar navigation
*******************/
.left-sidebar{background-color:#FEFEFF; color:#999; border-right:none; }
.label-themecolor{ background: #f76639; color: #FFF !important; border-left-color: #FFcc00 !important; }
.label-themecolor.has-arrow::after{border-color: currentColor;}
.sidebar-nav{ background-color: #FEFEFF;}
.sidebar-nav ul li{color:#999;}
.sidebar-nav ul li.active{color:#f76639;}
.sidebar-nav ul li.nav-small-cap{color:#AAA;}
.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover, .sidebar-nav ul li.active > a {
	color: #f76639; border-left-color: #f76639; background-color: #FEFEFF;
}
.sidebar-nav ul li>a{color:currentColor;}

.sidebar-nav > ul > li > a> i {
	color: currentColor !important;
}
.sidebar-nav>ul>li>ul{ background-color: #f5f5f5;}

.sidebar-nav>ul>li a.active, .sidebar-nav>ul>li a:hover, .sidebar-nav>ul>li.active > a{background-color: #f5f5f5;}

.nav-small-cap hr {
	line-height: 5px;
	margin-top: 0.1rem;
	margin-bottom: 0;
}

/* 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: #F5F5F6;}
.loader__figure{ border-color:#f76639;}

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

/*******************
/* themecolor-table
*******************/
.table td, .table th{ border-color: #dee2e6;}
.themecolor-table { background-color: #FFFFFE; color:#333;}
.color-table.themecolor-table thead th, .color-table.themecolor-table thead td {
	background-color: #ff7733;
	color: #FFF;
}
.full-color-table.full-themecolor-table, .full-color-table.full-themecolor-table {
	background-color: #fffae9;
	color: #222;
}
.full-color-table.full-themecolor-table thead th, .full-color-table.full-themecolor-table thead td {
	background-color: #ff7733;
	border: 0;
	color: #FFF;
}
.full-color-table.full-themecolor-table tbody th, .full-color-table.full-themecolor-table tbody td {
	border: 0;
	border-bottom: 1px #dee2e6 solid;
}

.full-color-table.full-themecolor-table a {
	color: #ff460c;
}
.themecolor-table.table-hover tbody tr:hover{background-color:#fffae9; color:#ff7733}

.table-striped tbody tr:nth-of-type(odd) {
    background: #e9f2eb;
}

.dt-buttons .dt-button, .btn-primary {
	color: #fff;
	background: #ffa02a;
	border: 1px solid #ffa02a;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .btn-primary.disabled{
	color: #fff;
	background: #f76639;
	border: 1px solid #f76639;
}

.btn-success, .show>.btn-success.dropdown-toggle{
	color: #fff !important;
	background: #a0d330 !important;
	border: 1px solid #a0d330 !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: #fff !important;
	background: #5ebb24 !important;
	border: 1px solid #5ebb24 !important;
	opacity: 1 !important;
}

.btn-danger, .show>.btn-danger.dropdown-toggle{
	color: #fff !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: #fff !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: #fff !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: #fff !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)
{
	background: #ff7735;
	border: 1px solid #ff7735;
}

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

.select2-dropdown{color:#333;}
/*vtabs*/
.vtabs .tabs-vertical{border-right-color:#dfdfde;}
.vtabs .tabs-vertical li .nav-link{ color: #333; background-color: #FFFFFE; border: 1px #dfdfde solid; border-right-color:#FFFFFE;}
.vtabs .tabs-vertical li .nav-link.active, .vtabs .tabs-vertical li .nav-link:hover, .vtabs .tabs-vertical li .nav-link:focus{
	color: #f25e14; background-color: #f5f5f5; border: 1px #f5f5f5 solid; border-width:1px 2px 1px 1px; border-right-color: #f76639; 
}
.vtabs .tab-content{ background-color: #FFFFFF; border-color:#dfdfde;}
.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:#666 !important;}
.dataTables_filter input:focus, .dataTables_length select:focus{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f76639), to(#f76639)), -webkit-gradient(linear, left top, left bottom, from(#b1b8bb), to(#b1b8bb));
 background-image: -webkit-linear-gradient(#f76639, #f76639), -webkit-linear-gradient(#b1b8bb, #b1b8bb);
 background-image: -o-linear-gradient(#f76639, #f76639), -o-linear-gradient(#b1b8bb, #b1b8bb);
 background-image: linear-gradient(#f76639, #f76639), linear-gradient(#b1b8bb, #b1b8bb);
}
div.dataTables_processing>div:last-child>div{background-color:#f25e14;}


/*******************
/* dashboard
*******************/
.counter-card{position: relative; color: #FFFFFE; background-color: currentColor !important; font-size: 1rem; border-radius: 0 0.5em 0.5em; margin: 1.5em 0; min-height: 145px; 
    box-shadow: 0 5px 8px 0 #d6dbe7;}
.counter-card::after, .counter-card::before{ content: '';display: block;position: absolute;}
.counter-card::before { top: -1.45em; left: 0; width: 35%; height: 1.5em; border-radius: 0.5em 0 0; background-color: currentColor;}
.counter-card::after { top: -2.95em; left: calc(35% - 1.5em); border: 1.5em solid transparent; border-bottom-color: currentColor; }

.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: #ddd}
.counter-card a:hover{color:#FFF;}
.counter-card .dropdown a{ color:#333 !important; }
.counter-card .card-footer{text-align: right; padding: 0.25em 1em; background-color: #f5f5f5;}
.counter-card .card-footer a{ display: inline-block; margin-left: 1em; padding-left: 1em; position: relative; opacity: 0.8 }
.counter-card .card-footer a:hover{opacity: 1;}
.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 .card-body{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding: 0.5em 1em; min-height: 0; }
.counter-card.card-icon-left .card-body{ -ms-flex-direction: row; flex-direction: row;}
.counter-card .card-body>.card-icon{-ms-flex:0 0 auto; flex:0 0 auto;
/*position: absolute; top:0; right:0; bottom:0; z-index: 0; padding-right: 0.2em;*/ 
height: 6rem; min-width: 6rem; line-height: 1;  margin: auto; font-size: 5rem; opacity: 0.4;
display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center;
}
.counter-card .card-icon>i, .counter-card .card-icon>img{ -ms-flex:0 0 auto; flex:0 0 auto;}
.counter-card .card-icon img{max-width: 100%; display:block;}
.counter-card .card-chart{ -ms-flex: 1 0 auto; flex: 1 0 auto; width: 50%; overflow: visible; min-height: 0; padding: 0 15px;}
.counter-card .card-chart>canvas{max-width: 100%;}
.counter-card .card-body>.card-text{-ms-flex:1 1 auto; flex:1 1 auto; padding-right: 1em;}
.counter-card.card-icon-left .card-body>.card-text{padding-left: 1em; padding-right: 0;}

.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:#FFF; 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-white{color:#FFF;}
.counter-card.bg-white .card-header, .counter-card.bg-white .card-body, .counter-card.bg-white .card-body .card-title, .counter-card.bg-white .card-footer, .counter-card.bg-white a{ color:#6e7c9b;}
.counter-card.bg-white .card-footer{background-color: #EEE;}
.counter-card.bg-primary{color:#ffa63d;}
.counter-card.bg-primary .card-header, .counter-card.bg-primary .card-body, .counter-card.bg-primary .card-footer, .counter-card.bg-primary a{ color:#FFFFFE;}
.counter-card.bg-primary .card-footer{background-color: #ffa63d;}
.counter-card.bg-success{color:#a0d330;  }
.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-success .card-footer{background-color:#a0d330;}
.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-danger .card-footer{background-color:#F24C4C; }
.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:#ffffe2;}
.counter-card.bg-warning .card-footer{background-color:#EC9B3B; }
.counter-card.bg-info{color:#6a9dd3;  }
.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-info .card-footer{background-color: #6a9dd3;}
.counter-card.bg-themecolor{color:#ff7735;}
.counter-card.bg-themecolor .card-header, .counter-card.bg-themecolor .card-body, .counter-card.bg-themecolor .card-footer, .counter-card.bg-themecolor a{ color:#fff9d2;}
.counter-card.bg-themecolor .card-footer{background-color:#ff7735; }
.counter-card .dropdown.pull-left{position: absolute; top:-1.5em; left:0;}
/*******************
/* paginate
*******************/
.dataTables_wrapper .dataTables_paginate .paginate_button{ background:#FFFFFF !important; color:#ff7733 !important; border-color: currentColor}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{ background: #ff7735 !important; color:#FFFFFF !important; border-color:#ff7735}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
	background:#ff7735 !important;
	border-color: #ff7735 !important;
	color:#FFF;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{
	background:#eee !important; color:#999 !important;
	border-color: #eee !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: #FFF;
}

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

div.dtsb-searchBuilder button.dtsb-button{
    background: none;
    background-color: #f76639;
    border-color: #f76639;
    color: #FFF;
}

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

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

div.dtsb-searchBuilder div.dtsb-logicContainer button{
background: none;

background-color: #ff7733;
	color:#FFF;
}
div.dtsb-searchBuilder div.dtsb-logicContainer button:hover{
	background-color: #666 !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: #FFF;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria{ padding: 0.5em; border: 1px dashed #CCC; background-color: #f0f2ff; 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: #f76639;
}
.dtsb-delete:hover::before{ background-color: #f25e14;}


.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: #f76639;
}

.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: #f25e14;}

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



.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: #FFF; 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: #FFF; border: 1px #a8d34a solid; border-radius: 0.6em; vertical-align: middle;
-webkit-box-shadow: inset 1.2em 0px 0px 0px #a8d34a; 
box-shadow: inset 1.2em 0px 0px 0px #a8d34a;
}

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

.login-sidebar .login-box{background-color:#f5f5f5;}
.login-logo-light{display:none;}
.login-logo-dark{display:block;}
.login-logo{max-width:60px; margin-bottom:5px;}
.login-logo-text{max-width:170px;}

#area__header_cht, #area__header2_cht{display:none !important;}