﻿html {
	font-family: 'Roboto', sans-serif;
}

body {
	background-image: url('/_content/VuPt.User.Theme.EnableInsight/images/dark-material-bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: black;
}

.home-navigation a{
	color: black;
}

.login-logo {
	background-image: url('/_content/VuPt.User.Theme.EnableInsight/images/taitlogowhitetext.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 120px;
	height: 130px;
	display: block;
	margin: 0 auto 0 auto;
	padding: 5px;
	/*background-color: black;
	border-radius: 100px;*/
}

.layer {
	background-color: rgba(0, 0, 0, 0);
}

.field-validation-error {
	color: #e43300;
}
.validation-summary-errors {
	color: #e43300;
}

/*.centering-container {
	background-color: #ffffff15;
	padding: 0 20px 20px 20px;
	border-radius: 15px;
}*/

.centering-container {
	/*background-color: #00b8e409;*/
	/*border-left: 10px solid #00b8e430;
	border-right: 1px solid #00b8e490;
	border-bottom: 1px solid #00b8e490;
	border-top: 1px solid #00b8e490;*/
	/*border-right: 10px solid #00b8e430;*/
	/*border:1px solid #00b8e490;
	padding: 0 40px 20px 40px;
	border-radius: 15px;*/
	
}
	.centering-container .detail-container {
		background-color: white;
		border-radius: 2px;
		padding: 40px 35px 5px 35px;
	}

		.centering-container .detail-container .detail-logo {
			background-image: url('/_content/VuPt.User.Theme.EnableInsight/images/enableinsightransparentlogoblue.png');
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center center;
			height: 45px;
			margin-bottom:15px;
		}

		.centering-container .detail-container h4 {
			text-align:center;
		}

		.btn-primary {
			background-color: #00b8e4EE;
			border-radius: 2px;
			text-transform: uppercase;
		}

	.btn-primary:hover {
		background-color: #00b8e4AA;
	}

.form-control {
	color: black;
	background-color: #00000015;
	border: 1px solid #00000020;
	height: 2.8rem;
	width: 40ch;
}

	.form-control:hover {
		background-color: #00000025;
	}

	.form-control::-webkit-input-placeholder {
		color: #00b8e4;
	}
	.form-control::-moz-placeholder {
		color: #00b8e4;
	}
	.form-control:-ms-input-placeholder {
		color: #00b8e4;
	}
	.form-control::placeholder {
		color: #00b8e4;
	}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-text-fill-color: black;
}
.toggle-password-btn {
	right: 1rem;
	top: 0.8rem;
}
.password-group input[type='checkbox'] + label:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 469.333 469.333'%3E%3Cpath fill='%2300b8e4' d='M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z'/%3E%3Cpath fill='%2300b8e4' d='M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z'/%3E%3C/svg%3E%0A");
	cursor: pointer;
}

.password-group input[type='checkbox']:checked + label:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 469.44 469.44'%3E%3Cpath fill='%2300b8e4' d='M231.147,160.373l67.2,67.2l0.32-3.52c0-35.307-28.693-64-64-64L231.147,160.373z'/%3E%3Cpath fill='%2300b8e4' d='M234.667,117.387c58.88,0,106.667,47.787,106.667,106.667c0,13.76-2.773,26.88-7.573,38.933l62.4,62.4 c32.213-26.88,57.6-61.653,73.28-101.333c-37.013-93.653-128-160-234.773-160c-29.867,0-58.453,5.333-85.013,14.933l46.08,45.973 C207.787,120.267,220.907,117.387,234.667,117.387z'/%3E%3Cpath fill='%2300b8e4' d='M21.333,59.253l48.64,48.64l9.707,9.707C44.48,145.12,16.64,181.707,0,224.053c36.907,93.653,128,160,234.667,160 c33.067,0,64.64-6.4,93.547-18.027l9.067,9.067l62.187,62.293l27.2-27.093L48.533,32.053L21.333,59.253z M139.307,177.12 l32.96,32.96c-0.96,4.587-1.6,9.173-1.6,13.973c0,35.307,28.693,64,64,64c4.8,0,9.387-0.64,13.867-1.6l32.96,32.96 c-14.187,7.04-29.973,11.307-46.827,11.307C175.787,330.72,128,282.933,128,224.053C128,207.2,132.267,191.413,139.307,177.12z' /%3E%3C/svg%3E%0A");
	cursor: pointer;
}

.secondary-navigation-link {
	
	color: black;
	float:none;
	
}
	.secondary-navigation-link.block {
		padding-top: 0;
	}

	.secondary-navigation-link:hover {
		color: #00b8e4;
	}


.login-message {
	display: block;
	
}

h4 {
	font-size: 1.2rem;
	text-transform: uppercase;
}

#change-password-form {
	height:48ch;
	width:34ch;
}

.login-audit {
	background-color: #FFFFFF;
	padding: 50px;
	min-width:190ch;
}

	.login-audit .table {
		color: #222222;
	}

	.login-audit .form-control {
		margin-left: 1ch;
		margin-right: 3ch;
		max-width: 20ch;
	}

		.login-audit .form-control.form-control-user {
			max-width: 30ch;
		}

		.login-audit .form-control.form-control-date {
			background-color: #EEFFEE99;
		}

	.login-audit td {
		padding-top: 0.15rem;
		padding-bottom: 0.15rem;
		padding-left: 0.75rem;
		padding-right: 0.75rem;
		text-overflow: ellipsis;
		overflow: hidden;
		max-width: 80ch;
		white-space: nowrap;
	}

.user-management td{
	padding-top:0.15rem;
	padding-bottom: 0.15rem;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

.user-management h1 {
	min-width: 50ch;
}