/*Button */
/*.theme-primary .btn-info:hover, 
.theme-primary .btn-info:active, 
.theme-primary .btn-info:focus, 
.theme-primary .btn-info.active {
	background-color: #fff !important;
	border-color: #ffa800 !important;
}
.light-skin .main-header .navbar .nav > li > .btn.red-icon-btn {
	background-color: #ffffff;
	border-color: #ffa800 !important;
}
.light-skin .main-header .navbar .nav > li > .btn.red-icon-btn i {
	color: #ffa800;
}
.light-skin .main-header .navbar .nav > li > .btn.red-icon-btn:hover, 
.light-skin .main-header .navbar .nav > li > .btn.grey-icon-btn:hover,
.light-skin .main-header .navbar .nav > li > .btn.red-icon-btn.show {
	border-color: #ffa800 !important;
	background-color: #ffa800 !important;
}
.theme-primary .btn-primary:hover, 
.theme-primary .btn-primary:active, 
.theme-primary .btn-primary:focus, 
.theme-primary .btn-primary.active {
	background-color: #ffa800 !important;
	border-color: #ffa800 !important;
	color: #ffffff !important;
}*/ 
/*Root Variables*/
:root {
	--echartColor1: #eeeeee;
	--echartColor2: #df2f31;
	--echartTxtColor: #000000;
}

/*Body color */

body{
	background-color: #e3e3e5 !important;
}

/*point */
.color a:hover, 
.color a:active, 
.color a:focus {
	color: #df2f31;
}

/*Pagination*/
.pagination .page-item.active a {
	background-color: #a7a7a7 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button:hover a {
    color: #ffffff !important;
    background-color: #a7a7a7 !important;
}

.theme-primary .paging_simple_numbers .pagination .paginate_button.active a {
    border: #a7a7a7 !important;
    background-color: #a7a7a7 !important;
    color: #df2f31 !important;
}

.theme-primary .pagination li a:hover {
	border: 1px solid #a7a7a7;
	background-color: #a7a7a7 !important;
}
.pagination .page-item:not(:first-child):not(:last-child) {
	border: 1px solid #a7a7a7;
	background-color: #a7a7a7 !important;
}
.alignedBox .box .box-header .box-title {
	color: #ffffff;
}
.theme-primary #main-menu.sm-blue a:hover, 
.theme-primary #main-menu.sm-blue a:active, 
.theme-primary #main-menu.sm-blue a:focus,
.theme-primary #main-menu.sm-blue a.current, 
.theme-primary #main-menu.sm-blue a.highlighted,
.theme-primary #main-menu.sm-blue li.current > a {
    background: #a7a7a7;
    color: #ffffff !important;
}
.page-link.btn {
    border: 1px solid #a7a7a7;
}
.page-item.active .page-link {
    border-color: #a7a7a7;
}
.page-link.btn:hover {
    background-color: #a7a7a7;
    color: #ffffff !important;
}
.theme-primary .bg-transparent-dark .form-control:focus {
    border-color: #a7a7a7;
}
.theme-primary .bg-transparent-dark .text-danger,
.theme-primary .bg-transparent-dark p a, 
.theme-primary .bg-transparent-dark .hover-danger:hover {
    color: #a7a7a7 !important;
}
.box .box-title {
    color: #ffffff;
}

/*Checkbox*/
.theme-primary [type=radio]:checked + label:after {
    border: 2px solid #e3e3e5;
    background-color: #e3e3e5;
}

/*Sweet Alert*/
.sweet-alert .confirm{
    background-color: #a7a7a7 !important;
}
/*Role Info admin name*/
.text-primary.roletext {
	color: #df2f31 !important;
}

/*Other button*/
.theme-primary .otherbutton {
	background-color: #5f6062 !important;
	border-color: #5f6062 !important;
	color: #ffffff !important;
}

.light-skin .main-header .navbar .nav > li > a:hover {
	color: #ffffff !important;
}

.light-skin .main-header .navbar .nav > li > a:hover, 
.light-skin .main-header .navbar .nav > li > a.active, 
.light-skin .main-header .navbar .nav > li > a:focus {
	background-color: #000000 !important;	
	color: #ffffff !important;
	border-color: #df2f31 !important;
}
.theme-primary .btn-danger {
	background-color: #5f6062;
	border-color: #5f6062;
	color: #ffffff !important;
}
/*Reset button*/
.theme-primary .resetbutton {
	background-color: #5f6062 !important;
	border-color: #5f6062 !important;
	color: #ffffff !important;
}

/*main nav menu color*/
#main-menu {
	background-color: #5f6062 !important;
}
#main-menu > li > a{
	color: #ffffff;
}
/*custom menu color*/
.custommenubtn{
	color: #ffffff;
}

/*Menu Tab Color*/
.theme-primary #main-menu.sm-blue a:hover, 
.theme-primary #main-menu.sm-blue a:active, 
.theme-primary #main-menu.sm-blue a:focus,
.theme-primary #main-menu.sm-blue a.current, 
.theme-primary #main-menu.sm-blue a.highlighted,
.theme-primary #main-menu.sm-blue li.current > a {
    background: #df2f31;
    color: #ffffff !important;
}

/*csv button*/
#csv-btn{
	background-color: #5f6062 !important;
	border-color: #5f6062 !important;
	color: #ffffff !important;
}

/*Apply button*/
.theme-primary .applybutton {
	background-color: #f36523 !important;
	border-color: #f36523 !important;
	color: #ffffff !important;
}

/*add button*/
#addbutton{
	background-color: #df2f31 !important;
	border-color: #df2f31 !important;
	color: #ffffff !important;
}

/*delete button*/
.theme-primary .deletebutton {
	background-color: #5f6062 !important;
	border-color: #5f6062 !important;
	color: #ffffff !important;
} 

/*List button*/
.theme-primary .listbutton {
	background-color: #df2f31 !important;
	border-color: #df2f31 !important;
	color: #ffffff !important;
}

/*Edit button*/
.theme-primary .editbutton {
	background-color: #df2f31 !important;
	border-color: #df2f31 !important;
	color: #ffffff !important;
}

/*table header*/
thead {
	background-color: #a7a7a7 !important;
	color: #ffffff !important;
} 

/*card header*/
.box-header{
	background-color: #a7a7a7 !important;
	color: #ffffff !important;
}

/*card body*/
.box-body{
	background-color: #ffffff !important;
}
.box-body-table{
	background-color: #a7a7a7 !important;

}
/*card body font*/
.form-label{
	color: #000000;
}
.dataTables_info{
	color: #000000;
	
}

/*table row*/
.table > tbody > tr > td {
	background-color: #ffffff !important;
	color: #000000 !important;
} 

/*header color*/
.layout-top-nav.fixed .main-nav{
	background-color: #000000 !important;
}
.layout-top-nav.fixed .main-header{
	background-color: #000000 !important;
}
.layout-top-nav .main-header .logo-box{
	background-color: #000000 !important;
}
.layout-top-nav .main-header .navbar{
	background-color: #000000 !important;
}

/*Dashboard box- header color*/
.customDashboard .box-header h4 {
    color: #df2f31 !important;
}

/*dashboard box header*/

.dashboard{
    background-color: #5f6062 !important;
}

/*dashboard table header*/

.customDashboard .deviceList th {
    color: #df2f31;
    background-color: #a7a7a7 !important;
}

/*dashboard table icon*/
.customDashboard .deviceList td span i {
    margin-right: 10px;
    color: #df2f31;
}

/*dashboard box body background*/
.content-wrapper{
	background-color: #e3e3e5 !important;
}


/* cancel button */

.cancelbutton{
	background-color: #ffa800 !important;
	border-color: #ffa800 !important;
	color: #ffffff !important;
}
/*Mobile Menu color*/
.usermenu i {
	color: #eeeeee;
}