/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Mar 27, 2018, 3:23:35 PM
    Author     : dmcinnis03
*/

html {
	scroll-behavior: smooth;
}

#on-this-page-list ul {
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

.oneit-glossary #on-this-page-list ul {
	-ms-flex-direction: row !important;
	flex-direction: row !important;
}

.oneit-glossary #on-this-page-list ul li {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}

.accordion-groups .group {
	margin-bottom: .75rem;
}

.accordion-groups .group .group-label {
	display: block;
	margin-bottom: 0;
}

.accordion-groups .group .group-label a {
	display: block;
	background-color: #d8d8d8;
	color: #333;
	font-family: Oswald, "Open Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 1.25rem;
	padding: 0.75rem 1rem;
	text-decoration: none;
	color: #333;
	transition: all .25s;
	font-weight: normal;
	position: relative;
	top: 0;
	left: 0;
}

.accordion-groups .group .group-label a[aria-expanded="true"] {
	background-color: #500000;
	color: white;
}

.accordion-groups .group .group-label a:after {
	display: inline-block;
	font-family: "it-icons-2018" !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	right: 1rem;
	content: "\7a";
}

.accordion-groups .group .group-label a[aria-expanded="true"]:after {
	color: white;
	-webkit-animation: rotate-180-ccw 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	animation: rotate-180-ccw 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.accordion-groups .group .group-items {
	background-color: #f8f9fa;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.accordion-groups .group .group-items li {
	font-size: .875rem;
	line-height: 1.5rem;
	padding: .5rem 1rem;
	border-bottom: solid 1px #ececec;
}

.accordion-groups .group .group-items li a {
	color: black;
	text-decoration: underline;
}

.accordion-groups .group .group-items li a:hover,
.accordion-groups .group .group-items li a:active,
.accordion-groups .group .group-items li a:focus {
	text-decoration: none;
}

.mh3 {
	color: #500000;
}

form input ~ .form-text.text-danger,
form textarea ~ .form-text.text-danger {
	display: none;
}

form.submitted input:invalid ~ .form-text,
form.submitted textarea:invalid ~ .form-text {
	display: block;
}

fieldset > div {
	display: block;
	position: relative;
	top: 0;
	left: 0;
}

fieldset > div > input {
	position: absolute;
	left: .5rem;
	top: .75rem;
	z-index: 3;
	cursor: pointer;
}

fieldset > div > input + label {
	display: block;
	padding: .375rem 1rem .375rem 1.75rem;
	margin: .25rem 0;
	border: solid 1px transparent;
	position: relative;
	z-index: 2;
	cursor: pointer;
}

/* Added (second) focus 20200528-cws */
fieldset > div > input:active:not(:checked) + label,
fieldset > div > input:focus:not(:checked) + label,
fieldset > div:focus > input:not(:checked) + label,
fieldset > div:hover > input:not(:checked) + label {
	background-color: var(--it-nav-grey);
	border-radius: 15px;
}

fieldset > div > input:checked + label:before {
	display: block;
	opacity: .2;
	content: " ";
	width: 100%;
	height: 100%;
	background-color: var(--success);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	border-radius: 15px;
}

.helpful {
	font-size: .875rem;
}
.helpful .row {
	background-color: #fdf9df;
}

.helpful .helpful-label,
.helpful .helpful-submit {
	background-color: #fceb56;
}
.helpful .helpful-label {
	background-color: #fceb56;
	line-height: 1.2;
	font-weight: bold;
	padding: 0.5rem .675rem;
}
.helpful .helpful-input {
	padding: 0.375rem .675rem;
}


.helpful .helpful-comments textarea {
	border: 0px;
	background-color: rgba(255, 255, 255, 0.875);
	margin-top: .875rem;
	margin-bottom: 0;
	height: 3.5rem;
	width: 100%;
}

/* Added hover 20200528-cws */
.helpful .helpful-comments textarea:hover,
.helpful .helpful-comments textarea:focus {
	outline: none;
	border: solid 2px #fceb56;
}

.helpful .helpful-comments {
	height: 0;
	overflow: hidden;
	transition: all .125s;
}

.helpful .helpful-options > div > div {
	display: inline-block;
	margin-right: 2rem;
	font-weight: bold;
	line-height: 1rem;
}
.helpful label {
	margin: 0;
}
.helpful .helpful-options input[type="radio"] {
	-webkit-appearance: none;
	display: inline-block;
	width: .75rem;
	height: .75rem;
	border: solid 1px #333;
	border-radius: 50%;
	margin-right: .25rem;
}
.helpful .helpful-options input[type="radio"]:checked::before {
	display: block;
	margin: 2px;
	border-radius: 50%;
	width: 6px;
	height: 6px;
	content: "";
	background-color: #333;
}

.helpful .helpful-submit {
	display: none;
}
.helpful .helpful-submit button {
	height: 100%;
}


.helpful.active:not(.has-response) .helpful-submit {
	display: -ms-flexbox;
	display: flex;
}

.helpful.has-response .helpful-comments,
.helpful.active .helpful-comments {
	height: 5rem;
}

.helpful .alert {
	border: 0;
	border-radius: 0;
	margin-top: 1rem;
}