body {
	background-color: #f4f7f6;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	/*font-family: 'Fresca', sans-serif;*/
	font-family: 'Encode Sans Semi Condensed', sans-serif;
	/*font-weight: 400;*/
	font-size: 0.725rem;
	color: #2c2c2c;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	line-height: 1.5;
}

.minileftbar {
	width: 50px;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 99;

	text-align: center;
	background: #22252b;	
}

.minileftbar li:hover i{
	color: #fff;
}
.minileftbar li:hover{
	cursor: pointer;
}

.menu_list_down {
	/*display: inline-block;*/
	position: absolute;
	width: 100%;
	bottom: 10px;
	/*border: 3px solid #8AC007;*/
}

.menu_list_up, .menu_list_down {
	/*display: inline-block;*/
	margin: 0;
	padding: 0;
	color: #bcc6bc;
}
.menu_list_up li, .menu_list_down li {
	padding-top: 12px;
	padding-bottom: 12px;
}
.menu_list_up i, .menu_list_down i {
	color: #bcc6bc;
	/*font-size: 14px;*/
}

.sidebar {
/*    -moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;*/
	transition: all 0.5s;
	/*font-family: "Muli",sans-serif;*/
	border-radius: .1875rem;
	width: 250px;
	height: calc(100vh - 20px);
	margin-top: 10px;
	background: #f4f7f6;
	position: fixed;
	top: 0px;
	left: 50px;
	z-index: 10;
	overflow-y: scroll;
	/*font-size: 15px;*/
/*    scrollbar-width: none;
	-ms-overflow-style: none;*/
}
.sidebar::-webkit-scrollbar {
	width: 0px;
}
.sidebar .user-info {
	text-align: center;
	color: #424242;
	font-size: 14px;
}
.sidebar .user-info .image img {
    width: 80px;
/*    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;*/
    border-radius: 50%;
    vertical-align: bottom !important;
    border: 3px solid #fff;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
}

.sidebar .ml-menu {
	/*padding-top: 10px;*/
	padding-left: 0;
	/*font-size: 14px;*/
}
.sidebar .menu .list {
	padding: 0 20px 0 20px;
}
.sidebar .menu .list li span {
	margin:  0 0 0 12px;
}

.sidebar .menu .list a {
	color: #313740;
}
.sidebar .menu .list a:hover {
	font-weight: 600;
}

.sidebar .menu .list li.active a {
	color: #afafaf;
}
.sidebar .menu .list li.active {
	background: #313740;
}
.sidebar .menu .list li.active .tab_name , .sidebar .ml-menu li.active span{
	/*font-weight: 600;*/
	color: #fff;
}

.sidebar .menu .list li {
	border-radius: 3px;
}
.sidebar .menu .list li {
	color: #313740;
	padding: 9px 15px;
}
.sub_tabs {
	padding-top: 0 !important;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}
.has_sub_tabs {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.sidebar .ml-menu li:first-child{
	/*padding-left: 0 !important;*/
	border-radius: 0 !important;
}
.sidebar .ml-menu li:last-child{
	padding-bottom: 0;
}

.content {
	margin: 0px 0 0 300px;
/*    -moz-transition: .5s;
	-o-transition: .5s;
	-webkit-transition: .5s;*/

	transition: .5s;
	position: relative;
	border-radius: .55rem;
	padding-right:  10px 10px 0 10px;
}

.block-header {
	padding-top: 10px;
	color: #616161;
}
.block-header h2 {
	font-size: 20px;
	margin: 0 0 5px 0;
}

li {
	list-style: none;
}
a {
	text-decoration: none;
}
li a {
	cursor: pointer;
}
h6.uppercase {
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
}

.card-body:hover {
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.1);
    transition: all 0.2s ease-in-out;
}

.card-body {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
    border-radius: .55rem;
    /*color: #616161;*/

    transition: all 0.2s ease-in-out;
}

table {
	/*font-size: 0.8rem;*/
}
.form-select {
	/*color: #616161;*/
	color: #6c757d;
}
.dropdown-menu {
	font-size: 0.8rem;
}
.dropdown-menu li input, .dropdown-menu li label{
	cursor: pointer;
}
.form-check-input:checked {
	background-color: #8da54a;
	border-color: #8da54a;
}

input[type="checkbox"]:focus, input[type="text"]:focus, input[type="search"]:focus, textarea.form-control:focus  {
  border-color: #8da54a;
  box-shadow:none !important;
}

.dropdown-item:active {
	background-color: #8da54a;
}
.multiselect-label:hover {
	background-color: #8da54a;
	color: white;
}
.input-group-sm > .form-select, .input-group-sm > .form-control, .input-group-sm > .btn {
	font-size: .725rem;	
}
.btn-sm, .page-link, .input-group-sm > .input-group-text {
	padding: .1rem .5rem;
	font-size: .725rem;
}
.form-select-sm {
	padding-top: .1rem;
	padding-bottom: .1rem;
	font-size: .8rem;
}
.form-select:focus {
	box-shadow: 0 0 0 .175rem rgba(101, 135, 30, 0.35);
	border: 0;
}
option:hover, option:checked{
	background-color: #8da54a !important;
	/*box-shadow: 0 0 10px 100px #000;*/
	/*box-shadow: 0 0 0 .175rem rgba(101, 135, 30, 0.35) inset;*/
    /*color: white;*/
    /*background: #488f8f repeat url("data:image/gif;base64,R0lGO...");*/
}

.form-control {
	font-size: .8rem;
	padding: .15rem .5rem;
}
.btn-outline-custom {
	color: #6c757d;
	box-shadow: 0px 0.8px 3px 0px rgba(0,0,0,0.4);
}
.btn-outline-custom:hover {
	transition: 0.2s;
	box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.4);
}
.btn-outline-custom:focus {
	box-shadow: 0 0 0 .175rem rgba(101, 135, 30, 0.35);
}
.btn-outline-custom:active {
	color: white;
	background-color: #8da54a;
}

.btn-checkout-custom {
	color: #6c757d;
	box-shadow: 0px 0.8px 3px 0px rgba(0,0,0,0.4);
}
.btn-checkout-custom.all-selected {
	color: white;
	background-color: #8da54a;
}
.btn-checkout-custom.some-selected{
	color: white;
	background-color: #de9e50;
}
.btn-checkout-custom:hover {
	transition: 0.2s;
	box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.4);
}
.dt-btn-check:focus+.btn-checkout-custom {
	box-shadow: 0 0 0 .175rem rgba(101, 135, 30, 0.35) !important;
}

.btn-check:checked+.btn-outline-custom{
	color: white;
	background-color: #8da54a;
	box-shadow: 0px 0.8px 3px 0px rgba(0,0,0,0.4);
}


div.dataTables_wrapper div.dataTables_info {
	padding-top: 0;
}
.dataTables_wrapper div:nth-child(3){
	padding-top: 15px;
}
.page-link {
	color: #6c757d;
}
.page-item.active .page-link, .page-item:hover .page-link {
	background-color: #8da54a;
	border-color: #8da54a;
	color: white;
}
.page-link:focus {
	box-shadow: 0 0 0 .175rem rgba(101, 135, 30, 0.35);
}
.legend-custom {
	font-size: 0.8rem;
}
.option_group_name {
	margin-left: 20px; 
	margin-bottom: 8px; 
	font-size: 0.7rem;
}
.input-group-btn {
	color: black;
	border: 1px solid #ced4da;
	background-color: #e9ecef;
}
.input-group-btn:hover{
	background-color:  #6c757d;
	color: white;
}
/* show hide col scroll */
.show-hide-tbl-col-choose{
        max-height:800px;
        overflow-x: unset;
        overflow-y: auto;
    }

table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected, table.dataTable>tbody>tr.selected>*, table.dataTable.table-striped>tbody>tr.odd.selected>* {
    /*background-color: #8eb874;*/
    box-shadow: inset 0 0 0 9999px #8eb874;
}
table.dataTable tbody>tr.selected .btn-outline-custom {
    color: white;
}
option:hover, option:checked {
    background-color: #8da54a !important;
    box-shadow: 0 0 10px 100px #28dd2f69 inset;
}
.accordion {
		background-color: #eee;
		color: #444;
		cursor: pointer;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		transition: 0.4s;
		padding: 15px 15px 0px 15px;
    border-radius: 7px;
    font-size: small;
    overflow-wrap: break-word;
}
.active, .accordion:hover {
    background-color: #ccc;
}
.panel {
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}