body.smart-style-7 {
	background:  #212121;
	font-family: Roboto, "Noto Sans SC", "Noto Sans TC", "Yu Gothic", sans-serif;
	-webkit-font-smoothing: antialiased;
}
body.smart-style-7 .txt-color-green {
	color: #4CAF50 !important;
}
body.smart-style-7 .bg-color-greenDark {
	background: #2E7D32 !important;
}
body.smart-style-7 .txt-color-greenDark {
	color: #2E7D32 !important;
}
body.smart-style-7 .bg-color-greenLight {
	background: #43A047 !important;
}
body.smart-style-7 .txt-color-greenLight {
	color: #43A047 !important;
}
body.smart-style-7 .bg-color-purple {
	background: #9C27B0 !important;
}
body.smart-style-7 .txt-color-purple {
	color: #9C27B0 !important;
}
body.smart-style-7 .bg-color-magenta,
body.smart-style-7 .jarviswidget-color-magenta > header {
	background: #A0F !important;
}
body.smart-style-7 .jarviswidget-color-magenta > header {
	border-color: #A0F !important;
}
body.smart-style-7 .txt-color-magenta,
body.smart-style-7 nav ul li.active > a:before {
	color: #03a9f4 !important;
}
body.smart-style-7 .bg-color-pink {
	background: #E91E63 !important;
}
body.smart-style-7 .txt-color-pink {
	color: #E91E63 !important;
}
body.smart-style-7 .bg-color-pinkDark {
	background: #AD1457 !important;
}
body.smart-style-7 .txt-color-pinkDark {
	color: #AD1457 !important;
}
body.smart-style-7 .bg-color-blue,
body.smart-style-7 .bootstrap-tagsinput > span,
body.smart-style-7 .onoffswitch-inner:before,
body.smart-style-7 .open > .dropdown-toggle.btn-primary,
body.smart-style-7 .select2-container-multi.select2-choices.select2-search-choice {
	background: #2196F3 !important;
}
body.smart-style-7.txt-color-blue {
	color: #2196F3 !important;
}
body.smart-style-7 .bg-color-blueLight,
body.smart-style-7 .label-primary,
body.smart-style-7 .noUi-connect,
body.smart-style-7 .pagination > .active > a,
body.smart-style-7 .pagination > .active > a:focus,
body.smart-style-7 .pagination > .active > a:hover,
body.smart-style-7 .pagination > .active > span,
body.smart-style-7 .pagination > .active > span:focus,
body.smart-style-7 .pagination > .active > span:hover,
body.smart-style-7 .slider-selection {
	background: #03A9F4 !important;
}
body.smart-style-7 .btn-primary,
body.smart-style-7 footer .btn-primary{
	background: #2196F3 !important;
	border-color: #03a9f4 !important;
}
body.smart-style-7 .btn-primary:active, 
body.smart-style-7 .btn-primary:focus, 
body.smart-style-7 .btn-primary:hover {
	background: #03a9f4 !important;
        border-color: #03a9f4 !important;
}
body.smart-style-7 .btn-primary.active, 
body.smart-style-7 .btn-primary:active, 
body.smart-style-7 .btn-primary:hover, 
body.smart-style-7 .open > .dropdown-toggle.btn-primary {
	background: #03a9f4 !important;
        border-color: #03a9f4 !important;
}
body.smart-style-7 .btn-primary.active.focus, 
body.smart-style-7 .btn-primary.active:focus, 
body.smart-style-7 .btn-primary.active:hover, 
body.smart-style-7 .btn-primary:active.focus, 
body.smart-style-7 .btn-primary:active:focus, 
body.smart-style-7 .btn-primary:active:hover, 
body.smart-style-7 .open > .dropdown-toggle.btn-primary.focus, 
body.smart-style-7 .open > .dropdown-toggle.btn-primary:focus, 
body.smart-style-7 .open > .dropdown-toggle.btn-primary:hover {
	background: #03a9f4 !important;
	border-color: #03a9f4 !important;
}
body.smart-style-7 .btn-warning {
	background: #FF9800;
	border-color: #cc7a00 !important;
}
body.smart-style-7 .btn-warning:active,
body.smart-style-7 .btn-warning:focus, 
body.smart-style-7 .btn-warning:hover {
	background: #ff9900 !important;
        color: #424242 !important;
}
body.smart-style-7 .btn-warning.active, 
body.smart-style-7 .btn-warning:active, 
body.smart-style-7 .btn-warning:hover, 
body.smart-style-7 .open > .dropdown-toggle.btn-warning {
	border-color: #ff9900 !important;
}
body.smart-style-7 .btn-warning.active.focus, 
body.smart-style-7 .btn-warning.active:focus, 
body.smart-style-7 .btn-warning.active:hover, 
body.smart-style-7 .btn-warning:active.focus, 
body.smart-style-7 .btn-warning:active:focus, 
body.smart-style-7 .btn-warning:active:hover, 
body.smart-style-7 .open > .dropdown-toggle.btn-warning.focus, 
body.smart-style-7 .open > .dropdown-toggle.btn-warning:focus, 
body.smart-style-7 .open > .dropdown-toggle.btn-warning:hover {
	background: #cc7a00 !important;
	border-color: #cc7a00 !important;
}
body.smart-style-7 .pagination > li > a,
 body.smart-style-7 .pagination > li > span {
	color: #424242 !important;
}
body.smart-style-7 .pagination > li > a:hover{
    color: lightgray !important;
}
 
body.smart-style-7 .pagination > li > span:hover {
	color: #424242 !important;
}
body.smart-style-7 .pagination > .active > a, 
body.smart-style-7 .pagination > .active > span,
body.smart-style-7 .pagination > .active > a:focus, 
body.smart-style-7 .pagination > .active > a:hover,  
body.smart-style-7 .pagination > .active > span:focus, 
body.smart-style-7 .pagination > .active > span:hover {
	color: lightgray !important;
	border-color: #0398db;
}
body.smart-style-7 .btn-danger {
	color: #fff;
	background-color: #F44336;
	border-color: #f32c1e;
}
body.smart-style-7 .btn-danger:active, 
body.smart-style-7 .btn-danger:focus, 
body.smart-style-7 .btn-danger:hover {
	background-color: #ba160a;
}
body.smart-style-7 .btn-danger.active, 
body.smart-style-7 .btn-danger:active, 
body.smart-style-7 .btn-danger:hover, 
body.smart-style-7 .open > .dropdown-toggle.btn-warning {
	border-color: #ea1c0d !important;
}
body.smart-style-7 .btn-danger.active.focus, 
body.smart-style-7 .btn-danger.active:focus, 
body.smart-style-7 .btn-danger.active:hover, 
body.smart-style-7 .btn-danger:active.focus, 
body.smart-style-7 .btn-danger:active:focus, 
body.smart-style-7 .btn-danger:active:hover, 
body.smart-style-7 .open > .dropdown-toggle.btn-danger.focus, 
body.smart-style-7 .open > .dropdown-toggle.btn-danger:focus, 
body.smart-style-7 .open > .dropdown-toggle.btn-danger:hover {
	background: #ea1c0d !important;
	border-color: #ea1c0d !important;
}
body.smart-style-7 .label-danger {
	background-color: #F44336;
}
body.smart-style-7 .alert-success,
body.smart-style-7 .btn-success {
	border-color: #388E3C;
	color: #FFF;
	background-color: #4CAF50;
}
body.smart-style-7 .label-success {
	background-color: #4CAF50;
}
body.smart-style-7 .btn-success:active, 
body.smart-style-7 .btn-success:focus, 
body.smart-style-7 .btn-success:hover {
	background: #3d8b40;
	border-color: #388E3C;
}
body.smart-style-7 .btn-success.active.focus, 
body.smart-style-7 .btn-success.active:focus, 
body.smart-style-7 .btn-success.active:hover, 
body.smart-style-7 .btn-success:active.focus, 
body.smart-style-7 .btn-success:active:focus, 
body.smart-style-7 .btn-success:active:hover, 
body.smart-style-7 .open > .dropdown-toggle.btn-success.focus, 
body.smart-style-7 .open > .dropdown-toggle.btn-success:focus, 
body.smart-style-7 .open > .dropdown-toggle.btn-success:hover {
	border-color: #388E3C;
	background: #3d8b40;
}
body.smart-style-7 .txt-color-blueLight {
	color: #03A9F4 !important;
}
body.smart-style-7 .bg-color-blueDark {
	background: #1565C0 !important;
}
body.smart-style-7 .alert-info, 
body.smart-style-7 .btn-info {
	border-color: #03A9F4;
	color: #01579B;
	background-color: #B3E5FC;
}
body.smart-style-7 .label-info {
	background-color: #B3E5FC;
}
body.smart-style-7 .btn-info.active, 
body.smart-style-7 .btn-info:active, 
body.smart-style-7 .btn-info:focus, 
body.smart-style-7 .btn-info:hover, 
body.smart-style-7 .open > .dropdown-toggle.btn-info {
	background:  #82d4fa;
	border-color:  #03A9F4;
}
body.smart-style-7 .slider-info + .slider-track > .slider-selection {
	background-color:  #B3E5FC;
}
body.smart-style-7 .txt-color-blueDark {
	color:  lightgray !important;
}
body.smart-style-7 .bg-color-teal {
	background:  #009688 !important;
}
body.smart-style-7 .txt-color-teal {
	color:  #009688 !important;
}
body.smart-style-7 .bg-color-yellow, 
body.smart-style-7 .slider-warning + .slider-track > .slider-selection {
	background:  #FFEB3B !important;
}
body.smart-style-7 .alert-warning {
	border-color:  #F9A825;
	color:  #5A4E3F;
	background-color:  #FFEB3B;
}
body.smart-style-7 .label-warning {
	background-color:  #FFEB3B;
	color:  #333;
}
body.smart-style-7 .txt-color-yellow {
	color:  #FFEB3B !important;
}
body.smart-style-7 .bg-color-orange {
	background:  #FF9800 !important;
}
body.smart-style-7 .txt-color-orange {
	color:  #FF9800 !important;
}
body.smart-style-7 .bg-color-orangeDark {
	background:  #E65100 !important;
}
body.smart-style-7 .txt-color-orangeDark {
	color:  #E65100 !important;
}
body.smart-style-7 .alert-danger, 
body.smart-style-7 .bg-color-red, 
body.smart-style-7 .slider-danger + .slider-track > .slider-selection {
	background:  #F44336 !important;
}
body.smart-style-7 .txt-color-red {
	color:  #F44336 !important;
}
body.smart-style-7 .bg-color-redLight {
	background:  #FF5252 !important;
}
body.smart-style-7 .alert-danger {
	border-color:  #B71C1C;
}
body.smart-style-7 .txt-color-redLight {
	color:  #FF5252 !important;
}
body.smart-style-7 .text-primary {
	color:  #03a9f4 !important;
}
body.smart-style-7 .text-success {
	color:  #00C853 !important;
}
body.smart-style-7 .text-danger {
	color:  #C62828 !important;
}
body.smart-style-7 .text-warning {
	color:  #FF5722 !important;
}
body.smart-style-7 .text-info {
	color:  #607D8B !important;
}
body.smart-style-7 .ajax-notifications {
	background:  #D8F4FF;
}
body.smart-style-7 .ajax-notifications.fa-4x.fa-border {
	color:  #2196F3;
	border-color:  #2196F3;
}
body.smart-style-7 aside, 
body.smart-style-7 nav ul ul {
	background:  #424242;
}
body.smart-style-7 .nav-tabs > li.active > a {
	-webkit-box-shadow: 0 2px 0 #E91E63;
	-moz-box-shadow: 0 2px 0 #E91E63;
	box-shadow: 0 2px 0 #E91E63;
	z-index: 10;
	color: #333;
}
body.smart-style-7 #header, 
body.smart-style-7 .dropdown-menu > .active > a, 
body.smart-style-7 .dropdown-menu > .active > a:focus, 
body.smart-style-7 .dropdown-menu > .active > a:hover, 
body.smart-style-7 .dropdown-menu > li > a:focus, 
body.smart-style-7 .dropdown-menu > li > a:hover {
	background:  #263238;
}
body.smart-style-7 #content {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 20px;
	color: lightgray;
}
body.smart-style-7 #content > .row {
	margin-bottom: 20px;
        
}
body.smart-style-7 .page-title {
	text-transform: uppercase;
	font-size: 19px;
	margin-bottom: 0;
	margin-top: 10px;
	letter-spacing: normal;
}
body.smart-style-7 .page-title > .fa {
	display: none;
}
body.smart-style-7 .page-footer {
	background:  #455A64;
}
body.smart-style-7 #updating-chart.txt-color-blue {
	color:  #4d7686 !important;
}
body.smart-style-7 .ribbon-button-alignment {
	display: none;
}
body.smart-style-7 #ribbon {
	background: rgba(255, 255, 255, 0.4);
}
body.smart-style-7 #logo-group span #activity, 
body.smart-style-7 .btn-header > :first-child > a {
	background: transparent;
	border: none;
	color:  #fff;
	border-radius: 50%;
}
 #project-context body.smart-style-7 > :first-child, 
 body.smart-style-7 #project-selector,
 body.smart-style-7 .header-dropdown-list > li > .dropdown-toggle, 
 body.smart-style-7 .project-context > :first-child, 
 body.smart-style-7 .project-selector {
	color: #fff !important;
	text-shadow: none;
}
body.smart-style-7 .open > .dropdown-menu {
	-webkit-animation-name: none;
	-moz-animation-name: none;
	-o-animation-name: none;
	animation-name: none;
	-webkit-animation-duration: .4s;
	-moz-animation-duration: .4s;
	-o-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-fill-mode: none;
	-moz-animation-fill-mode: none;
	-o-animation-fill-mode: none;
	animation-fill-mode: none;
}
body.smart-style-7 .bootstrap-select.dropdown-menu.dropdown-menu-right, 
body.smart-style-7 .bootstrap-select.dropdown-menu.pull-right, 
body.smart-style-7 .btn-group.dropdown-menu.dropdown-menu-right, 
body.smart-style-7 .btn-group.dropdown-menu.pull-right, 
body.smart-style-7 .date-picker.dropdown-menu.dropdown-menu-right, 
body.smart-style-7 .date-picker.dropdown-menu.pull-right, 
body.smart-style-7 .dropdown.dropdown-menu.dropdown-menu-right, 
body.smart-style-7 .dropdown.dropdown-menu.pull-right, 
body.smart-style-7 .dropdown-menu.pull-right {
	-webkit-transform-origin: top right !important;
	-moz-transform-origin: top right !important;
	-ms-transform-origin: top right !important;
	transform-origin: top right !important;
}
body.smart-style-7.bootstrap-select.dropdown-menu.dropdown-menu-left, 
body.smart-style-7 .bootstrap-select.dropdown-menu.pull-left, 
body.smart-style-7 .btn-group.dropdown-menu.dropdown-menu-left, 
body.smart-style-7 .btn-group.dropdown-menu.pull-left, 
body.smart-style-7 .date-picker.dropdown-menu.dropdown-menu-left, 
body.smart-style-7 .date-picker.dropdown-menu.pull-left, 
body.smart-style-7 .dropdown.dropdown-menu.dropdown-menu-left, 
body.smart-style-7 .dropdown.dropdown-menu.pull-left, 
body.smart-style-7 .dropdown-menu.pull-left, 
body.smart-style-7 .project-selector + .dropdown-menu {
	-webkit-transform-origin: top left !important;
	-moz-transform-origin: top left !important;
	-ms-transform-origin: top left !important;
	transform-origin: top left !important;
}
body.smart-style-7 .btn-group.dropdown-menu, 
body.smart-style-7 .date-picker.dropdown-menu, 
body.smart-style-7 .dropdown, 
body.smart-style-7 .dropdown-menu {
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	filter: alpha(opacity = 0);
	display: block;
}
body.smart-style-7 .project-selector + .dropdown-menu {
	margin-top: -27px;
}
body.smart-style-7 .header-dropdown-list.dropdown-menu {
	margin-top: -20px;
}
body.smart-style-7 .bootstrap-select.open.dropdown-menu, 
body.smart-style-7 .btn-group.open.dropdown-menu, 
body.smart-style-7 .dropdown.open.dropdown-menu, 
body.smart-style-7 .dropup.open.dropdown-menu, 
body.smart-style-7 .open > .dropdown-menu {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	filter: alpha(opacity = 100);
}
body.smart-style-7 .login-info {
	height: 120px;
	background: url("../img/cover.png") no-repeat center center;
	margin-top: -1px !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border: 0px;
}
body.smart-style-7 .login-info > span {
	height: 119px;
	border: 0;
	padding: 0px;
}
body.smart-style-7 .login-info a {
	display: block;
	margin: 0;
	padding: 10px;
}
body.smart-style-7 .login-info a span {
	display: block;
	background: rgba(0, 0, 0, 0.2);
	width: 100%;
	max-width: 100%;
	padding: 5px 10px;
	margin-left: -10px;
	margin-top: 22px;
	color:  #fff;
}
body.smart-style-7 .login-info img {
	border-radius: 50%;
        width: 50px;
        border: 3px solid rgba(0, 0, 0, 0.14);
        box-sizing: content-box;
}
body.smart-style-7 #logo img {
	display: none;
}
body.smart-style-7 #activity b.badge {
	padding: 4px;
}
body.smart-style-7 #logo-group > span #logo:before {
	content: "SmartAdmin";
	font-size: 17px;
	color:  #fff;
	font-weight: 300;
	margin-top: 1px;
	display: block
}
body.smart-style-7 .header-search > input[type = text]{
	background: transparent;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-color:  #fff;
	color:  lightgray;
	padding: 0px;
}
body.smart-style-7 .header-search > button {
	color:  lightgray;
}
body.smart-style-7 .header-search input[type = text]::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.7);
}
body.smart-style-7 .header-search input[type = text]::-moz-placeholder {
	color: rgba(255, 255, 255, 0.7);
}
body.smart-style-7 .header-search input[type = text]::-moz-placeholder {
	color: rgba(255, 255, 255, 0.7);
}
body.smart-style-7 .header-search input[type = text]::-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.7);
}
body.smart-style-7 nav ul li a, 
body.smart-style-7 nav ul li.open > a, 
body.smart-style-7 nav ul li.open > a b {
	color: lightgray !important;
}
body.smart-style-7 nav ul.active body.smart-style-7 nav ul > a, 
nav ul li.open body.smart-style-7 nav ul > a {
	color: #3C3C3C !important;
}
body.smart-style-7 nav ul li a:hover, 
ul li body.smart-style-7 nav ul > a:hover {
	background-color: rgba(124, 124, 124,1);
        
}
body.smart-style-7 .inbox-menu-lg li.active a:hover{
    color: lightgray !important;
}
body.smart-style-7 nav ul li a {
	font-size: 13px;
}
body.smart-style-7 nav > ul > li > a {
	font-weight: 400;
	text-transform: uppercase;
	padding: 14px 10px 14px 11px;
}
body.smart-style-7 nav > ul > li > a b {
	margin-top: 6px;
}
body.smart-style-7 nav ul li a:active {
	background: none;
}
body.smart-style-7 .login-info a span + i {
	display: none
}
#ribbon.breadcrumb body.smart-style-7 > .active, 
.breadcrumb body.smart-style-7 > li + li:before, 
body.smart-style-7 #ribbon.breadcrumb, 
body.smart-style-7 #ribbon.breadcrumb a, 
body.smart-style-7 #ribbon.breadcrumb li:last-child {
	color:  #374850 !important;
}
#speech-btn body.smart-style-7 > :first-child body.smart-style-7 > a + .popover, 
body.smart-style-7 .ajax-dropdown {
	-webkit-box-shadow: 0 0 30px rgba(30, 30, 100, 0.75);
	-moz-box-shadow: 0 0 30px rgba(30, 30, 100, 0.75);
	box-shadow: 0 0 30px rgba(30, 30, 100, 0.75)
}
body.smart-style-7 nav > ul ul li::before, 
body.smart-style-7 nav > ul > li > ul::before {
	border: none;
}
body.smart-style-7 .minifyme {
	background: #00bcd4;
	color: #424242;
	position: absolute;
	width: 29px;
	border-radius: 50%;
	z-index: 999;
	right: -12px;
	padding: 1px 3px;
	border-bottom: 1px solid #3D6A8A;
}
body.smart-style-7 nav li a {
	position: relative;
	overflow: hidden;
}
body.smart-style-7 nav li a:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 300px;
	height: 300px;
	margin-left: -120px;
	margin-top: -150px;
	background:  #455A64;
	border-radius: 100%;
	opacity: .3;
	transform: scale(0);
}
@keyframes ripple {
	0% {
		transform: scale(0);
	}
	20% {
		transform: scale(1);
	}
	100% {
		opacity: 0;
		transform: scale(1);
	}
}
body.smart-style-7 nav li a:not(:active):after {
	animation: ripple 1.5s ease-in-out;
}
body.smart-style-7 nav li a:after {
	visibility: hidden;
}
body.smart-style-7 nav li a:focus:after {
	visibility: visible;
}
body.smart-style-7 nav li a:active {
	background-color: transparent !important;
}
body.smart-style-7 .checkbox label > input[type = checkbox]:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 48px;
	height: 48px;
	margin-left: -18px;
	margin-top: -18px;
	background:  #3f51b5;
	border-radius: 100%;
	opacity: .6;
	transform: scale(0);
}
@keyframes rippleDuplicate {
	0% {
		transform: scale(0);
	}
	40% {
		transform: scale(1);
	}
	100% {
		opacity: 0;
		transform: scale(1);
	}
}
body.smart-style-7 .checkbox label > input[type = checkbox]:focus:after {
	animation: rippleDuplicate.5s ease-out;
}
body.smart-style-7 .checkbox label > input[type = checkbox]:checked {
	animation-name: rippleDuplicate;
}
body.smart-style-7 .checkbox label > input[type = checkbox]:focus:after {
	visibility: visible;
}
body.smart-style-7 .smart-form.checkbox input:focus + i, 
body.smart-style-7 .smart-form.input input:focus, 
body.smart-style-7 .smart-form.radio input:focus + i, 
body.smart-style-7 .smart-form.select select:focus, 
body.smart-style-7 .smart-form.textarea textarea:focus, 
body.smart-style-7 .smart-form.toggle input:focus + i {
	border-color:  #2196F3;
}
body.smart-style-7 .smart-form.checkbox input + i:after, 
body.smart-style-7 .smart-form.rating input:checked~label {
	color:  #2196F3;
}
body.smart-style-7 .fieldset[disabled].form-control, 
body.smart-style-7 .form-control[disabled], 
body.smart-style-7 .form-control[readonly], 
body.smart-style-7 .smart-form.select select, 
body.smart-style-7 .smart-form.textarea textarea {
	border-bottom: 1px dashed #E0E0E0;
}
body.smart-style-7  textarea {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 5px 10px;
    outline: 0;
    border: 1px dashed #666 !important;
    border-radius: 0;
    background: #303030 !important;
    color: lightgray !important;
    appearance: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
}
body.smart-style-7 .form-control-feedback {
	width: auto;
	height: auto;
}
body.smart-style-7 .smart-form.checkbox input:checked + i, 
body.smart-style-7 .smart-form.radio input:checked + i, 
body.smart-style-7 .smart-form.toggle input:checked + i {
	border-color: transparent;
}
body.smart-style-7 .form-control, 
body.smart-style-7 #ticket, 
body.smart-style-7 .smart-form.select select 
{
	border-top-width: 0px;
	border-left-width: 0px !important;
	border-right-width: 0px !important;
	color: lightgray;
	background: #666 !important;
}
body.smart-style-7 .smart-form .input input,
body.smart-style-7 .smart-form .icon-append, 
body.smart-style-7 .smart-form .icon-prepend{
        border-top-width: 0px;
	border-left-width: 0px !important;
	border-right-width: 0px !important;
	color: lightgray;
	background: transparent !important;
}
body.smart-style-7 .form-control, 
body.smart-style-7 .smart-form.icon-append, 
body.smart-style-7 .smart-form.icon-prepend, 
body.smart-style-7 .smart-form.select select, 
body.smart-style-7 .smart-form.textarea textarea {
	padding-left: 0px;
}
body.smart-style-7 .smart-form .textarea textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 5px 10px;
    outline: 0;
    border-radius: 0;
    -webkit-appearance: none;
}

body.smart-style-7 .form-control:not(.ui-autocomplete-loading) {
	background: transparent;
}
body.smart-style-7 .icon-addon > input[type = text], 
body.smart-style-7 .input-icon-left input[type = text].form-control {
	padding-left: 32px;
}
body.smart-style-7 input[type = checkbox], body.smart-style-7 input[type = radio]{
	margin-top: 2px;
	line-height: normal;
}
body.smart-style-7 .dataTables_filter > label:focus.input-group-addon {
	border-bottom-color:  #2196F3;
}
body.smart-style-7 .dataTables_filter.input-group-addon {
	border-top-width: 0px !important;
	border-left-width: 0px !important;
	border-right-width: 0px !important;
	background: transparent;
}
body.smart-style-7 .dataTables_filter.input-group-addon + .form-control {
	background: transparent;
}
body.smart-style-7 .input-group-addon:first-child, 
body.smart-style-7 .input-group-addon:last-child {
	border: 1px solid #000;
}
body.smart-style-7 .input-group.form-control:first-child {
	border-right: 0px !important;
}
body.smart-style-7 .input-group-addon + .form-control[type = text]{
	padding-left: 10px;
	padding-right: 10px;
}
body.smart-style-7 .ui-sortable.jarviswidget-sortable > header {
	box-shadow: none !important;
	color: lightgray;
}
body.smart-style-7 .jarviswidget > header,
body.smart-style-7 .jarviswidget-color-blueDark > header{
	background-color: #424242;
        border: 0px solid #000;
        border-bottom: 1px solid #000 !important;
        color: lightgray;
}

body.smart-style-7 .jarviswidget-ctrls.button-icon, 
body.smart-style-7 .widget-toolbar {
	border: 0px;
}
body.smart-style-7 .widget-toolbar > .color-box {
	outline: none !important;
	border-radius: 30%;
	box-shadow: 0 0 1px 1px rgba(56, 56, 56, 0.3);
}
body.smart-style-7 .color-box, 
body.smart-style-7 .color-select li span {
	border-radius: 30%;
}
body.smart-style-7 .jarviswidget header.nav-tabs > li.active > a, 
body.smart-style-7 .jarviswidget header.nav-tabs > li.active > a:focus, 
body.smart-style-7 .jarviswidget header.nav-tabs > li.active > a:hover {
	border: 0px !important;
}
body.smart-style-7 .jarviswidget-sortable.ui-sortable-helper {
	box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
body.smart-style-7 .jarviswidget-placeholder {
	background: linear-gradient(90deg,  #00f 50% , transparent 50%),
	linear-gradient(90deg,  #00f 50% , transparent 50%),
	linear-gradient(0deg,  #00f 50% , transparent 50%),
	linear-gradient(0deg,  #00f 50% , transparent 50%);
	background-repeat: repeat-x,
	repeat-x,
	repeat-y,
	repeat-y;
	background-size: 10px 2px,
	10px 2px,
	2px 10px,
	2px 10px;
	background-position: 0% 0%,
	100% 100%,
	0% 100%,
	100% 0%;
	animation: border-dance 4s infinite linear;
	width: 100%;
	height: 100%;
	padding: 10px;
}
@keyframes border-dance {
	0% {
		background-position: 0px 0px,
		300px 116px,
		0px 150px,
		216px 0px;
	}
	100% {
		background-position: 300px 0px,
		0px 116px,
		0px 0px,
		216px 150px;
	}
}
body.smart-style-7 .MessageBoxContainer {
	border-radius: 4px;
	max-width: 600px;
	margin: 0 auto;
	box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3),
	0 15px 12px rgba(0, 0, 0, 0.22);
	background:  #424242;
	color: lightgray;
}
body.smart-style-7 .table > tbody > tr > td, 
body.smart-style-7 .table > tbody > tr > th, 
body.smart-style-7 .table > tfoot > tr > td, 
body.smart-style-7 .table > tfoot > tr > th, 
body.smart-style-7 .table > thead > tr > td, 
body.smart-style-7 .table > thead > tr > th {
	padding: 16px 10px;
	background-color: #666;
	color: lightgray;
        /*border-bottom: 2px solid #000;*/
}
body.smart-style-7 .dt-toolbar {
	padding: 14px 20px 11px;
}
body.smart-style-7 .inbox-body.table-wrap, 
body.smart-style-7 .inbox-compose-footer, 
body.smart-style-7 .inbox-info-bar.form-group input, 
body.smart-style-7 .inbox-info-bar.select2-container-multi.select2-choices, 
body.smart-style-7 .inbox-nav-bar, 
body.smart-style-7 .inbox-side-bar {
	background:  #424242;
}
body.smart-style-7 .inbox-compose-footer {
	border-bottom-width: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
body.smart-style-7 .inbox-body {
	box-shadow: -11px 12px 23px rgba(0, 0, 0, 0.1);
}
body.smart-style-7 .inbox-download, body.smart-style-7.inbox-message {
	border-bottom: 0px;
}
body.smart-style-7 .inbox-info-bar.form-group input,
body.smart-style-7 .inbox-info-bar.select2-container-multi.select2-choices {
	border-color: transparent !important;
}
body.smart-style-7 #inbox-content {
	margin-bottom: 30px !important;
}
body.smart-style-7 .desktop-detected.inbox-compose-footer, 
body.smart-style-7 .desktop-detected.inbox-download {
	padding-bottom: 56px;
}
body.smart-style-7::-webkit-scrollbar {
	width: 10px;
	background-color: transparent;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}
body.smart-style-7::-webkit-scrollbar:hover {
	background-color: rgba(0, 0, 0, 0.05);
}
body.smart-style-7::-webkit-scrollbar-thumb:vertical {
	background: rgba(0, 0, 0, 0.2);
	border-radius: 100px;
	background-clip: padding-box;
	border: 2px solid transparent;
	min-height: 10px;
}
body.smart-style-7 .inbox-message {
    background-color: #424242;
    color: white;
}
body.smart-style-7 .note-editor .note-editable,
body.smart-style-7 .note-editor .note-editable:focus {
    background-color: #424242;
    color: white;
}

body.smart-style-7 .inbox-nav-bar {
	height: auto !important;
}
body.smart-style-7 .superbox-show {
	background-color: #37474F;
}
body.smart-style-7 .superbox-list.active:before {
	color: #37474F;
}
body.smart-style-7 .superbox-imageinfo span {
	color: rgba(255, 255, 255, 0.5);
}
body.smart-style-7 #sparks {
	display: none;
}
body.smart-style-7 .page-footer.txt-color-blueLight {
	color: lightgray !important;
}
body.smart-style-7.minified .login-info {
	height: 55px;
}
body.smart-style-7.minified .login-info img {
	width: 34px;
}
body.smart-style-7.minified .login-info a {
	padding: 10px 0px;
}
body.smart-style-7.minified .login-info a span {
	display: none;
}
body.smart-style-7.minified .minifyme {
	border-radius: 0%;
	left: 0px;
	width: 45px;
	border: 0px;
        margin: 0;
}
body.smart-style-7.minified nav > ul > li > a > .menu-item-parent, body.smart-style-7.minified nav > ul > li > ul {
	left: 45px;
}
body.smart-style-7.minified nav > ul > li > a > .menu-item-parent {
	padding-top: 0px;
	top: 0px;
}
body.smart-style-7.minified nav > ul > li ul li {
	background: #252120;
	overflow: hidden;
}
body.smart-style-7.minified nav li a {
	overflow: visible;
	border-left: 1px solid #000;
	border: 0px;
}
body.smart-style-7.minified nav > ul > li {
	border-bottom: 0px !important;
	border-top: 0px !important;
}
body.smart-style-7.minified nav > ul > li > ul {
	padding-top: 0px;
	border: 0px;
	border-left: 1px solid #424242;
}
body.smart-style-7 .menu-on-top aside #left-panel, body.smart-style-7.menu-on-top aside #left-panel nav > ul > li {
	border: 0px;
}
body.smart-style-7 .menu-on-top aside #left-panel nav > ul > li:hover {
	background:  transparent;
}
body.smart-style-7 .menu-on-top aside #left-panel nav > ul > li:hover > a, 
body.smart-style-7 .menu-on-top nav ul li a:hover,
body.smart-style-7 .menu-on-top nav ul ul li a:hover, 
body.smart-style-7 .menu-on-top nav ul ul li:hover > a, 
body.smart-style-7 .menu-on-top nav ul ul ul li a:hover, 
body.smart-style-7 .menu-on-top nav ul > a:hover {
	color:  lightgray !important;
	background-color:  transparent;
}

body.smart-style-7 .widget-body {
    position: relative;
    padding-bottom: 13px;
    background: transparent !important;
    border: 0px !important;
    color: lightgray;
}

/*.no-padding..well*/
body.smart-style-7 .chat-body.well.no-padding.margin-bottom-5.profile-message.animated.animated-list{
    background: #424242 !important;
    color: #fff;
}

body.smart-style-7 .well {
    background: #424242 !important;
    border: 0px solid #000;
    box-shadow: 0 1px 1px #000;
    -webkit-box-shadow: 0 1px 1px #000;
    -moz-box-shadow: 0 1px 1px #000;
    position: relative;
    color: lightgray;
}
body.smart-style-7 .image-input-post .div-textarea {
    display: inline-block;
    margin-left: 70px;
    min-height: 40px;
    width: calc(100% - 80px) !important;
    background-color: #424242 !important;
    border: 1px solid #000;
    padding: 5px !important;
    color: lightgray;
}

body.smart-style-7 .chat-body > ul,
body.smart-style-7 #ticketstatus{
    background-color: #424242;
    color: lightgray;
}

/*body.smart-style-7 .ui-sortable .jarviswidget-sortable>header {
    cursor: move;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    line-height: normal;
    box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
}*/

body.smart-style-7 .jarviswidget>div{
    background-color: #424242 !important;
    border: 0px;
    color: lightgray;
    float: left;
    width: 100%;
    position: relative;
    font-size: 13px;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
    margin: 0;
    padding: 13px 13px 0;
    overflow: visible;    
}
body.smart-style-7 .table,
body.smart-style-7 .table > thead > tr > td {
    background-color:#666 !important;
}
/*body.smart-style-7 .table-hover > tbody > tr > td{
    border-top: 1px solid #000;
}*/
/*body.smart-style-7 .table-hover > tbody > tr:hover{
    color: #424242 !important;
}*/


/* Microchart*/

body.smart-style-7 .show-stat-microcharts>div {
    background-color: #424242;
    color: lightgray;
    border-top: 1px solid #000 !important;
    border-right: 1px solid #000 !important;
    margin-top: 0px !important;
    
}
body.smart-style-7 .show-stat-microcharts>:last-child{
    border-right: 0px solid #000 !important;
}
/*analytics*/

body.smart-style-7 .morris-hover.morris-default-style {
    border-radius: 10px;
    padding: 6px;
    color: lightgray;
    background: rgba(20,20,20,.5);
    border: solid 1px rgba(230,230,230,.8);
    font-family: "Noto Sans SC", "Noto Sans TC", "Yu Gothic",sans-serif;
    font-size: 12px;
    text-align: center;
}

body.smart-style-7 .modal-header{
    background-color: #424242 !important;
    color: lightgray;
}

body.smart-style-7 .modal-body{
    background-color:#666 !important;
    color: lightgray;
}

body.smart-style-7 button.close,
body.smart-style-7 .zmdi-close,
body.smart-style-7 .page-title span{
    color: lightgray !important;
}

body.smart-style-7 .btn-default{
    color: lightgray;
    background-color: transparent;
    border-color: lightgray;
    border-radius: 2px;
}
body.smart-style-7 .btn-default:hover{
    color: #424242;
    background-color: #e6e6e6;
}
body.smart-style-7 .btn.btn-md.btn-default.padding-7{
    border-color: lightgray;
}
body.smart-style-7 .btn.btn-md.btn-default.padding-7:hover{
    font-weight: bold;
}

body.smart-style-7 .dropdown-menu {
    background-color: #000 !important;
    color: lightgray;
}

body.smart-style-7 .dropdown-menu li a {
    color: lightgray !important;
}
@media(max-width: 979px)and(min-width: 768px) {
	body.smart-style-7 #hide-menu i {
		color: lightgray;
	}
}
@media(max-width: 767px) {
	body.smart-style-7 #content {
		margin-left: 0px;
		margin-right: 0px;
	}
	body.smart-style-7 #hide-menu > :first-child > a {
		width: 40px !important;
	}
	body.smart-style-7 #hide-menu i {
		color: lightgray;
	}
}
@media only screen and(max-width: 479px)and(min-width: 320px) {
	body.smart-style-7 #hide-menu i {
		color: lightgray;
	}
}
body.smart-style-7 .txt-color-darken{
    color: lightgray !important;
}

body.smart-style-7 .text-muted > a {
    color: #03a9f4 !important;
}
body.smart-style-7 table#numberOfCalls tr td{
    border: 2px solid #424242 !important;
}
body.smart-style-7 .tab-pane.fade.active {
    background: transparent;
    
}
body.smart-style-7 .inbox-menu-lg li.active a {
    color: #424242 !important;
}
body.smart-style-7 select{
    background: #ccc;
    color: #424242;
}
body.smart-style-7 .smart-form .checkbox{
    color: lightgray !important;
}
body.smart-style-7 .modal-content,
body.smart-style-7 .bg-color-white{
    background: #424242 !important;
}
body.smart-style-7 .smart-form fieldset{
    display: block;
    padding: 25px 14px 5px;
    background: #666 !important;
    position: relative;
    color: lightgray;
}
body.smart-style-7 footer{
    border: 0px;
    background: #424242;
    margin-top: 0px !important;
    
}
body.smart-style-7 .client-form header{
    border: 0x solid #000;
    background: #424242;
    color: lightgray;
}
body.smart-style-7 .client-form input{
    border-bottom: 1px solid lightgray;
    border-top-width: 0px;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
    color: lightgray;
    background: transparent !important;
}
body.smart-style-7 .smart-form .toggle i {
    background: lightgray;
}
body.smart-style-7 #theForm header
{
    background: #424242;
    color: lightgray;
    border-bottom: 2px dashed rgba(0,0,0,.2);
    display: block;
    padding: 10px;
    font-weight: 300;
    margin: 0px;
    
}
body.smart-style-7 #accordion .panel-heading,
body.smart-style-7 #accordion .panel
{
    background: #666 !important;
    color: lightgray;
}
body.smart-style-7 i.fa-plus-circle{
    background: transparent !important;
}
body.smart-style-7 .chat-body li.message .message-text a.username {
    display: block;
    font-weight: 700;
    margin-bottom: 4px;
    vertical-align: top;
    line-height: 14px;
    font-size: 14px;
    letter-spacing: -1px;
    text-decoration: none!important;
    color: #1e88e5;
}
body.smart-style-7 .header-search input[type = text]::-webkit-input-placeholder,
body.smart-style-7 fieldset input[type = text]::-webkit-input-placeholder,
body.smart-style-7 fieldset input[type = password]::-webkit-input-placeholder,
body.smart-style-7 fieldset input[type = email]::-webkit-input-placeholder,
body.smart-style-7 fieldset input[type = tel]::-webkit-input-placeholder,
body.smart-style-7 fieldset input[type = number]::-webkit-input-placeholder,
body.smart-style-7 #callDispositionForm textarea::-webkit-input-placeholder,
body.smart-style-7 #callbackForm textarea::-webkit-input-placeholder,
body.smart-style-7 .smart-form input[type = text]::-webkit-input-placeholder,
body.smart-style-7 .client-form input[type = password]::-webkit-input-placeholder{
	color: rgba(255, 255, 255, 0.3);
}
body.smart-style-7 .header-search input[type = text]::-moz-placeholder,
body.smart-style-7 fieldset input[type = text]::-moz-placeholder,
body.smart-style-7 fieldset input[type = password]::-moz-placeholder,
body.smart-style-7 fieldset input[type = email]::-moz-placeholder,
body.smart-style-7 fieldset input[type = tel]::-moz-placeholder,
body.smart-style-7 fieldset input[type = number]::-moz-placeholder,
body.smart-style-7 #callDispositionForm textarea::-moz-placeholder,
body.smart-style-7 .smart-form input[type = text]::-moz-placeholder,
body.smart-style-7 .client-form input[type = password]::-moz-placeholder
{
	color: rgba(255, 255, 255, 0.3);
}
body.smart-style-7 .header-search input[type = text]::-moz-placeholder,
body.smart-style-7 fieldset input[type = text]::-moz-placeholder,
body.smart-style-7 fieldset input[type = password]::-moz-placeholder,
body.smart-style-7 fieldset input[type = email]::-moz-placeholder,
body.smart-style-7 fieldset input[type = tel]::-moz-placeholder,
body.smart-style-7 fieldset input[type = number]::-moz-placeholder,
body.smart-style-7 #callDispositionForm textarea::-moz-placeholder,
body.smart-style-7 .smart-form input[type = text]::-moz-placeholder,
body.smart-style-7 .client-form input[type = password]::-moz-placeholder{
	color: rgba(255, 255, 255, 0.3);
}
body.smart-style-7 .header-search input[type = text]::-ms-input-placeholder,
body.smart-style-7 fieldset input[type = text]::-ms-input-placeholder,
body.smart-style-7 fieldset input[type = password]::-ms-input-placeholder,
body.smart-style-7 fieldset input[type = email]::-ms-input-placeholder,
body.smart-style-7 fieldset input[type = tel]::-ms-input-placeholder,
body.smart-style-7 fieldset input[type = number]::-ms-input-placeholder,
body.smart-style-7 #callDispositionForm textarea::-ms-input-placeholder,
body.smart-style-7 #callbackForm textarea::-ms-input-placeholder,
body.smart-style-7 .smart-form input[type = text]::-ms-input-placeholder,
body.smart-style-7 .client-form input[type = password]::-ms-input-placeholder{
	color: rgba(255, 255, 255, 0.3);
}
body.smart-style-7 .popover-body{
    color: #999;
}
body.smart-style-7 .clockpicker-popover .popover-title {
    background-color: #424242;
    color: #999;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
}
body.smart-style-7 .clockpicker-popover .popover-content {
    background-color: #999;
    padding: 12px;
}
body.smart-style-7 .clockpicker-tick {
    border-radius: 50%;
    color: lightgray;
    line-height: 26px;
    text-align: center;
    width: 26px;
    height: 26px;
    position: absolute;
    cursor: pointer;
}
body.smart-style-7 .clockpicker-plate {
    background-color: #424242;
}
body.smart-style-7 .clockpicker-tick:hover {
    background-color: #c0e5f7;
    color: #424242;
}
body.smart-style-7 .clockpicker-canvas-bg {
    stroke: none;
    fill: #2196f3;
}
body.smart-style-7 .note,
body.smart-style-7 .smart-form .note {
    margin-top: 6px;
    padding: 0 1px;
    font-size: 11px;
    line-height: 15px;
    color: lightgray;
}
body.smart-style-7 .smart-form .label {
    display: block;
    margin-bottom: 6px;
    line-height: 19px;
    font-weight: 400;
    font-size: 13px;
    color: lightgray;
    text-align: left;
    white-space: normal;
}
body.smart-style-7 .list-group a{
    background-color: transparent;
    color: lightgray;
    border: 0px;
}
body.smart-style-7 #fieldsetReport{
    background-color: #303030 !important;
    color: lightgray;
}
body.smart-style-7 #theForm
{
    background: #424242 !important;
}
body.smart-style-7 .smart-form header {
    display: block;
    padding: 8px 8px;
    border-bottom: 2px dashed rgba(0,0,0,.2);
    background: #424242;
    color: lightgray;
}
body.smart-style-7 #startTabContents{
    background: #424242;
    color: lightgray;
    border : 0px;
}
body.smart-style-7 .ivr-form-section{
    background: #424242;
    color: lightgray;
}
body.smart-style-7 #canvascontainer{
    background: #ddd;
}
body.smart-style-7 .text-muted {
    color: lightgray !important;
}

body.smart-style-7 .select2-container .select2-choice>.select2-chosen{
    color: lightgray;
}

body.smart-style-7 div#crm-form.smart-form{
    background: transparent !important;
    color: lightgray;
}
body.smart-style-7 tr#subticketbg td{
    background-color: lightgray;
    color: gray;
}
body.smart-style-7 p#subtickettext.text-muted, #subticketbg td a{
    color: gray;
}

body.smart-style-7 #subticketbg td a:hover{
color: #03a9f4;
}

body.smart-style-7 .callback-header h2 .ticket-id-color {
    color: white;
    /* Add more styles as needed */
}

/*---------- Overwrite Bootstrap 5 stylings ---------------------*/
body.smart-style-7 .ajax-dropdown {
    background-color: #333;
}
/*---------- END of Overwrite Bootstrap 5 stylings --------------*/