/*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: #f62d51;
}
.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: #f62d51;}

.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: #222; background-color: #eeeeef;}
option:selected:disabled, option:disabled{ background-color: #333; color:#999999;}
a{color:#f62d51}
a:hover, a:focus{ color:#ff3300}
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: #f62d51; z-index: 40;
}
.topbar .navbar-header {
	background: #f62d51;
	display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center;																  
}
.topbar .navbar-header>div{-ms-flex: 0 1 auto;flex: 0 1 auto;}												  
.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: #f62d51;
}

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

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

/*******************
/*General Elements
*******************/
.lstick {
	background: #f62d51;
}
a.link:hover, a.link:focus {
	color: #f62d51 !important;
}
.bg-theme {
	background-color: #f62d51 !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: #f62d51;
	border-color: #f62d51;
}
.right-sidebar .rpanel-title {
	background: #f62d51;
}
.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
	border-left: 4px solid #f62d51;
}
.text-themecolor {
	color: #f62d51 !important;
}
.bg-themecolor{
	background-color: #f62d51 !important;
}
.profile-tab li a.nav-link.active, .customtab li a.nav-link.active {
	border-bottom: 2px solid #f62d51;
	color: #f62d51;
}
.profile-tab li a.nav-link:hover, .customtab li a.nav-link:hover {
	color: #f62d51;
}
/*******************
/*Buttons
*******************/
.btn-themecolor{
	background: #f62d51;
	color: #ffffff;
	border-color: #f62d51;
}
.btn-themecolor:hover{
	background: #ff8936;
	color: #ffffff;
	opacity: 1;
	border-color: #FFF;
}
.btn-group .btn-themecolor{border-width: 0 1px !important; border-color:#FFF !important}
.btn-themecolor.active, .btn-themecolor:focus, .btn-themecolor.disabled.active, .btn-themecolor.disabled:focus {
	background: #f62d51;
	color: #ffffff;
}
.btn-themecolor.disabled, .btn-themecolor.disabled:hover{
	background-color: #666; color:#ddd; border-color:#666 #FFF; 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:#ff3300 !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:#FFFFFF; color:#333; }
.label-themecolor{ background: #ff3300; color: #FFFFFF !important; border-left-color: #FFcc00 !important; }
.label-themecolor.has-arrow::after{border-color: currentColor;}
.sidebar-nav{ background-color: #FFFFFF;}
.sidebar-nav ul li{color:#999999;}
.sidebar-nav ul li.active{color:#ff3300;}
.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: #ff3300; border-left-color: #ff3300; background-color: #eeeeef;
}
.sidebar-nav ul li>a{color:currentColor;}

.sidebar-nav > ul > li > a> i {
	color: currentColor !important;
}
.sidebar-nav>ul>li>ul{ background-color: #eeeeef;}
.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: #eeeeef;}

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

/*******************
/* 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: #f62d51;
	color: #FFFFFF;
}
.full-color-table.full-themecolor-table, .themecolor-table.full-color-table {
	background-color: #eeeeef;
	color: #222;
}
.full-color-table.full-themecolor-table thead th, .full-color-table.full-themecolor-table thead td {
	background-color: #f62d51;
	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 #FFF solid;
}

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

.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:#222; background-color: #eeeeef;}

.dt-buttons .dt-button, .btn-primary {
	color: #fff;
	background: #262a3a;
	border: 1px solid #262a3a;
}
.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: #666;
	border: 1px solid #666;
}

.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: #666;
	border: 1px solid #666;
}


table.dataTable.themecolor-table tbody tr.selected>*{ box-shadow: inset 0 0 0 9999px #eee; color: currentColor;} 
table.dataTable.full-themecolor-table tbody tr.selected>*{ box-shadow: inset 0 0 0 9999px #ffb5b5; color: currentColor;}
								
									  
							  
 
																									  
																										  
												 
						   
								
									  
					   
 

											   
						   
								
									  
							  
 
																									
																										
												
						   
								
									  
					   
 

/*vtabs*/
.customvtab .tabs-vertical li .nav-link.active, .customvtab .tabs-vertical li .nav-link:hover, .customvtab .tabs-vertical li .nav-link:focus{
	border-right-color: #f62d51;color: #f62d51;
}
							  
 

.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)
{
	background: #ff3300;
	border: 1px solid #ff3300;
}

table.dataTable.themecolor-table tbody tr.selected>*{ box-shadow: inset 0 0 0 9999px rgb(255 234 233 / 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:1px #CCC solid;}
.vtabs .tabs-vertical li .nav-link{ /*color: #FFFFFF;*/ background-color: #eeeeef;}
.vtabs .tabs-vertical li .nav-link.active, .vtabs .tabs-vertical li .nav-link:hover, .vtabs .tabs-vertical li .nav-link:focus{
	border-right-color: #ff3300; color:#eeeeef ; background-color: #ff3300; border-right: 0px;
}
.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_scrollHead{padding-bottom: 16px;}*/

/*******************
/* dashboard
*******************/
.counter-card{position: relative; color: #ff3300; background-color: currentColor; font-size: 1rem; border-radius: 0 0.5em 0.5em; margin: 1.5em 0;}
.counter-card .dropdown.pull-left{ float: none !important;}
.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:#ff3300;}
.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:#FFF !important;}
																				   
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{ background: #DDD !important; border-color:#DDD}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
	background:#f62d51 !important;
	border-color: #f62d51 !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:#CCC !important; color:#666 !important;
	border-color: #CCC !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: #ff3300;
    border-color: #ff3300;
    color: #FFFFFF;
}

div.dtsb-searchBuilder button.dtsb-button:hover{
	background-color: #ff3300 !important;
	border-color:#ff3300 !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: #ff3300;
}
.dtsb-delete:hover::before{ background-color: #ff3300;}


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

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

.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(#ff3300), to(#ff3300)), -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#DDDDDD));
    background-image: -webkit-linear-gradient(#ff3300, #ff3300), -webkit-linear-gradient(#DDDDDD, #DDDDDD);
    background-image: -o-linear-gradient(#ff3300, #ff3300), -o-linear-gradient(#DDDDDD, #DDDDDD);
    background-image: linear-gradient(#ff3300, #ff3300), 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;}

.nav.nav-tabs.hide+.tab-content{border: none;}

.login-logo-light{display:none;}