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

/*******************
/*Common Elements
*******************/
html{background-color: #F6F9FA;}
body{ background-color: #F6F9FA; color:#4c5760; font-family: "Microsoft JhengHei","微軟正黑體","Microsoft YaHei","微软雅黑体",PMingLiU,"新細明體",'宋体',simsun, Helvetica,Arial,sans-serif;}
													
h1, h2, h3, h4, h5, h6 {
	color: #3076d1;
}
.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: #398bf7;}

.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:#4c5760;}
.custom-select{background-color: #FFF;}					   
a:not(.btn){color:#398bf7}
a:not(.btn):hover, a:not(.btn):focus{ color:#398bf7}
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:#4c5760; cursor: text; border-color:#DDD}
.custom-select{ background-color: #FFFFFF;}
.text-dark{color:#FFF !important;}
/*******************
/*Top bar
*******************/
.topbar {
	background: #FFFFFF; color:#67757c;
}
.topbar .navbar-header {
	background: #FFFFFF; color:#4c5760;
}
.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 .top-navbar .navbar-header, .topbar .profile-pic{ border-color:#FFF;}																	 

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
	color: #67757c !important;
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
	color: #67757c !important;
}
.hdr-nav-bar .navbar .navbar-nav > li.active > a {
	border-color: #3076d1;
}

.topbar .navbar-collapse{border-bottom: none;}
											 
	
.topbar .dropdown-menu{ background-color: #FFF; color:#67757c;}
.topbar ul.dropdown-user li a{ color:inherit}
.topbar ul.dropdown-user li.divider{ background-color: rgba(255,255,255, 0.2);}
.topbar .switch-user-wrap{background-color: #FFF;}
.topbar ul.dropdown-user li .switch-user-wrap> a.switch-user{ border-color:#4c5760; color:#ff954e}
.topbar ul.dropdown-user li a:hover{ background: #f2f2f2; color:#343a40}
.mailbox .message-center a .mail-contnet .mail-desc, .mailbox .message-center a .mail-contnet .time{ color:#FFF}
.mailbox .message-center a:hover{background-color: #FFF}
.navbar-light .navbar-nav .nav-link { color: inherit; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{ color:#398bf7}
																		   
												  
																								  
																		
																												
														
													   
																									

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

/*******************
/*General Elements
*******************/
.lstick {
	background: #3076d1;
}
a.link:hover, a.link:focus {
	color: #3076d1 !important;
}
.bg-theme {
	background-color: #3076d1 !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: #3076d1;
	border-color: #3076d1;
}
.right-sidebar .rpanel-title {
	background: #3076d1;
}
.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
	border-left: 4px solid #3076d1;
}
.text-themecolor {
	color: #3076d1 !important;
}
.bg-themecolor{
	background-color: #3076d1 !important;
}
.profile-tab li a.nav-link.active, .customtab li a.nav-link.active {
	border-bottom: 2px solid #3076d1;
	color: #3076d1;
}
.profile-tab li a.nav-link:hover, .customtab li a.nav-link:hover {
	color: #3076d1;
}
/*******************
/*Buttons
*******************/
													  
.btn-info{background: #3fa6ff; border-color:#3fa6ff; }
.btn-info:hover, .btn-info.disabled:hover, .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover, .btn-info.focus, .btn-info:focus, .show>.btn-info.dropdown-toggle, .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle{background: #3fa6ff; border-color:#3fa6ff;}

.btn-success{ background:#64bd63;border-color:#64bd63 }
.btn-success:hover, .btn-success.disabled:hover, .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success.focus:active, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover, .btn-success.focus, .btn-success:focus, .show>.btn-success.dropdown-toggle, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle{background: #09a907; border-color:#09a907;}
																																																																																																																																							  

													   
																																																																																																																																																				 

.btn-themecolor{
	background: #3076d1;
	color: #FFFFFF;
	border-color: #3076d1;
}
.btn-themecolor:hover{
	background: #3076d1;
	color: #FFFFFF;
	opacity: 1;
	border-color: #FFFFFF;
}
.btn-group .btn-themecolor{border-width: 0 1px !important; border-color:#3076d1 !important}
.btn-themecolor.active, .btn-themecolor:focus, .btn-themecolor.disabled.active, .btn-themecolor.disabled:focus {
	background: #3076d1;
	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:#3076d1 !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: #3076d1; 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:#67757c;}
.sidebar-nav ul li.active{color:#3076d1;}
.sidebar-nav ul li.nav-small-cap{color:#67757c;}
.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover, .sidebar-nav ul li.active > a {
	color: #3076d1; border-left-color: #3076d1; background-color: #e8f5f9;
}
.sidebar-nav ul li>a{color:currentColor;}

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




.scroll-sidebar::-webkit-scrollbar {
  height: 6px;
}
.scroll-sidebar{
  scrollbar-width: 3px;
  scrollbar-color: #4C5760 #000;
}
.scroll-sidebar::-webkit-scrollbar-track {
	border-radius: 6px;
  background: #000;
}
.scroll-sidebar::-webkit-scrollbar-thumb {
  background-color:#4C5760 ;
  border-radius: 6px;
  border: 3px solid #000;
}
			  
 
				
					   
								
 
										  
					
				   
 
										  
							
					 
						 
 

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

/*******************
/* themecolor-table
*******************/

									  
			 
 .table-responsive::-webkit-scrollbar {
  width: 6px;
}
.table-responsive{
  scrollbar-width: 3px;
  scrollbar-color: #c1c1c1 #f1f1f1;
}
.table-responsive::-webkit-scrollbar-track {
	border-radius: 6px;
  background: #f1f1f1;
}
.table-responsive::-webkit-scrollbar-thumb {
  background-color:#c1c1c1 ;
  border-radius: 6px;
  border: 3px solid #f1f1f1;
}
				  
					   
								   
 
											
					
					  
 
											
							
					 
							
 

.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: #4c5760;
	color: #FFFFFF;
}
.full-color-table.full-themecolor-table, .themecolor-table.full-color-table {
	background-color: #e8f5f9;
	color: #222;
}
.full-color-table.full-themecolor-table thead th, .full-color-table.full-themecolor-table thead td {
	background-color: #4c5760;
	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: #3076d1;
}

.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:#006efd; background-color: #e8f5f9;}
.full-themecolor-table.table-hover tbody tr:hover{ background: #FFF;}																 
																	 

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

.btn-success, .show>.btn-success.dropdown-toggle{
	color: #FFFFFF !important;
	background: #208636 !important;
	border: 1px solid #208636 !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: #1978c4 !important;
	border: 1px solid #1978c4 !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, .dt-buttons .dt-button.active:focus
{
	background: #0050cb;
	border: 1px solid #FFF;
    font-weight:normal !important;
    text-shadow: none;
    box-shadow: 0 0 10px 0 #007bff, 0 0 10px 0 #007bff, 0 0 10px 0 #007bff;
}

.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus{ z-index: 2;}
																 
																																											   
																										   
.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select{ color:#67757c; background-color: #FFF; border-color: #ddd;}
.dataTables_filter input:focus, .dataTables_length select:focus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#398bf7), to(#398bf7)), -webkit-gradient(linear, left top, left bottom, from(#b1b8bb), to(#b1b8bb));
    background-image: -webkit-linear-gradient(#398bf7, #398bf7), -webkit-linear-gradient(#b1b8bb, #b1b8bb);
    background-image: -o-linear-gradient(#398bf7, #398bf7), -o-linear-gradient(#b1b8bb, #b1b8bb);
    background-image: linear-gradient(#398bf7, #398bf7), linear-gradient(#b1b8bb, #b1b8bb);
}

																				   
 

																																
																														

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:1px #CCC solid;}
.vtabs .tabs-vertical li .nav-link{  background-color: #e8f5f9;}
.vtabs .tabs-vertical li .nav-link.active, .vtabs .tabs-vertical li .nav-link:hover, .vtabs .tabs-vertical li .nav-link:focus{
	border-right-color: #3076d1; color:#e8f5f9 ; background-color: #3076d1
}
.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{}
*/
/*vtabs*/
.vtabs .tabs-vertical li .nav-link{ color: #333; background-color: #fff;}
.vtabs .tabs-vertical li .nav-link.active, .vtabs .tabs-vertical li .nav-link:hover, .vtabs .tabs-vertical li .nav-link:focus{
	border-right-color: #398bf7; color: #398bf7; background-color: #FFF
}
.vtabs .tab-content{ background-color: #FFF}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate{color:inherit}

/*******************
/* dashboard
*******************/
.counter-card{position: relative; color: #3076d1; 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: 0px;
    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:#3076d1;}
.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: #e8f5f9 !important;color: #3076d1 !important;border-color: #3076d1;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{ background: #3076d1 !important;color: #FFFFFF !important;border-color: #3076d1;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
	background:#3076d1 !important;
	border-color: #3076d1 !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: #3076d1;
    border-color: #3076d1;
    color: #FFFFFF;
}

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


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

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


.chat-main-box[id='...chat-main-box...item']{box-shadow: none !important;}

		 
																																				  
/*login*/
.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus{ background-color: #FFF; padding: 0.25em 1em;
	   background-image: -webkit-gradient(linear, left top, left bottom, from(#398bf7), to(#398bf7)), -webkit-gradient(linear, left top, left bottom, from(#e9edf2), to(#e9edf2));
    background-image: -webkit-linear-gradient(#398bf7, #398bf7), -webkit-linear-gradient(#e9edf2, #e9edf2);
    background-image: -o-linear-gradient(#398bf7, #398bf7), -o-linear-gradient(#e9edf2, #e9edf2);
    background-image: linear-gradient(#398bf7, #398bf7), linear-gradient(#e9edf2, #e9edf2);
}																																										   
																										   
																								 
																						   
 

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


@media (min-width: 768px){
	.mini-sidebar .sidebar-nav #sidebarnav>li:hover>a, .mini-sidebar .sidebar-nav #sidebarnav>li>ul{
		background-color: #F2F2F2;
	}
																																																  
													 
											
}

																	   

											  
	
	

.login-sidebar .login-box{background-color: #f6f9fa;}
.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus, .dataTables_length select:focus, .dataTables_filter input:focus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3076d1), to(#3076d1)), -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#DDDDDD));
    background-image: -webkit-linear-gradient(#3076d1, #3076d1), -webkit-linear-gradient(#DDDDDD, #DDDDDD);
    background-image: -o-linear-gradient(#3076d1, #3076d1), -o-linear-gradient(#DDDDDD, #DDDDDD);
    background-image: linear-gradient(#3076d1, #3076d1), 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;}