/*!
 * Custom Affinity *
 */

:root {
	--white: #fff;
	--gray: #485057;
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--gray-dark: #20242B;
	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--font-family-sans-serif: Roboto, "Helvetica Neue", Arial, sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
	margin: 0;
	font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 0.9rem;
	font-weight: 300;
	line-height: 1.5;
	text-align: left;
	background-color: #eeeeee;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  cursor: help;
  border-bottom: 0;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
	color: #CCA35A;
	text-decoration: none;
	background-color: transparent;
	user-select: none;
    -webkit-user-drag: none;
}

a:hover {
  color: #eeeeee;
  text-decoration: none;
}

a:not([href]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.3rem;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 200;
}

h2, .h2 {
  	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: 1px;
	color: #ffffff;
	text-transform:uppercase;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
  font-weight:400;
  text-transform:uppercase;
}

footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 0.8rem;
	font-weight: 300;
	padding-bottom: 20px;
}

/* COLOURS */
.off-white{
	color: #cccccc;
}

.red {
	color: #dc3545;
}

/* TOOLTIP */
.k-tooltip, .k-tooltip.k-popup, .k-tooltip.k-widget {
	font-size: 12px;
	justify-content: center;
}

/* BUTTONS */
.btn {
	border-radius: 1.25rem;
	font-size: 0.85rem;
	padding: 0.375rem 1rem;
}

.btn-icon {
	font-size: 14px!important;
	padding-right: 8px;
}

.btn-picker {
	color: #312782;
}

.btn-picker:hover {
	color: #CCA35A;
}

.btn-primary {
    color: #fff;
    background-color: transparent;
    border-color: #ffffff;
    min-width: 200px;
	text-transform: uppercase;
	font-size:0.8rem;
}

.btn-primary:hover{
	color: #fff;
	background-color: #CCA35A;
	border-color: #CCA35A;
}

	.btn-primary:active {
		color: #fff;
		background-color: #CCA35A!important;
		border-color: #CCA35A!important;
	}

	.btn-primary:focus{
		color: #fff;
		background-color: #CCA35A!important;
		border-color: #CCA35A!important;
	}

.bootbox-accept {
	background-color: #312782;
	border-color: #312782;
	min-width: 80px;
}

	.bootbox-accept:hover {
		color: #312782;
		background-color: #ffffff;
		border-color: #312782;
	}

	.bootbox-accept:focus {
		color: #fff;
		background-color: #312782 !important;
		border-color: #312782 !important;
	}

/*ICONS*/
.icon-circle {
	border: 2px solid #D4B06B;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	padding: 4px;
	font-size: 25px;
	margin: auto auto 15px auto;
	color: #D4B06B;
}

/* FORMS */
.form-control {
	color: #ffffff;
	background-color: rgba(255,255,255,.1);
	border: 1px solid #ffffff;
	border-radius: 5px;
	padding: 0.375rem 0.75rem 0.375rem 2.1rem;
	height: calc(1.5em + 0.75rem + 5px);
}

.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
	border-color: transparent;
	/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.6);*/
	outline: 0 none;
	background-color: transparent;
	/*color: #ffffff;*/
}

.input-icon {
	position: absolute;
	left: 20px;
	color: #ffffff;
	top: 50%;
	transform: translateY(-50%);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0px 1000px #CCA35A inset !important;
	-webkit-text-fill-color: #ffffff!important;
}


input[type=password]::-webkit-input-placeholder {
	color: rgba(255,255,255,0.5);
	font-size: 13px;
}

input[type=text]::-webkit-input-placeholder {
	color: rgba(255,255,255,0.5);
	font-size: 13px;
}

input[type=email]::-webkit-input-placeholder {
	color: rgba(255,255,255,0.5);
	font-size: 13px;
}

input[type=tel]::-webkit-input-placeholder {
	color: rgba(255,255,255,0.5);
	font-size: 13px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: rgba(255,255,255,0.5);
}

::-moz-placeholder { /* Firefox 19+ */
	color: rgba(255,255,255,0.5);
}

:-ms-input-placeholder { /* IE 10+ */
	color: rgba(255,255,255,0.5);
}

:-moz-placeholder { /* Firefox 18- */
	color: rgba(255,255,255,0.5);
}

.field-icon {
	float: right;
	margin-left: -25px;
	margin-top: 14px;
	position: relative;
	padding-right: 25px;
	z-index: 999;
	color: #ffffff;
}

/* MAIN */
.welcome{
	padding-top: 50px!important;
	height: calc(100vh - 145px);
}

.wrapper {
  position: relative;
  top: 0;
}

.border-tb {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 15px 0;
	display: block;
	max-width: 300px;
	margin: auto;
}

/* LOGIN */
.account-brand{
	padding: 40px 0;
}

	.account-brand img{
		width: 220px;
	}

.login-bkg {
	background: url("../img/login-bkg.jpg") no-repeat bottom center fixed;
	background-size: cover;
	height: auto;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.login-size {
	margin: auto;
	width: 500px;
}

.center-500 {
	margin: auto;
	max-width: 500px;
}

.logout-pic img{
	width: 80px;
}

.card{
	background-color: transparent;
	border:none;
}

	.card p{
		color:#ffffff;
		font-size: 13px;
	}

.card-header {
    padding: 1.9rem 1.25rem 0rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(255,255,255,.2);
    border-bottom: none;
    box-shadow: 0 -4px 4px rgba(0,0,0,.2);
}

.card-body {
    background-color: rgba(255,255,255,.2);
    border-bottom: none;
    box-shadow: 0 4px 4px rgba(0,0,0,.2);
	border-radius: 0 0 10px 10px;
}

.card-footer {
    padding: 1.25rem;
    background-color: transparent;
    border-top: none;
}

.sub-logo img{
height: 50px;
}


.field-helper-line {
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	padding-right: 16px;
	padding-left: 16px;
}

.text-danger {
	color: #f0574f !important;
	
}

.field-validation-error {
	background: rgba(0,0,0,.2);
	padding: 2px 6px;
	border-radius: 5px;
}

/*IDENTITY SERVER*/
.idskin > body {
	background-color: #eeeeee!important;
	color: #333333!important;
}

.idskin {
	background-color: #eeeeee;
	color: #333333;
}

	.idskin .dropdown-item {
		color: #fff;
		font-size: 0.8rem;
		font-weight: 300;
		padding: 0.65rem 1.5rem;
	}

	.idskin .dropdown-item i {
		padding-right: 15px;
	}

	.idskin .navbar .dropdown-item:hover,
	.idskin .navbar .dropdown-item:focus {
		background-color: #D4B06B;
		color: #ffffff;
		border-radius: 0px;
	}

	.idskin .dropdown-menu {
		background-color: #999;
	}

	.idskin footer {
		position: absolute;
		padding: 0px;
		bottom: 0;
	}

.btn-id {
	color: #312782;
	background-color: #ffffff;
	border-color: #312782;
}

	.btn-id:hover {
		color: #fff;
		background-color: #CCA35A;
		border-color: #CCA35A;
	}

	.btn-id:active {
		color: #fff;
		background-color: #CCA35A;
		border-color: #CCA35A;
	}

	.btn-id:focus {
		color: #fff;
		background-color: #CCA35A;
		border-color: #CCA35A;
	}

.btn-id-save {
	color: #ffffff;
	background-color: #312782;
	border-color: #312782;
	text-transform: uppercase;
}

	.btn-id-save:hover {
		color: #312782;
		background-color: #ffffff;
		border-color: #312782;
	}

/* Toggle */
.bg-primary {
	background-color: #312782 !important;
}

.idmain {
	float: none !important;
	width: 100% !important;
	padding-top: 20px;
	overflow-y: auto;
	height: 82.6vh;
}

	.idmain .content {
		background-color: #ffffff !important;
		color: #333333;
		padding: 30px 20px;
		border-radius: 10px;
		box-shadow: 0 0px 4px rgba(0,0,0,.2);
	}

	.idmain h2, .h2 {
		letter-spacing: 0px !important;
		color: #312782 !important;
		padding: 10px 0;
	}

	.idmain .border-bottom {
		margin-bottom: 1rem;
		padding-bottom: 1rem;
	}

	.idmain .form-control {
		color: #333333;
		background-color: transparent;
		border: 1px solid #333333;
		border-radius: 5px;
		padding: 0.375rem 0.75rem;
		height: calc(1.5em + 0.75rem + 5px);
	}

	.idmain .add-padding {
		padding: 0.5rem 1.75rem;
        
	}

	.idmain > .form-control, .idmain > label, .idmain > input::-moz-placeholder {
		color: #333333 !important;
	}

	.idmain > .form-control-nopadding, .idmain > label, .idmain > input::-moz-placeholder {
		color: #333333 !important;
	}

	.idmain .field-icon {
		color: #333333;
	}

	.idmain .input-icon {
		color: #333333;
	}

	.idmain input::-moz-placeholder {
		color: #777777 !important;
		font-weight: 300;
	}

	.idmain input[type=text]:focus {
		color: #777777 !important;
		font-weight: 300;
	}

	.idmain .btn-round {
		border: 1px solid #312782;
		color: #312782;
		border-radius: 50%;
		width: 48px;
		height: 48px;
		padding-top: 13px;
	}

		.idmain .btn-round:hover {
			border: 1px solid #D4B06B;
			color: #ffffff;
			background-color: #D4B06B;
		}

	/*.idmain .k-widget {
		border-color: #ffffff;
	}*/

	.idmain .k-header {
		border-color: #ffffff;
	}

	.idmain .k-grid-header .k-header {
		background-color: #ffffff;
	}

		.idmain .k-grid-header .k-header .k-link, .k-grid-header .k-link, .k-grid-header .k-link:link {
			color: #333 !important;
			font-size: 13px;
		}

		.idmain-title {
			color: #312782;
			text-align: center;
		}

.idmain .k-grid-footer, .k-grid-footer td, .k-grid-header, .k-grid-header .k-header {
	background-color: #fff;
}

.idmain div.k-grid-footer, div.k-grid-header {
	border-bottom-width: 2px;
}

.idmain .breadcrumb {
	padding: 0;
	background-color: #fff;
	text-transform: uppercase;
	font-size: 13px;
}

.idmain .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
	color: #333333;
	background-color: #fff;
	border-color: #312782;
}

.idmain .nav-tabs .nav-link {
	border-bottom: 2px solid transparent;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	text-transform: uppercase;
	color:#999999;
	font-weight:400;
}

.idmain .tab-content{
	margin-top:30px;
}

.idmain .action-butons {
	margin-top: 20px;
	text-align: right;
}

.main-left-nav {
	text-transform: uppercase;
	padding-top: 10px;
}

/* RESPONSIVE */
@media only screen and (max-width: 768px) {
	.login-pos{
		width: 100%;
		height: auto;
	}
}

.switch {
	display: inline-block;
	height: 24px;
	position: relative;
	width: 40px;
	margin-top: 5px;
}

	.switch input {
		display: none;
	}

.slider {
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: .4s;
}

	.slider:before {
		background-color: #fff;
		bottom: 3px;
		content: "";
		height: 18px;
		left: 3px;
		position: absolute;
		transition: .4s;
		width: 18px;
	}

input:not(:checked) + .bg-primary {
	background-color: #ccc !important;
}

input:checked + .slider:before {
	transform: translateX(16px);
}

.slider.round {
	border-radius: 34px;
}

	.slider.round:before {
		border-radius: 50%;
	}

.picker hr {
	margin-bottom: 5px;
}

.picker .button__text {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	margin: 3px;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
}

.picker .button__add {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	white-space: normal;
	text-transform: none;
	color: #343a40
}

.picker .button__delete, .picker .button__update {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	white-space: normal;
	text-transform: none;
}

.picker .button__show-all {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	white-space: normal;
	text-transform: none;
}

.picker .block__buttons__add {
	margin-top: 4px;
}

.picker .search-title {
	color: gray;
	font-size: 12px;
}

.picker .button__delete {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	white-space: normal;
	text-transform: none;
}

.picker .block__buttons__add {
	margin-top: 4px;
}

.picker .search-title {
	color: gray;
	font-size: 12px;
}

.picker .text-primary {
	color: #333333 !important;
	border: 1px solid #333333 !important
}

#toast-container > div {
	opacity: 1;
}

.toast {
	background-color: #030303;
}

.toast-success {
	background-color: #51a351;
}

.toast-error {
	background-color: #bd362f;
}

.toast-info {
	background-color: #2f96b4;
}

.toast-warning {
	background-color: #f89406;
}

label.radio-img > input {
	visibility: hidden;
	position: absolute;
}

	label.radio-img > input + img {
		cursor: pointer;
		border: 2px solid transparent;
	}

	label.radio-img > input:checked + img {
		background-color: #ffe7ac;
		border-radius: 15px;
	}

	label.radio-img > input:checked ~ h3, label.radio-img > input:checked ~ h4 {
		color: #007bff;
		text-decoration: underline;
	}

label.radio-img > h3, label > h4 {
	cursor: pointer;
}

/*Pages*/
.client .action-butons {
	margin: 20px 0 20px 0;
}

.audit-log-container .modal-dialog {
	overflow-y: initial !important;
}

.audit-log-container .modal-body {
	max-height: calc(100vh - 200px);
	overflow-y: auto;
}

.sso-input .k-textbox {
	background-color: rgba(255,255,255,.1);
	color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 5px;
}

.sso-input .k-input, .sso-input .k-widget {
	background-color: transparent;
}

.sso-input .k-textbox > input {
	color: #ffffff;
	text-indent: 2.0em;
	background-color: rgba(255,255,255,.1);
}

.sso-input input.k-textbox {
	text-indent: 2.0em;
}

.sso-input .k-textbox:hover {
	background-color: rgba(255,255,255,.2);
	border: 1px solid #ffffff;
}

.sso-input:focus {
	background-color: rgba(255,255,255,.1);
	color: #ffffff;
}

.sso-input .input-icon {
	top: 35%;
	transform: translateY(0%);
	left: 20px;
}

.sso-label label {
	color: #ffffff;
}

.sso-input .k-floating-label-container.k-state-empty > .k-label {
	transform: translate(20px,2px) scale(1);
}

.sso-input .k-floating-label-container.k-state-focused > .k-label {
	-webkit-transform: translate(-.8em,-.1339285725em) translate(-1px,-1.5535714275em) translate(-12.5%,-9.375%) scale(.75);
	-ms-transform: translate(-.8em,-.1339285725em) translate(-1px,-1.5535714275em) translate(-12.5%,-9.375%) scale(.75);
	transform: translate(-.8em,-.1339285725em) translate(-1px,-1.5535714275em) translate(-12.5%,-9.375%) scale(.75);
}

.sso-input .k-floating-label-container > .k-label {
	top: 0px;
	left: 20px;
}

.sso-input .k-floating-label-container {
	padding-top: 0;
	margin-bottom: 5px;
}

.sso-footer {
	background-color: #CCA35A;
	font-size: 13px;
	padding: 15px;
	position: fixed;
	width: 100%;
	bottom: 0;
}

/*KENDO STYLES*/
.k-floating-label-container, .k-textbox-container {
width: 100%;
}

.k-input[readonly] {
	color: rgba(72,80,87,.7);
	background-color: rgba(72,80,87,.05);
	border-color: #cccccc;
}

.k-textbox {
	border-color: #999999;
}

	.k-textbox:hover {
		box-shadow: none;
		border: 1px solid #999999;
	}

	.k-textbox:focus {
		border: 1px solid #999999;
	}

.k-input-label {
	color: #777777;
}

.k-state-focused {
	border-color: #999999;
	border: 1px;
}

.k-floating-label-container > .k-label, .k-textbox-container > .k-label {
	line-height: 2.37142857em;
}

img, a {
    user-select: none;
    -webkit-user-drag: none;
}

/* MODAL */

.modal-body {
	color: #485057;
	text-align: center;
}

.modal-footer {
	justify-content: center;
}

.modal-dialog {
	margin: 20% auto;
}

/* LOGIN */
/* CaMS Dark Login */
.cams-login-bkg-dark {
	background: url("../img/cams-login-bkg-dark.jpg") no-repeat bottom center fixed;
	background-size: cover;
	height: auto;
	min-height: 100vh;
	position: absolute;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

	.cams-login-bkg-dark .container {
		margin-top: 50px;
	}

	.cams-login-bkg-dark .account-brand {
		padding: 60px 0 !important;
	}

	.cams-login-bkg-dark .card-header {
		background-color: #20242B;
	}

	.cams-login-bkg-dark .card-body {
		background-color: #20242B;
	}

	.cams-login-bkg-dark #forgot-password {
		color: #51BCB6;
	}

	.cams-login-bkg-dark a {
		color: #51BCB6;
	}

	.cams-login-bkg-dark input:-webkit-autofill, .cams-login-bkg-dark input:-webkit-autofill:hover,
	.cams-login-bkg-dark input:-webkit-autofill:focus, .cams-login-bkg-dark input:-webkit-autofill:active {
		-webkit-box-shadow: 0 0 0px 1000px #485057 inset !important;
		-webkit-text-fill-color: #ffffff !important;
	}

	.cams-login-bkg-dark .btn-primary:hover {
		background-color: #51BCB6;
		border: 1px solid #51BCB6;
	}

	.cams-login-bkg-dark .btn-primary:focus, .cams-login-bkg-dark .btn-primary:active {
		background-color: #419590 !important;
		border: 1px solid #419590 !important;
		box-shadow: none !important;
	}

/* CaMS Light Login */
.cams-login-bkg-light {
	background: url("../img/cams-login-bkg-light.jpg") no-repeat bottom center fixed;
	background-size: cover;
	height: auto;
	min-height: 100vh;
	display: flex;
	align-items: center;
}

	.cams-login-bkg-light .card-header {
		background-color: #ffffff;
	}

	.cams-login-bkg-light .card-body {
		background-color: #ffffff;
	}

	.cams-login-bkg-light #forgot-password {
		color: #51BCB6;
	}

	.cams-login-bkg-light a {
		color: #51BCB6;
	}

	.cams-login-bkg-light h2 {
		color: #485057;
	}

	.cams-login-bkg-light .k-input, .k-textbox, .cams-login-bkg-light .k-textbox > input, .cams-login-bkg-light .form-control {
		background-color: #ffffff !important;
		color: #485057 !important;
		border: 1px solid #485057;
	}

	.cams-login-bkg-light .form-control, .cams-login-bkg-light label, .cams-login-bkg-light input::placeholder {
		color: rgba(72,80,87,.5) !important;
	}

	.cams-login-bkg-light .btn-primary {
		color: #fff;
		background-color: #51bcb6;
		border-color: #419590;
		padding: 5px 20px;
		font-size: 14px;
		height: 40px;
		width: auto;
	}

	.cams-login-bkg-light .input-icon {
		color: #485057;
	}

	.cams-login-bkg-light .text-white, .cams-login-bkg-light .off-white {
		color: #485057 !important;
	}

/* DMUK Login */
.dm-login-bkg-dark {
	background: url("../img/debtmovement-bkg.jpg") no-repeat bottom center fixed;
	background-size: cover;
	height: auto;
	min-height: 100vh;
	position: absolute;
	width: 100%;
}

	.dm-login-bkg-dark .container {
		margin-top: 50px;
	}

	.dm-login-bkg-dark .account-brand {
		padding: 30px 0 !important;
	}

	.dm-login-bkg-dark .card-header {
		background-color: #ffffff;
	}

	.dm-login-bkg-dark .card-body {
		background-color: #ffffff;
	}

	.dm-login-bkg-dark #forgot-password {
		color: #ffffff;
	}

	.dm-login-bkg-dark a {
		color: #ffffff;
	}

		.dm-login-bkg-dark a:hover {
			color: #55BAA2;
		}

	.dm-login-bkg-dark input:-webkit-autofill, .dm-login-bkg-dark input:-webkit-autofill:hover,
	.dm-login-bkg-dark input:-webkit-autofill:focus, .dm-login-bkg-dark input:-webkit-autofill:active {
		-webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
		-webkit-text-fill-color: #485057 !important;
		border: 1px solid #485057;
	}

	.dm-login-bkg-dark .input-icon, .dm-login-bkg-dark .input-icon:focus, .dm-login-bkg-dark .input-icon:active, .dm-login-bkg-dark .field-icon {
		color: #485057;
	}

	.dm-login-bkg-dark .account-brand img {
		width: 410px;
	}

	.dm-login-bkg-dark h2, .dm-login-bkg-dark .h2, .dm-login-bkg-dark .text-white {
		color: #273572 !important;
	}

	.dm-login-bkg-dark .form-control {
		color: #485057;
		border: 1px solid #485057;
	}

	.dm-login-bkg-dark .btn-primary {
		background-color: #55BAA2;
		border: 1px solid #55BAA2;
	}

		.dm-login-bkg-dark .btn-primary:hover {
			background-color: #ffffff;
			border: 1px solid #55BAA2;
			color: #55BAA2;
		}

		.dm-login-bkg-dark .btn-primary:focus, .cams-login-bkg-dark .btn-primary:active {
			background-color: #55BAA2 !important;
			border: 1px solid #55BAA2 !important;
			box-shadow: none !important;
		}