﻿/*-CSS Reset-*/
a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, 
dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, 
html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, 
small, span, strike, strong, sub, sup, table, tbody, td tfoot, th, thead, tr, 
tt, ul, var { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
:focus { outline: 0; }
blockquote, q { quotes: "" ""; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
body { background: #fff; line-height: 1; color: #000; }
caption, th, td { text-align: left; font-weight: normal; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }

#anchor-div { position: absolute; left: 1000px; top: 72px; height: 100%; width: max-content; }

#anchor-container { top: 10em; position: sticky; border-left: 1px solid #ccc; }

#anchor-container a { display: block; padding: 1px 0px 5px 20px; font-weight: bold; text-decoration: none; color: #999; }

#anchor-header{ padding: 5px 5px 12px 5px ; font-weight: 600; margin-left: 15px; font-size: 15px; }

#anchor-container a:hover { color: #0091C5; text-decoration: underline; border-left: 3px solid #02a4de;     padding: 1px 0px 5px 17px; }

	/*-Base Styles-*/
	@font-face {
		font-family: 'Montserrat-VariableFont_wght';
		src: url('../Fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
	}



html {font-family: 'Montserrat-VariableFont_wght', 'Trebuchet MS', sans-serif;}
body { color: #666; font-size: 0.75em;}
strong { font-weight: bold; }
em { font-style: italic; }
.clear { clear: both; }
.hidden { display: none; }

	/*-Links-*/
	a:link, a:visited { text-decoration: none; color: #666; }
	a:hover { color: #0091C5; text-decoration: underline; }
	a:active { }
	#main-content a { text-decoration: underline; }


	/*gradient header*/
.site-header{
	background: hsla(197, 100%, 44%, 1);
	background: linear-gradient(225deg, hsla(197, 100%, 44%, 1) 0%, hsla(203, 91%, 34%, 1) 100%);
	background: -moz-linear-gradient(225deg, hsla(197, 100%, 44%, 1) 0%, hsla(203, 91%, 34%, 1) 100%);
	background: -webkit-linear-gradient(225deg, hsla(197, 100%, 44%, 1) 0%, hsla(203, 91%, 34%, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#00A0DF", endColorstr="#0867A3", GradientType=1 );
	height: 119px;
}
/*-Forms-*/
/*-Textbox Defaults-*/
		textarea { height: 12em; width: 35em; border-radius: 6px; padding-left: 8px; }
		input[type=text], input[type=password], textarea { background-color: #f6f6f6; border: solid 1px #a4a4a4; }
		input.date, input.date-range { background: #f6f6f6 url('../Images/Icons/calendar.gif') no-repeat scroll right center; background-position: right 0.6em center;}
		.file-upload-input { position: relative; }
		.file-upload-input input.file { position: absolute; right: 0; height: 1.25em; width: 100%; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; }
		textarea#Street, textarea.street { height: 2.7em; width: 15.4em; }
		.panel input[type=text], .panel input[type=password], .panel textarea { background-color: #ffffff; }

		/*-Dropdown Lists-*/
		select.multilist { width: 30em; }
		select { border-radius: 8px; vertical-align: middle; line-height: 1.25em; padding: 1px 1px 1px 5px; }

		/*-Common-*/
		span.required { color: #ff0000; }
		.editor-confirmation { margin: 1em 0; }
		.editor-label { font-weight: bold; margin: 0 0 0.25em 0; }
		.editor-label-grid-item { padding: 5px; text-align: center; }
		.editor-field { margin: 0 0 1em 0; }
		.editor-field input { height: 1.25em; width: 15em; padding: 1px 1px 1px 10px; border-radius: 8px; border: solid 1px #a4a4a4; background-color: #f6f6f6; vertical-align:middle; }
		.editor-field input:focus { box-shadow: 0px 0px 5px #0091C5; }
		.editor-field input.short-text { margin: 0 0.25em 0 0; text-align: center; width: 2em; }
		.editor-field input.check-box { width: auto; height: auto; margin: 0; }
		.editor-field input.radio { width: auto; }
		.editor-field select { width: 16em; border-radius: 8px; padding: 1px 1px 1px 6px; vertical-align: middle; background-color: #f6f6f6; border: solid 1px #a4a4a4; }
		.editor-field select:focus { box-shadow: 0px 0px 5px #0091C5; }
		.editor-group { float: left; width: 48%; }
		.editor-group-full { float: none; width: auto; }
		.editor-group-grid { display: grid; grid-template-columns: repeat(2, 1fr); justify-items: start; }

		.button-group { clear: both; padding: 1em 0; }
		.float { position:fixed !important; bottom:40px; right:600px; }
		.history-label { color: #0091C5; }

		/*-Common- Browse Button*/
		.file-upload-input:hover > .file {cursor: pointer;}

		/*-Filters-*/
		.filters input[type=text] { width: 15em; border-radius: 8px; padding: 2px 2px 2px 8px; vertical-align: middle; line-height: 1.25em; }
		
		/*-Validation-*/
		.validation-summary-valid { display: none; }
		.validation-summary-errors { background: #FFD4D4; border: 3px solid #DD9898; color: #000; margin: 0 0 1em; padding: 0.5em 1em; }
		.validation-summary-errors ul { list-style: disc outside none; margin-left: 2em; }
		.validation-summary-errors li { margin-bottom: 0.25em; }
		span.field-validation-error { background: transparent url('../Images/Icons/exclamation.png') no-repeat scroll left center; color: #ff0000; font-size: 0.75em; padding: 2px 0 2px 18px; }

		/*-Buttons-*/
		.button { border: 0; cursor: pointer; overflow: visible; padding: 0; position: relative; }
		a.button { display: inline-block; border-radius: 20px; color: #fff; background-color: #009ddc;}
		.button::-moz-focus-inner { border: none; /* overrides extra padding in Firefox */ }
		.button span { display: block; position: relative; white-space: nowrap; }
		a.button span { display: inline-block; border-radius: 20px; }
		.primary-button { font-size: 1em; margin-right: 5px; padding: 0 15px 0 0; text-align: center; text-transform: uppercase; color: white; background-color: #009ddc; border-radius: 20px;}
		.primary-button span { line-height: 35px; padding: 0 0 0 15px; }
		.secondary-button {  color: #ffffff !important; font-size: 1em; margin-right: 5px; padding: 0 15px 0 0; text-align: center; text-transform: uppercase; background-color: #bcbcbc; border-radius: 20px; }
		.secondary-button span { line-height: 35px; padding: 0 0 0 15px; }
			
			/*-Small Buttons-*/
			.primary-button-small { color: #ffffff !important; font-size: 0.8em; margin-right: 5px; padding: 0 10px 0 0; text-align: center; text-transform: uppercase; border-radius: 20px;}
			.primary-button-small-date { color: white !important; font-size: 0.9em; margin-right: 5px; text-align: center; text-transform: uppercase; border-radius: 20px; background-color: #009ddc !important; cursor: pointer; padding: 5px 12px; border-style: none; vertical-align: middle;}
			.primary-button-small span { line-height: 25px; padding: 0 0 0 10px; background-color: #009ddc; }
			.secondary-button-small { color: #ffffff !important; font-size: 0.8em; margin-right: 5px; padding: 0 10px 0 0; text-align: center; text-transform: uppercase; background-color: #009ddc !important;}
			.secondary-button-small span { line-height: 25px; padding: 0 0 0 10px; background-color: #009ddc !important; }
			/*Transaction Page Buttons*/
			.button-small { color: white; font-size: 0.8em; text-align: center; text-transform: uppercase; border-radius: 20px; background-color: #009ddc; cursor: pointer !important; padding: 5px 12px; border-style: none; vertical-align: middle; }
			#main-content a.button.button-small{ text-decoration: none; display: inline-block; color: #fff; background-color: #009ddc; font-size: 0.75em; text-align: center; text-transform: uppercase; border-radius: 20px; cursor: pointer; padding: 0px 10px; border-style:none; vertical-align: middle; position: relative; overflow: visible;}
	/*-Headings-*/
	h1 { border-bottom: solid 1px #cccdce; font-size: 1.75em; line-height: 1.25em; margin: 0 0 1em; padding: 0 0 0.4em; font-weight:500; }
	h1 img { vertical-align: bottom; }
	h2 { border-bottom: solid 1px #cccdce; font-size: 1.5em; line-height: 1em; margin: 1em 0; padding: 0 0 0.1em; clear: both; }
	h3 { font-size: 1em; font-weight: bold; line-height: 1em; }


	/*-Paragraphs-*/
	p { margin: 1.5em 0; }

	/*-Lists-*/
	ul.list { margin: 1.5em 0; list-style: circle inside; }
	ol.list { margin: 1.5em 0 1.5em 2em; list-style: decimal outside; }
	dl.list { overflow: hidden; width: 100%; }
	dl.list dt { float: left; width: 30%; }
	dl.list dd { float: right; width: 70%; }
	
	/*-Tables-*/
	table { border: solid 1px #bcbcbc; border-collapse: collapse; border-spacing: 0; width: 100%; border-radius: 1em; overflow: hidden; box-shadow: 0 0 7px 1px #bcbcbc; }
	table th, table td { padding: 7px 10px; vertical-align: middle; }
	table thead th { background-color: #009ddc; color: #fff; font-weight: bold; white-space: nowrap; }
	table tbody th, table tbody td { background-color: #f2f2f2; border: solid 1px #bcbcbc; }
	table tbody tr.alternate th, table tbody tr.alternate td { background-color: #e2f4fb; }
	table tbody tr.alternate td.difference, table tbody tr td.difference { background-color: #009DDC; }
	table.flat-table tbody tr:nth-of-type(2n) th, table.flat-table tbody tr:nth-of-type(2n) td { background-color: #e2f4fb; }
	table tfoot th, table tfoot td { background-color: #009ddc; color: #fff; font-weight: bold; }
	.table-title { background-color: #bcbcbc; color: #ffffff; font-size: 1em; font-weight: bold; line-height: 1em; margin: 1em 0 0; padding: 0.5em 0.25em; border-radius: 8px; padding-left: 10px !important; display: none; }
	.table-title.transaction-expanded-panel { display: block; }

	.response-diff { color: #009DDC; }

		/*-Sub Table-*/
		table table.sub-table { border: solid 1px #bcbcbc; border-collapse: collapse; border-spacing: 0; margin: 10px 0; width: 100%; }
		table table.sub-table th, table table.sub-table td { padding: 6px 5px 5px 10px; vertical-align: middle; }
		table table.sub-table thead th { background-color: #009ddc; color: #fff; font-weight: bold; white-space: nowrap; }
		table table.sub-table tbody th, table table.sub-table tbody td { background-color: #fff; border: solid 1px #bcbcbc; }
		table table.sub-table tbody tr.alternate th, table table.sub-table tbody tr.alternate td { background-color: #e2f4fb; }
		table tr.alternate table.sub-table tbody th, table tr.alternate table.sub-table tbody td { background-color: #fff; }
		table tr.alternate table.sub-table tbody tr.alternate th, table tr.alternate table.sub-table tbody tr.alternate td { background-color: #f2f2f2; }
		table table.sub-table tfoot th, table table.sub-table tfoot td { background-color: #009ddc; color: #fff; font-weight: bold; }

		/*-Sub Sub Table-*/
		table table.sub-table table.sub-table thead th { background-color: #009ddc; color: #fff; font-weight: bold; white-space: nowrap; }
		table table.sub-table tr.alternate table.sub-table thead th { background-color: #009ddc; color: #fff; font-weight: bold; white-space: nowrap; }
		
		/*-Table Sort-*/
		table.sortable thead th { cursor: default; padding-right: 15px; }
		table.sortable .sort-asc:before { border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #ffffff; content: ""; float: right; height: 0; margin: 6px -12px 0 0; width: 0; }
		table.sortable .sort-desc:before { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #ffffff; content: ""; float: right; height: 0; margin: 6px -12px 0 0; width: 0; }
	
	/*-Telerik Grid Table-*/
	.t-grid tbody tr.t-alt th, .t-grid tbody tr.t-alt td { background-color: #e2f4fb; }
	.t-grid tbody tr td.links-column { background-color: transparent; border: none; text-align: left; }
	.t-grid .t-status { display: none; }

		/*-Table Summary-*/
		table.summary { border: none; }
		table.summary tbody th { }
		table.summary tbody td { text-align: right; }

	/*-Templates-*/
	.template { display: none; }

	/*-Panels-*/
	.panel { background-color: #f6f6f6; border: 1px solid #DFDFDF; margin: 0 0 1em; padding: 0.5em; border-radius:8px; }
	.panel .panel-sub-group { margin: 0 0 1em; }
	.panel .panel-sub-group:last-child { margin-bottom: 0; }

	/*-Checkboxes-*/
	input[type="checkbox"][disabled] { cursor: not-allowed; }

/*-Page Structure-*/

	/*-Page-*/
	#page { margin: 0 0 20px; }
	

	/*-Header-*/
	#header { background-color: #02508d; border-bottom: solid 9px #9b9b9b; margin: 0 0 2em; position: relative; -moz-box-shadow: inset #003B6C 0px 0px 30px; -webkit-box-shadow: inset #003B6C 0px 0px 30px; box-shadow: inset #003B6C 0px 0px 30px; background-color: #009ddc !important; }
	#header .pos { margin: 0 auto; position: relative; width: 975px; }
	.menu-pos { margin: 0em 0.5em 2em 0em; padding-left: 0.5em; position: relative; left: 26px; }
	#logo { left: -30px; position: relative; }
	#title { left: 190px; position: absolute; top: 40px; }
	#header-welcome { color: #fff; position: absolute; right: 0; top: 60px; }
	#header-welcome a { color: #fff; text-decoration: underline; }
	#header-welcome a:hover { color: #39ceff; }
	#user-header {font-weight: 600;}

	/*-Main-*/
	#main { margin: 0 auto; width: 1000px; position:relative;}

	/*-Side Bar-*/
	#side-bar { max-height: calc(100vh - calc(4em + 128px)); position: absolute; width: 18em; scrollbar-width: none; overflow-y:scroll;}

	/*-Content-*/
	#content-container { padding: 0 20px 0 18em; }
	#content-container.full { padding-left: 20px; }
	#main-content { line-height: 1.4em; padding: 0 1em 2em; }

	/*-Tab Container-*/
	#tab-container { padding: 0 0 0 18em; }

	/*-Breadcrumbs-*/
	#breadcrumbs { padding: 0 0 2em 5px; }

	/*-Footer-*/
	#footer { border-top: 1px solid #cccdce; color: #b8b8b8; line-height: 1.5em; margin: 0 auto; padding: 1em 0 0; width: 1000px; }
	#footer a { color: #b8b8b8; }
	#copyright { float: left; }
	#contact-info { text-align: right; float: right; }
	

/*-Icons-*/
.icon { vertical-align: top; }
.help-icon { background: transparent url('../Images/Icons/info.png') no-repeat; cursor: pointer; display: inline-block; height: 20px; vertical-align: middle; width: 20px; margin-left: 5px; }
.pass-icon { background: transparent url('../Images/Icons/accept.png') no-repeat; display: inline-block; height: 16px; vertical-align: middle; width: 16px; }
.fail-icon { background: transparent url('../Images/Icons/exclamation.png') no-repeat; display: inline-block; height: 16px; vertical-align: middle; width: 16px; }
.warn-icon { background: transparent url('../Images/Icons/warning.png') no-repeat; display: inline-block; height: 16px; vertical-align: middle; width: 16px; }
.home-icon { width: 1.85em; position: relative; top: 3px; }
.detail-icon { margin-right: 3px; }

	/*-Loading Spinner-*/
	div.spinner { background: transparent url('../Images/spinner.gif') no-repeat; display: block; height: 32px; width: 32px; }
	div.spinner-center { margin: 0 auto; }
	img.spinner { display: none; }
	img.small-spinner { display: none; height: 20px; width: 20px; }
	.loading-center { width: 100%; text-align: center; display: inline-block; }
	.loading-center img { max-height: 0.75em; }

	img.search-spinner { position: relative; height:22px; width:22px; left: 50%; top: 50%; transform: translateX(-50%), translateY(-50%); display:block; }
	.overlay{ background-color: rgba(100,100,100,0.5);  height: 100%; width: 100%; position: fixed; z-index: 100; top: 0; left: 0; display: none; }

/*-Tooltip-*/
#help-tooltip { background-color: #333; box-shadow: 0 0 15px #000; -moz-box-shadow: 0 0 15px #000; -webkit-box-shadow: 0 0 15px #000; color: #fff; display: none; font-size: 0.9em; line-height: 1.5em; padding: 1em; width: 20em; z-index: 100; border-radius: 8px; }


/*-Filters-*/
.filters { margin: 0 0 2em; }


/*-Charts-*/
.chart { margin: 2em 0; }


/*-Date Picker-*/
#calroot { z-index: 10000; margin-top: -1px; width: 198px; padding: 2px; background-color: #fff; font-size: 11px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 15px #666; -webkit-box-shadow: 0 0 15px #666; }
#calhead { padding: 2px 0; height: 22px; }
#caltitle { font-size: 14px; color: #0150D1; float: left; text-align: center; width: 155px; line-height: 20px; text-shadow: 0 1px 0 #ddd; }
#calnext, #calprev { display: block; width: 20px; height: 20px; background: transparent url('../Images/prev.gif') no-repeat scroll center center; float: left; cursor: pointer; }
#calnext { background-image: url('../Images/next.gif'); float: right; }
#calprev.caldisabled, #calnext.caldisabled { visibility: hidden;	}
#caltitle select { font-size: 10px; }
#caldays { height: 14px; border-bottom: 1px solid #ddd; }
#caldays span { display: block; float: left; width: 28px; text-align: center; }
#calweeks { background-color: #fff; margin-top: 4px; }
.calweek { clear: left; height: 22px; }
.calweek a { display: block; float: left; width: 27px; height: 20px; text-decoration: none; font-size: 11px; margin-left: 1px; text-align: center; line-height: 20px; color: #666; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.calweek a:hover, .calfocus { background-color: #ddd; }
a.calsun { color: red; }
a.caloff { color: #ccc; }
a.caloff:hover { background-color: rgb(245, 245, 250); }
a.caldisabled { background-color: #efefef !important; color: #ccc !important; cursor: default; }
#calcurrent { background-color: #498CE2; color: #fff; }
#caltoday { background-color: #333; color: #fff; }

/*-Pikadate Date Picker-*/
.evs-theme .pika-table th { background-color: transparent; }
.evs-theme .pika-table td { text-align: center; }
.evs-theme .pika-table abbr { cursor: default; }
.evs-theme .pika-title .pika-label { font-size: 0; }
.evs-theme .pika-title .pika-select { background: transparent url('/Content/Images/dropdown-arrow.png') scroll no-repeat 100% center; border: 1px solid #a4a4a4; position: static; padding: 0 20px 0 0; margin: 0; opacity: 1; text-indent: 0.01px; -moz-appearance: none; -webkit-appearance: none; appearance: none; }
.evs-theme .is-selected .pika-button { border-radius: 0; }
.evs-theme .pika-button { border-radius: 0; text-align: center; }
.evs-theme td.is-empty { background-color: transparent; border: none; }

/*-Pagination-*/
.pagination { float: right; margin: 1em 0; }
.pagination li { background-color: #e3e3e3; float: left; padding: 5px; margin: 1px; }
.pagination li.active { background-color: transparent; font-weight: bold; }
#main-content ul.pagination li a { text-decoration:none; }

	/*-Top Notification-*/
	#top-notification { font-weight: bold; padding: 1em 1em 1em 41px; }
	#top-notification.alert { background: #ffd4d4 url(../Images/Icons/notify-alert.gif) no-repeat 10px 0.5em; }
	#top-notification.confirm { background: #d8ffd4 url(../Images/Icons/notify-confirm.gif) no-repeat 10px 0.6em; }
	#top-notification.notice { background: #fff6d3 url(../Images/Icons/notify-notice.gif) no-repeat 10px 0.6em; }
	#alert-notification { font-weight: bold; padding: 1em 1em 1em 41px; background: #ffd4d4 url(../Images/Icons/notify-alert.gif) no-repeat 10px 0.5em; }
	#confirm-notification { font-weight: bold; padding: 1em 1em 1em 41px; background: #d8ffd4 url(../Images/Icons/notify-confirm.gif) no-repeat 10px 0.6em; }


/*-Tabs Strip-*/
/*.tab-strip { }*/
.tab-strip { width: fit-content; height: 2.7em; border-bottom: solid 3px #cccdce;}
.tab-strip .tab { float: left; margin: 0 -1px 1em 0; }
.tab-strip .tab a { color: #cccdce; display: inline-block; margin: 0; overflow: visible; padding: 0 9px; position: relative; text-align: center; text-transform: uppercase; line-height: 35px; white-space: nowrap; text-decoration-line: none;}
.tab-strip .tab a::-moz-focus-inner { border: none; /* overrides extra padding in Firefox*/ }
.tab-strip .tab a:hover { color: #0091C5; box-shadow: inset 0 -3px 0 #0091C5; background-position: right -300px; z-index: 100; }
.tab-strip .active a { color: #0091C5; box-shadow: inset 0 -3px 0 #0091C5; background-position: right -60px !important; z-index: 110; }
.tab-strip .active { display: block; margin: 0 auto; z-index: 120; }


/*-Main Menu-*/
#main-menu { font-size: 0.9em; }

#main-menu .root-section { margin: 0 10px 3px 0; padding: 10px 0 10px; border-right: solid 1px #dfdfdf; }
#main-menu .section-title { font-weight: bold; padding: 0 0 0 24px; display: inline-block; color:#999;}
#main-menu a { color: #999; }
#main-menu a:hover { color:#0091C5; text-decoration:none; }
#main-menu ul { padding: 0.4em 0 0; }
#main-menu li { padding: 0.5em 0 0.3em 10px; }
#main-menu li li { padding-left: 25px; }
#main-menu li li:hover, #main-menu li li:hover > a { background-color: #f0eeee; color:#0091C5 !important; text-decoration:none !important;}
#main-menu li ul li a {  font-weight:600; }
#main-menu li.list-divider { padding-right: 25px; background-color: inherit !important; padding-top: 0.1em;}
#main-menu li.list-divider hr { border: none; border-bottom: 1px solid #999; padding: 0.2px 0; }
.menu-icon { display: inline-block; position: relative; top: 6px; left: 18px;}
.section-title { cursor: pointer; }
.section-header { margin-bottom: 3px; }
#history { padding-top:5px; }
/*-Main Menu Transition Effects-*/
.menu-style { max-height: 0px; overflow: hidden; }
.second-menu-80 { transition:max-height 0.4s; }
.second-menu-20 { transition:max-height 0.3s; }
.second-menu-40 { transition:max-height 0.3s; }
.second-menu-60 { transition:max-height 0.4s; }
.second-menu-120 { transition:max-height 0.5s; }
.second-menu-160 { transition:max-height 0.6s; }
.second-menu-transactions { transition:max-height 0.6s; }
/*-Main Menu Hover Effects-*/
.root-section:hover .second-menu-60,
.root-section .expanded { height: auto; max-height:60px; color:#999; overflow: hidden; transition:max-height 0.3s;}
.root-section:hover .second-menu-80,
.root-section .expanded { height: auto; max-height:80px; color:#999; overflow: hidden; transition:max-height 0.4s;}
.root-section:hover .second-menu-20,
.root-section .expanded { height: auto; max-height:20px; color:#999; overflow: hidden; transition:max-height 0.3s}
.root-section:hover .second-menu-40,
.root-section .expanded{ height: auto; max-height:40px; color:#999; overflow: hidden; transition:max-height 0.3s;}
.root-section:hover .second-menu-120,
.root-section .expanded{ height: auto; max-height:120px; color:#999; overflow: hidden; transition:max-height 0.5s;}
.root-section:hover .second-menu-160,
.root-section .expanded{ height: auto; max-height:160px; color:#999; overflow: hidden; transition:max-height 0.6s;}
.root-section:hover .second-menu-transactions,
.root-section .expanded{ height: auto; max-height:375px; color:#999; overflow: hidden; transition:max-height 0.6s;}
.root-section:hover .section-title { color:#0091C5 !important; text-decoration:none !important;}

/*-Account Options Panel Effect*/
.option { cursor: pointer; }
.option-img {vertical-align: text-top; transform: rotate(270deg); transition: transform 0.18s; }
.panel-options { max-height: 0px; overflow: hidden; transition:max-height 0.25s; margin: 0 0 1em; padding: 0.5em; border: 1px solid #DFDFDF; background-color: #f6f6f6; border-radius: 8px; visibility: collapse; display: none;}
.panel-options .expanded-panel, .expanded-panel { height: auto; max-height: 250px; transition:max-height .2s ease-in; border-radius: 8px; visibility: visible; display: block; }
/*.inner{ overflow: no-display;}*/

/*-Filter Forms-*/
.filter-form { margin: 0 auto; position: relative; width: 60em; }
.filter-form .editor-group { float: left; width: 15em; }
.filter-form .editor-field { background-color: transparent; }
.filter-form .editor-field input, .filter-form .editor-field select { width: 12em; }
.filter-form .editor-buttons { bottom: 1em; position: absolute; right: 0; }
#main-content div.filters form.filter-form div a { text-decoration: none; }

/*-Login-*/
#auth-box { margin: 1em auto; padding: 0.4em; width: 30em; }
#auth-box h1 { margin: 0; padding: 0.5em; text-align: center; }
#auth-box .editor-label { clear: left; float: left; padding: 0 1em 0 0; text-align: right; width: 10em; }
#auth-box .editor-field { float: left; width: 12em; }
#auth-box .button-group { padding: 0 2em 0 0; text-align: right; }
a#forgot-password { bottom: 0; position: relative; right: 0.5em; color: #999}
#login-errors { margin: 1.7em 0; text-align: center; }

/*-Forgot Password-*/
#forgot-password-box { }


/*-Home Page-*/

	/*-Mini Announcements List-*/
	#announcements { }
	#announcements .announcement { position: relative; }
	#announcements .title { font-weight: bold; }
	#announcements .post-date { font-size: 0.9em; margin: 0 0 0.5em; }
	#announcements .close { position: absolute; right: 0; top: 0; }
	#announcements .spinner { position: absolute; left: 0; top: 0; }

	/*-CRUD Pages-*/
	.crud-page-img { vertical-align: text-bottom; }


/*-Account Pages-*/

	/*-Account Options-*/
	#account-options input.short-text { margin: 0 0.25em 0 0; text-align: center; width: 2em; border-radius: 8px;}

	/*-Contacts-*/
	.contact-is-same { margin-bottom: 1em; }
	.contact { margin-bottom: 2em; border-radius: 8px; padding-left: 8px; }
	.contact .contact-name { font-size: 1.5em; margin-bottom: 0.25em; }
	.contact address { margin: 0.5em 0; }
	.contact .contact-email { margin: 0.25em 0 0.5em; }
	.contact .contact-phone { }
	.contact .contact-left { float: left; margin-right: 3em; }
	.contact .contact-right { float: left; }
	.contact .contact-timezone { }
	.contact .side-note { font-size: 0.9em; }

	/*-IP Restrictions-*/
	#ip-restrictions .address-enabled { float: left; font-weight: bold; margin: 4px 0 0; width: 5em; }
	#ip-restrictions .address-name { float: left; font-weight: bold; margin: 4px 2em 0 0; width: 11em; }
	#ip-restrictions .start-address { float: left; font-weight: bold; margin: 4px 2em 0 0; width: 11em; }
	#ip-restrictions .end-address { float: left; font-weight: bold; margin: 4px 2em 0 0; width: 11em; }
	#ip-restrictions .ip-range { clear: left; }
	#ip-restrictions input[type=text] { width: 10em; border-radius: 8px; padding-left:5px;}
	#add-ip-range { margin: 0 0 0 34em; }
		
		/*-Validation Errors-*/
		#ip-restrictions #ip-ranges input.input-validation-error { background: url("../Images/Icons/exclamation.png") no-repeat scroll left center; padding-left: 1.25em; width: 8.75em; }

	/*-Products-*/
	.product-title { font-size: 1.5em; margin: 1em 0 0.5em; }

	.product-listing { border-bottom: 1px solid #CCCDCE; padding: 0 0 1em 0; margin: 0 0 2em; }
	.product-listing .product-details { margin: 0 0 0 2em; }
	.product-listing label { font-weight: bold; }
	.product-listing .plan-name { margin: 0.5em 0; }
	.product-listing .plan-components { margin: 0.5em 0; }
	.product-listing .plan-workflow { margin: 0.5em 0; }
	.product-listing .plan-price { margin: 0.5em 0; }
	.product-listing .button-group { margin: 0 0 0 2em; }
	.product-prices thead th { width: 50%; }

		/*-Edit Product Prices-*/
		.template-listing { position: relative; }
		.template-listing .product-details { margin-top: 1em; margin-bottom: 2em; }
		.plan-type-selection { margin: 0.5em 0; }
		.custom-template-options { margin: 0.5em 0 0.5em 1em; }
		.plan-radio { position: absolute; }

		#tier-price-ranges { }
		#tier-price-ranges .tier-range { margin-bottom: 1em; }
		#tier-price-ranges .tier-range .text-box { width: 5em; border-radius: 2rem; height: 35px; text-align: center;}
		#tier-price-ranges .tier-range-start { float: left; margin-right: 2em; width: 5em; }
		#tier-price-ranges .tier-range-end { float: left; margin-right: 2em; width: 6em; }
		#tier-price-ranges .tier-price { float: left; width: 7.5em; }

		.plan-control-links { margin: 0.5em 0 2em; }
		
		/*Edit Webhooks*/
		.webhook-textbox { width: 18em !important; }

/*-Notes Pages-*/
	/*-List-*/
	#notes-list .note { position: relative; }
	#notes-list .note .title { font-weight: bold; }
	#notes-list .note .created { font-size: 0.85em;}
	#notes-list .note .message { margin: 1em 0; }
	#notes-list .note .note-links { font-size: 0.9em; position: absolute; right: 0.5em; top: 0.5em; }

/*-Support Pages-*/

	/*-Ticket-*/
	#support-ticket { margin: 0 0 2em; }
	#support-ticket label { background-color: #f6f6f6; display: inline-block; margin: 0.25em 0.75em 0.25em 0; padding: 0.25em 0.5em; text-align: right; width: 8em; }
	#support-comments { margin: 0 0 3em; }
	#support-comments .comment { background-color: #f6f6f6; margin: 0.75em 0; padding: 0.25em 0.5em; }
	#support-comments .comment-name { font-weight: bold; }
	#support-comments .post-date { font-style: italic; }
	#support-comments .comment-message { padding: 0.2em 0 0; }


/*-Transaction Pages-*/

	/*Details*/
	.transaction-panel-options { max-height: 0px; overflow: hidden; transition:max-height 0.25s; margin: 0 0 1em; padding: 0.5em; border: 1px solid #DFDFDF; background-color: #f6f6f6; border-radius: 8px; visibility: collapse; }
	.transaction-panel-options .transaction-expanded-panel, .transaction-expanded-panel { height: auto; max-height: 645px; transition:max-height .2s ease-in; border-radius: 8px; visibility: visible; display: inline-table; width: -webkit-fill-available; width: -moz-available;}

	/* Header */
		.transaction-h1 {font-weight:500; font-size: 1.75em; line-height: 1.25em; margin: 0.5em 0 1em; padding: 0 0 0.2em; color: #0091C5; border-bottom: none !important;}

	/*-Workflow Change Log-*/
	#workflow-log { border-radius: 20px;}
	
		/*-Outcomes-*/
		.workflow-outcome { display: inline-block; line-height: 1em; padding: 2px 5px; }
		.workflow-outcome input { margin: 0; padding: 0; vertical-align: middle; }
		.workflow-outcome span { vertical-align: middle; }
		.workflow-outcome img { vertical-align: middle; }
		.workflow-outcome.pass { background-color: #D4FFD4; border: 1px solid #98DD98; border-radius: 9px;}
		.workflow-outcome.further-review { background-color: #FFFFD4; border: 1px solid #DDDD98;  border-radius: 9px;}
		.workflow-outcome.fail { background-color: #FFD4D4; border: 1px solid #DD9898;  border-radius: 9px;}
		
		/*-Outcome Options-*/
		#workflow-outcome-options { margin: 0 0 1em; text-align: center; }
		#workflow-outcome-options .workflow-outcome { margin: 0 7px 0 0; }
	
		/*-Comments List-*/
		#commentDiv { transition: max-height 0.5s ease-out; max-height: 0; overflow: hidden; width: 100%; }
		#commentTextArea { width: calc(100% - 12px); resize: none; }
		.ams-settings-panel h3 { margin-bottom: 1em; }
		.ams-settings-panel .panel-sub-group { width: calc(50% - 0.5em); display: inline-block; vertical-align: top; }

		#workflow-comments { }
		#workflow-comments .comment { background-color: #ffffff; border: 1px solid #dcdcdc; margin: 0 0 3px; padding: 0.25em 1em; border-radius: 10px; }
		#workflow-comments .comment .comment-header { }
		#workflow-comments .comment .comment-header .comment-date { font-style: italic; }
		#workflow-comments .comment .comment-header .comment-name { font-weight: bold; }
		#workflow-comments .comment .comment-message { padding: 0.5em 0 0.25em; }
		#workflow-comments .comment .comment-status { font-style: italic; font-size: 0.8em; }
		#workflow-comments .comment .comment-status .workflow-outcome { font-style: normal; }
		#workflow-comments .comment .comment-status .workflow-outcome img { width: 12px; }
		#workflow-comments .comment.no-comments { text-align: center; border-radius: 10px;}
		
		/*-New Comment-*/
		#new-workflow-comment { display: none; margin: 0 0 1.5em; }
		#new-workflow-comment textarea { background-color: #ffffff; width: 100%; min-height: 80px; resize: vertical; }
		#new-workflow-comment .button-group { text-align: center; }
		#new-workflow-comment .error-message { color: #DD3838; padding-top: 6px; text-align: center; }
	
	/*-Workflow Field Highlights-*/
	table tbody tr.pass th, table tbody tr.pass td { background-color: #D4FFD4; }
	table tbody tr.fail th, table tbody tr.fail td { background-color: #FFD4D4; }
	
	/*-CSR Detail-*/
	#csr-box { margin: 0 auto; padding: 1em; text-align: center; width: 300px; }
	#csr-box.pass { background-color: #D4FFD4; border: 1px solid #98DD98; }
	#csr-box.fail { background-color: #FFD4D4; border: 1px solid #DD9898; }
	#csr-box.further-review { background-color: #FFFFD4; border: 1px solid #DDDD98; }
	#csr-box .csr-text { font-size: 2em; line-height: 1em; }
	#csr-buttons { text-align: center; }
		
	/*-History-*/
	#history-form { margin: 0 auto; position: relative; width: 60em; }
	#history-form .editor-group { float: left; width: 15em; }
	#history-form .editor-field { background-color: transparent; }
	#history-form .editor-field input, #history-form .editor-field select { width: 12em; }
	.history-input-field input { padding: 1px 10px 1px 6px !important; }
	#history-form .editor-buttons { float: right; margin-bottom: 10px; }
	#history-download { left: 1em; position: relative; top: 1.5em; }
	#transaction-history-grid .detail-column { white-space: nowrap; }
	#transaction-history-grid .date-column { white-space: nowrap; }
    #history-form .editor-buttons #history-search[disabled] { background: #bbb; cursor: not-allowed; }
	#history-form .editor-buttons #history-search[disabled] span { background: none; }

	/*-Authentication Questions-*/
	#auth-question-grid { }
	#auth-question-grid select.answers { width: 100%; }
	#auth-question-grid .correct-answer, #auth-question-grid .incorrect-answer { display: none; }
	#auth-question-grid .correct-answer { color: #00ff00; }
	#auth-question-grid .incorrect-answer { color: #ff0000; }
	#auth-question-grid td.t-last { width: 16px; }
	#auth-questions .button-group { text-align: right; }

	/*-Detail Pages-*/
	.new-transaction { float: right; margin: 0 0 0 2em; }
	.print-transaction { float: right; }
	.ssn-wrapper, .dob-wrapper { min-width: 130px; }
	.show-hide-license, .show-hide-ssn, .show-hide-dob, .show-hide-password { margin: 0px 5px; font-size: 11px; text-decoration: underline; cursor: pointer; }
	
		/*-Workflow Rules Table-*/
		.rules-table-left, .rules-table-right { width: 48%; }
		.rules-table-left { float: left; }
		.rules-table-right { float: right; }

	/*-Watchlist Details-*/
	.more-details { margin-right: 0; float: right; }
	
	#main #device-location-map { height: 700px; display:none; }
	#main #device-location-map a { text-decoration: none; }

	.split-panel { width: calc(50% - 1.5em); display: inline-block; vertical-align: top; }

/*-Users Pages-*/

	/*-Edit Details-*/

    /*-Add Authenticator-*/
    .editor-field input.confirmation-box { font-size: 2.5em; letter-spacing: 0.2em; width: 5em; text-align: center; }

/*-Batch Pages-*/

	/*-List-*/
	
	/*-Create-*/
	
	    /*-Preview-*/
	    #batch-preview { width: 100%; overflow-x: auto; border-radius: 10px; }
	    #batch-preview table { border: none; }
	    #batch-preview select { max-width: 100px; }
	    
	    /*-Descriptions-*/
	    .batch-description { background: transparent url("../Images/Icons/info.png") no-repeat scroll 0 0; padding-left: 20px; margin: 0 0 1em; }
	
	/*-Schedule-*/
	    .weekly-settings, .monthly-settings { margin: 0.25em 0 0 0; }
	    .weekly-settings input.check-box { margin-left: 0.5em; }
	
/*-Workflow Pages-*/

	/*-List-*/
	.workflow-listing { margin: 0 0 2em; }
	.workflow-listing .product-title { font-size: 1.5em; margin: 1em 0 0.5em; }

	/*-Edit-*/
	#workflow-edit-form { }
	#workflow-edit-form #workflows .workflow { position: relative; margin: 0 0 2em; box-shadow: 0 0 5px #7A7A7A; -moz-box-shadow: 0 0 5px #7A7A7A; -webkit-box-shadow: 0 0 5px #7A7A7A; }
	#workflow-edit-form #workflows .workflow label { font-weight: bold; }
	#workflow-edit-form #workflows .workflow .move-up { cursor: pointer; position: absolute; right: 26px; }
	#workflow-edit-form #workflows .workflow .move-down { cursor: pointer; position: absolute ;right: 10px; }
	#workflow-edit-form #workflows .workflow .workflow-rules { overflow: auto; }
	#workflow-edit-form #workflows .workflow .workflow-rules .workflow-rule { background-color: #ffffff; border: 1px solid #DCDCDC; overflow: auto; clear: both; padding: 10px 5px; margin: 5px 0; }
	#workflow-edit-form #workflows .workflow .workflow-rules .workflow-rule label { display: block; }
	#workflow-edit-form #workflows .workflow .workflow-rules .workflow-rule .rule-field-name { margin-bottom: 5px; }
	#workflow-edit-form #workflows .workflow .workflow-rules .workflow-rule .rule-field-name select { width: 229px; }
	#workflow-edit-form #workflows .workflow .workflow-rules .workflow-rule .rule-comparison-operator { margin-bottom: 5px; }
	#workflow-edit-form #workflows .workflow .workflow-rules .workflow-rule .rule-comparison-operator select { width: 105px; }
	#workflow-edit-form #workflows .workflow .workflow-rules .workflow-rule .field-values { }
	#workflow-edit-form #workflows .workflow .workflow-rules .workflow-rule .field-values select { width: 710px; margin-bottom: 3px; }
	#workflow-edit-form #workflows .workflow .workflow-rules .workflow-rule .field-values .remove-field { cursor: pointer; margin-bottom: 3px; vertical-align: middle; }
	#workflow-edit-form #workflows .workflow .workflow-rules .workflow-rule .field-values .add-field { margin: 5px 20px 0 0; }
	#workflow-edit-form #workflows .add-rule { background-color: #ffffff; border: 2px dashed #DCDCDC; cursor: pointer; color: #D3DAE9; font-size: 25px; margin: 5px 0; padding: 10px 5px; text-align: center; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
	#workflow-edit-form #workflows .add-rule:hover { background-color: #E6FFE3; border-color: #ACD7A6; color: #7E7E7E; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
	#workflow-edit-form #workflows .add-field { background-color: #FCFCFC; border: 2px dashed #DCDCDC; cursor: pointer; color: #CFCFCF; font-size: 17px; margin: 5px 0; padding: 5px; text-align: center; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
	#workflow-edit-form #workflows .add-field:hover { background-color: #E6FFE3; border-color: #ACD7A6; color: #7E7E7E; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
	#workflow-edit-form .add-workflow { background-color: #F6F6F6; border: 2px dashed #DFDFDF; cursor: pointer; color: #C5C2C2; font-size: 30px; margin: 5px 0; padding: 15px 5px; text-align: center; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
	#workflow-edit-form .add-workflow:hover { background-color: #E6FFE3; border-color: #ACD7A6; color: #7E7E7E; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
	
	/*-Wizard-*/
	#workflow-wizard-form .pass { background-color: #D4FFD4; border: 1px solid #98DD98; }
	#workflow-wizard-form .further-review { background-color: #FFFFD4; border: 1px solid #DDDD98; }
	#workflow-wizard-form .fail { background-color: #FFD4D4; border: 1px solid #DD9898; }

		/*-Span Highlight-*/
		#workflow-wizard-form span.pass, 
		#workflow-wizard-form span.further-review,
		#workflow-wizard-form span.fail { display: inline-block; padding: 0 4px; text-transform: capitalize; vertical-align: middle; }
		
		/*-Panels-*/
		#workflow-wizard-form .panel.pass { background-color: #EEFFEE; }
		#workflow-wizard-form .panel.fail { background-color: #FFEEEE; }
	
		/*-Headings-*/
		#workflow-wizard-form .panel h3 { margin: 0 0 .4em .25em; }

		/*-Inputs-*/
		#workflow-wizard-form .panel input[data-val-range-max="100"] { border-radius: 8px; width: 3em; margin-left: 0.5em; padding: 1px 3px; }
		
/*-Diagnostics Pages-*/

    /*-Current IP Address-*/
    .ip-address-box { font-size: 36px; min-height: 200px; }

/*-Deferred Pages-*/
#deferred-page { max-width: 500px; padding: 10px; margin: 0 auto; font-size: 14px; }

	/*-Form-*/
	.deferred-form #top-notification { margin-top: 10px; }
	.deferred-form .panel { margin: 15px 0 10px; line-height: 18px; }
	.deferred-form .panel + .panel { margin: 10px 0 15px; }
	.deferred-form .form-title { background-color: #009ddc; color: #ffffff; font-size: 24px; padding: 8px; border-radius: 8px; text-align:center;}
	.deferred-form .editor-group { width: 100%; }
	.deferred-form .editor-label { margin: 0 0 5px; width: 100%; }
	.deferred-form .editor-field { margin: 0 0 20px; width: 100%; }
	.deferred-form .editor-field .file-upload-input .file { width: 100%; }
	.deferred-form .editor-field .file-upload-input input[type="text"] { font-size: 14px; padding: 2px; width: calc(100% - 84px);  }
	.deferred-form .editor-field .file-upload-input button { width: 70px; }
	.deferred-form .editor-field select { font-size: 14px; padding: 2px; width: 100%; }
	.deferred-form .button-group { text-align: center; }
	.deferred-form .primary-button { background-color: green; width:100%; font-weight: bold; }
	.deferred-form .instructions { display: none; }
	.deferred-form .instructions h3 { text-align: center; }
	.deferred-form .instructions a { color: #009ddc; }
	.deferred-form .instructions ol { list-style: decimal inside; margin: 0.5em 0; }
	.deferred-form .instructions ol li img { height: 1em; }
	.deferred-form #status { border-radius: 8px; margin: 1em 0; padding: 1em; }
	.deferred-form #status.error { background-color: #fbb; border: 1px solid red; }
	.deferred-form #status.warning { background-color: #feb; border: 1px solid orange; }
	.deferred-form #status.success { background-color: #efb; border: 1px solid green; }
	
	.deferred-form #redirect-info-box { display: none; margin: 1em; text-align: center; }
	.deferred-form #redirect-info-box #redirect-timer { font-weight: bold; }

	/*-List-*/
	#deferred-page ul.list { list-style: disc outside; margin: 0 0 0 20px; }
	#deferred-page ul.list li { padding: 5px 0; }
	
	/* Button */
	.remove-address-btn { margin-bottom: 5px !important; display: inline-block; border-radius: 20px; }

	.deferred-form .idvc-version-plank-container { display: none; }

/*-Media-*/
@media print {
	* { border-radius: 1px !important; box-shadow: none !important; color: #000; font-family: Arial, Helvetica, sans-serif !important; font-weight: 500;}
	h2{ font-weight: 600 !important; }
	table { border: solid 1px #bcbcbc; overflow: initial !important; }
	th { color: #000 !important; font-family: Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px;}
	table thead th {color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px;}
	td {font-family: Arial; font-weight: 500; font-size: 13px;}
	#anchor-container {display: none;}


@media (min-width: 320px) and (max-width: 768px) {
	#user-header { font-weight: 400; }
	h1{ font-weight: 400 !important; }
	.float {position: fixed !important; bottom: 20px; right: 50px; }
}
@media (min-width: 769px) and (max-width: 1024px) {
	#header .pos { margin: 0 auto 0 auto; position: relative; width: 910px; }
	body { width: fit-content; }
	#title { left: 245px; }
	#user-header { font-weight: 500; }
	.float { position: fixed !important; bottom: 20px; right: 50px; }
}

@media (min-width: 1025px) and (max-width: 1440px) {
	.float { position: fixed !important; bottom: 15px; right: 250px; }
}

@media (min-width: 1441px) and (max-width: 2560px) {
	.float { position: fixed !important; bottom: 25px; right: 810px; }
}

/*-Mozila Firefox Selector-*/
@-moz-document url-prefix() {
	table tbody tr:last-child td { border-bottom: 0; }
	table tbody tr:last-child th { border-bottom: 0; }
	table tbody tr:first-child td { border-top: 0; }
	table tbody tr:first-child th { border-top: 0; }
	table tbody tr td:first-child { border-left: 0; }
	table tbody tr th:first-child { border-left: 0; }
	table tbody tr td:last-child { border-right: 0; }
	table tbody tr th:last-child { border-right: 0; }
	table { border: 0 !important; }
}