/* Common CSS */
html, body{
	width:100%;
	/*height:100%;*/
	margin:0px;
	padding:0px;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;
}
div#page{
	height:100%;
	min-height:100%;
	font-size:12px;
}
html>body #page {
	height: auto;
}
div.footer{
	width:100%;
	height:60px;
	background:#666;
	position:relative;
	color:#FFF;
	text-align:center;
	font-size:14px;
	margin-top:10px;
}

img	{
	border:none;
}
a	{
	text-decoration:none;
}
a:hover {
	 text-decoration: underline;
}
.la	{
	text-align:left;
}
.ca	{
	text-align:center;
}
.ra	{
	text-align:right;
}
.jstfy	{
	text-align:justify;
}
.fltlft	{
	float:left;
}
.fltrht	{
	float:right;
}
.clrbth	{
	clear:both;
}
/*.admin_menu a.selected	{
	background:#CCC;
	color:#000;
	width:130px;
}*/
.error_msg	{
	color:#ff0000;
	font-size:12px;
}

/* End Common CSS */

/* Header CSS */

#adm_bnr	{
	width:100%;
	height:25px;
	background:#666;
}
.adm_bnr_txt	{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding: 5px 20px 50px 50px;
}
.adm_bnr_txt a	{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}
.adm_bnr_txt a:hover	{
	text-decoration:none;
}



.welcome_msg	{
	margin:120px 30px 0px 100px;
	color:#fff;
}

/* End Header CSS */

/* Menu CSS */
.admin_menu {
	z-index:0;
}
.admin_menu td	{
	background:#666;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	border-bottom:#999999 solid 1px;
	font-size:16px;
	text-align:left;
	z-index:0;
}
.admin_menu div	{
	background:#064370;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	border-bottom:#999999 solid 1px;
	font-size:16px;
	text-align:left;
	padding-left:2px;
	z-index:0;
}
.admin_menu a	{
	font-size:12px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:130px;
	height:100%;
	padding:1px 1px;
	z-index:0;
}
.admin_menu a .highlight {
	color: #DE7373;
}
.admin_menu a:hover	{
	background:#ccc;
	color:#000;
	/*width:197px;*/
	/*padding-left:10px;*/
}

/* End Menu CSS */

/* Listing CSS */

.odd	{
	background:#CCCCCC;
}
.even	{
	background:#F0F0F0;
}
.admin_list	{
	border:#707070 solid 1px;
}
.admin_list th	{
	background:#666666;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:5px 5px;
	text-align:left;
}
.admin_list td	{
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px 1px;
}
.admin_list tr td:first-child{
	text-align:right;
	font-weight:bold;
}

.admin_list td a	{
	text-decoration:none;
	color:#333333;
}
.admin_list td a:hover	{
	text-decoration:underline;
}



.admin_gen_list	{
	border:#707070 solid 1px;
}
.admin_gen_list th	{
	background:#666666;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:5px 5px;
	text-align:left;
}
.admin_gen_list td	{
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px 1px;
}
.admin_gen_list td a	{
	text-decoration:none;
	color:#333333;
}
.admin_gen_list td a:hover	{
	text-decoration:underline;
}

/* End Listing CSS */

/* Form CSS */

.admin_form	{
	border:#707070 solid 1px;
}
.admin_form th	{
	background:#666;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:1px 13px;
	text-align:left;
}
.admin_form td	{
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0px 1px;
}
.admin_form tr td:first-child{
	text-align:right;
	font-weight:bold;
	line-height: 16px;
}
.admin_form tr td:first-child+td {
	text-align:left;
}
.admin_form tr td:first-child+td+td {
	text-align:right;
	font-weight:bold;
}
.admin_form tr td:first-child+td+td+td {
	text-align:left;
}

.admin_form input[type=text]	{
	background:#F9F9F9;
	border:#A9C0DA solid 1px;
	width:200px;
	height:18px;
	/*color:#333;*/
	padding: 0px 2px 0px 2px;
	font-size: 13px;
}
.admin_form input[type=text]:focus	{
	background:#FFF;
	border:#4D79B0 solid 1px;
}
.admin_form input[type=submit],input[type=button]	{
	background:#FFF;
	border:#4D79B0 solid 1px;
	cursor:pointer;
	outline:none;
}
.admin_form input[type=submit]:active,input[type=button]:active	{
	background:#666;
	border:#4D79B0 solid 1px;
	color:#FFF;
	outline:none;
}
.admin_form textarea	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	padding:0 2px 0 2px;
	background:#F9F9F9;
	border:#A9C0DA solid 1px;
	color:#000;
	width:200px;
	/*height:30px;*/
}
.admin_form textarea:focus	{
	background:#FFF;
	border:#4D79B0 solid 1px;
}
.admin_form select	{
	padding: 0 0 0 0;
	margin-left: 0;
}
/* End Form CSS */

.admin_login_form td	{
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px 1px;
}
.admin_login_form tr td:first-child{
	text-align:right;
}
.admin_login_form tr td:first-child+td {
	text-align:left;
}
.admin_login_form input[type=text],input[type=password]	{
	background:#F9F9F9;
	border:#A9C0DA solid 1px;
	width:180px;
	height:18px;
}
.admin_login_form input[type=text]:focus,input[type=password]:focus	{
	background:#FFF;
	border:#4D79B0 solid 1px;
}
.admin_login_form input[type=submit],input[type=button]	{
	background:#FFF;
	border:#4D79B0 solid 1px;
	cursor:pointer;
	outline:none;
}
.admin_login_form input[type=submit]:active,input[type=button]:active	{
	background:#666;
	border:#4D79B0 solid 1px;
	color:#FFF;
	outline:none;
}
.admin_login_form	a	{
	color:#146EB4;
}
.admin_login_form	a:hover	{
	color:#146EB4;
	text-decoration:underline;
}

.back,.back a	{
	color:#111E22;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
label.error	{
	color:#FF0000;
}
fieldset	{
	width:270px;
	border:#146EB4 solid 1px;
}
legend	{
	color:#146EB4;
	font-weight:bold;
	text-align:left;
}
/* pagination styles starts */
.pagination a{
	border:1px solid #CCCCCC;
	background:#CCCCCC;
	color:#000000;
	font-size:11px;
	margin-right:2px;
	padding:4px 6px;
	height:12px;
	width:auto;
	float:left;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
}
.pagination a:hover{
	background:#333333;
	color:#FFF;
}
.pagination .cur_page{
	background:#333333;
	color:#FFF;
	margin-right:2px;
}
.footer a	{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}
.footer a:hover	{
	text-decoration:none;
}

ul.topnav {
	width: calc(100% - 40px);
	list-style: none;
	padding: 0 20px;
	margin: 0;
	float: left;
	/*width: 920px;*/
	background: #222;
	font-size: 1.2em;
	background: url(../images/topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(../images/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(../images/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
	z-index:59;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(../images/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(../images/dropdown_linkbg.gif) no-repeat 10px center;
}
.specifics {
	font-size: 12px;
	width: 600px;
}
.specifics h4 {
	font-size: 14px;
}

#divcontent {
	overflow:auto;
	width: 1000px;
	/*background: gray;*/
}

/* 2-columns */
#divleft, #divright {
	width: 40%;
	margin:5px;
	padding: 1em;
	background: white;
}
#divleft  { float:left;  }
#divright { float:right; }

/*  html code for 2-columns
	<div id="divcontent">
		<div id="divleft">
			<div id="object1">left 1</div>
			<div id="object2">left 2</div>
		</div>

		<div id="divright">
			<div id="object3">right 1</div>
			<div id="object4">right 2</div>
		</div>
	</div>
*/

.tooltip {
	background: url(../images/square_question_mark.png) no-repeat;
	padding:0 0 0 15px;
}

/* multiselect styles: start */
.multiselect {
	width: 460px;
}

#switcher {
	margin-top: 20px;
}

form {margin: 0; padding: 0;}
/* multiselect styles: end */

/* highlight table row that mouse is over */
.highlightOnHover tr:hover {background-color: lightblue;}

.button {
	font: bold 11px Arial;
	text-decoration: none;
	background-color: #EEEEEE;
	color: #333333;
	padding: 2px 6px 2px 6px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #CCCCCC;
}

/****************** new div layout *********************/
/* only on reg_profile2 at this time */

#regDiv {
	width: 800px;
	display: block;
	outline: #707070 solid 1px;
}
#regDiv .section {
	width: 100%;
	/*height: 100%;*/
	margin: 5px 5px 5px 5px;
	display: inline-block;
}
/* make child divs half the width - aka two columns */
#regDiv .column2 div {
	float: left;
	width: 50%;
}
#regDiv .column3 div {
	float: left;
	width: 33%;
}
#regDiv .column4 div {
	float: left;
	width: 25%;
}
#regDiv .column3_1 {
	float: left;
	width: 33%;
}
#regDiv .column3_2 {
	float: left;
	width: 67%;
}

#regDiv div label {
	font-weight: bold;
	float: left;
	width: 150px;
	margin-top: 3px;
}
#regDiv div.wide label {
	display: inline-block;
	width: 300px;
}
#regDiv div.wide600 label {
	display: inline-block;
	width: 600px;
}
#regDiv div p {
	line-height: 150%;
	margin-top: 0px;
	margin-bottom: 0;
	display: table-row;
}
#regDiv .section input[type=text],
#regDiv .section input[type=email],
#regDiv .section input[type=url],
#regDiv .section input[type=number],
#regDiv .section input[type=tel],
#regDiv .section select {
	background:#F9F9F9;
	border:#A9C0DA solid 1px;
	width:200px;
	height:18px;
	color:#333;
	padding: 0px 2px 0px 2px;
	font-size: 11px;
}
#regDiv .section input[type=tel],
#regDiv .section input[type=number]	{
	width:100px;
}
#regDiv .section input[type=number]	{
	width:50px;
}
#regDiv .section input[type=checkbox]	{
	width: 13px;
	height: 13px;
}
#regDiv .section select {
	width: 206px;
	padding: 0px 0px 0px 0px;
}

#regDiv .section input[type=text]:focus,
#regDiv .section input[type=email]:focus,
#regDiv .section input[type=url]:focus,
#regDiv .section input[type=number]:focus,
#regDiv .section select:focus  {
	background:#FFF;
	border:#4D79B0 solid 1px;
}
#regDiv .section textarea {
	font-family: monospace;
	font-size: 11px;
}
#regDiv hr {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	width: 100%;
}
#regDiv a.view {
	font-size: 10px;
	padding: 2px;
}

#regDiv #license {
	border-collapse: collapse;
}

#regDiv #license td,
#regDiv #license th {
	border: 1px solid black;
}
#regDiv #license .header td {
	text-align: center;
	font-weight: bold;
}
#regDiv #license input {
	width: 332px;
}
#regDiv #license .datepicker {
	width:64px;
	text-align: center;
}

.form-row label
{

	display: inline-block;
	width : 100px;
	text-align: left ;
	vertical-align: middle;
}
.form-rowlong label
{

	display: inline-block;
	width : 120px;
	text-align: left ;
	vertical-align: middle;
}
.form-row input , .form-rowlong input
{
	width : 250px;
}

.form-row select , .form-rowlong select
{
	width : 245px;
}
.form_buttomBox
{
	margin-left: 300px;
}
.form-error
{
	color:darkred;
	font-weight: bold;
}

.opt-label
{

	display: inline-block;
	width : 150px;
	text-align: left ;
	vertical-align: middle;
	padding-bottom: 3px ;
}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
	color: #468847;
	background-color: #DFF0D8;
	border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
	color: #B94A48;
	background-color: #F2DEDE;
	border: 1px solid #EED3D7;
}

.parsley-errors-list {
	margin: 2px 0 3px;
	padding: 0;
	list-style-type: none;
	font-size: 0.9em;
	line-height: 0.9em;
	opacity: 0;

	transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
	opacity: 1;
}
.errorspan
{
	color: darkred;
	font-weight: bold;
	display: inline-block;
}

#divCustomerFormCenter fieldset
{
	width: 100%;
}
.stickyPanel {
	position: fixed;
	right: 0;
	top:100px;
	overflow: auto;

}
.businessHourLabel
{
	text-align: right;
	height: 25px;
}
.businessHourLabel label
{
	text-align: right;
	display:table-cell;
	font-weight: bold;
	vertical-align: middle;
	width: 220px !important;
}
.notesControl {
	margin-right:10px;
	border: 1px solid lightgrey;
	padding: 3px 3px 1px 3px;
	font-size:13px;
	font-family: arial, serif;
	color: black;
	background: #e5e5e5;
	max-width: 100%;
	overflow-x: auto;
}
.notesBox
{
	max-width: 100%;
	min-width: 300px;
	/*border: solid 1px ;*/
	margin: 5px 0px 5px 0px;
	padding: 5px;
	text-align: left;
	word-wrap: break-word;
	word-break: break-all;
	overflow-wrap: break-word;
}
.notecontainer
{
	text-align: left;
	max-width: 100%;
	word-wrap: break-word;
	word-break: break-all;
	overflow-wrap: break-word;
	/*margin: 3px 10px;*/
	margin: 3px 0;
	padding: 1px 5px 0;
	font-weight: normal;
	line-height: normal;
	background: white;
	overflow-wrap: break-word;
}
.notefooter
{
	padding: 1px 10px;
	text-align: right;
	font-size:12px;
}
.notefooter label
{
	font-style: italic;
	font-weight: normal;
	color: grey;
	width: auto !important;
	float: none  !important;

}
.notefooter a {
	margin-left:20px;
	font-size: 1.3em;
	color:lightgrey;
}
.notefooter a:hover {
	color:black;
}

.addNotebutton
{
	text-align: left ;
	border-style: solid;
	border-width: 1px;
	border-color: #f3f3f3 ;
	color: darkgray;
	padding: 5px;
	font-style: italic;
	background: white;
}

.addNotebox {
	text-align: center;
	margin: 0 5px 6px 0;
	display: none;
}
.addNotebox h4
{
	margin: 15px;
	text-align: left;
	font-weight: bold;
}

.addNotebox  textarea{
	width: 100%;
	max-width: 100%;
	min-width: 300px;
	border: lightgrey solid 1px;
	box-sizing: border-box;
	word-wrap: break-word;
	word-break: break-all;
	overflow-wrap: break-word;
}

.addNotebox  p{
	width: 96%;
	margin: 0;
}
.addNotebox input[type=button] {
	width:100px;
	border: lightgrey solid 1px;
}
.addNotebox input[id=btSaveNewNote] {
	margin-left:30px;
}

.trackingPhoneBox {
	border: 1px solid lightgrey;
	color: black;
	background: #eeeeee	;
}
#txtNewNote {
	background:white;
}

/* Notes editor textarea styling for better word wrapping */
#txtDlgNote, #txtNewNote {
	width: 100%;
	max-width: 100%;
	min-width: 300px;
	box-sizing: border-box;
	word-wrap: break-word;
	word-break: break-all;
	overflow-wrap: break-word;
	white-space: pre-wrap;
}
.phoneAction
{
	color: #800000;
	font-size: 1.3em!important;
}
.phoneAction:hover
{
	color: #F08080;
	cursor: pointer;
}
.phonegroup	{
	width:400px;
	border: #75787b solid 1px;
	margin: 5px;
}

/* side menu start */
.navigation {
	padding: 0;
	margin: 0;
	border: 0;
	line-height: 1;
}

.navigation ul,
.navigation ul li,
.navigation ul ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.navigation ul {
	position: relative;
	z-index: 50;
	float: left;
}

.navigation ul li {
	float: left;
	min-height: 0.05em;
	line-height: 1em;
	vertical-align: middle;
	position: relative;
}

.navigation ul li.hover,
.navigation ul li:hover {
	position: relative;
	z-index: 51;
	cursor: default;
}

.navigation ul ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0px;
	z-index: 52;
	width: 100%;
}

.navigation ul ul li { float: none; }

.navigation ul ul ul {
	top: 0;
	right: 0;
}

.navigation ul li:hover > ul { visibility: visible; }

.navigation ul ul {
	top: 0;
	left: 99%;
}

.navigation ul li { float: none; }

.navigation ul ul { margin-top: 0.05em; }

.navigation {
	width: 13em;
	background: #333333;
	font-family: Arial, Helvetica, sans-serif;
	zoom: 1;
}

.navigation:before {
	content: '';
	display: block;
}

.navigation:after {
	content: '';
	display: table;
	clear: both;
}

.navigation a {
	display: block;
	padding: 1em 1.3em;
	color: #ffffff;
	text-decoration: none;
	/*text-transform: uppercase;*/
}

.navigation > ul { width: 13em; }

.navigation ul ul { width: 13em; }

.navigation > ul > li > a {
	border-right: 0.3em solid #34A65F;
	color: #ffffff;
}

.navigation > ul > li > a:hover { color: #ffffff; }

.navigation > ul > li a:hover,
.navigation > ul > li:hover a { background: #34A65F; }

.navigation li { position: relative; }

.navigation ul li.has-sub > a:after {
	content: '»';
	position: absolute;
	right: 1em;
}

.navigation ul ul li.first {
	-webkit-border-radius: 0 3px 0 0;
	-moz-border-radius: 0 3px 0 0;
	border-radius: 0 3px 0 0;
}

.navigation ul ul li.last {
	-webkit-border-radius: 0 0 3px 0;
	-moz-border-radius: 0 0 3px 0;
	border-radius: 0 0 3px 0;
	border-bottom: 0;
}

.navigation ul ul {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

.navigation ul ul { border: 1px solid #34A65F; }
.navigation ul ul { background-color: #34A65F; }

.navigation ul ul a { color: #ffffff; }

.navigation ul ul a:hover { color: #ffffff; }

.navigation ul ul li { border-bottom: 1px solid #0F8A5F; }

.navigation ul ul li:hover > a {
	background: #4eb1ff;
	color: #ffffff;
}

.navigation.align-right > ul > li > a {
	border-left: 0.3em solid #34A65F;
	border-right: none;
}

.navigation.align-right { float: right; }

.navigation.align-right li { text-align: right; }

.navigation.align-right ul li.has-sub > a:before {
	content: '+';
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -6px;
}

.navigation.align-right ul li.has-sub > a:after { content: none; }

.navigation.align-right ul ul {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 58;
	width: 100%;
}

.navigation.align-right ul ul li.first {
	-webkit-border-radius: 3px 0 0 0;
	-moz-border-radius: 3px 0 0 0;
	border-radius: 3px 0 0 0;
}

.navigation.align-right ul ul li.last {
	-webkit-border-radius: 0 0 0 3px;
	-moz-border-radius: 0 0 0 3px;
	border-radius: 0 0 0 3px;
}

.navigation.align-right ul ul {
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}
/* side menu end*/
.formrow {

	margin: 5px;
	clear: both;
}
.formrow label {
	float: none; /* if you had floats before? otherwise inline-block will behave differently */
	display: inline-block;
	vertical-align: middle;
	width: 150px;

}
.formrow input {
	float: none; /* if you had floats before? otherwise inline-block will behave differently */
	display: inline-block;
	vertical-align: middle;
	width: 250px;
}
.formrow select{
	float: none; /* if you had floats before? otherwise inline-block will behave differently */
	display: inline-block;
	vertical-align: middle;
	width: 255px;
}
.form-tall {
	float: none;
	margin: 5px;
}
.form-tall textarea {
	float: none; /* if you had floats before? otherwise inline-block will behave differently */
	display: inline-block;
	width: 400px;
	height: 80px;
}
.formcheck {
	height: 20px;
	margin: 5px;
	clear: both;
}
.formckeck label {
	float: none; /* if you had floats before? otherwise inline-block will behave differently */
	display: inline-block;
	vertical-align: middle;
	width: 150px;

}

.crmAccountDetails {
	font-size: 1.1em;
	margin-bottom: 1.5em;
}

.crmAccountDetails .name {
	text-align: right;
}

.crmAccountDetails .value {
	font-weight: bold;
}

.hlcontainer {
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 10px;
	margin-bottom: 10px;
}

.discrepCtrl {
	text-align: right;
}

.discrepList {
	display: none;
}

.discrep {
	margin: 0.5rem;
	border: 1px solid lightgrey;
	padding: 3px 3px 1px 3px;
	font-size: 13px;
	font-family: arial, serif;
	color: black;
	background: #e5e5e5;
}

.discrep pre {
	margin: 0px;
	padding: 0.5rem;
	font-size: smaller;
	font-family: arial, serif;
	color: black;
	background: white;
}