
:root {
	--hm-orange: #f6921e;
	--hm-orange-dark: #7b490f;
	--hm-orange-light: #f9c27a;
  
	--hm-purple: #a442ff;
	--hm-purple-dark: #460980;
	--hm-purple-light: #edd9ff;

	--hm-green: #42ff5e;
	--hm-green-dark: #09801b;
	--hm-green-light: #d0ffd7;
	
	--hm-blue-light: #f1f6ff;
}


[class*='sidebar-dark-'] .nav-sidebar > .nav-item.menu-open > .nav-link,
[class*='sidebar-dark-'] .nav-sidebar > .nav-item:hover > .nav-link,
[class*='sidebar-dark-'] .nav-sidebar > .nav-item > .nav-link:focus {
  color: var(--hm-orange);
}

.sidebar-dark-primary .nav-sidebar > .nav-item:hover > .nav-link.active,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active
 {
	background-color: var(--hm-orange);
	color: #212529;
}

[class*="sidebar-dark-"] .user-panel a:hover {
	  color: var(--hm-orange);
}

.btn-primary {
  color: #ffffff;
  background-color: var(--hm-orange);
  border-color: var(--hm-orange);
}

.btn-primary:hover {
  color: #ffffff;
  background-color: var(--hm-purple);
  border-color: var(--hm-purple);
}

a {
  color: var(--hm-orange);
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: var(--hm-purple);
  text-decoration: none;
}

strong,
.hm-purple {
    color: var(--hm-purple);
}

strong.secondary,
.strong-secondary,
.hm-orange {
	color: var(--hm-orange);
	font-weight:900;
}

.icon-x-large {
	font-size: x-large;
}

.hidden {
    display:none;
}
    
.table-hover tbody tr:hover {
	background-color: var(--hm-blue-light);	
}

.bg-info .bg-orange {
	background-color: var(--hm-orange);
}

.bg-info .bg-purple {
	background-color: var(--hm-purple);
}

.bg-info.bg-orange span.strong {
    color: var(--hm-purple-dark);
}

.bg-info.bg-purple span.strong {
    color: var(--hm-orange);
}

.bg-info.bg-orange span.light,
.bg-info.bg-pruple span.light {
    color: white;
}

thead tr th {
    background-color: var(--hm-purple);
    color: white;
}

/* iCheckbox overrides */

.icheck-orange > input:first-child:not(:checked):not(:disabled):hover + label::before,
.icheck-orange > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: var(--hm-orange);
}

.icheck-orange > input:first-child:checked + label::before,
.icheck-orange > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: var(--hm-orange);
    border-color: var(--hm-orange);
}

.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before,
.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: var(--hm-orange);
}

.icheck-primary > input:first-child:checked + label::before,
.icheck-primary > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: var(--hm-orange);
    border-color: var(--hm-orange);
}

.margin-left-0 {
	margin-left: 0px !important;
}

.col-xs-override {
  -ms-flex: 0 0 1.666666%;
  flex: 0 0 1.666666%;
  max-width: 1.666666%;
}

.w-25-px {
    width: 25px !important;
    max-width: 25px !important;
}

.w-85-px {
    width: 85px !important;
}

.w-125-px {
    width: 125px !important;
}