:root {
	--wms-color-primary: 203, 5, 57;
	--wms-color-white: 255, 255, 255;
	--wms-color-dark: 23, 23, 23;
	--wms-border-color: 203, 5, 57;
	--wms-border-opacity: .1;
	--wms-font-primary: "Plus Jakarta Sans", sans-serif;
	--wms-dashboard-background: 250, 250, 250;
	--wms-color-danger: 220, 37, 37;
	--wms-color-success: 0, 128, 0;
	--wms-color-info: 0, 128, 128;
	--wms-color-dark-head: 38, 38, 38;
}


.site-navbar {
	background-color: #cb0539 !important;
}

#dark-mode-btn i {
  color: #fff !important;
}

.site-navbar * {
  color: #fff !important;
}


.navbar-search-overlap  {
    background-color: rgb(var(--wms-color-primary));
}

.navbar-search-overlap * {
  color; #fff !important;
  opacity: 1;
}

.navbar-search-overlap  input {
  border: 1px solid #fff !important;
  
}

.site-menubar-light .site-menu>.site-menu-item.active {
	background: rgba(203, 5, 57, .05);
}

.site-menubar-light .site-menu>.site-menu-item.active>a {
	color: #cb0539;
}

.site-menubar-light .site-menu .site-menu-sub .site-menu-item.active>a {
	color: #cb0539;
}

.site-menubar-light .site-menu>.site-menu-item.hover>a,
.site-menubar-light .site-menu>.site-menu-item:hover>a {
	color: #cb0539;
}

.site-menubar-light .site-menu>.site-menu-item.open>a {
	color: #cb0539;
}

.site-menubar-light .site-menu>.site-menu-item.hover,
.site-menubar-light .site-menu>.site-menu-item:hover {
	background-color: rgba(203, 5, 57, .05);
}

.site-menubar-light .site-menu .site-menu-sub .site-menu-item.hover,
.site-menubar-light .site-menu .site-menu-sub .site-menu-item:hover {
	background-color: rgba(203, 5, 57, .05);
}

.site-menubar-light .site-menu>.site-menu-item.open {
	background: rgba(203, 5, 57, .05);
}

.form-material .form-control,
.form-material .form-control.focus,
.form-material .form-control:focus {
	float: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cb0539), to(#cb0539)), -webkit-gradient(linear, left top, left bottom, from(#e4eaec), to(#e4eaec));
	background-image: -webkit-linear-gradient(#cb0539, #cb0539), -webkit-linear-gradient(#cb0539, #cb0539);
	background-image: -o-linear-gradient(#cb0539, #cb0539), -o-linear-gradient(#cb0539, #cb0539);
	background-image: linear-gradient(#cb0539, #cb0539), linear-gradient(#cb0539, #cb0539);
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.form-control.focus,
.form-control:focus {
	border-color: #cb0539;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.checkbox-default input[type=radio]:checked+label::after,
.checkbox-default input[type=checkbox]:checked+label::after {
	color: #cb0539;
}

.radio-default input[type=radio]:checked+label::after {
	border-color: #cb0538;
}

.nav-tabs-line.nav-justified>li.active>a,
.nav-tabs-line.nav-justified>li.active>a:focus,
.nav-tabs-line.nav-justified>li.active>a:hover {
	border-color: transparent;
	border-bottom: 2px solid #cb0538;
}

.nav-tabs-line>li.active>a,
.nav-tabs-line>li.active>a:focus,
.nav-tabs-line>li.active>a:hover {
	color: #cb0538;
}

.site-menubar-light .site-menu .site-menu-sub .site-menu-item.hover>a,
.site-menubar-light .site-menu .site-menu-sub .site-menu-item:hover>a {
	color: #cb0538;
}

.form-material .form-control.focus~.floating-label,
.form-material .form-control:focus~.floating-label {
	color: #cb0538;
}

a {
	color: #cb0538;
}

a:hover,
a:focus,
a:active {
	color: #a9042f;
}

.page-login-v3:before {
	background: #62a8ea;
	background-image: -webkit-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%);
	background-image: -o-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#e6e6e6));
	background-image: linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 100%);
}

.btn-primary {
	background-color: #cb0538;
	border-color: #cb0538;
}

.select2-container--default.select2-container--open .select2-selection {
	border-color: #cb0538;
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
	background-color: #a9042f;
	border-color: #a9042f;
}

.select2-container--default .select2-dropdown {
	border-color: #cb0538;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: #a9042f;
	border-color: #a9042f;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	color: #cb0538;
	background: rgba(203, 5, 57, .05);
}

.primary,
#primary {
	color: #cb0538;
	background-color: #cb0538;
}