/* FONT FAMILY & FONT WEIGHT */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;1,300;1,400;1,600&display=swap');
:root{
	--brand: #004aad;
	--brand-hover: #003b8a;
}
body{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
}
.right-sidebar .rpanel-title{
	font-weight: 400;
}
.sidebar-nav ul li a{
	font-weight: 500;
}

.text-muted, .profiletimeline .sl-date{
	color: #757575 !important;
}
.ct-label{
	color: rgb(0 0 0 / 60%)
}

/* Fix - Knowledgebase line break */
#main-sidenav{
	padding-right: 5px;
}

/* COLOR CHANGE */
/* Progress bar */
#nprogress .bar{
	background:var(--brand);
}

/* Notification sidebar */
.right-sidebar .rpanel-title {
    background: var(--brand);
}

/* Sidebar */

#main-scroll-sidebar .sidebar-nav ul li a{
	color: #8f8f8f;
}
#settings-scroll-sidebar .sidebar-nav ul li a{
	color: #c9c9c9;
}
.sidebar-nav ul li a:hover{
	color: var(--brand) !important;
}
a{
	color: #5b676d;
}
a:hover{
    color: var(--brand);
    transition: 0.1s;
}
a.link:hover, a.link:focus{
	color: var(--brand);
}
.sidebar-nav > ul > li.active > a i{
	color: var(--brand);
}
.sidebar-nav > ul > li.active > a {
    color: var(--brand);
    border-color: var(--brand);
}
.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover{
	color: var(--brand);
}
.sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover i{
	color: var(--brand);
}

/* Profile dropdown */
.topbar ul.dropdown-user li a:hover{
	color: var(--brand);
}

/* Other */
html body .text-themecolor {
  	color: var(--brand);;
}

.text-themecolor{
	color: var(--brand) !important;
}

html body blockquote {
  	border-left: 5px solid var(--brand);
}
html body .bg-theme {
  	background-color: var(--brand); 
}
ul.list-style-none li a:hover{
        color: var(--brand);
}
.ribbon-corner:before {
  	border: 30px solid transparent;
  	border-top-color: var(--brand);
	border-left-color: var(--brand);
}
.ribbon-custom {
	background: var(--brand);
}

.ribbon-bookmark.ribbon-right.ribbon-custom:before {
	border-right-color: var(--brand);
}

.ribbon-bookmark.ribbon-vertical-l.ribbon-custom:before,
.ribbon-bookmark.ribbon-vertical-r.ribbon-custom:before {
	border-right-color: var(--brand);
}

.lstick {
	background: var(--brand);
}
.right-sidebar .rpanel-title{
	background: var(--brand);
}

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active{
    	border-bottom: 2px solid var(--brand);
    	color: var(--brand);
}
.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover{
    	color: var(--brand);
}
.jq-icon-info {
  	background-color: var(--brand);
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{
  background-color: var(--brand);
  border-color: var(--brand);
}

.btn-themecolor,
.btn-themecolor.disabled {
  	background: var(--brand);
  	border: 1px solid var(--brand);
}

.btn-themecolor:hover,
.btn-themecolor.disabled:hover{
    	background: var(--brand);
    	opacity: 0.7;
    	border: 1px solid var(--brand);
}
.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover{
  	background: var(--brand);
}
.daterangepicker td.active:hover{
  	background-color: var(--brand);
}

.form-material .form-control:focus {
  	background-image: linear-gradient(var(--brand), var(--brand)), linear-gradient(var(--brand), var(--brand));
}

.form-control-line .form-control:focus {
    border-bottom: 1px solid var(--brand);
}

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:after{
  	background-color: var(--brand);
}
[type="checkbox"]:checked + label:before{
  	border-right: 2px solid var(--brand);
  	border-bottom: 2px solid var(--brand);
}
[type="checkbox"]:indeterminate + label:before {
	border-right: 2px solid var(--brand);
}
[type="checkbox"].filled-in:checked + label:after {
  	border: 2px solid var(--brand);
  	background-color: var(--brand);
}
.switch label input[type=checkbox]:checked + .lever:after {
  	background-color: var(--brand);
}
.modal .modal-dialog .modal-header .modal-title{
	color: var(--brand);
}