/*** Generic CSS ***/

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section
{
	display: block;
}

body
{
	line-height: 1;
}

ol, ul
{
	list-style: none;
}

blockquote, q
{
	quotes: none;
}

	blockquote:before, blockquote:after,
	q:before, q:after
	{
		content: none;
	}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}
/* end */

html, body
{
	height: 100%;
	overflow: hidden;
	font-family: "Segoe UI", 'Source Sans Pro', Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 1em;
}
a
{
	color: #656D6D;
	text-decoration: none;
}

	a:hover
	{
		color: #146C87;
		text-decoration: underline;
	}

h1
{
	font-weight: bold;
}

h2
{
	font-weight: normal;
}

h3
{
	font-weight: normal;
}

h4
{
	font-weight: normal;
}

h5
{
	font-weight: bold;
}

h6
{
	font-weight: normal;
}

ul
{
	list-style: none;
}

input, textarea
{
	padding: 2px;
	border-color: #A6A6A6 #E1E1E1 #E1E1E1 #A6A6A6;
	border-style: solid;
	border-width: 1px;
	color: #656D6D;
}

	input[type="file"]
	{
		border: 0 none;
	}

button
{
	cursor: pointer;
	color: #1D2426;
}

	button:disabled
	{
		color: graytext !important; /* Add this to ensure disabled buttons look disabled */
	}

	input[type="submit"]::-moz-focus-inner,
	button::-moz-focus-inner
	{
		border: 0;
		padding: 0;
	}

	button:hover
	{
		color: #146C87;
	}

    ol
    {
	    list-style-position: inside;
    }
    .ui-widget-overlay
    {
        background-image: none !important;
        background: rgba(0,0,0,0.3);
    }

/*** RawStructure CSS ***/

#container
{
	width: 100%;
	height: 100%;
	position: relative;
	background: url(images/watermark.png) center center no-repeat, linear-gradient(#EFEFEF, #E8E8E9);
}

#topArea
{
	background: linear-gradient(#FEFEFE, #EEEFEF);
	height: 45px;
	width: auto;
	position: relative;
	padding: 0 10px 0 8px;
    z-index: 99;
}

#workspaceArea
{
	height: 100%;
	width: 100%;
	position: relative;
}

/*** topArea ***/

#logo
{
	display: inline-block;
	left: 6px;
	box-shadow: none;
	position: absolute;
	top: 1px;
	color: #333;
	padding: 0 0 0 0;
	font-weight: normal;
	font-size: 1.7em;
	line-height: 1.5em;
	text-shadow: 1px 1px 0 #E1E1E1;
	letter-spacing: 2px;
    cursor: pointer;
}

	#logo span
	{
		color: #357AC6;
	}

.mvPlusLogo
{
    display: inline-block;
    position: absolute;
	left: 6px;
    top: 10px;
    height: 25px;
    width: 187px;
	background: url(images/mvPlus-single-line-logo.png) center center no-repeat, linear-gradient(#FFFFFF, #F1F1F1);
    background-size: 187px 25px;
}

.clientLogo {
	display: inline-block;
	position: absolute;
}

.clientTitle {
	display: inline-block;
	position: absolute;
	width: 100%;
	text-align: center;
	font-weight: bold;
	z-index: -1;
}

.genericButton {
	display: inline-block;
	border: 1px solid #BFBFBF;
	background: linear-gradient(#FFFFFF, #F1F1F1);
	height: 28px;
	box-shadow: 1px 1px 2px #E1E1E1;
	text-shadow: 1px 1px 0 #F1F1F1;
	position: absolute;
	top: 7px;
	min-width: 28px;
}

a.genericButton
{
	cursor: pointer;
}

	a.genericButton:hover
	{
		box-shadow: 1px 1px 1px #C1C1C1;
		border: 1px solid #8F8F8F;
	}

.genericButton span
{
	display: inline-block;
	border-left: 1px solid #FFF;
	padding-left: 0;
	height: 28px;
	min-width: 1px;
}

.genericButton.uploadDrivetimesButton
{
	position: relative;
}

.adminList ul li,
.sysAdminList ul li,
.marketAdminList ul li
{
	padding-bottom: 10px;
	font-size: large;
}

.adminGrid 
{
	padding-top: 5px;
}
.uploadDrivetimes 
{
	padding-bottom: 1em;
}

.importMenu
{
	left: 200px;
	background: url(images/topImport.png) center center no-repeat, linear-gradient(#FFFFFF, #F1F1F1);
}
	.importMenu.import-disabled {
		left: 200px;
		background: url(images/topImport-disabled.png) center center no-repeat, linear-gradient(#FFFFFF, #F1F1F1);
		pointer-events: none;
	}

.toolsMenu
{
	left: 238px;
	background: url(images/topTools.png) center center no-repeat, linear-gradient(#FFFFFF, #F1F1F1);
}
	.toolsMenu.tools-disabled {
		left: 238px;
		background: url(images/topTools-disabled.png) center center no-repeat, linear-gradient(#FFFFFF, #F1F1F1);
		pointer-events: none;
	}

.workviewsMenu
{
	left: 276px;
	background: url(images/topWorkviews.png) center center no-repeat, linear-gradient(#FFFFFF, #F1F1F1);
}

.datasetsMenu
{
	left: 314px;
	background: url(images/topDatasets.png) center center no-repeat, linear-gradient(#FFFFFF, #F1F1F1);
}

.reportsMenu {
	left: 352px;
	background: url(images/topReports.png) center center no-repeat, linear-gradient(#FFFFFF, #F1F1F1);
}

	.reportsMenu.reports-disabled {
		left: 352px;
		background: url(images/topReports-disabled.png) center center no-repeat, linear-gradient(#FFFFFF, #F1F1F1);
		pointer-events: none;
	}

.helpMenu
{
	left: 390px;
	background: url(images/topHelp.png) center center no-repeat, linear-gradient(#FFFFFF, #F1F1F1);
}

.buttonMessages
{
	right: 46px;
	background: url(images/notifyFlag.png) center center no-repeat, linear-gradient(#FFFFFF, #F1F1F1);
}

	.buttonMessages .alertCounter
	{
		display: block;
		width: 11px;
		height: 13px;
		line-height: 13px;
		text-align: center;
		font-size: 10px;
		border: 1px solid #CDCDCD;
		position: absolute;
		top: -5px;
		right: -6px;
		background: #FFF;
		padding: 1px 1px 0 0;
	}

#inactiveMessage
{
	border: 1px solid #000000;
	border-radius: 20px;
	box-shadow: none;
	background:#B94A48;
	top: 7px;
	color:#F2DEDE;
	padding: 0 20px;
	font-size: 0.8em;
	line-height: 2em;
	text-shadow: none;
	margin-left: -190px !important;
}

#topClientName
{
	position: absolute;
	left: 430px;
	border: 1px solid #CDCDCD;
	border-radius: 10px;
	box-shadow: none;
	background: #FAFAFA;
	top: 7px;
	color: #333;
	padding: 0 10px;
	font-size: 0.6em;
	line-height: 3em;
}

#topClientName.highlightClient {
	border: 1px solid #000000;
	background:#B94A48;
	color: white;
}

.showClient 
{
	display: inline-block;
}

.hideClient 
{
	display: none;
}

#topUsername
{
	right: 84px;
	border: 1px solid #CDCDCD;
	border-radius: 20px;
	box-shadow: none;
	background: #FAFAFA;
	top: 7px;
	color: #333;
	padding: 0 20px;
	font-size: 0.8em;
	line-height: 2em;
}

#sitecheckerLogout
{
	right: 8px;
	top: 10px;
	position: absolute;
}

#topLogout
{
	right: 8px;
	background: url(images/controlPanel.png) center center no-repeat, linear-gradient(#FFFFFF, #F1F1F1);
}
#topLogout:hover {
    box-shadow: 1px 1px 1px #C1C1C1;
    border: 1px solid #8F8F8F;
}

#topLogout                      { cursor: pointer; position: absolute; z-index: 1; }
#topLogout ul                   { display: none; }
#topLogout.help-menu ul         { position: absolute; top: 29px; right: -1px; padding-top: 3px; display: block; font-size: 0.8em; }
#topLogout.help-menu ul li            {
    display: inline-block;
    width: 120px;
    height: 28px;
    line-height: 24px;

    border-width: 0 1px 1px;
    border-style: solid;
    border-color: rgba(225,225,225,1) rgba(205,205,205,1) rgba(225,225,225,1) rgba(205,205,205,1);
    cursor: pointer;
}
#topLogout.help-menu ul li a {
    background: rgba(248,248,248,0.95);
    padding: 1px 8px 2px;
    display: block;
    width: calc(100% - 16px);
    height: calc(100% - 3px);
}
#topLogout.help-menu ul li a:hover {
    background: rgba(255,255,255,0.98);
    text-decoration: none;
    color: inherit;
    text-shadow: none;
}
#topLogout.help-menu ul li:first-of-type    { border-top: 1px solid rgba(205,205,205,1); }
#topLogout.help-menu ul li:first-of-type a  { padding: 1px 8px 2px; height: calc(100% - 3px); }
#topLogout.help-menu ul li:nth-of-type(2)     { border-bottom: 1px solid rgba(205,205,205,1); }
#topLogout.help-menu ul li:nth-of-type(2) a   { padding: 0 8px 5px; height: calc(100% - 5px); }
#topLogout.help-menu ul li:last-of-type     { border-bottom: 1px solid rgba(205,205,205,1); }
#topLogout.help-menu ul li:last-of-type a   { padding: 0 8px 5px; height: calc(100% - 5px); }

.logout-confirm-alert { font-size: 0.9em !important; }

.hide-lowres-device-msg, .hide-IE-display-msg
{
	display: none;
}

/* focus: outline - key elements */

.ui-dialog button:focus {
    outline: 1px dotted;
}
.ui-dialog.mvplus-dialog .ui-dialog-titlebar-close .ui-button-text {
    padding: 5px;
    height: 10px;
}

/* Quick Intro Screen*/

#content .quick-intro-screen {
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.04);
    border: 1px solid !important;
    border-color: rgba(255,255,255,0.7) rgba(0,0,0,0.12) rgba(0,0,0,0) rgba(0,0,0,0.12) !important;
    background: url(images/quick-intro-icons/quickBG.png) center center no-repeat;
    width: 1080px !important;
    height: 546px !important;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-top: -274px !important;
    margin-left: -480px !important;
    padding: 0;
    background: linear-gradient(rgba(30,30,255,0.037), rgba(30,30,255,0.055), rgba(30,30,255,0.01));
}

/* On small screens make the intro screen smaller so it doesn't fill the content page */
@media screen and (max-height: 800px) {
	#content .quick-intro-screen {
		transform: scale(0.8); /* Scale down the div */
	}
}

@media screen and (max-height: 600px) {
	#content .quick-intro-screen {
		transform: scale(0.6); /* Scale down the div */
	}
}

#content .quick-intro-menu {
    padding: 25px 30px 30px;

}
#content .quick-intro-screen .quick-menu-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 26px;
    height: 26px;
    border: 2px solid #A6A6A6;
    border-radius: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAB50RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNS4xqx9I6wAAABZ0RVh0Q3JlYXRpb24gVGltZQAwOS8yOC8xNV1AHPIAAABPSURBVBiVjZBBDsBACALHfSx/0s/aUxO7pelyMkgIEJnZAJICg6pqgLUTTgSwptN8zFtSRHd/Os5Iayec6CH8w3kZF9wVjHtHl/PleFLmAqa5NKMxDCSDAAAAAElFTkSuQmCC) center center no-repeat;
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.08);
    display: inline-block;
}
.quick-intro-screen ul li:nth-of-type(1) { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIMAAACDCAYAAACunahmAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAB50RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNS4xqx9I6wAAABZ0RVh0Q3JlYXRpb24gVGltZQAwOS8yNy8xNQUjDKQAABnUSURBVHic7Z1pcBzHdcf/3T2zFxYnAZIAQQgiIZ4gKUoiKTmhacmSrCNlx1EoSraSlJ1yyY4rlXIq1CipspOSP1hDleKKPyQuO+WSLcXWEVcOKxIjy4oOiuIBHuAJgjcIkiAIgDgWe8zRnQ+zC+JYYHv2Xgi/IorY3Znpxrz/vn7d/bqHCCEwxxwAoBS6Avli244Lbeme+9ozzXdlsy7FCpltnmHbjgttlHCFEdurEB5gxPYzYvsIgUIgGBGCAiAgiP+biABE/BchCBECsIWgFhckZgsWsQQLW4JFuKDWbBNJyYvhiR3nDzJiexVql6nEKmOEBwgRKoFgBGKKsaeBICGC1IcKIcA5IZbNWdgWNGwKJWQLGvvV9qW3p/t3FAMlKYYnXzh3WCF2mYeaFQqxgxTcQwgoJhpfVghumXTDiBACghNi2pyFTaEMmZyFfrm9ZW2Oys8ZJSOGJ184d1glVtBDzSpG7SCFUAgEjX+cK8PLMu4mEsFBLIvTsCmUQZMrI6UijKIWw7Yd5w8o1PZ7iVmtMrOSCuEhpGgEMBEx9ZUA4VwQ0+LKcJSrA5Zgkde0JXcUpH4SFKUYtu0436ZSK+ijRp0S9wLxJiC/AnB9a5KeIAAILohtCTpqcG+/wZXhV7WlRSeKohLDth3nDqjUDvhpbKFC7CAhgiHbAsiOgdMuXQhi24JEotx7PcrVwde1pXdms4BMKAox6LrOjrI/OuajxnyVWBWuRVBYA6eDEAC3OYuEuffyK9uXryh0hYACi0HXddJOH2v3M2OBSq1qCq4gIYLSM3A6CAFw01aGwtx79ZfPLGstZGUKJobH9fNtfhar9VFjISPcg6SeIAd1k/U3+b0tggtixrjaF7G9va9qLevzWnqcgojhyR2njwRZpEmhdnl8FDC7ccGkq1GS+J/OeJwDHxMCH3dr+OTblJvbxi1OI2Huu/zK9uXLc1LCDORVDNv0swe9zKwO0GgDJUJFNkUw7kqUAJRSKIzAq1IEAwpqgh7UVHhQV+VBTbkHVUEFZQEPAh4GGtdI1LAxGrUxOGLgRshA/7Dzc2PYQP+IgZghYNk2OJ8kjgxuIZ/6lhCC2FGu9kYs77XXn23JW68jb2LYpp89GGSRxR5m1mTVG5CE8QGvylBd7sGtCwNY0hDEkvoyVFd4oNDsFHVj2MClvgjOXA7h3JUQrg/FEDM4LFs44kh4lLRLmHAmtzgLhSz/xVe15XkZtMqLGL6y4/TRciW8hBHuRzZEEL+CRyEo96toWuhHa3MlWhYFs2r8VNwIGbhwNYwj54Zw7koIQ2ETliUczzF2VPrSACCEoEbI8l34t2dW5rzHkXMxPPXCqVNBFrmVEnGzp5AuBFAoUBZQsKS+DBuW12BpQxDlgcLPxIejNs71hHDg1AA6u0MYCVuwLJ6ZFByEEMQO297LL29f3Zz55aYnZ2J4XD/b5mPGvDIWXUwAZ9o4XQigMKCuyosNy2pw5/Jq1FV5s1fZLMIBDA0bOHB6AG2dg+gdiCJq2JmKQgAQMVvtC1n+7jeevS0nA1U5EcPj+tm2Mhat9zFjYUbxQUIEFV7c01qLTStrisILyBKO2jh6fgifnOjHhSujMKzMRWHayuCw5T//xrPLsi6IrIvhcf1sWzmLNHmZWYsZRJDqpigUWFDlxWdvr8OmlTXweVhW65lPooaNU5dCeHP3ZVwbjGXafAiLs5FhM3D29WeXZbWnkVUxbH3+bFu5ErnFw8x5cOUNnFuTGAUoD6jYvLYOW9bVlZQnSIVhcXxyvB/vHuzBjWFjUqDpCmFxOjpslp3OpiCyJoZxQqgBQADuqmmgABSFoqUhiK33NqK+xp+VehUjN0IG3trbg/0dAzDSjyeExWloyCw7na0mIyti2Pr8mbagEl7sZWYdXMYH473BI3fXY/O6OtAZz5gdcA6cuDiE197vysRLCNNmw0Nm4Oy//23mgsiKDw4o0QWpYoTpoBRomh/En3yhaVZ7g8lQCrTeWonFdcvx8m+70NE1DD5lzBtIIRGiMl5RgfAt2ahTxp7hqRdOnilTIs3xFDRpMVA4Q8YbVtRg272NJR0gZorFBXbuvYp323oQtTjSmbKNWN6rP9++dlEm9chIDE/qHccr1PAyt/kHFM7o4R98pgH337kw7fJnG8cuDOGlt88jFLXgVhAChI+a/guvPLN6abrlp908b9M7DwfVyK3pCMHvY/j6o0uLRgjf/OGBQlcBANDaXInvbF2O6mBiDk++1SUQpEyJND2hnzyebvlpeYatz3ceqFTDSxVqV8ClEMoCCr79paVoXhh0XW4u+OYP94/9/uPvbChgTW7SP2zgR7/uxLXBKFx6CGFzGh0yy069/uwK1zkRrj2DrussoMQWKNQuh0shlAcV/OWXbytKISR7XSjmVXigPbkS9TU+uPQQhFHuCyqRpnTKdS2GI+SLx33UnA+XPQefh+HbX1qGpvkBt0XmhOkMXyyCCPgY/nrrctRVeVydJziIQuyqp/SjF9yW6UoM2/RTh/0suoi4nIH0eRi++aUWNM0vjq5jKoMXiyDKAyqe2bYSFQEnhhAcKX/gHEn8LFq/7QfHj7kpz5UYfMyYr1BehglC4DP8CCiUYOuWRixrLM6mIdPjck15QMVfPbYMPoWC0EQGTcofQolQA0q0Qdd16W+gtBie0E+c8NFY3VSDTwcBBcGWtXW4p7VWtpic4tbAxSKIRbV+fPWBZngoxeQ0zhkgCrUrjuBh6d6F1KV1XfcFldhiN91ICoKWxiAeu3dxUQwvp2vYp18sDkHcuaIGW25fAAp5QVCA+plRr+t6veTxqTlOHznFqB2AdJxAUF2h4msP31qUQpBpe8e3wcUgCArgy1sWo3lhmZvTCCXcc4I+eFjX9ZRTDylt9fjzHe1eatbJ73VA4PNQPHHvLagOuouEc8HTL+5PamAH6TYYT7+4L78VTwIF8OePLkWFT5X2DgSgHmJVHRaPpAwmU17Sz2K1jHIvJL2CQoFNK2qwurlS5vCc4hhwJiOnc73CMq/Cg0c/0wCFyvtcSoTqY8b8VMHkjFd84vkTR73MqoELrzCvwoc/3LwYLuqaE3JluGIQxKaVtVjSEHQXTBIePCweOTzTQTNezsvMGkLENEvfbuK4XgIPpfjjLYvhL/AMZK4NVmhB+DwMX/y9BgR9TFIQHJTYio/FanVdV6c7atpLPf6DE0dUYlWDCyoTZAHAqubygjcP+TJUoQXR0lCBe1bVxg0401jPmIGIQuzyA/zh9umuOa0YPNSqpER4ZYIrQgUqfAwPbqgvaPOQbwMVWhD3b2jAvAovZIeLCAHzO0lISUl6FV3Xy7zMnEck8xgpKFYvqUSTu25PVimUYQopiMqAis3r5kNV5EI6AkFVapfrut6c7POkYmjHI+0UdmLKLCXBAMOWdQvytqxtMvk3yEQ3/PSLe/Jc/k02rapFXZUPst6BEuE5ii98kPSzyW/ouq54qVlNidzVGaVY0VSJxgLNRmZPCKna3ZmH4AsliMqAintW17rxDsTDjBpd16fYN5nB6xmxpfw9oU5k+/tragviFVILITMDu69PYQSxYcU8VAam7SRMhjAIH4B1kz+YIoYjePhDN1PUjfP9aGmskK1I1nBufO4NnF698ktl0IPWJZWgkl9ISgQ7hgfenPL++Be6rjMPNSupZAPkoRSb1+R/nUMh22gZ8l0/CuDO5fPgVeQtoRKrStf1CauXJ59dywiXavwJBSorPFjVXCVdgWxQ7EJIkO96tjRWxANJZ4FOih9CncHECXtdTxBDu3h418xNxE0XTAAsWxREmS9/o42lIoQE+awvBbBpdS0oJfGxnhRjQ+D0iLj/15OvMYZKrXIKTmXaYJUSrG2pzsXflZRSE0KCfNZ73ZJqN1MBxEOt8vG9irFfdF1XGJXrRQAUwYCKJXnKci4FIczklr/xQn7qX1fli2dUy0GJ8AGoGXs9/loMXHo7lMY6P8rluzNpU0ghSLS9Yz8O07vlb7zwSV7qvGZpNahkDhKBYBjXxRwTwyH+8AeEQMLHUDCKvASOuRBCNg3sNj8iH4JY1lgBRYHMHBEhADkiPv/zxBtjp6jUKiNSO7dzeBSClobcNhFuhFBIA7sl14JoqA3A75WPG5RxvccxMShOjqMUAR9DbZV82+SWp1/cU1IGdksuBeHzMCyo9kuP/TDKxww5dg5zgomUUEowv8afsyX033hhT0ka2C25FETTAsdry6QTEEBJDD4pAKDreoCwz0lv3LGkvjytSsrw0+13Z3yNfLTNP91+T87LSJclDUG8d4iOd5vTEt9XYz6ASwnt1JNxs5QzuWMKilsLmLcwR2oaa8tAiZBymPGtGZcA8WbioP3QW0KqDQYI5WioLY41k3Mkp7pChcKkogYCgLTz+38BxMXAiO1NrI1M1QYrlKKyCNZDzDE9HoW5SkpmxAki42KY7uEfSQpSmauc/TkKg8/LpNe/UWJ7gHgAGZ+cAmY4nVJnIa1HMqNmjsLieAa5nA5KqALEPUN8WDIFAgCH6mLOfI7CUeZTpj55ZxriG73HxUBSiyERWCpszjOUAq7GgeI9SaeZyGDXtzmKE1VxxEAJZn7WFgAhnOWTs2eX7pxTmJzKdKHjs1IkB2hdicHNhUuD0jKwe9wZa5Z6htlu5NTYFnfzzRVAPFYQQv7uWZbtvmZz5J2oCzslBq4V5wWRPtP+FHzpZkNTGDPGmzSF0QS9KQYuiCVVggCsElXDbDCwG5zNyAEuMXMpABu4KQZz+kMnXswogWbi02b4ZEz0DDPDBbWAeMxgC8ScW5h6iZppcURcFDRH/uEcCLsSAzGAuBjWs99tjb+f8jvFBXB9MJpOHWcRxd1URgwTpmGDpzanAIhYyz54Drg58tglQKScK+cCl3tHM6hqsZLfFdu55PpgFIbF3VS1E7gphgHh2Bkz/VjcCUjO9Yzk4m/IAbPHwG7o7h0F51zGM0AICACngbgYNE3jtj1TEDmRrqL3DLPPwG640BNy8dcTG8A1YNwElS2oVCDAAdwYjs0FkUXMxd5R6e8CFzA1TYsC48RgCRqG5GB2xLBxbSCcRjXnyDWjURMDw7IBvoAtMHbwmBhuZ+9tFYkjpsXJkzQsjs7u4XTqOkeO6eodRdSwMDWnNWmCs2ilu/4hce74PIZOCFipgizOBTjnOH5u4FPcKhcvx84NwLCkJptEPHhsS7wxXgw3nMEnOS4PRDESMtzUc44cY3GOjq4hqcUzACBALAAnEq/HxKBpmrC4It1NiERNdHYPuanrHDmmu3cUfdMMCCbb5tmyaUTTtLH2fkK621r2/tcESEpZcS5gWQLtZz4NTUXprO080NmHqGHCTmL4JIhWtuvvx78xOffxE+HMYKYeluYCnd3DGApJtyxFxOxb0BuJ2jh+blA6xYALYgN4f/x7E8SgadqQxWlI6mIQGAnH0H6mX670vDI7DOyGCz0juDYYlg4XbEFiAE6Nf3NKVnQr/fBpmaYCACwL2HviOqJzA1AFhXPggyNXYcjbQbSyj5/TNG2CW0+WIv+xEDAh01RAoLt3FOdLZq5iZtw+yKxYuDYQxpnuoSQGSz5EwIWwAbw1+egpYtA0rce02QgkZzGjFsf/Hbwi657yTqkaWBbOgd3HrmEkbMSzmlJOvgnbGW0+NfmDpItn1rAPtwohuEyAxTnHqa4hdPUWj3codQO74UYoiv0d12Fa0mMLvJXt/htN06akOk63kuqwLUgEktFW2LDx5u5LUpWZI7u8f/gqboSkk41EPMVxZ7IPk4pB07ShmK0MyKbQO95hECe7BmUrVaIUV/7D9cEo9hy7Blu+jRYGZ4OapnUn+3DaNZbrlQ82cKf7McE7TNfeRgwL//Hh+RLsWZRuAsz/7L6IwZAhHa/ZAtbtyq7PTff5tGLQNO16xFL6OYeQaYM5By72jGLfiV65muWU0jWwLJ3dQ9jf0Qsh7xW4ydmQpmlTAscEM66+vkP9cAMXJArJ2MHmHG/tuYQbw6U4Klk6RKI2fvlOJ2KGLS1nLoi1Ttn9wEzHpFqK3xux1T5IioFzoH84itfeOydZxTncwjmwc18XrvSF3fg1bnA2COD4TAfNKAZN08Sd6gerbRfeQYDj0Jk+7D52Tb6qc0hz5soQ3jvY7WQvjzFj91/YAuY65ePNybqT40m5SYemaaFVdPdXBQSXaYM5B2xu47X3zuBK31xqXDYZCZt4ZWcnItHEmgipuRaxiu79LoAzqQ6U3bHlHYPTIZmSAceVjUZN/OubJxGJllrvojjhHHj5nU5cGQhLpcDHEXGv/s+apqVsVaTEoGlaeC3b/eDMazInwjlwqXcUP3+nU/aUOWbg7X1dONzZ52ohqRDgq+jehzRNk0pacrOX06EoV67DRX9MgONQ53X8166LLoopBoorz+FQZx/e3H3RyT914RVinA1omvaR7AnSYtA0ja9Xdq0wuXxKPefODiI793Th/cNXZIvKEaWZ0HLuyhB+9tbJqWsnZ/4ThM1JdJ3yyR1uynK1y5umaaFW9slGLpkNBThuxLRsvPbeWezvuO6muAwobgPL0tUzgh++fhSjUQtcCOk/RwB8Fdv7temGnafD9ZZ/mqadDFvqZeHiDnMApmHjZ2914EBnn9siP5V09Ybw4uvtGI2abrUsojbrB/CG2zKJEO6/Nbque9qtz3T7mF0LqR2KnTIoCFQPw589tAx3r1rgutxPC+euDMU9gnshmJyMtip7aydnMcmQlhgAQNf1qhN802VGhB/SW1bHBaEQfPmzS/Hgxsa0yp7N7O/oxUtvn0IkZrkWgi2IuYrtXalpWlpDwGmLAQB0XW85yTcdp0SocCkISgk+e3s9Hr+vBZ65/agBADv3dOE/d5139lZIapbps5eEIHwF2/+Qpmnvplt+RmIAAF3Xt3Twjb+TewziTRKCWN5Uia8/shLVFdKP1Jx1jEZNvPJOJw509MLicJ2iJQC+grZ9S9O0n2RSj4zFAABbv7/rfFA1m+KPuHG10zgFQWW5B089sAzrl9VmXJdSgnPgQs8QXtrZgSvXw854kvtcPRG2lGuvfndLfab1yYp/fuO7v39r2FKuiPEdH8kuPYfAjZEYfvKb4/jFzk6MhqUHOUsaw+L4331d+Kc3jqK7N+wks6YhhKjN+td79mQl+MqKZ0iw7fsfdZcpVj3SERlxdkBfOC+Axz63FGuaa6DM0liiuzeEX73bidOXh2DZSDdzV0RtOrBO3bdA07SsTABlVQwAsO37H10KKFZDOk2GUyPnKSprlszDQ3c3oWl+udTzGYsdzp1M5t/uu4SPj111uo2AVI8hiVSEYbOBdererAkByIEYAGDrc7suBlWzMRNBUAKUB7zYsLwWn7+rEQtqpB/IW3T0D0ex51gPPjpyFQPDUVg2zyThjkct1r/es7c+m0IAciQGAHjsuV1nKlSzOf5gkySCkLsdCqMoL/Ni48o63HfHItRVlY4o+oej2HXkKvYc70H/cBSWlZEIAICHTaXn9e9tWZSdGk4kZ2IAnG7nSXvDb6nzQLT0n2dEKBQKlAdUrGyuwea1i3DLwmDOHsGcCTHDxqW+EPYc60H7mT7cGDHi2/BlhBCC8FVs/7c0Tftpdmo6lZyKAQB0XV9xwt54iBHuRSaCiEMphVdlWFATwJ3LarGmpRYNNYGCBpuWxdE7GMbRcwM4dLoPl/tCTkzA3eZfJz1aCEHMVezAo5kMKMmQczEAgK7rlUetjRc8lFcg3ThiMsR54Krfy7CgOoA1LbVY2VyNxbVBePPgMSyLo2cgjBMXBtB+th9X+kYxGjWTNAUZ+QRhcxppVdrumCnFPVvkRQyA8/D1g8bdp/3Mnk+dp+WlFITMbUz4A0opPApDmZ+hoTaIZY2VWNpYiUW1QZQH1IzqzjkwEo7hSl8YF3qGcObyELqvhzAyasKw+FhyasaNwTgEiB2zWP96z77bxm+1k0vyJoYEuq7fc8za8C6j7ia4ZKCTXiiUQqEMXg9FmV9FRUBFVdCHyqDze5nPizKf40U4nPZ+NGpiKBTDYCiGgZEYQhEToxETMcOGxZ2EX+6Mlo2RTREAEFxQYzVr+wqANzVNy9suankXA+DMeB4yNnV4GZ9HJL2EW6ZEEHT8r3LFjWUW5c7w4xEChJs2HV6n7l+jadrlXBU0HQURAwDouq4AuO+otfHXjPKA/JhEdoxBJQZJc2j4SQURbgvEWtUDfwHg5WyPH8hSMDEk0HW9BsDXj9l3fZ8R4QHELBhvhKxmBRfEXK0eeBHAjzRN68ltpWam4GJIoOv6kkPGxk88zK6iBAogstPryCbZcRQCAIQgVozTofXe/Zs1TevIypUzpGjEAAC6rlMAqw8ZG9/1MF7pJM3kWBT5W4gt4rfbNjgdud27/z5N09rzVroERSWGBPF44raDxqb3HE8hVOI0H7KRXzEhhHObTYPT4fXe/Y8COCCzwinfFKUYxqPr+iIADx0x7vpHhQi/k1ElEqIormbkJgkvwG1Boms8bd8D8N8ALqZa/FpIil4MCXRdVwG0Anj0qHHXs4wILyGg44QBFE4cYzdRCGLbghhrPG3/AuA3AA7la9AoU0pGDOPRdd0LYBWAB48Yd/2dQoQfBIxMFAaQG3FM3NYIREDAtgWJrfG0/QjA2wCOappWcrusl6QYJqPr+kIAGwHcfcS469uMCC8BFBCQJAJJm7jhhQAs7nz7fwxgN4BDAK7mc7QwF8wKMUxG13UCoBrASjhNy+p2Y8OfUgiFEMHiuTOJXsp4sSRuBucAF4LYHLDWedpegvNchg44+xz0lbrhkzErxTBHevw/SxYzGJJ3raMAAAAASUVORK5CYII=) center top no-repeat; }
.quick-intro-screen ul li:nth-of-type(2) { background: url(data:image/png;base64,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) center top no-repeat; }
.quick-intro-screen ul li:nth-of-type(3) { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIMAAACDCAYAAACunahmAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAB50RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNS4xqx9I6wAAABZ0RVh0Q3JlYXRpb24gVGltZQAwOS8yNy8xNQUjDKQAAAQZSURBVHic7d1BahRBFMbxmiHgBbyFS92IKIoI7j2AkOAREhLEpRriEUJCvIBbV6Ig4sa95/ACMy5k3rRJz3S/6a6q917/fyvRMVT393V3dXU7zpbLZQJSSmleewCwgzJAUAYIygBBGSAoAwRlgKAMEJQBgjJAUAaIvdUvXrz7/ev6H8Z8bmFrmz69vnOv9hhWpAy3b/25W3MgkS0WtUfQz173R9BGH7CtM1IbytAQMWCN8GWYesAaLstAwHmYKQMB15e1DATsi7oMBByXlEEXMgFH1DgzdAd8fng/41DiefXhZ+0hqPBsAoIyQFAGCMoAYWbRaTrsPsKkDFnZDb4NlwkIygCR5TJRdrGl/Kn4/PBBr88tnC3UGp0z2L3WegtYo2AZCNi6TGWoHzwB67WUoX6Qm8QL2Na+bpShzsDiBdxkK+wuWS4T8QL2FequepeBgONbv+k0YtgXR/3uw4c4OPvR8rvrgC+OHmYfQzRG1xn64MgeG8vREJQBouMywal4SqqvM8CO2hPI2a5/0cPdgocxNjFngKAMEJQBovac4T8HZ98V66B218eXzubil8ePZikZKwMBl3Rzg4yVoawpBKwRrgwEvDvVP8mvhYDLMHVm8B2668GnlIyVwR7/AWt0lsH30dom3AaNRsrgO3TXgzfD8GXiZsCXx4/LD8O5/dNvvT9rrAwc4ePrf5fIswmIDWcGjtAp4k0nCC4TU9eYUhibQGJ0iqcMnBkgKAOEscvEeE9O90+/jvazVAo+/L08eTLqzzNWBqPsPt3fUfudo6IMwfZIsM3ZrP+SgYuXW3YSYnPKrv3Yv0yECLXJ7uKerTK4Dd5uwBq2ymBKjICburZoexncHqmbxAu4i2aL12UIFvzY9+Bt9t9/6RjD0+xjGJPRy8T0juB61vvaWBl8lcDHaPuPkmcTEK6+Oxp58abT6PzuR1NzBn+70d+IRcvQTZUBGSj6qirD6r56rOPhytl9eHTrLxKvOYqt7I4smkqXiU0BOw7e8dBXRixDgL2hFWyT+e5oCNYZIOzeWtLN4sqWoStgCpBB/3cThpeBAE3TvKYiZbg6ebbz1/0jBrtzBtd8vjZGGQbxGfomlGGAWFXgTSc0ODkzRDsGbTJWBkKvyVQZqEJmi+2LQqbKgAw6CtDEBBKCMkBwmRhCcQr2gDMDBGWAoAwQtuYMwa7BPqxXd2yVARmUfNNpwj6+eV57CJ0051rmDBCUAYIyQFAGCMoA4eBugrccSjFWhvbgWYoaYqf/YqA+Qq/L1ZyB1eq8TJ0Zurx8+7n2EJR8tddVGWzwFbAGZUgpRQ5YI3AZCFjLWRkIOCdjZSDsmoyVAeXcPPAoQyj6M+uisehrqgzz+TwtWFm6ZljAGrPlkgdB+MfVcjTyogwQfwGjXelx9h69hQAAAABJRU5ErkJggg==) center top no-repeat; }
.quick-intro-screen ul li:nth-of-type(4) { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIMAAACDCAYAAACunahmAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAB50RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNS4xqx9I6wAAABZ0RVh0Q3JlYXRpb24gVGltZQAwOS8yNy8xNQUjDKQAAARrSURBVHic7d0xbtRAFMZxZ4nEBbgHBXRICIRAUHIAhEjuEAVFoYEIlDskJOIEFAgJiQZaOq5CGWyKKA8Sspt5nueZN8//n5Quu/b4+3Y9tne9a8MwdEDXdd2i9grAD8oAQRkgKAMEZYCgDBCUAYIyQFAGiPWUf3r65ucPi4XFO9vpdzyXbeqPr27eXvWYpDLcuP7r1rhValFfewWW6ifuXlIZ2jffgDUaLgMBW3NWBgKuqUAZCLicvG09sgwEXE65bZ1YhrrhE3AZ1eYMBOyPaRkIuG1JZYgV8rwC1nB2aDkWAVswL8PB1h3rp8QKm/vfzZ6Lq5YQBu8MvEX7lzbpa+I8A1axm92zm4CgDBBBDi1xZsjYo1OGxuWEfxG7CQjKAEEZIJgzhGAzcVCWweYEx+b+t6zHH2zdvfJ/Nt7lLaO+vjvcvpf0f1YSy1DnGrblTNkH3wOqspuIFXKcwZiUIVa4XRcpYI2kMsQIO8QgJhX4aILwtRyWgRBrqVQGAp+e/ggwowztB7r49/xrheHYLNLusH/Wn3TqXQzLz/cQHM4ZIvATsAZlSNZmwBozL0OwgDOHE7gMwYJexnCYjZQhWLBOh1OxDE63yFgBhmNchrQtknadPs/h9v3JlxGN688zIIXdyRI+AwlBGSAoA0T+BJLphHups4q0MhC4W5bX2thNQFAGiCpnIDfefs16/OHLB5MvY5VSH4M4Shjnedw72kS7Iyr+jao2N5Xftfa5Zo1ctfwrdTOW39w+A9ZwUQa/m9Hvmk2hShkq/2BB1aVPwmhIqjK0tRnbWtv/VNgfpt1V3m55Co2HeRnnQ5r1N6oWC4NzbprfX7iwuN7ZbzfM+t7R/bJv0bQ7pCyhzzOcE2AIU3NxaDkJwlfzVwZCrKZOGQh8QuMnpePLQKBOXB7+mEqklYHgJ2BzWGl5cFplN3G08zDEMqLhk04QlAGCMkBQBgjKAGF0NOHr6hsuSLytnelX8qlEBYb3L0y7kbjZ4uBZlZNOz/e+ZD3+eOdRkeWYyHjlHu8+NlyRq/m7amlk0iL4uLWsubBlUAsasEbYMlxbdN3vEwLWaO88Q+IrmCLo+Xhn4C3ahUqfdCL8aeSdBNCVgRAdOl+AnIQSP+kUswSL9bWqy+8N5jWWyfiYM1TSn1ieW9U9l8eX16zLcLX2A9aYYRnmFbBG4DIsD31OAWs4LkPe/pzA9SqVIS1oAs2h33oGZdC/ggnZUvHfmxhW/J2uztmfFx92n9RehUT9ir+yqtzGp1RQ7RTCh/auWmIyYcvwYu9z7VVoTtgyvN9hF6EVtgzQowwQxmXwdHAJrfnc+i80m3wcX5tAmr9FyL3hLGVonOUdh5lAQlAGCPPdxLPXn6yf0oh+kuXspu+Ta3zOQMCWHJaBgGspVAYCLqfGvaMJuKAyGy77DCQBj+Vvw6V90snfejvV9oZyOIH0pu2ANWZahvkErBGoDAScy3kZCLiktWFgg+MUF6ogKAMEZYCgDBCUAYIyQPwBB34qWdd8fjYAAAAASUVORK5CYII=) center top no-repeat; }

.quick-intro-screen ul li:nth-of-type(5) {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIMAAACDCAYAAACunahmAAAEDmlDQ1BrQ0dDb2xvclNwYWNlR2VuZXJpY1JHQgAAOI2NVV1oHFUUPpu5syskzoPUpqaSDv41lLRsUtGE2uj+ZbNt3CyTbLRBkMns3Z1pJjPj/KRpKT4UQRDBqOCT4P9bwSchaqvtiy2itFCiBIMo+ND6R6HSFwnruTOzu5O4a73L3PnmnO9+595z7t4LkLgsW5beJQIsGq4t5dPis8fmxMQ6dMF90A190C0rjpUqlSYBG+PCv9rt7yDG3tf2t/f/Z+uuUEcBiN2F2Kw4yiLiZQD+FcWyXYAEQfvICddi+AnEO2ycIOISw7UAVxieD/Cyz5mRMohfRSwoqoz+xNuIB+cj9loEB3Pw2448NaitKSLLRck2q5pOI9O9g/t/tkXda8Tbg0+PszB9FN8DuPaXKnKW4YcQn1Xk3HSIry5ps8UQ/2W5aQnxIwBdu7yFcgrxPsRjVXu8HOh0qao30cArp9SZZxDfg3h1wTzKxu5E/LUxX5wKdX5SnAzmDx4A4OIqLbB69yMesE1pKojLjVdoNsfyiPi45hZmAn3uLWdpOtfQOaVmikEs7ovj8hFWpz7EV6mel0L9Xy23FMYlPYZenAx0yDB1/PX6dledmQjikjkXCxqMJS9WtfFCyH9XtSekEF+2dH+P4tzITduTygGfv58a5VCTH5PtXD7EFZiNyUDBhHnsFTBgE0SQIA9pfFtgo6cKGuhooeilaKH41eDs38Ip+f4At1Rq/sjr6NEwQqb/I/DQqsLvaFUjvAx+eWirddAJZnAj1DFJL0mSg/gcIpPkMBkhoyCSJ8lTZIxk0TpKDjXHliJzZPO50dR5ASNSnzeLvIvod0HG/mdkmOC0z8VKnzcQ2M/Yz2vKldduXjp9bleLu0ZWn7vWc+l0JGcaai10yNrUnXLP/8Jf59ewX+c3Wgz+B34Df+vbVrc16zTMVgp9um9bxEfzPU5kPqUtVWxhs6OiWTVW+gIfywB9uXi7CGcGW/zk98k/kmvJ95IfJn/j3uQ+4c5zn3Kfcd+AyF3gLnJfcl9xH3OfR2rUee80a+6vo7EK5mmXUdyfQlrYLTwoZIU9wsPCZEtP6BWGhAlhL3p2N6sTjRdduwbHsG9kq32sgBepc+xurLPW4T9URpYGJ3ym4+8zA05u44QjST8ZIoVtu3qE7fWmdn5LPdqvgcZz8Ww8BWJ8X3w0PhQ/wnCDGd+LvlHs8dRy6bLLDuKMaZ20tZrqisPJ5ONiCq8yKhYM5cCgKOu66Lsc0aYOtZdo5QCwezI4wm9J/v0X23mlZXOfBjj8Jzv3WrY5D+CsA9D7aMs2gGfjve8ArD6mePZSeCfEYt8CONWDw8FXTxrPqx/r9Vt4biXeANh8vV7/+/16ffMD1N8AuKD/A/8leAvFY9bLAAAAOGVYSWZNTQAqAAAACAABh2kABAAAAAEAAAAaAAAAAAACoAIABAAAAAEAAACDoAMABAAAAAEAAACDAAAAAH98BxkAAAlzSURBVHgB7V1PiN1EGE+ydT0UqYLQrZdeehD07MWDoCAetLtvawWhitSbCNt9a1u8SD1pLe568SSIYKFS7L7dRQQ9KCLePEoP4mUPYqsiLqWIa9+LM9udZF4yycw3f5KZ5AuEJJNvvu+b3++XmcmffRtFuCACiAAigAggAogAIoAIIAKIACKACCACiAAigAggAogAIoAIIAKIACLQHAIxC/Xqxesp22fbNCoVsVO4tYTAx+cfyTiw5FLbzQFWc+evX9kubi0jMJlYdujIXSYGR/476xZOsP+KQDFwcu0iwVzzpLudF0PfCZYqgDMIUgxIMMegxV1vxIAEW2RV05VTMSDBmqy0VA0sBiS4JaYaCJuJAUay/7dJDWDXuRCZGKJITvC1957uHACuGhSTZfHsV0E9wk1cgdF3vylZQsMAxRAaYw7zRTE4BDc01yiG0BhzmC83gXQYBV1zCMgn6pxxo7soBqdw+0u8qNk4TIhQ6WkZiqGnxIuajcOECBVLZZPAnjQYieHEua8twSZ2Y+mJZzJY3jg0Hk8eTmZmHo3i6DHytPUY+bxzjuw/QCL/EUfx71GU/hRN4h/H8eT6rd0bP3/74Wu3xFl1t9RIDOawOJ1gHZofbrwcR+kOIf2+5AD97pSLl3+GOrf/4e9TUZJGCTE+dO+RaGE4ukHG0OX11cEmebL8T4hPFKH8OBADBzg0G0v2hMg14mon51vL8RxpyRXiK1o4MzpPPNxD1v+0PAVSSTCBpGRWrcVWieyKNs0c0xdDg3Mbxwh5f5OIyzajpnF6cWF5fdumz7u+KH7+LJwYGLHtJ0cnXtDJ18LS6FR6J/2FZH+/kxbE8UN7vcRwc5EKTy0Gw7Rqq+alKSsHw4Q4dSi5Yi/i0sHK+jtpEn8qPmu7dLJ+fHjtgm2vPvjjeob6dERksitYZVvvHX52/+qcmR+OLqdp/Cbcg36NOI0vEAF+QjzM6Hvxr2YmBhmhvqVOZvfxYGX0EemvT7WRGwn/Co3fRmxXMY2GidGlZ1zlJfU7v7L+FrlCT0sN7xpsb6wOjiravkDmBpeIrdSefL5ymuRxYWv1xNtduPU0EoMiuNbNFt8YnSJCuCx3nN7eWF2kiv2BrKpT96tEOHuuF4brt6MoPlgXZ3/IoBPX4JdsmAioJY+Tj3elQiA3JJeJECiR35NVVQhTMND61M9UoeBAJR9BNe+KJD2DFoZOGzl/ZnRwJoleHEfx4SSeHCbBjkzS+MEkTu9EabxNniF+Nzu7+83Vd0/S5w3Gy9ba4ksnz199fXd39sk4mjwRxelREu8Aifcncf7bJE1uzkTpTbJ/xThYyw44MfhHvAibzQ8GshciS6J6umUmc4Hx+F/dsK3U48QAj2/yosrSSyh40lijEoEQ5wyVjcETZggY9Qzi0GEMN+Lc+11qKAYkvkvyMRSDXSgGZ78EOCQ3fZ4u6f41ksSz0gznh1+03pDN1Wf3Xrw1JgbRu40yUq3jUk5pv4QRXGkQ3IlxKWMjMagRXIrpTUEfCIaAbSQGSKCmbJFgfaQ5McC76KZeVCHB+gRDanJigFRzYxs26eUx2A1K7rx6JQZ3zdT1HD7BkJZLxRD21SqCol8EixCoKsvEEDbpSHAVwZDyTAyQSszW7YuqMsEb7x9noXGriMDCypaiZRQZiUE5irJhWQDKVdGwAgH1u0QHYsD3FRWseF9cIQbVKxSJ955hQIKcGFQFAPCOpkEhwInBbd6hv8dwi06L3rkphZEYkOAWSVQNzZEtq4KfvckQ6tF5o56hqRdVPeKj1aYaicF+5oA+zX7w3nv0TAwwPkyegKpEsvU5P/1dB+jC/sQPWk/NXvxIACCGLl61YlDUAJVb6YiAeWV1zUWh3kZODF0hW73xDHjbW0akDb/Ml7ko5NlwYpAbt2JRq9H2iecxYcTxZbb2mW+XovDr1pISX1xtoQnwQ5+fQJ+hMLIAYbRMXcbxSwxa8KhVYgSrbNU85lYuCcqj5Hu68Wg/KlqZ53oxeHCVskRFWxVimY2ovo0yXWJMY6vG5cmXxczFUCSeHuNSi4AqIbVODE7ajm80gaS/uGby+wXVOKhNDNt8AgolAjLxg/imthDfRczJD5BkRUZisC+EPLEsQw93IGTpEMXqqMapEwRPtgzKfJiQWeJ5MAKMVHBFUkFVCDq+q+oIxMBPOYr7VW76U65KUtNCUM2rjilumAiji65rjC/nmhaCrXZzYrDlUt8PVI4+vqgKRQiiv5MRDBP6ZIZXszgMFo+nW2SjK572mB/Z8C3yQUkXrXnkfA/UM7Bg0Cs4D9fEXnvZ6fYKDNcm0KmLkYmhPQjr0iM/1svdB5ctfc26nGlViS9CoPllYqhK1kU5JZj+N6jiUk980drdMX2E3cTikxBoe62JwRciq0hsiuCq+MVy34RA86sVAxJcpLDbx5kYmiaexhMNFd2G2+/WZWLwLU3RfXAxxzZfVBVz6cJxo2IoEVyYQ5bOdwHh1tugfsdlLAYksHW2axOA3BhlYthae17xfzXWxjY6+dzS55DcjWK5qEzvEHQfPLnIB+qz0FFDq/fLPmSiVZjKegYVY99sfHxR1WbvYCrWnvcMdHJVt+rJ38cHSiot6aAY6sgtnlOBaNpG9eprWhCqeU23ZvooEDEwEqeTF1/VRZv2jpsWhGlLPRMDI724NW0mrL7sby0gVyEVhGtRQPKpQ8KrCaTL+0rbL6ooARCSIbZ1hBXPgYRA/htr3eJZz1CXavkcu4JVtuXa5iUgIszDlTwoxacCYGvJw3RB0GKYbko7R0qEtJMaOKpXwwQ0e19eVFFBuBoGRJi4EiD2DCK0NcpcEVRMxWUcFEMRbYNjSpRLslz6ps1GMRiQX1XVNmmuRcbaEfScgTXCxy0vCJ35BF+/qfb5JQbJfXBToNiO0wax6m3In+74JQb1FqClMgI52bIqKAYZQoGfV5cCTiADp9pu+ng3YRfPoL2hGIKmz27yKAa7eAbtDcUQNH12kw/gbgIyH7YLTt+8eSYGMfHi0r5Rpdve+g9aeK9eiQFJ56lpfj+oOcMY//WmU4V41TPIWjq//JnMxLPz6l20D4kHJQYfALv7eb4fmdjOAsWwh2hYV7BtETB/HRYDEsxIVt0GJgYkWJVYHTvPxIBk65Boq45nYrDVLPQjR6B8n45ikKMWkEWZYFny/J8deiWGOEnIj17jUDFNoBnB077wCBFABBABRAAR0EbgfzAXA9AsX55YAAAAAElFTkSuQmCC) center top no-repeat;
}

.quick-intro-screen ul li .reports-disabled {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIMAAACDCAYAAACunahmAAAEDmlDQ1BrQ0dDb2xvclNwYWNlR2VuZXJpY1JHQgAAOI2NVV1oHFUUPpu5syskzoPUpqaSDv41lLRsUtGE2uj+ZbNt3CyTbLRBkMns3Z1pJjPj/KRpKT4UQRDBqOCT4P9bwSchaqvtiy2itFCiBIMo+ND6R6HSFwnruTOzu5O4a73L3PnmnO9+595z7t4LkLgsW5beJQIsGq4t5dPis8fmxMQ6dMF90A190C0rjpUqlSYBG+PCv9rt7yDG3tf2t/f/Z+uuUEcBiN2F2Kw4yiLiZQD+FcWyXYAEQfvICddi+AnEO2ycIOISw7UAVxieD/Cyz5mRMohfRSwoqoz+xNuIB+cj9loEB3Pw2448NaitKSLLRck2q5pOI9O9g/t/tkXda8Tbg0+PszB9FN8DuPaXKnKW4YcQn1Xk3HSIry5ps8UQ/2W5aQnxIwBdu7yFcgrxPsRjVXu8HOh0qao30cArp9SZZxDfg3h1wTzKxu5E/LUxX5wKdX5SnAzmDx4A4OIqLbB69yMesE1pKojLjVdoNsfyiPi45hZmAn3uLWdpOtfQOaVmikEs7ovj8hFWpz7EV6mel0L9Xy23FMYlPYZenAx0yDB1/PX6dledmQjikjkXCxqMJS9WtfFCyH9XtSekEF+2dH+P4tzITduTygGfv58a5VCTH5PtXD7EFZiNyUDBhHnsFTBgE0SQIA9pfFtgo6cKGuhooeilaKH41eDs38Ip+f4At1Rq/sjr6NEwQqb/I/DQqsLvaFUjvAx+eWirddAJZnAj1DFJL0mSg/gcIpPkMBkhoyCSJ8lTZIxk0TpKDjXHliJzZPO50dR5ASNSnzeLvIvod0HG/mdkmOC0z8VKnzcQ2M/Yz2vKldduXjp9bleLu0ZWn7vWc+l0JGcaai10yNrUnXLP/8Jf59ewX+c3Wgz+B34Df+vbVrc16zTMVgp9um9bxEfzPU5kPqUtVWxhs6OiWTVW+gIfywB9uXi7CGcGW/zk98k/kmvJ95IfJn/j3uQ+4c5zn3Kfcd+AyF3gLnJfcl9xH3OfR2rUee80a+6vo7EK5mmXUdyfQlrYLTwoZIU9wsPCZEtP6BWGhAlhL3p2N6sTjRdduwbHsG9kq32sgBepc+xurLPW4T9URpYGJ3ym4+8zA05u44QjST8ZIoVtu3qE7fWmdn5LPdqvgcZz8Ww8BWJ8X3w0PhQ/wnCDGd+LvlHs8dRy6bLLDuKMaZ20tZrqisPJ5ONiCq8yKhYM5cCgKOu66Lsc0aYOtZdo5QCwezI4wm9J/v0X23mlZXOfBjj8Jzv3WrY5D+CsA9D7aMs2gGfjve8ArD6mePZSeCfEYt8CONWDw8FXTxrPqx/r9Vt4biXeANh8vV7/+/16ffMD1N8AuKD/A/8leAvFY9bLAAAARGVYSWZNTQAqAAAACAACARIAAwAAAAEAAQAAh2kABAAAAAEAAAAmAAAAAAACoAIABAAAAAEAAACDoAMABAAAAAEAAACDAAAAAJbEsI0AAAIEaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA2LjAuMCI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4xMzE8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+MTMxPC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cuz6m+YAAAk4SURBVHgB7V1LiBxFGK6a2SSHoFEQknhZxBw8eBME8SDGQCSJF0HFuBtCNl6CIDmJF0lOIh48CllnEjezuyaCRLN5GYyKiJccxYNEJAh5qIfEEIPZ7W6rNls9NZ3q7np2V3X/DZOursf/+L6vq7urZzYIwQYIAAKAACAACAACgAAgAAgAAoAAIAAIAAKAACAACAACgAAgAAgAAoBAdQhg5urbn35LWBn21SHw/DOPpxxU51XsaYxVX7nyByvC3jICcRTGeZaKwXL+jTenSnCCYu8xATFwFDWRYC690mLjxdB2gksVwHUIUgxAMMegxaI3YgCCLbKqacqpGIBgTVZqGqYsBiC4JqYqcJuKQYXkEB6TKsCucS5SMcgQPPnK5sYB4CohTLaZ49+Esdq0AkLHFRhtt5uQLTQMQAyhMeYwXhCDQ3BDMw1iCI0xh/GmN5AOfYBpHgGP7yRADDxRtsseEy9KFS4TIlRaWgdiaCnxorThMiFCxVJdkvj/hRY+VSMxHP38Am/LetnSimfnxInv1l29ceuJ1R38ZIy7T6NOvAnHaEMHdx9GOP4LYfwnubz/nPyHL3ZX/fvLnX+u/bpv375b1hPy3KCRGIxzc3uDte7wYGFXhPBN8o3TB1aP3bsidujXz6hfUpmgiP6zAd1bLHwBr0KkdQ1a8+A46g/OXkuSaP/U5PYvycrynRBXFFX5sS8GtwRL5dcbnPqIdLxJGdf96jERygYyeJ7YQv2Zk+8Qe0QqaFEqgEA73X8DScnM+2STFPXL9qnomL4YOnTswqbe7JkbxOV+m25jjD+Ynjl12abNe7Y8OHO4pIZiYMRyjXUV6Y2X6s3XdP/MRHfxziWUxA+5iLvTQY/SWWJ6duFlKjw5HwzUvL2clap62b9M5ESuSm6OGWF1b/7s+3hVdFTYaLmyk+AverMnD1g264W54cxQEo6ITHYGy+xLzCs3r5ydXXK2DlAUvatswGBAEuMDR+ZOHSEmugZmvBuaiqGMUN8iJ3f3+PD8uWkS10QdsUUx2r3ivw73TnwaXSZ2vbbFSVAyRvtzC++RM3SPTF/S5/LUxPZxyb6vktnmQ9K3tH8cLe0hcRyYeuOlg0149DQSgyS41rv1jy1MECEMyg3j21MT214k/X4kH9nlwONEOMume4PTt8mj1doiP/SS0fvs5KWiPqG0pZeJUAImcT6bLMoIAQ2IECiRP5CPrBBGYFgZXyo6yXhGbPt4UDIz0Eciv7ZPjpxei7vodYTH1qNusr6bRBuXEvxIB6OlBOHLcRJ9/9j6jRe2bHmKrjcYb3snd0yeP3/xrd+vX91Mlq+fwygZjxM0NoaTvyPcvYoifB0lS9eJo3ljZzUb4MTgH/EibPbu3va1qJ6re5srGxdN7gXuLt419l+lAU4M6m5NXlRZegmlHjSMyEUgxHuG3GSgwQwBo5lB6DqMq40w9LZXmokBiG+UfszEYBmKmWPnLVusx9wSedygW6dL33oXb725c7WfUlM7ty6/eKtMDKJ3G8Uw+dXKCPYrKoNoBL/+MxIDEGxAhouhAoJV3BiJQcVRVX3bcAa7wtJIDFW9qAKCXdE/atdIDKOmzI+CJt1wijZHz9yCV2IwT8eyhQYQrIJIqRiCPltFSLSMYBEEeXWpGIImHQjO41epPhWD0qiVzk5fVAkI3rNzq06YrR7Tnzsnnb+RGKS9yHYUCEB2KPQzR8C+GGpfXDUHpa0WxGKQPUOB+EbpZigGWQE0Kn1IhkdgKAa+1kE59PcYDiDxwmQSD78rbCQGINgLPguD4Mku7Ega4WtvZQi1qN1oZqjqRVWL+Kg1VZgZaoXfL+dGM0PdqZisgMrEbuvr/PTvOqhu7Cd+quPk+g9vGvn+QYuBT0Sr7HidREcELA821lwUYuKZH37fPDE4JpgHL6/MiMxrV6lntsxFUe7VezEUPhp5QDwPMSOOr7NVZrZdisKrG0hKfPZjC0wVO3T9RHUNhZGl4kenr0s/XolBBxzZMYxgmb2sTdbPJUHMB7/X9UcnUtGH2S4Ugw9nKQtUtJchlvURjbdRp0uMqW9Zvzz5ZT5TMWSJp8ewFSMgS0ixFf1W2/6NbiDpX1wz+fsF+TDICbHOFVBVIlRu/FRs074qtvMxR8hIDPaFICeCooSqaFMhS4coNkbWjy1BpJeJKkBsmw9Gqk7eskLQsZ03RiAGenbmffLMtKdelqSqhSAbVxFT3GUijCm6KBlf2qoWgq28OTHYMqlvR3VB0ccXVaEIQfS0KLhM6JMZ3Ej+IVxUziRkYyrOmEwPbdgW2RAtGYiEQANRmhmYM9UzOM24ikKNwenOCgzXKuAp8pGKoUYMi+Irbgsy6NGUfBECjSoVw2iI7T6iS9hVbD4JgebbGjFURbCsiHwTQvBi8I1gWSH42q/dTxO+slJTXN5eJvIef3ic6nxRxcfRlHKlYsgSjMl/Ccdv2Xa+DcruETAWAxDoniQTD+T/9JXeUjG8OblD8v9qlLat3PHQp18FvXJAnxB0F56UwXIwYHSeduCgSSZDJlqGh3RmkOnsWx8fX1TVOTuYirXdMwO9KBV9NNXv44KSTCrNE0MRudk2GYQyfWTPvqoFIRtXJp2Rw7DFkCWXHnu0VS0I09TDFoNp9jnjy35roXIWUkG4FoVKPDkpL1d7dQOp8kxclJSozfZ7DEqACskqfUXx59WpCCFZKkY46JmBncEy+zwwTepViDDxkzdWxj8VAPvk2WH1QYuBJVHnXoaQOuNT8e3VZUIlcNrXlxdVVBCuLgMiTFwJEGYGEdoada4Iyobi0g+IIYu2wTElyiVZLm3TtEEMBuTnDbVNmmuRsTyCvmdgSfi45wWhcz/Bj68qP6/EUPYcXBUotv3UQaxODnCZ0EGtoWNADA0lVictEIMOag0dA2JoKLE6aYEYdFBr6BgQQ0OJ1UkLxKCDWkPHgBgaSqxOWl4tOukkAGOKEUiW/1hbcR/WCjMDQwL28KIKNDBEIKjLxMf9E8PIAyipTNE+pBOUGHwALDSCVTADMRC0mkwwiAEIVtFA2jeomQHO4JQ3JwWvxABkO+FY2qhXYpCOGjqaI5Dc/8NUEIM5rP5YEBBcFhz/s0OvxNDpdFEcF/8esCy5xrUbEtw4PCAhQAAQAAQAgboQ+B+4aZ4Bn4Zu5wAAAABJRU5ErkJggg==) center top no-repeat;
	pointer-events: none;
	color: dimgrey;
}

.quick-intro-screen ul li .import-disabled {
	background: url(data:image/png;base64,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) center top no-repeat;
	pointer-events: none;
	color: dimgrey;
}

.quick-intro-screen ul li .tools-disabled {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIMAAACDCAYAAACunahmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAUVSURBVHhe7dxBbhxFFMZxhxUOirmElbCBsELiAtk4RAFxBbgUV0AkArzhFjEbjHwJHCVmSX9WFbLT3W+quurVe1X9/SVrqjZje95P3T09lo8YY4wxxhJ6EB5Zw355ff4mLGd99/LsaVg2jxgaBwjv3t98EbazPnl4fGEF4qPwyJwEKNKRQzNicJgVCGJwmgUIYnBcaxDE4LyWIIihg1qB4FtLgzBYDDhsk9N+20kMRnkEQQwVmgZ7EZazpsGtDtwbCGIoDBCmgX4etrOmwf3ZCwhiKOgQhFgvIIhhY6kQYj2AIIYN5UKIeQdBDJlthRDzDIIYMiqFEPMKghgSqwUh5hEEMSRUG0LMGwhiOJAWhJgnEMQgpA0h5gUEP7VcaSuEk5NHYZUevg++X9jOwkAx2LBNDoAAKWwPRgwLlUB4cfasWxA8TXxQKYTYr+d/HF1fvw279CxPGcRwp1oQYr2BIIZQbQixnkAQw5QWhFgvIHaPQRtCrAcQu8bQCkLMO4jdYmgNIeYZxC4xWEGIeQWxu5tO1hAQngfPlxt+bvz8YTsLA8Vgwza7XWHwACHmEcRuMHiCEPMGYhcYPEKIeQIx/AWkBYTfpgvEpb4Rns/yohJogGfoI4MVhH+moS59rSFBHo4Qwx4ZLCGs9en03NLRAWkeIcJyFsDgcUgMHiGgFAxIC8ShhjtNeIWQk9Yp41BDYRgBQswCxDAYRoIQ2wpia0Ng6AFC6vXCh7UE0T2GkSHEWoHoGsMeIKCt7y5y6xYDIdSvSwyEoFN3N50IQa7kxlNXGAhBrvQOZDcYCEGuFALqAgMhyNWAgNxjIAS5WhCQawyEIFcTAnKLgRDkakNALjEQgpwGBOQOAyHIaUFArjAQgpwmBOQGAyHIaUNALjAQglwLCMgcAyHItYKATDEQglxLCMgMAyHItYaATDAQgpwFBNQcAyHIWUFATTEQgpwlBNQMAyHIWUNATTAQgpwHCEgdAyHIeYGAVDEQgpwnCEgNAyHIeYOAVDAQgpxHCKg6BkKQ8woBVcVACHKeIaBqGAhBzjsEVAUDIcj1AAEVYyAEuV4goCIMhCDXEwS0GQMhyPUGAW3CQAhyPUJA2RgIQa5XCCgLAyHI9QwBJWMgBLneIaAkDIQgNwIEdBADIciNAgGJGAhBbiQIaBUDIciNBgEtYiAEuREhoBkGQpAbFQK6h4EQ5EaGgP7HQAhyo0NARf87mhDGajMGQhivTRgIYcyyMRDCuGVhIISxK7qA1IoQbMrCgBcXL7JmhGBX9pFBEwQh2LbpNKEBghDs23zNUBMEIfio6AIyBwSGjaEvfRGCj8w/qCqNEOrl4iPsrRFC3WYYUA8gCKF+ixiQZxCEoNMqBuQRBCHoJWJAnkAQgm4HMSAPIAhBvyQMyBIEIbQpGQOyAEEI7Zrdgfz51e9/heUsvLh4kcM2OQwTQ82NENp2DwMg3Nz8+8QDCEJo3+JnE9YgCMGm1Q+qrEAQgl33LiDjaSJsbzs+/vjy+2+ffxa2s2peVNaGcHV19UNYspVOT09/CsvDGFALELUhTL/L5fS7PA5bttLXX335YwSRhAFpgkCEYNM017+nud7OPPmPW4AEWMJ2Vsk1BCH4KBkD0gKRGyHolIUBWYMgBL2yMSArEISg2yYMqDUIQtBvMwbUCgQhtKkIA9IGQQjtKsaAtEAQQttmf88gDVVKuiEVw42psExqCUIMIMKSFRRvODF2p6Oj/wAbWpSl52tGgAAAAABJRU5ErkJggg==) center top no-repeat;
	pointer-events: none;
	color: dimgrey;
}

.quick-intro-screen ul li {
	position: relative;
	display: inline-block;
	padding: 0 0 20px 0;
	float: left;
	width: 185px;
	height: 440px;
	margin-right: 20px;
	color: #656D6D;
}
.quick-intro-screen li:last-of-type {
    margin-right: 0;
}
.quick-intro-screen h2 {
    font-size: 25px;
    margin: 20px 0 0 30px;
    color: rgba(0,0,0,0.5);
}
.quick-intro-screen h3 {
    font-size: 20px;
    padding: 145px 0 0 0;
    color: rgba(0,0,0,0.8);
    text-align: center;
    margin: 0 0 15px;
    cursor: pointer;
    color: #3D70AD;
}

.quick-intro-screen a {
    display: inline-block;
    border: 2px solid #4376B8;
    background: linear-gradient(rgba(255,255,255,0.6),rgba(255,255,255,0));
    text-align: center;
    padding: 5px 8px 9px;
    cursor: pointer;
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.08);
    color: #3D70AD;
}
.quick-intro-screen a:hover {
    text-decoration: none;
    background: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.6));
    color: #3D70AD;
}
.quick-intro-screen ul li p {
    font-size: 13px;
    line-height: 1.2em;
    margin: 0px 0 20px;
}
.quick-intro-screen ul li p strong { font-weight: bold; }

.quick-intro-screen p:last-of-type {
    padding: 0 0 20px 0;
    position: absolute;
    bottom: 0px;
    width: 180px;
    margin: 0px 0 20px 0;
}

@keyframes fadeblocks {
    0% {
        top: 50%;
        left: 50%;
        transform: scale(1,1);
        opacity: 1;
    }
    100% {
        top: -10px;
        left: 190px;
        transform: scale(0.1,0.1);
        opacity: 0;
    }
}
@keyframes fadeblocks2 {
    0% {
        top: -10px;
        left: 190px;
        transform: scale(0.1,0.1);
        opacity: 0;
    }
    100% {
        top: 50%;
        left: 50%;
        transform: scale(1,1);
        opacity: 1;
    }
}
.anim-close-intro {
    animation: fadeblocks 0.7s ease 0s 1 forwards;
}
.anim-close-intro2 {
    animation: fadeblocks2 0.4s ease 0s 1 forwards;
}

.ruler {
    display: block;
    height: 2px;
    margin: 0 0 17px;
    width: 185px;
}
.quick-intro-screen li .ruler2 {
    height: 2px;
    position: absolute;
    bottom: 0px;
    left: 0;
    
}
.quick-intro-screen li:nth-of-type(1) .ruler { background: linear-gradient(to right, #5D90ED, #5588DC); }
.quick-intro-screen li:nth-of-type(2) .ruler { background: linear-gradient(to right, #5487DA, #4C7FCA); }
.quick-intro-screen li:nth-of-type(3) .ruler { background: linear-gradient(to right, #4B7EC8, #4376B8); }
.quick-intro-screen li:nth-of-type(4) .ruler { background: linear-gradient(to right, #4275B6, #3A6DA6); }
.quick-intro-screen li:nth-of-type(5) .ruler { background: linear-gradient(to right, #4275B6, #3A6DA6); }

/** Help Menu Screen **/

.help-menu-screen {
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);
    border: 1px solid !important;
    border-color: rgba(255,255,255,0.7) rgba(0,0,0,0.2) rgba(0,0,0,0.1) rgba(0,0,0,0.2) !important;
    /*background: linear-gradient(rgba(30,30,255,0.037), rgba(30,30,255,0.055), rgba(30,30,255,0.01));*/
    background: url(images/quickBG.png) 0 0 #DADADA;
    width: 860px !important;
    height: 600px !important;
    /*top: 50%;
    left: 50%;
    position: absolute;
    margin-top: -274px !important;
    margin-left: -435px !important;*/
    padding: 0;
    display: none;
    z-index: 1000000;
}
.help-menu-screen.help-screen-show
    {
        display: block;
    }
.help-menu-screen .help-menu-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 26px;
    height: 26px;
    border: 2px solid #A6A6A6;
    border-radius: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAB50RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNS4xqx9I6wAAABZ0RVh0Q3JlYXRpb24gVGltZQAwOS8yOC8xNV1AHPIAAABPSURBVBiVjZBBDsBACALHfSx/0s/aUxO7pelyMkgIEJnZAJICg6pqgLUTTgSwptN8zFtSRHd/Os5Iayec6CH8w3kZF9wVjHtHl/PleFLmAqa5NKMxDCSDAAAAAElFTkSuQmCC) center center no-repeat;
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.08);
}
.help-menu-screen h2 {
    font-size: 25px;
    margin: 30px 0 30px 0;
    color: rgba(0,0,0,0.5);
}
.help-menu-screen .help-content:nth-of-type(2) h2,
.help-menu-screen .help-content:nth-of-type(3) h2 {
    margin: 10px 0 30px 0;
}
.help-menu-screen .help-content {
    padding: 0 15px;
    margin: 0 15px 10px;
}
.help-menu-screen .help-content:nth-of-type(2) {
    float: right;
    width: calc(50% - 60px);
    min-height: 350px;
}
.help-menu-screen .help-content:nth-of-type(3) {
    float: left;
    width: calc(50% - 60px);
    min-height: 350px;
}
.help-menu-screen .help-content p {
    margin-bottom: 15px;
    line-height: 16px;
}
.help-menu-screen .help-content a {
    display: inline;
    border: none;
    background: none;
    padding: 0;
    box-shadow: none;
    color: #146CAA;
    display: inline-block;
}
.help-menu-screen .help-content a:hover {

}
.help-menu-screen h3 {
    font-size: 20px;
    padding: 125px 0 0 0;
    color: rgba(0,0,0,0.8);
    text-align: center;
    margin: 0 10px 15px;
    cursor: pointer;
    color: #3D70AD;
}
.help-menu-screen strong { font-weight: bold; }

.help-menu-screen .help-links {
	height: 248px;
	overflow-x: auto;
}

	.about-dialog .full-height 
	{
		height: 100%;
	}

    .help-dialog 
    {
        height: 650px !important;
        width: 862px !important;
        top: 70px !important;
    }
/*** Content area ***/

#content
{
	padding: 0 5px 5px 5px;
	height: calc(100% - 75px);
	position: relative;
	font-size: 0.8em;
	text-shadow: none;
}

/** Bottom Content **/

#bottomArea
{
	position: absolute;
	padding: 0 10px;
	height: 30px;
	bottom: 0;
	width: calc(100% - 20px);
	color: #333;
	text-shadow: 1px 1px 0 #D9D9D9;
}

#copyNotice
{
	line-height: 1.8em;
	font-size: 0.7em;
	position: absolute;
	right: 8px;
	top: 9px;
}

#versionNumber
{
	line-height: 1.8em;
	font-size: 0.7em;
	position: absolute;
	top: 9px;
	left: 6px;
}

#notice 
{
	width: 100%;
	height: 30px;
	text-align: center;
	font-size: 0.6em;
	position: absolute;
	bottom: 0;
}

#noticeText 
{
	position: relative;
	top: 9px;
	line-height: 1.8em;
}

/** Login Screen **/
.login-xy {
	width: 400px;
	min-height: 100px;
	margin: -120px 0 0 -220px;
	padding: 35px 20px 20px;
	text-align: center;
}
	.login-xy input
	{
		width: 45%;
		margin: 0 0 20px 0;
	}
	.login-xy div div {
		margin-bottom: 80px;
	}
	.login-xy div #loginError {
		margin-bottom: 0px;
	}
	.login-xy .base-but
	{
		position: absolute;
		left: 50%;
		top: 168px;
		margin-left: -38px;

	}

#loginFormID #loginError .ambiance-error
{
	border: 1px solid #CB9F9F;
	background: none;
	background-color: rgba(221,175,170,0.4);
	color: #A6635B;
	margin: 1em auto;
	padding: 5px 10px 7px 10px;
	box-shadow: 1px 1px 2px #E1E1E1;
	text-shadow: none;
	border-radius: 0;
	min-width: 28px;
	display: inline-block;
	font-size: 0.8em;
	cursor: default;
}

.base-inset
{
	border: 1px solid #BCBCBC;
	box-shadow: 1px 1px 2px #BCBCBC;
	padding: 5px;
	background: url(images/loginFieldBG.png) 0 center repeat-x;
}

	.base-inset:focus, .base-cont, .base-cont *:focus
	{
		outline: none;
	}

.fl-lt
{
	float: left;
}

.fl-rt
{
	float: right;
}

.pos-mid
{
	position: absolute;
	top: 50%;
	left: 50%;
}

.base-cont
{
	border: 1px solid #BCBCBC;
	box-shadow: 1px 1px 2px #BCBCBC;
	padding: 10px;
	background-color: rgba(246,246,246,0.9);
}

.base-but
{
	background: linear-gradient(#FFFFFF, #E4E4E4);
	border: 1px solid #AAA;
	cursor: pointer;
	box-shadow: 1px 1px 2px #BCBCBC;
	padding: 5px 20px;
	margin: 0.5em 0 0 0;
}

.img-id
{
	position: relative;
	margin: 0 auto 10px 0;
}

.passwordFormat {
	display: inline-block;
	width: 100%;
	font-size: 0.8em;
	font-style: italic;
	margin-top: 1.5em;
}

/** Forgot Password Screen **/

#forgotPasswordArea {
	width: 500px;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -250px;
	border: 1px solid #BCBCBC;
	box-shadow: 1px 1px 2px #BCBCBC;
	padding: 10px;
	background-color: rgba(246,246,246,0.9);
	position: absolute;
}

	#forgotPasswordArea a:link {
		color: #F2DEDE;
	}

	#forgotPasswordArea a:hover {
		color: #F2DEDE;
	}

	#forgotPasswordArea h1 {
		border: 1px solid #2679B5;
		padding: 5px 10px;
		font-weight: normal;
		height: 2em;
		line-height: 1.7em;
		margin: 0 0 10px;
		position: relative;
		background: url(images/blue-header.png) 0 center repeat-x;
		box-shadow: 1px 1px 2px #BCBCBC;
		color: #FFF;
		text-shadow: 1px 1px 0 #165C8F;
	}


	#forgotPasswordArea .invalidinput {
		width: 100%;
		background: #B94A48;
		color: #F2DEDE;
		font-size: 0.8em;
		line-height: 2em;
		position: relative;
		text-align: center;
		display: block;
	}

#forgotPasswordValues {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
}

	#forgotPasswordValues ul {
		width: 100%;
	}

	#forgotPasswordValues li {
		height: 24px;
		margin-bottom: 10px;
	}

	#forgotPasswordValues label {
		float: left;
		width: 50%;
		display: inline-block;
		height: 24px;
		line-height: 22px;
	}

	#forgotPasswordValues li:nth-child(5) label {
		width: 100%;
	}

	#forgotPasswordValues input {
		float: left;
		border: 1px solid #BCBCBC;
		box-shadow: 1px 1px 2px #BCBCBC;
		padding: 4px;
		background: url(images/loginFieldBG.png) 0 center repeat-x;
	}

#forgotPasswordControls {
	position: relative;
	text-align: center;
	display: block;
}

	#forgotPasswordControls button {
		margin: 0 auto;
		position: relative;
	}

#forgotPasswordFormat {
	display: inline-block;
	width: 100%;
	font-size: 0.8em;
	font-style: italic;
}

/** Change Password Screen **/

#changePasswordArea
{
	width: 500px;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -250px;
	border: 1px solid #BCBCBC;
	box-shadow: 1px 1px 2px #BCBCBC;
	padding: 10px;
	background-color: rgba(246,246,246,0.9);
	position: absolute;
}

	#changePasswordArea h1
	{
		border: 1px solid #2679B5;
		padding: 5px 10px;
		font-weight: normal;
		height: 2em;
		line-height: 1.7em;
		margin: 0 0 10px;
		position: relative;
		background: url(images/blue-header.png) 0 center repeat-x;
		box-shadow: 1px 1px 2px #BCBCBC;
		color: #FFF;
		text-shadow: 1px 1px 0 #165C8F;
	}

#changePasswordValues
{
	position: relative;
	width: 100%;
	margin-bottom: 10px;
}

	#changePasswordValues ul
	{
		width: 100%;
	}

	#changePasswordValues li
	{
		height: 24px;
		margin-bottom: 10px;
	}

	#changePasswordValues label
	{
		float: left;
		width: 50%;
		display: inline-block;
		height: 24px;
		line-height: 22px;
	}

	#changePasswordValues li:nth-child(5) label
	{
		width: 100%;
	}

	#changePasswordValues input
	{
		float: left;
		border: 1px solid #BCBCBC;
		box-shadow: 1px 1px 2px #BCBCBC;
		padding: 4px;
		background: url(images/loginFieldBG.png) 0 center repeat-x;
	}

#changePasswordControls
{
	position: relative;
	text-align: center;
	display: block;
}

#changePasswordControls button
{
	margin: 0 auto;
	position: relative;
}

#changePasswordFormat {
	display: inline-block;
	width: 100%;
	font-size: 0.8em;
	font-style: italic;
}

/** Change Password Using Reset Code Screen **/

#changePasswordUsingResetCodeArea {
	width: 500px;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -250px;
	border: 1px solid #BCBCBC;
	box-shadow: 1px 1px 2px #BCBCBC;
	padding: 10px;
	background-color: rgba(246,246,246,0.9);
	position: absolute;
}

	#changePasswordUsingResetCodeArea a:link {
		color: #F2DEDE;
	}

	#changePasswordUsingResetCodeArea a:hover {
		color: #F2DEDE;
	}

	#changePasswordUsingResetCodeArea h1 {
		border: 1px solid #2679B5;
		padding: 5px 10px;
		font-weight: normal;
		height: 2em;
		line-height: 1.7em;
		margin: 0 0 10px;
		position: relative;
		background: url(images/blue-header.png) 0 center repeat-x;
		box-shadow: 1px 1px 2px #BCBCBC;
		color: #FFF;
		text-shadow: 1px 1px 0 #165C8F;
	}

	#changePasswordUsingResetCodeArea .invalidinput {
		width: 100%;
		background: #B94A48;
		color: #F2DEDE;
		font-size: 0.8em;
		line-height: 2em;
		position: relative;
		text-align: center;
		display: block;
	}

#changePasswordUsingResetCodeValues {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
}

	#changePasswordUsingResetCodeValues ul {
		width: 100%;
	}

	#changePasswordUsingResetCodeValues li {
		height: 24px;
		margin-bottom: 10px;
	}

	#changePasswordUsingResetCodeValues label {
		float: left;
		width: 50%;
		display: inline-block;
		height: 24px;
		line-height: 22px;
	}

	#changePasswordUsingResetCodeValues li:nth-child(5) label {
		width: 100%;
	}

	#changePasswordUsingResetCodeValues input {
		float: left;
		border: 1px solid #BCBCBC;
		box-shadow: 1px 1px 2px #BCBCBC;
		padding: 4px;
		background: url(images/loginFieldBG.png) 0 center repeat-x;
	}

#changePasswordUsingResetCodeControls {
	position: relative;
	text-align: center;
	display: block;
}

	#changePasswordUsingResetCodeControls button {
		margin: 0 auto;
		position: relative;
	}

#changePasswordUsingResetCodeFormat {
	display: inline-block;
	width: 100%;
	font-size: 0.8em;
	font-style: italic;
}

/** ambiance **/
.ambiance-info {
	background: royalblue;
	color: white;
	padding: 10px;
	box-shadow: 1px 1px 2px #E1E1E1;
	text-shadow: none;
	border-radius: 5px;
	min-width: 28px;
	display: inline-block;
	font-size: 0.8em;
	cursor: pointer;
}

/** MVPlus Dialog **/

.ui-widget.mvplus-dialog
{
	font-family: "Segoe UI", 'Source Sans Pro', Arial, Helvetica, sans-serif;
	padding: 10px 10px 10px;
	color: #656D6D;
	text-shadow: none;
	font-size: 1.1em;
	border-radius: 0px;
	z-index: 1;
}

.ui-dialog.mvplus-dialog .ui-grid-sort-priority-number {
	bottom: -0.25em;	
	font-size: 75%;
	font-weight: normal;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

/* Added the following to mimic the effect of ui-grid-disable-selection which was preventing the expansion of grouped rows (see ui-grid-3.0.7.js line 24605) */
.ui-dialog.mvplus-dialog .ui-grid-cell-contents {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.ui-dialog.mvplus-dialog .ui-dialog-content
{
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	overflow: auto !important;
	position: static;
	padding: 0 !important;
	margin: 0;
	color: #656D6D;
	background-image: none;
}

.ui-dialog.mvplus-dialog .ui-dialog-titlebar
{
	padding-top: 0;
	border: none;
	padding: 5px 10px;
	font-weight: normal;
	height: 2em;
	line-height: 1.7em;
	margin: 0 0 10px;
	position: relative;
	background-color: #2679B5;
	color: #FFF;
	border-radius: 0px;
	z-index: 999;
}
.ui-dialog.mvplus-dialog.workview-dialog .ui-dialog-titlebar { margin: 0 0 2px; }
.ui-dialog.mvplus-dialog.tools-dialog .ui-dialog-titlebar { margin: 0 0 2px; }

	.ui-dialog.mvplus-dialog .ui-dialog-titlebar button
	{
		float: right;
		margin: -9px 5px 0 0;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAB50RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNS4xqx9I6wAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xNS8xNbi1xaIAAABDSURBVBiVjU9BCgAwCKro/192l4jmDCZEoVLmAOwHUR1VjOZDCGpuo6stUwsmCM3x6RXTuD1zGTkTZ35O+zJbKlKZD5eODxEfuhRyAAAAAElFTkSuQmCC) center center no-repeat;
		cursor: pointer;
		border: 1px solid rgba(255,255,255,1);
		border-radius: 0;
		opacity: 0.7;
		width: 18px;
		height: 18px;
		transition: opacity 0.6s ease;
		box-shadow: none;
	}
	.ui-dialog.mvplus-dialog.workview-dialog .ui-dialog-titlebar button {
		margin-right: 5px !important;
	}
	.ui-dialog.mvplus-dialog .ui-dialog-titlebar button:hover {
		opacity: 1;
	}

.ui-dialog.mvplus-dialog .workview-rename {
	position: absolute;
	top: 17px;
	left: 42px;
	z-index:1000;
	
	width: 90%;
	max-width: 320px;
	background-color: rgba(38,121,181,1);
	
}
.ui-dialog.mvplus-dialog .workview-rename input {
	padding: 0px 1px 3px;
	border: none;
	background-color: rgba(0,0,0,0.1);
	border: 1px dotted rgba(255,255,255,0.8);
	color: #FFF;
	font-family: "Segoe UI", 'Source Sans Pro', Arial, Helvetica, sans-serif;
	width: 100%;
	max-width: 320px;
}
	.ui-dialog.mvplus-dialog .workview-rename input:focus {
		outline: none;
		outline-width: 0px;
	}

.ui-dialog.mvplus-dialog .mapLayerPrompt {
	position: absolute;
	top: 20px;
	z-index:1000;
	
	width: 40%;
    margin-left: 50%;
    color: white;
    font-weight: bold;
    font-size: large;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;
}

.workview-panel-bg {
  position: relative;
  z-index: 1000;
}
.ui-dialog.mvplus-dialog .ui-dialog-buttonset
{
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.ui-dialog.mvplus-dialog .ui-dialog-buttonpane
{
	text-align: left;
	border-width: 0 0 0;
	background-image: none;
	margin-top: 1.5em;
	padding: .3em 1em .5em .4em;
	height: 20px;
}
    .ui-dialog button:focus {
        outline: 1px dotted;
    }
    .ui-dialog.mvplus-dialog .ui-dialog-titlebar-close .ui-button-text {
        padding: 5px;
        height: 10px;
    }
    #content .ui-dialog.mvplus-dialog .ui-dialog-titlebar-close:focus {
        outline: none;
    }
	.ui-dialog.mvplus-dialog .ui-dialog-buttonpane button
	{
		background: linear-gradient(#FFFFFF, #E4E4E4);
		border: 1px solid #AAA;
		cursor: pointer;
		box-shadow: 1px 1px 2px #BCBCBC;
		margin: 0.5em 0 0 0.5em;
	}
		/* Edit Theme Button on Workviews 'Thematic' dialogue */
		.ui-dialog.mvplus-dialog .ui-dialog-buttonpane button#EditThemeTools {
			position: absolute;
			top: -55px;
			right: 0px;
			border-radius: none;
			background: #2577B3;
			color: #FFF;
			width: 110px;
			height: 29px;
			padding: 0;
			font-size: 12px;
			box-shadow: none;
		}

.ui-dialog.mvplus-dialog .ui-button-text
{
	padding: 5px;
}

.ui-dialog.mvplus-dialog .ui-draggable
{
	cursor: move;
}

.ui-dialog.mvplus-dialog .ui-resizable-handle
{
	z-index: 2000;
}

.ui-dialog.mvplus-dialog label:not(.olButton)
{
	width: 110px;
	display: block;
	float: left;
}

.ui-dialog.mvplus-dialog select
{
	margin-bottom: 5px;
	max-width: 180px;
	min-width: 50px;
	background: linear-gradient(#F1F1F1, #E4E4E4);
	border: 1px solid #AAA;
	box-shadow: 1px 1px 2px #BCBCBC;
	padding: 3px;
}
.ui-dialog.mvplus-dialog .ui-dialog-titlebar-maximize,
.ui-dialog.mvplus-dialog .ui-dialog-titlebar-buttonpane .ui-dialog-titlebar-minimize,
.ui-dialog.mvplus-dialog .ui-dialog-titlebar-buttonpane .ui-dialog-titlebar-restore {
	border: 1px solid rgba(255,255,255,1);
	width: 16px;
	height: 16px;
	opacity: 0.7;
	transition: opacity 0.6s ease;
	border-radius: 0;
	margin-right: 3px;
}
.ui-dialog.mvplus-dialog .ui-dialog-titlebar-maximize:hover,
.ui-dialog.mvplus-dialog .ui-dialog-titlebar-buttonpane .ui-dialog-titlebar-minimize:hover,
.ui-dialog.mvplus-dialog .ui-dialog-titlebar-buttonpane .ui-dialog-titlebar-restore:hover {
	opacity: 1;
}

.ui-dialog.mvplus-dialog .ui-dialog-titlebar-maximize
{
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAB50RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNS4xqx9I6wAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xNS8xNbi1xaIAAABpSURBVBiVjZDRDYAwCERfjePVNRzKNXQ+nh9apY0fXtJAOLgelFBJKFAAhK4+33FphcQuqW8n1NCq8vVCa6hzmkJYBxvbS15TLa4OeeMmfmK6t6v5+8FCFXqPnacBT6Ov6tGUOpG/Bz8BZiBZu93FibQAAAAASUVORK5CYII=) center center no-repeat;
}

.ui-dialog.mvplus-dialog .ui-dialog-titlebar-buttonpane .ui-dialog-titlebar-minimize,
.ui-dialog.mvplus-dialog .ui-dialog-titlebar-buttonpane .ui-dialog-titlebar-restore
{
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAB50RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNS4xqx9I6wAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xNS8xNbi1xaIAAAA5SURBVBiVY/z//z8DEvjPwMDAiIXNwMRAJCBaIQvUClzgP7JCRhyKUMQpshrZ1ygKka3ApYkGwQMAkFwKGUfpUWAAAAAASUVORK5CYII=) center center no-repeat;
}

/** Notifications **/

.all-alerts-dialog .notifications-list li
{
	display: inline-block;
	height: 2.2em;
	width: 100%;
	line-height: 1.2em;
	cursor: pointer;
	padding-left: 18px;
	word-wrap: break-word;
	background: url(images/alerts-icon.png) 0 2px no-repeat;
}

.all-alerts-dialog .tabbable
{
	height: 100%;
}

.all-alerts-dialog .nav.nav-tabs {
	display: table;
	width: 100%;
	table-layout: fixed;
	position: relative;
	height: 40px;
	top: -2px;
}

.all-alerts-dialog .gridTabsHorizontal .nav.nav-tabs {
	top: 2px;
}

.all-alerts-dialog .nav.nav-tabs > li {
	top: 0;
	height: 40px;
    width: 100%;
	padding-left: 2px;
}

.all-alerts-dialog .nav.nav-tabs > li:first-of-type {
	margin-right: 1px;
}
.all-alerts-dialog .nav.nav-tabs > li:last-of-type {
	margin-left: 1px;
}

.all-alerts-dialog .tab-pane
{
	height: calc(100% - 40px);
	top: 38px;
}

.all-alerts-dialog .gridTabsHorizontal .tab-pane {
	top: 42px;
	height: 100%;
}

.all-alerts-dialog .tab-pane.active
{
	z-index: 1000;
}

.all-alerts-dialog .nav-tabs > li > a
{
	height: 18px;
	line-height: 18px;
	background-color: rgba(0,0,0,0.23);
	cursor: pointer;
	width: 100%;
}

.all-alerts-dialog .nav > li > a
{
    display: inline-block;
    padding: 10px 15px 10px 11px;
    width: calc(100% - 2px);
}

.all-alerts-dialog .nav-tabs > a 
{
	border: none;
	background: linear-gradient(#FFFFFF, #F1F1F1);
}

.all-alerts-dialog .nav-tabs .active > a 
{
	background-color: #2679B5;
}

.all-alerts-dialog .nav > li > a > uib-tab-heading > span
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(100% - 75px);
	display: inline-block;
	position: relative;
	top: 0;
	color: #656D6D;
}

.all-alerts-dialog .nav > li
{
	display: table-cell;
	position: relative;
	overflow: hidden;
}

.all-alerts-dialog .nav > li > a > uib-tab-heading > span:hover 
{
	text-decoration: initial;
}

.all-alerts-dialog .nav > li.active > a > uib-tab-heading > span
{
	color: #fff;
}
#content .all-alerts-dialog .ui-dialog-buttonpane
{

}
.all-alerts-dialog .tab-content .tab-pane
{
    display: none;
}
.all-alerts-dialog .tab-content .tab-pane.active
{
    display: block;
}

	.all-alerts-dialog .jobsGrid
	{
		width: 100%;
		height: 190px;
	}

/** Import **/

.import-file-dialog
{
	margin: -115px 0 0 -190px;
}

	.import-file-dialog label
	{
		padding: 9px 0 0 0;
	}

	.import-file-dialog select
	{
		width: 200px;
		max-width: 200px !important;
	}

    .import-file-dialog .qq-uploader 
    {
        width: 90% !important;
    }

	.import-file-dialog .qq-upload-cancel
	{
		display: inline-block;
		float: right;
		margin-right: -24px;
		background: url(images/basic-delete-grey.png) 0 0 no-repeat;
		border: none;
		overflow: hidden;
		text-indent: -1000px;
		width: 21px;
		height: 21px;
		cursor: pointer;
	}

	.import-file-dialog .qq-upload-file
	{
		margin: 2px 0 0 50px;
		width: 235px;
		overflow: hidden;
		float: left;
		font-size: 1.2em;
		font-style: italic;
	}

	.import-file-dialog .qq-upload-button-selector
	{
		padding-bottom: 2px;
	}

	.import-file-dialog .dialogueButton div
	{
		background: linear-gradient(#FFFFFF, #E4E4E4);
		border: 1px solid #AAA;
		cursor: pointer;
		box-shadow: 1px 1px 2px #BCBCBC;
		padding: 5px 20px;
		margin: 0.5em 0 0 0;
		margin-left: 2px;
		margin-top: 2px;
		display: inline-block;
		color: #333;
	}

		.import-file-dialog .dialogueButton div:hover
		{
			box-shadow: 1px 1px 2px #A1A1A1;
			border: 1px solid #888;
			color: #333;
		}

	.import-file-dialog .importPropertyGroupTop
	{
		clear: left;
		padding: 0 0 3px 0;
	}

	.import-file-dialog .importFAQ
	{
        position: relative;
        display: inline-block;
        z-index: 1000;
        float: right;
		top: 7px;
		left: 292px;
		padding: 1px 3px 1px 3px;
		font-weight: bold;
	}

	.import-file-dialog .importFAQ .ui-button-text
	{
		padding: 1px 3px 1px 3px;
		font-weight: bold;
	}

    .import-file-dialog .importHelp
    {
        height: 30px;
        display: inline-block;
    }

    .import-file-dialog .appendRadio label
    {
        width: auto !important;
        padding: 5px 0 0 105px !important;
    }

    .import-file-dialog .overwriteDatasets
    {
        margin-left: 105px;
        margin-top: 5px;
    }

    .import-file-dialog .overwriteExistingLabel
    {
        margin-bottom: 10px;
    }

    .import-file-dialog .importFileSelect
    {
        position: relative;
        top: -30px;
    }

    .import-file-dialog .fineUploaderFileList
    {
        position: relative;
        /*top: -15px;*/
    }

    .import-file-dialog .findFileButton
    {
        width: 290px;
    }

    .import-file-dialog .ui-dialog-buttonpane
    {
        margin-top: 20px !important;
        height: 0px !important;
    }

/** Tools **/
.ui-widget.mvplus-dialog.tools-dialog {
	width: 243px !important;
}
.tools-dialog #selectTools
{
	padding: 0 0 0 0;
	height: 47px; 
}

	.tools-dialog #selectTools span
	{
		display: inline-block;
		width: 45px;
		height: 45px;
		border: 1px solid rgba(0,0,0,0.13);
		margin-right: 2px;
		cursor: pointer;
		transition: border 1s ease;
	}
	.tools-dialog #selectTools span:hover {
		border: 1px solid rgba(0,0,0,0.35);
	}
		.tools-dialog #selectTools span:first-of-type {
			margin-left: 0;
		}
		.tools-dialog #selectTools span:last-of-type {
			margin-right: 0;
		}

		.tools-dialog #selectTools span:nth-child(1)
		{
			background: url(images/workview-tool-icons/workview-tool-profile.png) no-repeat center center, linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.03));
		}

		.tools-dialog #selectTools span:nth-child(2)
		{
			background: url(images/workview-tool-icons/workview-tool-line.png) no-repeat center center, linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.03));
		}

		.tools-dialog #selectTools span:nth-child(3)
		{
			background: url(images/workview-tool-icons/workview-tool-time.png) no-repeat center center, linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.03));
		}

		.tools-dialog #selectTools span:nth-child(4)
		{
			background: url(images/workview-tool-icons/workview-tool-catchments.png) no-repeat center center, linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.03));
		}

		.tools-dialog #selectTools span:nth-child(5)
		{
			background: url(images/workview-tool-icons/workview-tool-proximity.png) no-repeat center center, linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.03));
		}

.ui-widget.mvplus-dialog.tool-options
{
	position: absolute;
	left: 0;
	top: 125px;
	min-width: 350px;
}

	.ui-dialog.mvplus-dialog.tool-options label
	{
		padding: 0 0 0 0;
		width: 180px !important;
	}

	.ui-dialog.mvplus-dialog.tool-options label.ng-binding {
		width: 40px !important;
		padding: 0 !important;
		position: absolute;
		top: 0;
		left: 70px;
	}

	.ui-dialog.mvplus-dialog.tool-options .ng-scope div
	{
		clear: both;
		min-height: 34px;
		line-height: 28px;
		position: relative;
	}

	.ui-dialog.mvplus-dialog.tool-options .ng-scope div br {
		display: none;
	}

	.tool-options input[type="text"], .tool-options input[type="number"], .tool-options.theme-tool input[type="number"]
	{
		border: 1px solid #BCBCBC;
		box-shadow: 1px 1px 2px #BCBCBC;
		padding: 3px;
		background: url(images/loginFieldBG.png) 0 center repeat-x;
		width: 65px;
	}

	.ui-dialog.mvplus-dialog.tool-options select {
		width: 160px !important;
		min-width: initial;
		max-width: initial;
	}	

	.tool-options input[type="number"]:last-of-type { margin: 0 0 0 4px; }
	.tool-options input[type="number"]:first-of-type { margin: 0 5px 0 0; }
	.tool-options input[type="number"].ng-invalid {
		border-color: #FF4A48;
		border-width: 1px;
	}
	.tool-options input[type="range"] {
		width: 160px !important;
		position: absolute;
		top: 0;
		height: 21px;
		left: 178px;
		margin: 0 0 0 0;
		border: none;
	}
	.tool-options input[type="radio"]
	{
		bottom: -2px;
		position: relative;
	}

	.tool-options .firstRadio
	{
		margin-left: 0;
	}

	.tool-options p label
	{
		width: 140px;
	}

	.tool-options p
	{
		height: 2em;
		clear: both;
		text-indent: 8px;
	}

	.tool-options button
	{
		background: linear-gradient(#FFFFFF, #E4E4E4);
		border: 1px solid #AAA;
		cursor: pointer;
		box-shadow: 1px 1px 2px #BCBCBC;
		padding: 5px 20px 6px;
		line-height: 15px;
		float: right;
	}

.theme-tool input[type="number"]
{
	width: 80px;
}

	.theme-tool .rangeElement 
	{
		margin-left: 180px;
	}

	.theme-tool .maxElement 
	{
		margin-left: 3px;
	}

	.ui-dialog.mvplus-dialog.tool-options label.minMax 
	{
		width: 80px !important;
		text-align: left;
		float: left;
	}

/** Profiling Tool **/

.profiling-tool .ngCellText,
.profiling-tool .ngHeaderText
{
	line-height: 19px;
	text-align: left !important;
	padding: 5px 0 0 5px;
}

.profiling-tool .profileControlButtons 
{
	float: right;
}
	.profiling-tool .profileControlButtons button {
		margin-left: 5px;
		margin-right: 5px;
	}

.profiling-tool #leftColumnProfile
{
	float: left;
	width: 40%;
	display: inline-block;
}

	.profiling-tool #leftColumnProfile button
	{
		float: left;
		margin: 10px;
	}

	.profiling-tool #leftColumnProfile select
	{
		width: 150px;
	}

	.profiling-tool #leftColumnProfile label
	{
		padding: 6px 0 0 0;
	}

.profiling-tool #rightColumnProfile
{
	width: 58%;
	display: inline-block;
	margin-left: 5px;
}

	.profiling-tool #rightColumnProfile label
	{
		width: 150px;
		padding: 6px 0 0 0;
	}

	.profiling-tool #rightColumnProfile button
	{
		margin: 10px;
	}

	.profiling-tool #rightColumnProfile select
	{
		width: 240px;
		max-width: 240px;
	}

	.profiling-tool #rightColumnProfile input
	{
		width: 235px;
		max-width: 235px;
	}

	.profiling-tool #profilingBase 
	{
		margin-top: 5px;
	}


/** Theme datasets dialog  **/


/* From: https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp */
/* Chrome, Safari, Edge, Opera */
/*
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
*/
/* Firefox */
/*
input[type=number] {
	-moz-appearance: textfield;
}
*/

.theme-dataset-dialog {
	height: 710px !important;
}
.theme-dataset-dialog .thematicType {
	height: 580px !important;
	overflow-x: hidden;
}


.themeDataset .gridTabsVertical {
	display: block;

}
.themeDataset .tabbable
{
	height: 100%;
}
.themeDataset .nav.nav-tabs {
	display: table;
	width: 100%;
	table-layout: fixed;
	position: relative;
	height: 40px;
	top: -2px;
}

.themeDataset .gridTabsHorizontal .nav.nav-tabs {
	top: 2px;
}

.themeDataset .nav.nav-tabs > li {
	top: 0;
	height: 40px;
    width: 100%;
	padding-left: 2px
}

.themeDataset .nav.nav-tabs > li:first-of-type {
	margin-right: 1px;
}
.themeDataset .nav.nav-tabs > li:last-of-type {
	margin-left: 1px;
}

.themeDataset .tab-pane
{
	height: calc(100% - 40px);
	top: 38px;
}

.themeDataset .gridTabsHorizontal .tab-pane {
	top: 42px;
	height: 100%;
}

.themeDataset .tab-pane.active
{
	z-index: 1000;
}

.themeDataset .nav-tabs > li > a
{
	height: 18px;
	line-height: 18px;
	background-color: rgba(0,0,0,0.23);
	cursor: pointer;
	width: 100%;
}

.themeDataset .nav > li
{
	display: table-cell;
	position: relative;
	overflow: hidden;
}

.themeDataset .nav > li > a
{
    display: inline-block;
    padding: 10px 15px 10px 11px;
    width: calc(100% - 26px);
}

.themeDataset .nav-tabs > a
{
	border: none;
	background: linear-gradient(#FFFFFF, #F1F1F1);
}

.themeDataset .nav-tabs .active > a
{
	background-color: #2679B5;
}

.themeDataset .nav > li > a > uib-tab-heading > span
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(100% - 75px);
	display: inline-block;
	position: relative;
	top: 0;
	color: #656D6D;
}

#content .themeDataset .nav > li > a:hover
{
	text-decoration: none;
	color: #222;
}

.themeDataset .nav > li.active > a > uib-tab-heading > span 
{
	color: #fff;
}

.themeDataset .tab-content .tab-pane
{
    display: none;
}
.themeDataset .tab-content .tab-pane.active
{
    display: block;
}

.thematicField 
{
	padding-bottom: 10px;
}
.themeDataset label 
{
	padding-top: 5px;
}

.themeDataset .numRanges, .themeRanges
{
	padding-bottom: 5px;
}

.themeDataset input[type="number"]
{
	width: 80px;
}
	.themeDataset .rangesLabels
	{
		width: 100%;
		height: 25px;
		display: block;
	}

	.themeDataset .rangeElement 
	{
		margin-left: 110px;
	}

	.themeDataset .maxElement 
	{
		margin-left: 3px;
	}
	.themeDataset .opacity 
	{
		display: inline-block;
		float: left;
		width: 100%;
	}

	.themeDataset .heatmapColour 
	{
		margin-left: 110px;
	}

    .themeDataset .numHeatmapColours
	{
		margin-bottom: 5px;
	}

	.ui-dialog.mvplus-dialog label.minMax 
	{
		width: 90px !important;
		text-align: left;
		float: left;
	}

	.themeDataset select
	{
		max-width: 100% !important;
	}

.themeDataset .thematicArea {
	width: 39%;
	display: inline-block;
}

.themeDatasetThemeTemplates{
	display: inline-block;
	max-width: 60%;
	margin-left:10px;
	position: relative;
	top: -9px;
}

.themeDataset #displayNameInput {
	width: 210px;
}

.themeDataset .showCounts {
	padding-top: 3px;
}

/** Reports List **/
.reportlist-dialog .full-height {
	height: 100%;
}

.reportlist-dialog .reportsGrid {
	width: 100%;
}

.reportlist-dialog .report-icon-view a {
	display: inline-block;
	height: 19px;
	width: 18px;
	background: url(images/data-controls/data-view.png) 0 bottom no-repeat;
	text-indent: -200px;
	overflow: hidden;
}

.reportlist-dialog .ui-grid-filter-container {
	padding: 1px 3px;
}

.reportlist-dialog .ngCellText a {
	cursor: pointer;
	opacity: 0.7;
	transition: opacity: 0.6s ease;
	margin: 2px 0 0 0px;
}

	.reportlist-dialog .ngCellText a:hover {
		opacity: 1;
	}

/** Report Viewer */
.report-viewer {
	height: 600px;
}

	.report-viewer #report-container {
		height: 100%;
		min-height: 600px;
		display: flex;
		flex-direction: column;
	}

		.report-viewer #report-container iframe {
			flex-grow: 1;
		}

/** Workviews List **/
.workviews-dialog .full-height {
	height: 100%;
}

.workviews-dialog .workviewsGrid
{
	width: 100%;
}

.workviews-dialog .ui-grid-filter-container 
{
	padding: 1px 3px;
}

/*.workviews-dialog li
{
	display: block;
	height: 2.1em;
	line-height: 2.2em;
	text-indent: 14px;
	cursor: pointer;
}

.workviews-dialog ul
{
	display: block;
	height: 306px;
	overflow: auto;
}
*/
.workviews-dialog .workview-properties li
{
	border-top: 1px dotted #FFFFFF;
	border-bottom: 1px dotted #D8D9DC;
	display: block;
	height: 29px;
	line-height: 29px;
	background: url(images/workviews-properties-bullet.gif) 0 3px no-repeat;
	cursor: pointer;
	z-index: 100;
	text-indent: 30px;
	position: relative;
}

	/*.workviews-dialog .workviews-properties-rename
	{
		background: url(images/workviews-properties-rename.gif) center center no-repeat;
		right: 52px;
	}

	.workviews-dialog .workviews-properties-clone
	{
		background: url(images/workviews-properties-clone.gif) center center no-repeat;
		right: 28px;
	}

	.workviews-dialog .workviews-properties-delete
	{
		background: url(images/workviews-properties-delete.gif) center center no-repeat;
		right: 2px;
	}*/



	.workviews-dialog .datasets-icon-view a
	{
		display: inline-block;
		height: 19px;
		width: 18px;
		background: url(images/data-controls/data-view.png) 0 bottom no-repeat;
		text-indent: -200px;
		overflow: hidden;
	}

	.workviews-dialog .workviews-properties-clone a
	{
		display: inline-block;
		height: 19px;
		width: 18px;
		background: url(images/data-controls/data-clone.png) 0 bottom no-repeat;
		text-indent: -200px;
		overflow: hidden;
	}

	.workviews-dialog .workviews-properties-cloneall a {
		display: inline-block;
		height: 19px;
		width: 18px;
		background: url(images/data-controls/data-cloneall.png) 0 bottom no-repeat;
		text-indent: -200px;
		overflow: hidden;
	}

	.workviews-dialog .workviews-properties-delete a
	{
		display: inline-block;
		height: 19px;
		width: 18px;
		/*background: url(images/workviews-properties-delete.gif) 0 bottom no-repeat;*/
		background: url(images/data-controls/data-delete.png) 0 bottom no-repeat;
		text-indent: -200px;
		overflow: hidden;
	}
	
    .workviews-dialog .ngCellText a {
		cursor: pointer;
		opacity: 0.7;
		transition: opacity: 0.6s ease;
		margin: 2px 0 0 0px;
	}
	.workviews-dialog .ngCellText a:hover {
		opacity: 1;
	}
	.workviews-dialog .editedworkview {
		color: blue;
	}

	.workviews-dialog .all-users-span {
		position: absolute;
		z-index: 1000;
		top: 20px;
		width: 60%;
	}

	.workviews-dialog .all-users-input{
		float: right;
	}

/** Datasets Dialog **/
.datasets-dialog {
	width: 100%;
	max-width: 70%;
	min-height: 350px;
}

.datasets-tool {
	overflow: visible !important;
}
.datasets-dialog .dropdown-menu 
{
	min-width: 0;
	width: 165px;
	left: -80px;
	padding: 5px;
}
.datasets-dialog .dropdown-menu > li > a 
{
	margin: 2px 0 0 2px;
	padding: 0;
}

.datasets-dialog .btn 
{
	vertical-align: -webkit-baseline-middle;
}

.datasets-dialog .arrow-down
{
	display: inline-block;
	vertical-align: top;
	margin-top: 7px;
	width: 0px;
	height: 0px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top:4px solid #fff;
}
	.datasets-dialog .full-height 
	{
		height: 100%;
	}

	.datasets-dialog .datasetsGrid
	{
		width: 100%;
	}

	.datasets-dialog .hiddenColumn
	{
		display: none;
	}

	.datasets-dialog .ngCellText
	{
		line-height: 19px;
		text-align: left !important;
	}
	.datasets-dialog .ui-grid-viewport .ui-grid-cell-contents
	{
		line-height: 18px;
	}
	.datasets-dialog .ui-grid-tree-base-row-header-buttons i {
		cursor: pointer;
	}

	.datasets-dialog .colt3 .ngVerticalBarVisible
	{
		background-color: transparent;
		width: 0;
	}

	.datasets-dialog .colt4 .ngVerticalBarVisible
	{
		background-color: transparent;
		width: 0;
	}

	.datasets-dialog .colt5 .ngVerticalBarVisible
	{
		background-color: transparent;
		width: 0;
	}

	.datasets-dialog .colt6 .ngVerticalBarVisible
	{
		background-color: transparent;
		width: 0;
	}

	.datasets-dialog .colt7 .ngVerticalBarVisible
	{
		background-color: transparent;
		width: 0;
	}

	.datasets-dialog .colt8 .ngVerticalBarVisible
	{
		background-color: transparent;
		width: 0;
	}
	.datasets-dialog .ngCellText a {
		cursor: pointer;
		opacity: 0.7;
		transition: opacity: 0.6s ease;
		margin: 5px 0 0 5px;
	}
	.datasets-dialog .ngCellText a:hover {
		opacity: 1;
	}

	.datasets-dialog .datasets-icon-view a
	{
		display: inline-block;
		height: 19px;
		width: 18px;
		background: url(images/data-controls/data-view.png) 0 bottom no-repeat;
		text-indent: -200px;
		overflow: hidden;
	}

	.datasets-dialog .datasets-icon-delete a
	{
		display: inline-block;
		height: 19px;
		width: 18px;
		background: url(images/data-controls/data-delete.png) 0 bottom no-repeat;
		text-indent: -200px;
		overflow: hidden;
	}

	.datasets-dialog .datasets-icon-locked a
	{
		display: inline-block;
		height: 19px;
		width: 18px;
		background: url(images/data-controls/data-locked.png) 0 bottom no-repeat;
		text-indent: -200px;
		overflow: hidden;
	}


/** Datasets Dialog - Calculate Data Dialog **/

.calc-data-dialog {
	max-width: 885px;
	width: 885px;
}
.calc-data-dialog #calculateDataDialog label
{
	width: 90% !important;
	margin-bottom: 5px;
}
.calc-data-dialog #controlsSection 
{
	height: 400px;
	width: 885px;
}

.calc-data-dialog #leftControls
{
	float: left;
	width: 450px;
	display: inline-block;
}

	.calc-data-dialog .conf-datasets-grid
	{
		width: 100%;
		height: 380px !important;
	}

	.calc-data-dialog .search-area 
	{
		width: 100%;
		height: 40px;
	}

.calc-data-dialog #centreSection
{
	width: 405px;
	vertical-align: top;
	display: inline-block;
	position: relative;
	margin-left: 20px;
}
	.calc-data-dialog .selectionLabel
	{
		height: 18px;
		width: 100%;
		display: block;
	}

	.calc-data-dialog .gridNumerator
	{
		width: 100%;
		margin-bottom: 10px;
	}

	.calc-data-dialog #centreSection #LHButtons
	{
		display: inline-block;
		float: left;
		margin-top: 45px;
	}
	.calc-data-dialog #centreSection #LHButtons button {
		margin-bottom: 10px;
	}

	.calc-data-dialog #centreSection #centreControls
	{
		display: inline-block;
		width: 90%;
		margin-left: 10px;
	}

	.calc-data-dialog #centreSection #NewColumnName
	{
		width: 98%;
		margin-bottom: 10px;
	}
.calc-data-dialog #operationControls
{
	width: 270px;
	padding-left: 57px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 5px;
}

	.calc-data-dialog #operationControls select
	{
		/* margin-left: 1em; */
		width: 80px;
	}

.calc-data-dialog #rightSection
{
	width: 405px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-left: 20px;
}

	.calc-data-dialog #rightSection #RHButtons
	{
		display: inline-block;
		float: left;
		margin-top: 50px;
	}

	.calc-data-dialog #rightSection #RHButtons button {
		margin-bottom: 10px;
	}

	.calc-data-dialog #rightSection #rightControls
	{
		display: inline-block;
		width: 90%;
		margin-left: 10px;
	}

	.calc-data-dialog .gridDenominator
	{
		width: 366px;
		height: 102px;
		margin-top: 3px;
		margin-bottom: 10px;
	}

	.calc-data-dialog .gridDenominator .ui-grid-top-panel
	{
		overflow: inherit;
	}

	.calc-data-dialog #rightSection #rightConstant
	{
		margin-left: 37px;
	}

		.calc-data-dialog #rightSection #rightConstant #FixedValue
		{
			width: 9em;
		}

	.calc-data-dialog .ui-dialog-buttonpane {
		margin-top: 0.3em;
	}

/** Workview Dialog **/

/** Workview Dialog - toolbox controls **/

.workview-dialog .workviewTitleRename 
{
	float: left;
	width: 20px;
	height: 20px;
	margin-top: 4px;
	margin-right: 4px;
	opacity: 0.7;
	cursor: pointer;
	transition: all ease 0.6s;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAB50RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNS4xqx9I6wAAABZ0RVh0Q3JlYXRpb24gVGltZQAwOS8wNy8xNX/jX8QAAAB/SURBVDiNzVRBDoAgDOsMD/fn8yIIy6YdGkNPBLZSaDNRVUxAAYh3ULoCFpXI65HiFGaJKxS4FA6bJNHe7bX1llT1iPUJ7R9WeAZRSYgIbTOdgIzCV4TAqJK+4DdTgMlns6bQWD/YnxPKOWDDgRnAq1eYecgacTdgm8szEXF7Dl3GFTqU4IrVAAAAAElFTkSuQmCC) center center no-repeat;
}
	.workview-dialog .workviewTitleRename:hover {
		opacity: 1;
	}

.workview-dialog .workview-toolbox-control
{
	display: inline-block;
	padding: 1px;
	background: #FAFAFA;
	width: calc(100% - 4px);
	height: 36px;
	border-width: 1px;
	border-style: solid;
	border-color: #D0D0D0;
	margin-bottom: 4px;
}

	.workview-dialog .workview-toolbox-control li
	{
		  display: inline-block;
		  padding: 0px 1px 0px;
		  height: 34px;
		  margin-right: 0;
		  position: absolute;
		  top: 3px;
	}
	
	/* re-position all buttons (should be coded so TEMP FIX) */

	.workview-dialog .workview-toolbox-control li:nth-child(1) { left: 2px; }
	.workview-dialog .workview-toolbox-control li:nth-child(2) { left: -38px; }
	/*.workview-dialog .workview-toolbox-control li:nth-child(2) { left: 38px; } */
	.workview-dialog .workview-toolbox-control li:nth-child(3) { right: 2px; }
	.workview-dialog .workview-toolbox-control li:nth-child(4) { left: 38px; }

	.workview-dialog .workview-toolbox-control li:nth-child(5) { left: 74px; }
	.workview-dialog .workview-toolbox-control li:nth-child(6) { left: 146px; }
	.workview-dialog .workview-toolbox-control li:nth-child(7) { left: 182px; }

	.workview-dialog .workview-toolbox-control li:nth-child(8) { left: 222px; }
	.workview-dialog .workview-toolbox-control li:nth-child(9) { left: 258px; }
	.workview-dialog .workview-toolbox-control li:nth-child(10) { left: 292px; }
	.workview-dialog .workview-toolbox-control li:nth-child(11) { left: 328px; }
	.workview-dialog .workview-toolbox-control li:nth-child(12) { left: 364px; }

	.workview-dialog .workview-toolbox-control li:nth-child(13) { left: 404px; }
	.workview-dialog .workview-toolbox-control li:nth-child(14) { left: 440px; }
	.workview-dialog .workview-toolbox-control li:nth-child(15) { left: 480px; }

	.workview-dialog .workview-toolbox-control li:nth-child(16) { right: 110px; }
	.workview-dialog .workview-toolbox-control li:nth-child(17) { right: 74px; }
	.workview-dialog .workview-toolbox-control li:nth-child(18) { right: 182px; }
	.workview-dialog .workview-toolbox-control li:nth-child(19) { right: 38px; }
	.workview-dialog .workview-toolbox-control li:nth-child(20) { right: 146px; }
	.workview-dialog .workview-toolbox-control li:nth-child(22) { right: 254px; }
	.workview-dialog .workview-toolbox-control li:nth-child(23) { right: 218px; }
	.workview-dialog .workview-toolbox-control li:nth-child(24) { right: 290px; }

	.workview-dialog .workview-toolbox-control li:nth-child(21) { left: 110px; }

		.workview-dialog .workview-toolbox-control li a
		{
			display: inline-block;
			width: 32px;
			height: 32px;
			cursor: pointer;
			border: 1px solid #D0D0D0;
		}

		.workview-dialog .workview-toolbox-control li:nth-child(1) a
		{
			background: url(images/workview-tool-icons/add-dataset.png) no-repeat center center, linear-gradient(#FFFFFF, #F8F8F8);
		}

		.workview-dialog .workview-toolbox-control li:nth-child(3) a
		{
			background: url(images/workview-tool-icons/workview-rotate-large.png) no-repeat center center, linear-gradient(#FFFFFF, #F8F8F8);
		}

		.workview-dialog .workview-toolbox-control li:nth-child(4) a
		{
			background: url(images/workview-tool-icons/config-dataset.png) no-repeat center center, linear-gradient(#FFFFFF, #F8F8F8);
		}

		.workview-dialog .workview-toolbox-control li:nth-child(5) a
		{
			background: url(images/workview-tool-icons/export-csv.png) no-repeat center center, linear-gradient(#FFFFFF, #F8F8F8);
		}

		.workview-dialog .workview-toolbox-control li:nth-child(6) a
		{
			background: url(images/workview-tool-icons/edit-dataset.png) no-repeat center center, linear-gradient(#FFFFFF, #F8F8F8);
		}

		.workview-dialog .workview-toolbox-control li:nth-child(7) a
		{
			background: url(images/workview-tool-icons/add-to-dataset.png) no-repeat center center, linear-gradient(#FFFFFF, #F8F8F8);
		}

		.workview-dialog .workview-toolbox-control li:nth-child(8) a
		{
			background: url(images/workview-tool-icons/workview-tool-line.png) no-repeat center center, linear-gradient(#FFFFFF, #F8F8F8);
		}

		.workview-dialog .workview-toolbox-control li:nth-child(9) a
		{
			background: url(images/workview-tool-icons/workview-tool-time.png) no-repeat center center, linear-gradient(#FFFFFF, #F8F8F8);
		}

		.workview-dialog .workview-toolbox-control li:nth-child(10) a
		{
			background: url(images/workview-tool-icons/workview-tool-catchments.png) no-repeat center center, linear-gradient(#FFFFFF, #F8F8F8);
		}

		.workview-dialog .workview-toolbox-control li:nth-child(11) a
		{
			background: url(images/workview-tool-icons/workview-tool-createcatchment.png) no-repeat center center, linear-gradient(#FFFFFF, #F8F8F8);
		}

		.workview-dialog .workview-toolbox-control li:nth-child(12) a
		{
			background: url(images/workview-tool-icons/workview-tool-proximity.png) no-repeat center center, linear-gradient(#FFFFFF, #F8F8F8);
		}

		.workview-dialog .workview-toolbox-control li:nth-child(13) a
		{
			background: url(images/workview-tool-icons/workview-tool-thematic.png) no-repeat center center, linear-gradient(#FFFFFF, #F8F8F8);
		}

		.workview-dialog .workview-toolbox-control li:nth-child(14) a
		{
			background: url(images/workview-tool-icons/workview-tool-profile.png) no-repeat center center, linear-gradient(#FFFFFF, #F8F8F8);
		}

		.workview-dialog .workview-toolbox-control li:nth-child(15) a
		{
			background: url(images/workview-tool-icons/select-all.png) no-repeat center center, linear-gradient(#FFFFFF, #F8F8F8);
		}

		.workview-dialog .workview-toolbox-control li:nth-child(16) a
		{
			background: url(images/workview-tool-icons/map-select-tool.png) no-repeat center center, linear-gradient(#FFFFFF, #F8F8F8);
		}

		.workview-dialog .workview-toolbox-control li:nth-child(17) a
		{
			background: url(images/workview-tool-icons/scale-line.png) no-repeat center center, linear-gradient(#FFFFFF, #F8F8F8);
		}

		.workview-dialog .workview-toolbox-control li:nth-child(18) a
		{
			background: url(images/workview-tool-icons/workview-tool-clusteroff.png) no-repeat center center, linear-gradient(#FFFFFF, #F8F8F8);
		}

		.workview-dialog .workview-toolbox-control li:nth-child(19) a
		{
			background: url(images/workview-tool-icons/print-map.png) no-repeat center center, linear-gradient(#FFFFFF, #F8F8F8);
		}

		.workview-dialog .workview-toolbox-control li:nth-child(20) a
		{
			background: url(images/workview-tool-icons/popup-select.png) no-repeat center center, linear-gradient(#FFFFFF, #F8F8F8);
		}

		.workview-dialog .workview-toolbox-control li:nth-child(21) a
		{
			background: url(images/workview-tool-icons/save-selection.png) no-repeat center center, linear-gradient(#FFFFFF, #F8F8F8);
		}

		.workview-dialog .workview-toolbox-control li:nth-child(22) a {
			background: url(images/workview-tool-icons/workview-tool-labeleditoff.png) no-repeat center center, linear-gradient(#FFFFFF, #F8F8F8);
		}

		.workview-dialog .workview-toolbox-control li:nth-child(23) a {
			background: url(images/workview-tool-icons/workview-tool-labelreset.png) no-repeat center center, linear-gradient(#FFFFFF, #F8F8F8);
		}

		.workview-dialog .workview-toolbox-control li:nth-child(24) a {
			background: url(images/workview-tool-icons/note.png) no-repeat center center, linear-gradient(#FFFFFF, #F8F8F8);
		}

		.workview-dialog .workview-toolbox-control .clusterOn
		{
			background: url(images/workview-tool-icons/workview-tool-clusteron.png) no-repeat center center, linear-gradient(#FFFFFF, #F8F8F8) !important;
		}

		.workview-dialog .workview-toolbox-control .labelEditOn {
			background: url(images/workview-tool-icons/workview-tool-labelediton.png) no-repeat center center, linear-gradient(#FFFFFF, #1e90ff) !important;
		}

		.workview-dialog .workview-toolbox-control .selected
		{
			background: url(images/workview-tool-icons/map-select-tool.png) no-repeat center center, linear-gradient(#FFFFFF,  #1e90ff) !important;
		}

		.workview-dialog .workview-toolbox-control .popupToolSelected
		{
			background: url(images/workview-tool-icons/popup-select.png) no-repeat center center, linear-gradient(#FFFFFF,  #1e90ff) !important;
		}

		.workview-dialog .workview-toolbox-control .addNotesToolSelected {
			background: url(images/workview-tool-icons/note.png) no-repeat center center, linear-gradient(#FFFFFF, #1e90ff) !important;
		}

		.workview-dialog .workview-toolbox-control .disableWidget
		{
			cursor: default; 
			opacity: .5;
		    pointer-events: none;
		}

		.workview-dialog .workview-toolbox-control li a :hover
		{
			border: 1px solid #A4A4A4;
		}

		.workview-dialog .workview-toolbox-control li:nth-child(7),
		/*.workview-dialog .workview-toolbox-control li:nth-child(21),*/
		.workview-dialog .workview-toolbox-control li:nth-child(12),
		.workview-dialog .workview-toolbox-control li:nth-child(14)
		{
			padding-right: 2px;
			margin-right: 1px;
			border-right: 2px solid rgba(38,121,181,0.7);
		}

/** Workview Dialog - Add Dataset **/

.add-datasets-dialog
{
	width: 100%;
	max-width: 70%;
	min-height: 425px;
}

	.add-datasets-dialog .full-height
	{
		height: 100%;
	}

	.add-datasets-dialog .ui-grid-footer-info {
	  padding-left: 2px;
	  padding-top: 7px;
	  font-weight: bold;
	}

	.add-datasets-dialog .ui-grid-column-menu-button-last-col 
	{
		margin-right: 1px;
	}


/** Workview Dialog - Add new Item **/

.add-workview-newitem label
{
	padding: 0 !important;
	width: 50px !important;
}

.add-workview-newitem input[type="text"]
{
	width: 75%;
}

/** Workview Dialog - Map Display Styles **/

.workview-dialog .mapStyleHorizontal
{
	display: block;
	height: calc(44% - 52px);
	width: calc(100% - 22px);
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 92px;
}

.workview-dialog .mapStyleVertical
{
	display: block;
	height: calc(100% - 105px);
	width: calc(50% - 12px);
	position: absolute;
	left: 50%;
	top: 42px;
	border: 1px solid #BCBCBC;
	float: right;
	top: 92px;
}

.workview-dialog .mapStyleAll
{
	display: block;
	height: calc(100% - 102px);
	width: calc(100% - 20px);
	position: absolute;
	top: 92px;
}

.workview-dialog .mapStyleHidden
{
	display: none;
}

.workview-dialog .form-control,
.edit-dataset-dialog .form-control 
{
	height: 16px;
	padding: 2px 2px 2px 2px;
}

.ui-select-container 
{
	width: calc(100% - 6px);
}

/** Workview Dialog - Map Search Field **/

.searchBox  {
	
	position: absolute;
	z-index: 1;
	right: 11px;
	top: 11px;
	width: 270px;
	height: 24px;
	z-index: 1000;
	
}
.searchBox .ui-select-container {
	width: 100%;
	height: 100%;
	border: 2px solid #FFF;
	box-shadow: 1px 0px 2px 1px rgba(0,0,0,0.1);
	background: linear-gradient(rgba(255,255,255,0.25), rgba(200,200,200,0.25));
	border-radius: 25px;
}
.searchBox .ui-select-container:focus {
	width: 100%;
	height: 100%;
	outline-color: transparent;
	background: linear-gradient(rgba(255,255,255,0.35), rgba(200,200,200,0.35));
}
.searchBox .ui-select-match {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAARCAYAAAA2cze9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAB50RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNS4xqx9I6wAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNi8xOS8xNVQUca4AAAHQSURBVDiNrZMxixNRFEa/CWsKF222s0mxaBMIZLew2ypbaWu52C1JsIqFCOLgT9hfYGm3dbQIUQQlW0VII2yxheAQGQiTMXmTuXMsdlwCmphZvPDBg3feuZfHewKUZxt4CpwBAfAd+AA8Bm4tcRtnWXxmZglgS0nNzJnZO+DOdeUfAQuCoNdsNh9K2pe032q1HgRB0DOz1My6wO2i8iMzWwRB0JO0K6l8tSmVJe3mDebOuaNC8iRJvgCZ7/sHqyDf9w/MLJ3P528Lyc1sweWY5ZWQVDYzS5LkWxF5SZInSUCiFfV7DyitYv5Wpdlsdp6vK2u4iiTFcXy+hvlTPhwOX2dZlprZySrIzE6AxWg0elNELkk7YRgOgBQ4BSpL91YBTrMssyiKRtd65/V6vRaG4cDMXN7kKmbmsixzgJIkeV5YLqlUr9dr/X7/ZRiGA+fcD+fcOAzDz91u9xkgu6wp8AQoFfmhklSStCPpnqRanruAjo+P98bjcR/IgAXwqJB8LSRttdvt+3EcXwBZmqYBcPhf5HmDG51O53A6nX41s2Qymbz615mtTZ8UsPA87321Wn1RrVb3oij61Gg01p7x8qk2Ls/ztiXdlPQTiNexvwBVT2Tl5SGf1gAAAABJRU5ErkJggg==) center right no-repeat;
	border: none;
	box-shadow: none;
}
.searchBox .ui-select-match:focus {
	outline-color: transparent;
}
.workview-dialog .searchBox .form-control,
.edit-dataset-dialog .searchBox .form-control {
	height: 20px;
	line-height: 20px;
	background: none;
	border: none;
	box-shadow: none;
	border-radius: none;
	padding-left: 10px;
}
.searchBox.requestingData .form-control.ui-select-search {
background: url(data:image/gif;base64,R0lGODlhGQARAMQAAP////39/fv9/fv7+/v7/fn7+/f5+fX39/P39/H19fP19/P19fHz9e/z9e/z8+/x8+3x8+nt7+ft7eft7+fr7eXr7eXr6+Xp6+Pp6+Pp6eHn6d/n59/n6d/l593l5+W3uSH/C05FVFNDQVBFMi4wAwEAAAAh+QQJBQAeACwAAAEAEAAPAAAFUaAnetsjAKjwbOMYBYKDaRYzBFEbAUnXepoEIEcKNHw/0SHAegyQyeLDM3BEWwmBB4C5jiyALcvbAlzIrQEDPXJCyZtAj+3ZHej1gLzCLp2uIQAh+QQJBAAeACwAAAEAEAAOAAAFTKAnetsjAKjwbOMYBYKDaRYzBFEbAUnXepoEIEcKNHw/0SHAegyQyeLDM3BEWwmBB4C5jiyALcvbAlzIrQEDPXJCyZtAj+3ZvckadggAIfkECQMAHgAsAAABABAADAAABUqgJ3rbIwCo8GzjGAWCg2kWMwRRGwFJ13qaBCBHCjR8P9EhwHoMkMniwzNwRFsJgQeAuY4sgC3LCwwDLmQPJTxgpDUHzwORHkHTIQAh+QQJAgAeACwAAAEAEAAMAAAFSaAnetsjAKjwbOMYBYKDaRYzBFEbAUnXepoEIEcKNHw/0SHAegyQyeLDM3BEWwmBB4C5jiyALcsLDFPIIkoYLVJo2Z3AlO3pdEIAIfkECQIAHgAsAAABABAADgAABUqgJ3rbIwCo8GzjGAWCg2kWMwRRGwFJ13qaBCBHCjR8P9EhwHoMkMniw9PJRFsJwTVpAWx/Gu93RBGPPQrtWROYnpessWR4FlVEIQAh+QQJAgAeACwCAAEADgAPAAAFSKDnbY8AnMKziWIUCA6mWcwQRCIGJB0ragkAzqPp+ViHwOp43AQeTGZCED1aAFWfBpsVUbhdBbWreXY9yWVUgxBmGYJbN6UOAQAh+QQJAQAeACwGAAEACgAPAAAFO6DnAYDwbGKqWcwQRGmsJQAcp0eA3t4WPDxRQhD0WABFDTJIWfIURJ7mF8ztVIiaB1NZMQQvkYNUOqVCACH5BAkBAB4ALAMAAgANAA4AAAU/oCeOYxGRqNclwJmSR7C94xY89JgIuWgBPY8G2KMQcwpeTnPrxWaOlAbR8mACgURFY2EIAi7P5iEAmAWPmSgEACH5BAkBAB4ALAAABgAQAAoAAAU+oCeOJIk5ZTpagKpqrVtSbWfJoiJ4z9DJmsDDswkkfqpDYCOKAA4pDQIQIUUCxorGwhAEqqXNQwAoCx5MUQgAIfkECQIAHgAsAAAIABAACAAABTqgB2xeaZ4ncKFsVw4MiyqC9wyu7GnB422BRI51CJA8EcCBpUEAIqdIIFjRWBiCABS1eQgAYMHj6AkBACH5BAkCAB4ALAAAAwAPAA0AAAVAoOd1YmmaW4CdrPcMZGsOjnwCq10Cm75fPtGAEXTBgqlEjEUpRQAHlgYBAIoigUCiorEwBIHIafMQAM6CR88TAgAh+QQJAgAeACwAAAEADQAPAAAFQKAnettTjagYBYKUjhGQdK+4BQ1de8+g7wPHbgTADEWAzdEDuCwHjGXvV7vNjrHDi7oKJCoaC8NALQkAaMGjEwIAIfkEBQMAHgAsAAABAA0ADwAABUGgJ3rbIwCo8GxjFAgOplnM0IkRkNxjvwUNXm/0sA2HA8dxCMAsewDWUwS4TEUDxtVTFC5/u2vusHUFEpVp6TQMAQAh+QQJBAAeACwAAAEADgAPAAAFFaAnjmRplkF0lgm0vnAsz3Rt33huhgA7) center right no-repeat;
width: calc(100% - 12px);
}
.searchBox * {
	outline: 0 !important; 
}
.searchBox *:focus {
	outline: 0 !important; 
}

.ui-dialog.mvplus-dialog.map-printoptions label
{
    margin-top: 8px;
}
	.map-printoptions .styleRadio {
		display: inline-block;
		width: 80%;
	}

	.map-printoptions .styleRadio label {
		width: 200px !important;
	}

	.map-printoptions .pdfOptions{
		padding-top: 10px;
	}

	.div-disabled {
		pointer-events: none;
		opacity: 0.5;
	}

.ui-select-container input {
	font-family: "Segoe UI", 'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgba(0,0,0,0.5);
}
.ui-select-container span
{
	font-family: "Segoe UI", 'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgba(0,0,0,0.5);
}

/** Workview Dialog - Grid Display Styles **/

.workview-dialog .gridTabsHorizontal
{
	display: block;
	height: calc(50% - 10px);
	width: calc(100% - 20px);
	top: 50%;
	position: absolute;
	padding: 0 0 0 0;
	background-color: #FFF;
}
.gridTabsHorizontal .ui-grid {
	height: calc(100% - 45px) !important;
}

.workview-dialog .gridTabsVertical
{
	display: block;
	height: calc(100% - 105px);
	width: calc(50% - 12px);
	position: absolute;
	float: right;
	top: 94px;
}

.workview-dialog .gridTabsAll
{
	display: block;
	height: calc(100% - 102px);
	width: calc(100% - 20px);
	position: absolute;
	float: right;
	top: 94px;
}

.workview-dialog .gridTabsHidden
{
	display: none;
}

/** Workview Dialog - uiGrid setup **/
	
.workview-dialog .full-height 
{
	height: 100%;
}

.workview-dialog .ui-grid-footer-info 
{
	  padding-left: 2px;
	  padding-top: 8px;
	  font-weight: normal;
	  font-size: 0.8em;
	  text-indent: 5px;
}

.workview-dialog .ui-grid-filter-container 
{
	padding: 1px 3px;
}

.workview-dialog .numericFilter .ui-grid-filter-container 
{
	width: 42%;
	float: left;
}

.workview-dialog .ui-grid-filter-button [class^="ui-grid-icon"]
{
	right: 0px;
}

.workview-dialog .ui-grid-column-menu-button-last-col 
{
	margin-right: 1px;
}

.workview-dialog .workViewNumericRow .ui-grid-cell-contents
{
	float: right;
}

.workview-dialog .ui-grid-header {
	border: none;
}
.workview-dialog .ui-grid-header-cell {
	padding-bottom: 2px;
	padding-right: 2px;
	border-bottom: 1px solid #d4d4d4;
}

/** Workview Dialog - Tabs **/

.workview-dialog .tab-pane
{
	position: absolute;
	width: 100%;
	height: calc(100% - 40px);
	top: 38px;
}
.workview-dialog .gridTabsHorizontal .tab-pane 
{
	top: 42px;
	height: 100%;
}

	.workview-dialog .tab-pane.active
	{
		z-index: 1000;
	}
.workview-dialog .tab-content .tab-pane 
{
	display: none;
}

.workview-dialog .tab-content .tab-pane.active {
	display: block;
}

.workview-dialog .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{

}

.workview-dialog .nav-tabs > li.dragging {
  opacity: 0.5;
}

.workview-dialog .nav-tabs > li > a
{
	height: 18px;
	line-height: 18px;
	background-color: rgba(0,0,0,0.23);
	cursor: pointer;
	width: 100%;
}

.workview-dialog .nav-tabs > a
{
	border: none;
	background: linear-gradient(#FFFFFF, #F1F1F1);
}

.workview-dialog .nav-tabs .active > a
{
	background-color: #2679B5;
}
.workview-dialog .nav-tabs > li .filteredDataset
{
	display: inline-block;
    position: relative;
    top: 0px;
    left: 0px;
    width: 14px;
    height: 14px;
    overflow: hidden;
    text-indent: -200px;
    border: none;
    border: 1px solid rgba(255,255,255,0.85);
    margin-right: 5px;
    padding: 1px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAB50RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNS4xqx9I6wAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8wNy8xNtUFQBkAAABZSURBVCiRY/z///9/BjIACxKbkUg9/xkYGBiYsAjWk2ojzFaY0xuJ1fgfqhGfZnh4MGIJHEYkRcj+RlGH7kdkBTg14dKIrhBrdOHSSBAMI4040zE+jXgTPwB0RxeTXGMZOQAAAABJRU5ErkJggg==) center center no-repeat transparent;
}
.workview-dialog .nav-tabs > li .notFilteredDataset
{
    display: none;
}

.workview-dialog .nav-tabs > li .closeThisTab
{
	display: block;
	width: 16px;
	text-align: center;
	line-height: 14px;
	height: 16px;
	border-radius: 0;
	text-shadow: none;
	box-shadow: none;
	position: absolute;
	top: 10px;
	right: 10px;

	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAB50RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNS4xqx9I6wAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xNS8xNbi1xaIAAABDSURBVBiVjU9BCgAwCKro/192l4jmDCZEoVLmAOwHUR1VjOZDCGpuo6stUwsmCM3x6RXTuD1zGTkTZ35O+zJbKlKZD5eODxEfuhRyAAAAAElFTkSuQmCC) center center no-repeat;
	cursor: pointer;
	border: 1px solid rgba(255,255,255,1);
	opacity: 0.7;
	overflow: hidden;
	text-indent: -1000px;
	transition: opacity 0.6s ease;
}
	.workview-dialog .nav-tabs .active > a .closeThisTab:hover,
	.workview-dialog .nav-tabs > li .closeThisTab:hover
	{
		opacity: 1;
		background-color: transparent;
	}

	.workview-dialog .nav-tabs .active > a .closeThisTab:hover
	{

	}

.workview-dialog .nav > li
{
	display: table-cell;
	position: relative;
	overflow: hidden;
}

	.workview-dialog .nav > li > a
	{
		display: inline-block;
		padding: 10px 15px 10px 11px;
		width: calc(100% - 26px);
	}

		.workview-dialog .nav > li > a > uib-tab-heading > span 
		{
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			width: calc(100% - 30px);
			display: inline-block;
			position: relative;
			top: 0;
			color: #656D6D;
		}

		.workview-dialog .nav > li > a > uib-tab-heading > span:hover 
		{
			text-decoration: initial;
		}

	.workview-dialog .nav > li.active > a > uib-tab-heading > span 
	{
		color: #fff;
	}

.workview-dialog .tabbable
{
	height: 100%;
}

	.workview-dialog .nav.nav-tabs
	{
		display: table;
		width: 100.1%;
		table-layout: fixed;
		position: relative;
		height: 40px;
		top: -2px;
	}
	 .workview-dialog .gridTabsHorizontal .nav.nav-tabs {
		top: 2px;
	}

		.workview-dialog .nav.nav-tabs > li
		{
			top: 0;
			height: 40px;
			width: 100%;
			padding-left: 2px;
		}
		.workview-dialog .nav.nav-tabs > li:first-of-type {
			padding-left: 0;
		}

/** Workview Dialog - Clone Workview **/

.clone-workview-dialog {
	width: 100%;
	max-width: 70%;
	min-height: 100px;
}

	.clone-workview-dialog .full-clone-height {
		height: 100% !important;
	}


/** Workview Dialog - Custom Zoom Controls on Map **/

.ol-zoom.ol-control
{
	position: absolute;
	top: 8px;
	left: 8px;
	background: none;
	border-radius: 4px;
	padding: 2px;
}

	.ol-zoom.ol-control button
	{
		display: block;
		margin: 1px 1px 3px;
		padding: 0;
		height: 28px;
		width: 26px;
		border: 2px solid #FFF;
		box-shadow: 1px 0px 2px 1px rgba(0,0,0,0.1);
		text-shadow: none;
		overflow: hidden;
		text-indent: -999px;
		position: relative;
	}

		.ol-zoom.ol-control button.ol-zoom-in
		{
			background: url(images/map-zoom-in.png) center center no-repeat, linear-gradient(rgba(210,210,210,0.8), rgba(180,180,180,0.8));
		}

		.ol-zoom.ol-control button.ol-zoom-out
		{
			background: url(images/map-zoom-out.png) center center no-repeat, linear-gradient(rgba(210,210,210,0.8), rgba(180,180,180,0.8));
		}

/** Workview Dialog - Custom Layer Switicher Controls on Map **/

.layer-switcher
{
	top: 29px;
	right: 0.5em;
}

	.layer-switcher .panel
	{
		display: none;
	}

	.layer-switcher.shown .panel
	{
		display: block;
	}

	.layer-switcher button
	{
		float: right;
		background-repeat: no-repeat;
		background-position: 2px;
	}

		.layer-switcher button:focus, .layer-switcher button:hover
		{
			background-color: white;
		}

.ol-control.layer-switcher
{
	background-color: transparent;
}

	.ol-control.layer-switcher button
	{
		top: 12px;
		right: 3px;
		display: block;
		margin: 1px 1px 3px;
		padding: 0;
		height: 28px;
		width: 26px;
		border: 2px solid #FFF;
		box-shadow: 1px 0px 2px 1px rgba(0,0,0,0.1);
		text-shadow: none;
		overflow: hidden;
		text-indent: -999px;
		position: relative;
		z-index: 110;
	}

	.ol-control.layer-switcher button
	{
		background: url(images/map-layers.png) center center no-repeat, linear-gradient(rgba(210,210,210,0.5), rgba(180,180,180,0.6));
	}

	.ol-control.layer-switcher .panel
	{
		border: 2px solid #FFF;
		box-shadow: 1px 0px 2px 1px rgba(0,0,0,0.1);
		background: linear-gradient(rgba(210,210,210,0.8), rgba(180,180,180,0.9));
		color: #111111;
		padding: 10px 10px 10px 10px;
		position: relative;
		top: 8px;
		width: auto;
		height: auto;
		z-index: 100;
	}

	.ol-control.layer-switcher thead
	{
		padding-left: 0;
	}

	.ol-control.layer-switcher .layerVisible
	{
		background: url(images/map_layers_view.png) center center no-repeat, linear-gradient(rgba(210,210,210,0.5), rgba(180,180,180,0.6));
		height: 15px;
	}

	.ol-control.layer-switcher .labelsVisible
	{
		background: url(images/map_layers_label.png) center center no-repeat, linear-gradient(rgba(210,210,210,0.5), rgba(180,180,180,0.6));
	}

	.ol-control.layer-switcher tr
	{
		padding-left: 0;
	}

		.ol-control.layer-switcher tr input
		{
			float: left;
			margin: 3px 3px 3px 4px;
		}

	.ol-control.layer-switcher label
	{
		display: inline-block;
		float: left;
		white-space: nowrap;
		overflow: hidden;
		width: auto !important;
		line-height: normal !important;
		height: auto;
	}


.zoom-level {
	top: 279px;
	left: 13px;
	position: absolute;
	background: none;
	border-radius: 4px;
	padding: 2px;
	display: block;
	font-size: 9px;
}



/** Workview Dialog - Edit tool on Map **/

.edit-tool {
	top: 65px;
	right: 0.5em;
}


@keyframes editAnimation{
	from {
		background-color: orangered;
	}

	to {
		background-color: orange;
	}
}

@keyframes savingAnimation {
	from {
		background-color: black;
	}

	to {
		background-color: white;
	}
}

.ol-control.edit-tool {
	background-color: transparent;
}
	.ol-control.edit-tool button {
		top: 12px;
		right: 3px;
		display: block;
		margin: 1px 1px 3px;
		padding: 0;
		height: 28px;
		width: 26px;
		border: 2px solid #FFF;
		box-shadow: 1px 0px 2px 1px rgba(0,0,0,0.1);
		text-shadow: none;
		overflow: hidden;
		text-indent: -999px;
		position: relative;
		z-index: 110;
	}

	.ol-control.edit-tool button {
		background: center center no-repeat, linear-gradient(rgba(210,210,210,0.2), rgba(180,180,180,0.3));
	}

	.ol-control.edit-tool .noEdits {
		top: 17px;
		right: 7px;
		width: 20px;
		height: 20px;
		border-radius: 10px;
		background-color: forestgreen;
		display: block;
		position: absolute;
		box-shadow: 1px 0px 2px 1px rgba(0,0,0,0.1);
		text-shadow: none;
		overflow: hidden;
		z-index: 90;
	}

	.ol-control.edit-tool .edits {
		top: 17px;
		right: 7px;
		width: 20px;
		height: 20px;
		border-radius: 10px;
		background-color: orangered;
		display: block;
		position: absolute;
		box-shadow: 1px 0px 2px 1px rgba(0,0,0,0.1);
		text-shadow: none;
		overflow: hidden;
		z-index: 90;
		animation-name: editAnimation;
		animation-duration: 1s;
		animation-iteration-count: 10000;
	}

	.ol-control.edit-tool .saving {
		top: 17px;
		right: 7px;
		width: 20px;
		height: 20px;
		border-radius: 10px;
		background-color: black;
		display: block;
		position: absolute;
		box-shadow: 1px 0px 2px 1px rgba(0,0,0,0.1);
		text-shadow: none;
		overflow: hidden;
		z-index: 90;
		animation-name: savingAnimation;
		animation-duration: 0.5s;
		animation-iteration-count: 10000;
	}

/** Workview Dialog - Custom Heatmap tool on Map **/

.workview-dialog .heatmap-tool
{
	top: 29px;
	right: 0.5em;
}

	.workview-dialog .heatmap-tool .panel
	{
		display: none;
	}

	.workview-dialog .heatmap-tool.shown .panel
	{
		display: block;
	}

	.workview-dialog .heatmap-tool button
	{
		float: right;
		background-repeat: no-repeat;
		background-position: 2px;
	}

		.workview-dialog .heatmap-tool button:focus, .heatmap-tool button:hover
		{
			background-color: white;
		}

.workview-dialog .ol-control.heatmap-tool
{
	background-color: transparent;
}

	.workview-dialog .ol-control.heatmap-tool button
	{
		top: 48px;
		right: 3px;
		display: block;
		margin: 1px 1px 3px;
		padding: 0;
		height: 28px;
		width: 26px;
		border: 2px solid #FFF;
		box-shadow: 1px 0px 2px 1px rgba(0,0,0,0.1);
		text-shadow: none;
		overflow: hidden;
		text-indent: -999px;
		position: relative;
		z-index: 110;
	}

	.workview-dialog .ol-control.heatmap-tool button
	{
		background: url(images/map-heatmap.png) center center no-repeat, linear-gradient(rgba(210,210,210,0.5), rgba(180,180,180,0.6));
	}

	.workview-dialog .ol-control.heatmap-tool .panel
	{
		border: 2px solid #FFF;
		box-shadow: 1px 0px 2px 1px rgba(0,0,0,0.1);
		background: linear-gradient(rgba(210,210,210,0.8), rgba(180,180,180,0.9));
		color: #111111;
		padding: 10px 10px 10px 10px;
		position: relative;
		top: 45px;
		width: 230px;
		height: auto;
		z-index: 100;
	}

	.workview-dialog .ol-control.heatmap-tool label
	{
		display: block;
		float: left;
		white-space: nowrap;
		overflow: hidden;
		/* width: auto !important; */
		line-height: normal !important;
		height: auto;
	}

/** Workview Dialog - Custom selection tool control on Map **/

.workview-dialog .selection-tool
{
	top: 37px;
	right: 3.5em;
}

	.workview-dialog .selection-tool select
	{
		min-width: 0px !important;
	}
	.workview-dialog .selection-tool .panel
	{
		display: none;
	}

	.workview-dialog .selection-tool.shown .panel
	{
		display: block;
	}

	.workview-dialog .selection-tool .toggle.shown
	{
		display: block;
	}

	.workview-dialog .selection-tool .toggle
	{
		display: none;
	}

.workview-dialog .ol-control.selection-tool
{
	background-color: transparent;
}

	.workview-dialog .ol-control.selection-tool #toggleButton
	{
		position: absolute;
		top: 5px;
		right: 5px;
		/*display: block;*/
		margin: 1px 1px 3px;
		padding: 0;
		height: 28px;
		width: 26px;
		border: 2px solid #FFF;
		box-shadow: 1px 0 2px 1px rgba(0,0,0,0.1);
		text-shadow: none;
		overflow: hidden;
		text-indent: -999px;
		z-index: 90;
		background: url(images/selection-tool.png) center center no-repeat, linear-gradient(rgba(210,210,210,0.5), rgba(180,180,180,0.6));
	}

	.workview-dialog .ol-control.selection-tool .panel
	{
		border: 2px solid #FFF;
		box-shadow: 1px 0px 2px 1px rgba(0,0,0,0.1);
		background: linear-gradient(rgba(210,210,210,0.8), rgba(180,180,180,0.9));
		color: #111111;
		padding: 40px 10px 10px 10px;
		position: relative;
		top: 0px;
		width: auto;
		height: auto;
		z-index: 85;
	}

	.workview-dialog .ol-control.selection-tool label
	{
		display: inline-block;
		float: left;
		white-space: nowrap;
		overflow: hidden;
		width: 70px !important;
		line-height: normal !important;
		height: auto;
		padding-right: 5px;
	}


.workview-dialog .tooltip {
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	color: white;
	padding: 3px 5px;
	opacity: 0.7;
	white-space: nowrap;
}
.workview-dialog .tooltip-measurekm {
	opacity: 1;
	font-weight: bold;
}
.workview-dialog .tooltip-measurekm:before
{
	border-top: 6px solid rgba(0, 0, 0, 0.5);
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	content: "";
	position: absolute;
	bottom: -6px;
	margin-left: -7px;
	left: 50%;
}
.workview-dialog .tooltip-measuremi {
	opacity: 1;
	font-weight: bold;
}
.workview-dialog .tooltip-measuremi:before
{
	border-bottom: 6px solid rgba(0, 0, 0, 0.5);
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	content: "";
	position: absolute;
	top: -6px;
	margin-left: -7px;
	left: 50%;
}

/** Workview Dialog - Custom Map Attributes **/

.ol-control.ol-attribution.ol-collapsed
{
	background-color: transparent;
}


/** Workview Dialog - Custom Map Theme Legend - Thematic Mapping Console **/
/* The 'gap' that appears while dragging */
.ui-sortable-placeholder {
	height: 30px;
	background: #f0f0f0;
	visibility: visible !important;
	border: 1px dashed #ccc;
}

/* Make the row look grab-able for is-sortable themes only (Unique Values) */
.theme-legend .is-sortable tr {
	cursor: move;
	user-select: none;
}

.theme-legend tr {
	cursor: default;
	user-select: none;
}




.ol-control.theme-legend
{
	background-color: transparent;
	right: 0.5em;
	text-align: left;
	bottom: 3.75em;
	font-size: 0.75em;
}

	.ol-control.theme-legend.shown {
		max-height: 700px;
		bottom: 0.5em;
	}

	.ol-control.theme-legend #toggleButton
	{
		position: absolute;
		top: 5px;
		right: 9px;
		display: block;
		margin: 1px 1px 3px;
		padding: 0;
		height: 28px;
		width: 26px;
		border: 2px solid #FFF;
		box-shadow: 1px 0 2px 1px rgba(0,0,0,0.1);
		text-shadow: none;
		overflow: hidden;
		text-indent: -999px;
		z-index: 100;
		background: url(images/map-theme.png) center center no-repeat, linear-gradient(rgba(210,210,210,0.5), rgba(180,180,180,0.6));
	}

	.ol-control.theme-legend #closeButton
	{
		position: absolute;
		top: 5px;
		right: 36px;
		display: block;
		margin: 1px 1px 3px;
		padding: 0;
		height: 28px;
		width: 26px;
		border: 2px solid #FFF;
		box-shadow: 1px 0 2px 1px rgba(0,0,0,0.1);
		text-shadow: none;
		overflow: hidden;
		text-indent: -999px;
		z-index: 100;
		background: url(images/close.png) center center no-repeat, linear-gradient(rgba(210,210,210,0.5), rgba(180,180,180,0.6));
	}

	.ol-control.theme-legend .panel
	{
		border: 2px solid #FFF;
		box-shadow: 1px 0 2px 1px rgba(0,0,0,0.1);
		background: rgba(210,210,210,1);
		color: #111111;
		padding: 35px 7px 5px 7px;
		position: relative;
		top: 0;
		right: 0;
		display: none;
	}

	.ol-control.theme-legend.shown .panel
	{
		display: block;
	}

	.ol-control.theme-legend #ThemeTable
	{
		margin-top: 3px;
		width: 100%;
	}
		.ol-control.theme-legend .themeHeader,
		.ol-control.theme-legend #ThemeTable td
		{
			font-size: inherit;
			font-weight: inherit;
			text-align: left;
			vertical-align: middle;
			margin-bottom: 3px;
		}
		.ol-control.theme-legend .themeHeader 
		{
            padding-top: 2px;
            padding-bottom: 2px;
			text-align: left;
            border: 1px solid #FFF;
            font-weight: bold;
		}
		.ol-control.theme-legend .themeHeaderExtraPadding {
			margin-top: 4px;
		}

			.ol-control.theme-legend .colourValue
			{
				width: 26px;
				vertical-align: middle;
			}

			.ol-control.theme-legend .lowerBoundary {
				width: auto;
				text-align: right !important;
				vertical-align: middle;
			}

			.ol-control.theme-legend .dash {
				width: 18px;
				text-align: center !important;
				vertical-align: middle;
			}

			.ol-control.theme-legend .upperBoundary {
				width: auto;
				text-align: right !important;
				vertical-align: middle;
			}

			.ol-control.theme-legend .itemCount {
				width: auto;
				padding-left: 5px;
				text-align: right !important;
				vertical-align: middle;
			}

			.ol-control.theme-legend .uniqueValue {
				text-align: left;
				vertical-align: middle;
			}

	.themeRectangle
	{
		display: inline-block;
		width: 180px;
		height: 20px;
		border: 2px solid #FFFFFF;
		margin-left: 0;
		box-shadow: 1px 0 2px 1px rgba(0,0,0,0.1);
	}

	.themeLegendRectangle
	{
		display: inline-block;
		width: 16px;
		height: 16px;
		margin-left: 0;
		box-shadow: 1px 0 2px 1px rgba(0,0,0,0.1);
   		border: 2px solid #FFFFFF;
	}

    .borderLine
	{
		display: inline-block;
		width: 200px;
		margin-left: 10px;
	}

    .borderThickness
    {
        margin-top: 2px;
    }
	.themeDataset .borderAlert {
		padding-top: 5px;
		margin-left: 110px;
		width: 17	0px;
		font-size: small;
	}

    .borderColour
    {
        margin-top: 5px;
    }

    .borderLabel
    {
        width: 80px !important;
        padding-top: 5px !important;
    }

    .borderLabelEx
    {
        width: 80px !important;
        padding-top: 10px !important;
    }

    .borderLabelCheck
    {
        width: 80px !important;
        padding-top: 2px !important;
    }

    .opacityValue
    {
        width: 60px !important;
        float: right !important;
        padding-top: 5px !important;
    }

/** Workview Dialog - Custom Rotate Control  **/

.ol-control.ol-rotate
{
	display: none;
}

/** Workview - Create Catchment Dialog  **/
.ui-dialog.mvplus-dialog.workview-newcatchment label 
{
	width: 100%;
}
.ui-dialog.mvplus-dialog.workview-newcatchment .destination 
{
	margin-top: 10px;
}
.ui-dialog.mvplus-dialog.workview-newcatchment input 
{
	max-width: 300px;
	margin-bottom: 10px;
}

.ui-dialog.mvplus-dialog.workview-newcatchment #addnewitemName 
{
	width: 90%;
	margin-top: 5px;
}

.ui-dialog.mvplus-dialog.workview-newcatchment select 
{
	margin-left: 20px;
	max-width: 376px;
}

/** Common inputStringDialog **/

.ui-dialog.mvplus-dialog.inputStringDialog {
	width: 310px !important;
}

.inputStringDialog label
{
	padding: 0 0 5px 0;
}

.inputStringDialog input 
{
	width: 305px;
}

.inputStringDialog .ui-dialog-titlebar-close {
    visibility: hidden;
}

/** Common - Configure Dataset Dialog **/

.conf-datasets-dialog
{
	height: 680px !important;
	width: 850px !important;
}

/* On small screens shrink the dialog slightly to make it all visible */
@media screen and (max-height: 800px) {
	.conf-datasets-dialog {
		transform: scale(0.8); /* Scale down the div */
		top: 0px !important;
	}
}

@media screen and (max-height: 600px) {
	.conf-datasets-dialog {
		transform: scale(0.6); /* Scale down the div */
		top: -50px !important;
	}
}

	.conf-datasets-dialog .conf-datasets-grid
	{
		width: 100%;
		height: 480px !important;
	}

	.conf-datasets-dialog .search-area 
	{
		height: 40px;
	}
	
	.conf-datasets-dialog .full-height 
	{
		height: 480px;
	}

	.conf-datasets-dialog .opacity 
	{
		padding-top: 5px;
	}

	.conf-datasets-dialog .styleRadioButtons {
		margin-left: 20px;
		display: inline-block;
		width: 32%;
	}

	.conf-datasets-dialog .styleRadio
	{
		display: inline-block;
		width: 51%;
	}

	.conf-datasets-dialog .styleRadio label
	{
		width: 200px !important;
	}

	.conf-datasets-dialog .linkToOutletIsLinkedMessage,
	.conf-datasets-dialog .linkToOutletIssueMessage,
	.conf-datasets-dialog .appendingDatasetsIssueMessage
	{
		border: 1px solid #000000;
		border-radius: 20px;
		box-shadow: none;
		top: 7px;
		padding: 0 20px;
		font-size: 1em;
		line-height: 2em;
		text-shadow: none;
		margin-left: 5%;
		margin-right: 5%;
		text-align: center;
		color: white;
		background:royalblue;
	}

	.conf-datasets-dialog .outlets
	{
		width: 100%;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.conf-datasets-dialog .outlets label
	{
		width: 20%;
		padding: 6px 0 0 7px;
	}

	.conf-datasets-dialog div.method
	{
		margin-top: 3px;
	}

	.conf-datasets-dialog span.attributes  
	{
		padding: 15px;
	}

	.conf-datasets-dialog .outlets select
	{
		width: 80%;
		min-width: 80%;
		max-width: 80%;
	}

	.conf-datasets-dialog select.attributes 
	{
        width: 60%;
		min-width: 60%;
		/* width: auto; */
	}

	.conf-datasets-dialog .tabbable
	{
		height: 100%;
	}

	.conf-datasets-dialog .nav.nav-tabs {
		display: table;
		width: 100%;
		table-layout: fixed;
		position: relative;
		height: 40px;
		top: -2px;
	}

	.conf-datasets-dialog .gridTabsHorizontal .nav.nav-tabs {
		top: 2px;
	}

	.conf-datasets-dialog .nav.nav-tabs > li {
		top: 0;
		height: 40px;
		width: 100%;
		padding-left: 2px;
	}

	.conf-datasets-dialog .nav.nav-tabs > li:first-of-type {
		margin-right: 1px;
	}
	.conf-datasets-dialog .nav.nav-tabs > li:last-of-type {
		margin-left: 1px;
	}

	.conf-datasets-dialog .tab-pane
	{
		height: calc(100% - 40px);
		top: 38px;
	}

	.conf-datasets-dialog .gridTabsHorizontal .tab-pane {
		top: 42px;
		height: 100%;
	}

	.conf-datasets-dialog .tab-pane.active
	{
		z-index: 1000;
	}

	.conf-datasets-dialog .nav > li
	{
		display: table-cell;
		position: relative;
		overflow: hidden;
	}

	.conf-datasets-dialog .nav-tabs > li > a
	{
		height: 18px;
		line-height: 18px;
		background-color: rgba(0,0,0,0.23);
		cursor: pointer;
		width: 100%;
	}

	.conf-datasets-dialog .nav > li > a
	{
		display: inline-block;
		padding: 10px 15px 10px 11px;
		width: calc(100% - 26px);
	}

	.conf-datasets-dialog .nav-tabs > a
	{
		border: none;
		background: linear-gradient(#FFFFFF, #F1F1F1);
	}

	.conf-datasets-dialog .nav-tabs .active > a
	{
		background-color: #2679B5;
	}

	.conf-datasets-dialog .nav > li > a > uib-tab-heading > span 
	{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: calc(100% - 25px);
		display: inline-block;
		position: relative;
		top: 0;
		color: #656D6D;
	}

	.conf-datasets-dialog .nav > li > a > uib-tab-heading > span:hover
	{
		text-decoration: initial;
	}

	.conf-datasets-dialog .nav > li.active > a > uib-tab-heading > span 
	{
		color: #fff;
	}
	#content .conf-datasets-dialog .ui-dialog-buttonpane
	{

	}
	.conf-datasets-dialog .tab-content .tab-pane
	{
		display: none;
	}
	.conf-datasets-dialog .tab-content .tab-pane.active
	{
		display: block;
	}

	.conf-datasets-dialog .datasets-icon-delete a
	{
		display: inline-block;
		height: 19px;
		width: 18px;
		background: url(images/data-controls/data-delete.png) 0 bottom no-repeat;
		text-indent: -200px;
		overflow: hidden;
        margin: 5px 0 0 3px;
	}

	.conf-datasets-dialog .confDatasetsThemeTemplates
	{
		display: inline-block;
		position: relative;
		top: -5px;
	}

/** Common - Theme templates **/
.themeTemplateFieldSet {
	display: inline-block;
	border-width: 2px;
	border-style: groove;
}

.themeTemplateFieldSet legend {
	margin-left: 5px;
	margin-bottom: 2px;
	color: black;
}

.themeTemplateSelect {
	display: inline-block;
	padding-left: 5px;
	width: 350px;
	max-width: 350px;
	font-size: small;
}

.themeTemplateApplyButton {
	display: inline-block;
	padding-left: 5px;
	font-size: small;
}

.themeTemplateManageButton {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
	font-size: small;
}

.themeTemplateSelect select{
	width: 350px;
	max-width: 350px !important;
}

/** Common - manage templates themes **/

.manageTemplatesFieldSet {
	display: inline-block;
	border-width: 2px;
	border-style: groove;
	padding-bottom: 5px;
	padding-right: 20px;
	margin-bottom: 15px;
}

.manageTemplatesFieldSet legend {
	margin-left: 15px;
	margin-bottom: 15px;
	color: black;
}

.manageTemplatesFieldSet label {
	width: 150px !important;
	display: inline-block !important;
	float: none !important;
	margin-left: 20px;
	margin-bottom: 5px;
}

.manageTemplatesFieldSet .nonIndentLabel {
	width: 460px !important;
	margin-left: 0px;
}

.manageTemplateThemes #nameInput {
	width: 450px;
	margin-left: 4px;
}

.manageTemplateThemes .disableOverwriteExisting {
	pointer-events: none;
	opacity: 0.5;
}

.manageTemplateThemes .saveTemplateButton {
	margin-left: 200px;
	margin-top: 7px;
	margin-bottom: 5px;
	margin-right: 10px;
	width: 75px;
};

.manageTemplateThemes .ui-grid {
	width: 650px;
	height: 350px;
}

 /** Manage theme template dialog */
.manage-templates-dialog .theme-templates-clone a {
	display: inline-block;
	text-align: center;
	height: 19px;
	width: 18px;
	background: url(images/data-controls/data-clone.png) 0 bottom no-repeat;
	text-indent: -200px;
	overflow: hidden;
}

.manage-templates-dialog .theme-templates-delete a {
	display: inline-block;
	text-align: center;
	height: 19px;
	width: 18px;
	/*background: url(images/workviews-properties-delete.gif) 0 bottom no-repeat;*/
	background: url(images/data-controls/data-delete.png) 0 bottom no-repeat;
	text-indent: -200px;
	overflow: hidden;
}

.manage-templates-dialog .ngCellText a {
	cursor: pointer;
	opacity: 0.7;
	transition: opacity: 0.6s ease;
	margin: 2px 0 0 0px;
}

	.manage-templates-dialog .ngCellText a:hover {
		opacity: 1;
	}

/** Common - edit dataset **/
	.edit-dataset-dialog {
	min-height: 700px;
	display: block;
}
    .edit-dataset-dialog .editDatasetGrid
    {
        height: 700px;
    }

	.edit-dataset-dialog .relocate-icon-view a {
		display: inline-block;
		padding-top: 2px;
		height: 19px;
		width: 18px;
		background: url(images/data-controls/data-crosshairs.png) 0 bottom no-repeat;
		text-indent: -200px;
		overflow: hidden;
	}
	.edit-dataset-dialog .map-style
	{
        display: block;
	    height: calc(50% - 55px);
	    width: calc(100% - 22px);
	    position: absolute;
	    border: 1px solid #BCBCBC;
	}

	.edit-dataset-dialog .full-height
	{
        display: block;
        width: calc(100% - 20px);
	    height: calc(50% - 48px);
        top: 50%;
	    position: absolute;
		padding-top: 10px;
	}

	.edit-dataset-dialog .ui-grid-footer-info {
	  padding-left: 2px;
	  padding-top: 7px;
	  font-weight: normal;
	  font-size: 0.8em;
	  text-indent: 5px;
	}

	.edit-dataset-dialog .ui-grid-header-canvas 
	{
		height: 50px;
	}
	
	/*
	.edit-dataset-dialog .ui-grid-header-cell-row 
	{
		height: 25px;
	}
	*/

	.edit-dataset-dialog .ui-grid-column-menu-button-last-col 
	{
		margin-right: 1px;
	}

    .edit-dataset-dialog .workViewNumericRow .ui-grid-cell-contents
    {
	    float: right;
    }

    .edit-dataset-dialog .ui-grid-filter-container 
    {
	    padding: 1px 3px;
    }

    .edit-dataset-dialog .numericFilter .ui-grid-filter-container 
    {
	    width: 42%;
	    float: left;
    }

	.edit-dataset-dialog .ui-grid-cell input[type="checkbox"] {
		/* applies to the normally visible checkbox, and the temporary checkbox created when cell is focussed */
		margin: 9px auto 0 auto;
		display: block; 
	}

.ui-dialog.mvplus-dialog.edit-dataset-dialog select {
	padding: 1px;
}

/** Common - style dataset **/

	.styleDataset 
	{
		width: 855px;
		/*height: 460px;*/
		display: block;
	}

	.styleDataset .imageContainer 
	{
		height: 30px; 
		text-align: center;
	}

	.styleDataset label 
	{
		padding-top: 0px;
	}

	.styleDataset .headerLabel
	{
		padding-bottom: 15px;
	}

	.styleDataset .leftControls
	{
		float: left;
		width: 240px;
		height: 100%;
		display: inline-block;
		margin-top: 5px;
		margin-right: 10px;
	}

	.styleDataset .leftControls label
	{
		width: inherit !important;
	}

	.styleDataset .leftControls select
	{
		width: 95%;
		max-width: 100%;
		overflow-x: auto;
		overflow-y: auto;
		height: 280px;
	}

	.styleDataset .centreControls
	{
		width: 295px;
		height: 100%;
		display: inline-block;
		margin-top: 5px;
		vertical-align: top;
	}

	.styleDataset .centreControls .defineStyleControls
	{
		height: 343px;
		padding-right: 10px;
	}

	.styleDataset .centreControls select
	{
		width: 180px;
		min-width: 180px;
		max-width: 100%;
	}

	.styleDataset .centreControls .centreLabel
	{
		width: 100% !important;
		display: block;
		padding-bottom: 5px;
	}

	.styleDataset .shapeControls {
		height: 100%;
		width: 100%;
		margin-top: 25px;
	}

	.styleDataset .defineShape 
	{
		display: block;
	}

	.styleDataset .definePolyColour
	{
		padding-top: 15px;
	}

	.styleDataset .examplePolyColour
	{
		display: block;
		margin-left: 80px;
	}

	.styleDataset .exampleShape
	{
		display: block;
		margin-left: 80px;
        margin-bottom: 10px;
	}

	.styleDataset .centreControls .otherStyleControls
	{
		display: block;
		vertical-align: bottom;
	}

	.styleDataset .othersHeader 
	{
		display: block;
		margin-bottom: 5px;
	}

	.styleDataset .colourLabel 
	{
		width: 80px !important;
		padding-top: 5px;
	}

	.styleDataset .sizeLabel 
	{
		display: inline-block;
		width: 80px !important;
	}
	.styleDataset .sizeAlert {
		padding-top: 5px;
		margin-left: 80px;
		width: 350px;
		font-size: small;
	}
	.styleDataset .thicknessAlert {
		padding-top: 5px;
		margin-left: 80px;
		width: 170px;
		font-size: small;
	}

	.styleDataset .centreRightControls
	{
		width: 30px;
		height: 100%;
		display: inline-block;
		margin-top: 5px;
		vertical-align: top;
	}

	.styleDataset .centreRightControls .centreButtons
	{
		display: inline-block;
		float: right;
		margin-right: 5px;
		margin-top: 135px;
	}
	.styleDataset .centreRightControls .centreButtons button {
		margin-bottom: 5px;
	}

	.styleDataset .rightControls
	{
		width: 270px;
		height: 100%;
		display: inline-block;
		margin-top: 5px;
	}

	.styleDataset .rightControls select
	{
		width: 100%;
		max-width: 100%;
		overflow-x: auto;
		overflow-y: auto;
		height: 280px;
	}

	.styleDataset .style-datasets-availablegrid
	{
		width: 235px !important;
		height: 450px !important;
	}

	.styleDataset .style-datasets-styledgrid 
	{
		width: 98%;
		height: 450px !important;
	}

	.styleDataset .style-datasets-icongrid
	{
		width: 100%;
		height: 253px !important;
	}

	.styleDataset .ui-grid img 
	{
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}

	.styleDataset .selectedRectangle
	{
		position: relative;
		top: 10%;
		left: 35%;
		display: inline-block;
		width: 16px;
		height: 16px;
		margin-left: 0;
		box-shadow: 1px 0 2px 1px rgba(0,0,0,0.1);
	}

	.styleDataset .showCounts label {
		width: 80px !important;
		padding-top: 2px !important;
	}

	.styleDataset .showCounts input {
		margin-top: 13px;
	}


	.styleDataset .stylingCatchments {
		width: 750px;
	}

	.stylingCatchments .opacity {
		margin-right: 61%;
	}

	.styleDataset .showCopyColours {
		padding-top: 30px;
	}

	.styleDataset .copyColoursHeaderLabel {
		margin-left: 0px;
		width: 400px !important;
		font-weight: bold;
		font-size: 1.1em;
	}

	.styleDataset .copyColourSelection {
		width: 100%;
		margin-top: 30px;
	}

	.styleDataset .copyColourLabel {
		width: 80px !important;
		margin-top: 5px;
	}

	.styleDataset .copyColoursButton {
		width: 100px;
	}

	.styleDataset .copyColoursButton, .copyColourDescription {
		margin-left: 80px;
		margin-top: 10px;
	}

	.styleDataset .copyColourDescriptionLabel {
		width: 520px !important;
		font-size: smaller;
	}
	.styleDataset .copyColourCatchments{
		width: auto !important;
	}

	.swal2-title {
		padding: 0 !important;
	}

	/** Common - Filter component **/
	.filterDataset {
		display: inline-block;
		width: 100%;
	}

	.filterDataset .filterDatasetGrid
	{
		height: 300px;
	}

	.filterDataset .grid 
	{
	  width: 400px;
	  height: 300px;
	}
	.filterDataset .ui-grid-header-canvas 
	{
		height: 50px;
	}
	.filterDataset .ui-grid-header-cell-row 
	{
		height: 50px;
	}

	.filterDataset .gridStyle
	{
		border: 1px solid #88A4D3;
	}

	.filterDataset .areaSelectionLabel 
	{
		height: 25px;
	}

	.filterDataset .areaSelection
	{
		padding-top: 5px;
	}

	.filterDataset .areaSelection select 
	{
		max-width: 80% !important;
	}

	.filterDataset .areaSelection label
	{
		margin-top: 5px;
	}
	
	.filterDataset .ui-grid-footer-info 
	{
		padding-left: 2px;
		padding-top: 7px;
		font-weight: bold;
	}

	.filterDataset .ui-grid-filter-container {
		padding: 1px 3px;
	}
	.filterDataset .numericFilter .ui-grid-filter-container 
	{
		width: 46%;
		float: left;
		padding: 1% 2%;
	}

    .diamond {
        width: 0;
        height: 0;
        border: var(--shapeSize) solid transparent;
        border-bottom-color: var(--shapeColour);
        position: relative;
        top: var(--shapeNegSize);
    }
    .diamond:after {
        content: "";
        position: absolute;
        left: var(--shapeNegSize);
        top: var(--shapeSize);
        width: 0;
        height: 0;
        border: var(--shapeSize) solid transparent;
        border-top-color: var(--shapeColour);
    }

    .star {
        margin: var(--shapeSize50PC) 0;
        position: relative;
        color: var(--shapeColour);
        width: 0px;
        height: 0px;
        border-right: var(--shapeSize) solid transparent;
        border-bottom: var(--shapeSize70PC) solid;
        border-left: var(--shapeSize) solid transparent;
        border-bottom-color: var(--shapeColour);
        transform: rotate(35deg);
    }
    .star:before {
        border-bottom: var(--shapeSize80PC) solid;
        border-left: var(--shapeSize30PC) solid transparent;
        border-right: var(--shapeSize30PC) solid transparent;
        border-bottom-color: var(--shapeColour);
        position: absolute;
        height: 0;
        width: 0;
        top: var(--shapeSize-45PC);
        left: var(--shapeSize-65PC);
        display: block;
        content: '';
        transform: rotate(-35deg);
    }
    .star:after {
        position: absolute;
        display: block;
        color: var(--shapeColour);
        left: var(--shapeSize-105PC);
        width: 0px;
        height: 0px;
        border-right: var(--shapeSize) solid transparent;
        border-bottom: var(--shapeSize70PC) solid;
        border-left: var(--shapeSize) solid transparent;
        border-bottom-color: var(--shapeColour);
        transform: rotate(-70deg);
        content: '';
    }

.workview-dialog .numericFilter .ui-grid-filter-container 
{
	width: 42%;
	float: left;
}


/** Workview Dialog - Generic OpenLayers CSS **/

.ol-mouse-position
{
	top: 8px;
	right: 8px;
	position: absolute;
}

.ol-scale-line
{
	background: #95b9e6;
	background: rgba(0,60,136,.3);
	border-radius: 4px;
	bottom: 10px;
	left: 8px;
	padding: 2px;
	position: absolute;
}

.ol-box 
{
	box-sizing:border-box;border-radius:2px;border:2px solid #00f
}

.ol-scale-line-inner
{
	border: 1px solid #eee;
	border-top: none;
	color: #eee;
	font-size: 10px;
	text-align: center;
	margin: 1px;
	padding: 0 2px;
}

.ol-unsupported
{
	display: none;
}

.ol-viewport .ol-unselectable
{
	-webkit-user-select: none;
	-webkit-tap-highlight-color: transparent;
}

.ol-control
{
	position: absolute;
	border-radius: 4px;
}

.ol-zoom
{
	top: .5em;
	left: .5em;
}

.ol-rotate
{
	top: .5em;
	right: .5em;
	transition: opacity .25s;
}

.ol-zoom-extent
{
	top: 4.643em;
	left: .5em;
}

.ol-full-screen
{
	right: .5em;
	top: .5em;
}

@media print
{
	.ol-control
	{
		display: none;
	}
}

.ol-control button
{
	color: #fff;
	font-size: 1.14em;
	font-weight: 700;
	text-align: center;
	line-height: .4em;
}

	.ol-control button::-moz-focus-inner
	{
		border: none;
		padding: 0;
	}

.ol-zoom-extent button
{
	line-height: 1.4em;
}

.ol-compass
{
	display: block;
	font-family: "Segoe UI", 'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 1.2em;
}

.ol-touch .ol-control button
{
	font-size: 1.5em;
}

.ol-touch .ol-zoom-extent
{
	top: 5.5em;
}

.ol-control button:focus, .ol-control button:hover
{
	text-decoration: none;
}

.ol-zoom-extent button:after
{
	content: "E";
}

.ol-zoom .ol-zoom-in
{
	border-radius: 2px 2px 0 0;
}

.ol-zoom .ol-zoom-out
{
	border-radius: 0 0 2px 2px;
}

button.ol-full-screen-false:after
{
	content: "\2194";
}

button.ol-full-screen-true:after
{
	content: "\00d7";
}

.ol-has-tooltip [role=tooltip]
{
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px);
	padding: 0;
	border: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
	font-weight: 400;
	font-size: 14px;
	text-shadow: 0 0 2px #fff;
}

.ol-has-tooltip:focus [role=tooltip], .ol-has-tooltip:hover [role=tooltip]
{
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	clip: auto;
	padding: 0 .4em;
	font-size: .8em;
	height: 1.2em;
	width: auto;
	line-height: 1.2em;
	z-index: 1100;
	max-height: 100px;
	white-space: nowrap;
	display: inline-block;
	background: #FFF;
	background: rgba(255,255,255,.6);
	color: #000;
	border: 3px solid transparent;
	border-left-width: 0;
	border-radius: 0 4px 4px 0;
	bottom: .3em;
	left: 2.2em;
}

.ol-touch .ol-has-tooltip:focus [role=tooltip], .ol-touch .ol-has-tooltip:hover [role=tooltip]
{
	display: none;
}

.ol-zoom .ol-has-tooltip:focus [role=tooltip], .ol-zoom .ol-has-tooltip:hover [role=tooltip]
{
	top: 1.1em;
}

.ol-attribution .ol-has-tooltip:focus [role=tooltip], .ol-attribution .ol-has-tooltip:hover [role=tooltip], .ol-full-screen .ol-has-tooltip:focus [role=tooltip], .ol-full-screen .ol-has-tooltip:hover [role=tooltip], .ol-rotate .ol-has-tooltip:focus [role=tooltip], .ol-rotate .ol-has-tooltip:hover [role=tooltip]
{
	right: 2.2em;
	left: auto;
}

.ol-attribution
{
	text-align: left;
	bottom: 1.7em;
	left: 1em;
	max-width: calc(100% - 1em);
}

	.ol-attribution a 
	{
		color: white;
	}
	.ol-attribution li
	{
		display: inline;
		list-style: none;
		line-height: inherit;
		color: white;
		text-shadow: 0 0 2px black, 0 0 2px black;
	}

		.ol-attribution li:not(:last-child):after
		{
			content: " ";
		}

	.ol-attribution img
	{
		max-height: 2em;
	}

	.ol-attribution.ol-logo-only ul
	{
		display: block;
	}

	.ol-attribution.ol-uncollapsible
	{
		bottom: 0;
		right: 0;
		line-height: 1em;
		font-size: 0.7em;
	}

	.ol-attribution.ol-logo-only
	{
		background: 0 0;
		bottom: .4em;
		height: 0.5em;
		line-height: 1em;
	}

	.ol-attribution.ol-uncollapsible img
	{
		max-height: 1em;
	}

	.ol-attribution.ol-logo-only button, .ol-attribution.ol-uncollapsible button
	{
		display: none;
	}

.ol-zoomslider
{
	position: absolute;
	top: 7.5em;
	left: .7em;
	background: #eee;
	background: rgba(155,155,155,.55);
	border-radius: 4px;
	outline: 0;
	overflow: hidden;
	width: 1.5675em;
	height: 200px;
	padding: 3px;
	margin: 0;
}

.ol-zoomslider-thumb {
	position: absolute;
	display: block;
	/*
	background: #7b98bc;
	background: rgba(0,60,136,.5);
	border-radius: 2px;
	*/
	outline: 0;
	overflow: hidden;
	cursor: pointer;
	font-size: 1.14em;
	height: 0.7em;
	width: 1.6em;
	margin: -2px;
	padding: 0;
}

.ol-touch .ol-zoomslider
{
	top: 5.5em;
	width: 2.052em;
}

.ol-touch .ol-zoomslider-thumb
{
	width: 1.8em;
}


/** Configure dataset Dialog - Generic Bootstrap CSS **/

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
		  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
		  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
.dropup,
.dropdown {
  position: relative;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}


.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
	  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
		  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
		  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
		  box-shadow: none;
  opacity: .65;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}

.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

/* Config Dialogue Buttons */
#content .configureDialog .ui-dialog-buttonpane button
{
    background: linear-gradient(#E6E6E6, #DBDBDB);
    box-shadow: none;
    border-radius: 2px;
    height: 36px;
    line-height: 35px;
    border: none;
    width: 90px;
}
#content .configureDialog .ui-dialog-buttonpane .dialogue-config-edit
{
    position: absolute;
    left: -162px;
    background: #2577B3;
    color: white;
    margin-left: 0px;
    
}

#content .configureDialog label
{
    width: 50px;
    margin-top: 3px;
}

#content .configureDialog input
{
    width: 350px;
}

/* !important overrides for datasets resize */
#content .mvplus-dialog.datasets-dialog .ui-dialog-content
{
    position: absolute;
    top: 50px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    overflow: hidden !important;
    width: auto !important;
    height: auto !important;

}
#content .mvplus-dialog.datasets-dialog .ui-dialog-content .full-height > div:first-child
{
    height: calc(100% - 2px) !important;
    width: calc(100% - 2px) !important;
}
/* IE 11 ellipsis issue on empty cells */
#content .mvplus-dialog.datasets-dialog .ui-dialog-content .ui-grid-header-cell:nth-of-type(6) .ui-grid-header-cell-primary-focus,
#content .mvplus-dialog.datasets-dialog .ui-dialog-content .ui-grid-header-cell:nth-of-type(7) .ui-grid-header-cell-primary-focus,
#content .mvplus-dialog.datasets-dialog .ui-dialog-content .ui-grid-header-cell:nth-of-type(8) .ui-grid-header-cell-primary-focus,
#content .mvplus-dialog.datasets-dialog .ui-dialog-content .ui-grid-header-cell:nth-of-type(9) .ui-grid-header-cell-primary-focus,
#content .mvplus-dialog.datasets-dialog .ui-dialog-content .ui-grid-header-cell:nth-of-type(10) .ui-grid-header-cell-primary-focus {
    text-overflow: clip;
}
/* */
.conf-workview-datasets-dialog {
	width: 850px !important;
	height: 660px !important;
}

/* On small screens shrink the dialog slightly to make it all visible */
@media screen and (max-height: 800px) {
	.conf-workview-datasets-dialog {
		transform: scale(0.8); /* Scale down the div */-d
		top: 0px !important;
	}
}

@media screen and (max-height: 600px) {
	.conf-workview-datasets-dialog {
		transform: scale(0.6); /* Scale down the div */
		top: -50px !important;
	}
}

.conf-workview-datasets-dialog .conf-datasets-grid {
	height: auto;
}

.conf-workview-datasets-dialog .search-area 
{
	height: 40px;
}
	
.conf-workview-datasets-dialog .full-height 
{
	
}

.conf-workview-datasets-dialog .opacity 
{
	padding-top: 5px;
}

.conf-workview-datasets-dialog .styleRadioButtons {
	margin-top: 5px;
	margin-left: 20px;
	display: inline-block;
	width: 32%;
}

.conf-workview-datasets-dialog .confDatasetsThemeTemplates {
	display: inline-block;
	position: relative;
	top: -5px;
}

.conf-workview-datasets-dialog .styleRadio
{
	margin-left: 20px;
	display: inline-block;
	width: 80%;
}

.conf-workview-datasets-dialog .styleRadio label
{
	width: 200px !important;
}

.conf-workview-datasets-dialog .gridTabsVertical {
	display: block;

}

.conf-workview-datasets-dialog .tabbable
{
	height: 100%;
}

.conf-workview-datasets-dialog .nav.nav-tabs {
	display: table;
	width: 100%;
	table-layout: fixed;
	position: relative;
	height: 40px;
	top: -2px;
}

.conf-workview-datasets-dialog .gridTabsHorizontal .nav.nav-tabs {
	top: 2px;
}

.conf-workview-datasets-dialog .nav.nav-tabs > li {
	top: 0;
	height: 40px;
    width: 100%;
	padding-left: 2px;
}

.conf-workview-datasets-dialog .nav.nav-tabs > li:first-of-type {
	margin-right: 1px;
}
.conf-workview-datasets-dialog .nav.nav-tabs > li:last-of-type {
	margin-left: 1px;
}

.conf-workview-datasets-dialog .tab-pane
{
	height: calc(100% - 40px);
	top: 38px;
}

.conf-workview-datasets-dialog .gridTabsHorizontal .tab-pane {
	top: 42px;
	height: 100%;
}

.conf-workview-datasets-dialog .tab-pane.active
{
	z-index: 1000;
}

.conf-workview-datasets-dialog .nav-tabs > li > a
{
	height: 18px;
	line-height: 18px;
	background-color: rgba(0,0,0,0.23);
	cursor: pointer;
	width: 100%;
}

.conf-workview-datasets-dialog .nav > li > a
{
    display: inline-block;
    padding: 10px 15px 10px 11px;
    width: calc(100% - 2px);
}

.conf-workview-datasets-dialog .nav-tabs > a
{
	border: none;
	background: linear-gradient(#FFFFFF, #F1F1F1);
}

.conf-workview-datasets-dialog .nav-tabs .active > a
{
	background-color: #2679B5;
}

	.conf-workview-datasets-dialog .nav > li > a > uib-tab-heading > span 
	{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: calc(100% - 75px);
		display: inline-block;
		position: relative;
		top: 0;
		color: #656D6D;
	}

.conf-workview-datasets-dialog .nav > li
{
	display: table-cell;
	position: relative;
	overflow: hidden;
}

.conf-workview-datasets-dialog .nav > li > a > uib-tab-heading > span:hover 
{
	text-decoration: initial;
}

.conf-workview-datasets-dialog .nav > li.active > a > uib-tab-heading > span 
{
	color: #fff;
}
#content .conf-workview-datasets-dialog .ui-dialog-buttonpane
{

}
.conf-workview-datasets-dialog .tab-content .tab-pane
{
    display: none;
}
.conf-workview-datasets-dialog .tab-content .tab-pane.active
{
    display: block;
}

/* !important overrides for inline/code (uigrid?) generated attributes */
.conf-workview-datasets-dialog .ui-select-multiple.ui-select-bootstrap {
	width: calc(100% - 7px) !important;
}
.conf-workview-datasets-dialog .workviewattributes .conf-datasets-grid {
	height: 480px !important;
}

.conf-workview-datasets-dialog .workviewfilter .filterDatasetGrid {
	height: 470px !important;
}

.conf-workview-datasets-dialog .map-label-attributes .conf-datasets-grid {
	height: 240px !important;
}

.conf-workview-datasets-dialog .mapFontConfiguration {
	padding-top: 10px;
	padding-left: 150px;
	width: 350px;
	float: left;
}

.conf-workview-datasets-dialog .mapFont
{
	clear: both;
	min-height: 34px;
	line-height: 28px;
	position: relative;
}

.conf-workview-datasets-dialog .borderLabelCheck
{
	width: 80px !important;
}

.conf-workview-datasets-dialog .mapLabelLine
{
	display: inline-block;
	width: 300px;
	padding-top: 5px;
}

.conf-workview-datasets-dialog .lineCheckLabel{
	margin-top: -2px;
}

.conf-workview-datasets-dialog .labelLineCheck {
	margin-left: 0px;
}

/*.conf-workview-datasets-dialog label
{
	padding: 0 0 0 0;
	width: 180px !important;
}*/
.conf-workview-datasets-dialog div.method {
	margin-top: 10px;
}

.conf-workview-datasets-dialog span.attributes  
{
	padding: 15px;
}

.conf-workview-datasets-dialog select.attributes 
{
    width: 60%;
	min-width: 60%;
}

.conf-workview-datasets-dialog input[type="number"].ng-invalid {
	border-color: #FF4A48;
	border-width: 1px;
}

.conf-workview-datasets-dialog .popupLineConfig {
	margin-top: 15px;
}

.conf-workview-datasets-dialog .displayname-label {
	position: absolute;
	bottom: 20px;
}

.conf-workview-datasets-dialog .workview-dataset-displayname input {
	width: 400px;
	margin-left: 5px;
	position: absolute;
	bottom: 15px;
	left: 110px;
}

/* this could be included just on admin pages as a specific asset */

#adminArea,
#sysadminArea,
#uploadDrivetimeArea,
#copyMarketDataArea,
#switchmarketsarea,
#clientConfigArea {  }

#adminArea h1,
#sysadminArea h1,
#marketadminArea h1,
#clientConfigArea h1,
#uploadDrivetimeArea h1,
#switchmarketsarea h1,
#deploymentArea h1,
#createNewClientArea h1,
#uploadDeploymentFilesArea h1,
#manageAdminUsersArea h1,
#manageMarketsArea h1,
#copyMarketDataArea h1,
#deleteableClientsArea h1,
#deleteableMarketVersionsArea h1,
#clientSupportAdminArea h1,
#selectClientArea h1 { 
    display: block;
    background: rgba(0,0,0,0.15);
    text-shadow: none;
    font-weight: normal;
    padding: 20px 10px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#switchmarketsarea p,
#deploymentArea p,
#createNewClientArea p,
#copyMarketDataArea p,
#uploadDeploymentFilesArea p,
#uploadDrivetimeArea p,
#clientConfigArea p,
#manageAdminUsersArea p,
#manageMarketsArea p,
#deleteableClientsArea p,
#deleteableMarketVersionsArea p,
#adminArea p, 
#sysadminArea,
#clientSupportAdminArea p,
#selectClientArea p,
#marketadminArea, p {
	 margin-bottom: 10px;
}

#adminArea a,
#sysadminArea a,
#clientSupportAdminArea a,
#selectClientArea a,
#marketadminArea a,
#clientConfigArea #returnToAdmin a,
#manageAdminUsersArea #returnToAdmin a,
#manageMarketsArea #returnToAdmin a,
#uploadDeploymentFilesArea #returnToAdmin a,
#copyMarketDataArea #returnToAdmin a,
#switchmarketsarea #returnToAdmin a,
#deploymentArea #returnToAdmin a,
#createNewClientArea #returnToAdmin a,
#deleteableClientsArea #returnToAdmin a,
#deleteableMarketVersionsArea #returnToAdmin a,
#selectClientArea #returnToAdmin a,
#uploadDrivetimeArea a { 
    display: inline-block;
    padding: 15px 10px 19px;
    min-width: 180px;
    text-align: center;
    background: rgba(53,122,198,1);
    color: rgba(255,255,255,1);
    transition: all ease 0.3s;
/*    box-shadow: 2px 2px 0px 1px rgba(0,0,0,0.27); */
    font-size: 14px;
}

#adminArea input[type='file'],
#adminArea button,
#sysadminArea button,
#sysadminArea input[type='file'],
#clientSupportAdminArea button,
#selectClientArea button,
#marketadminArea button,
#marketadminArea input[type='file'],
#copyMarketDataArea input[type='file'],
#copyMarketDataArea button,
#uploadDeploymentFilesArea input[type='file'],
#uploadDeploymentFilesArea button,
#addMarketVersionArea input[type='file'],
#addMarketVersionArea button,
#addMarketVersionFileArea input[type='file'],
#addMarketVersionFileArea button,
#switchmarketsarea button,
#deploymentArea button,
#uploadDrivetimeArea input[type='file'],
#uploadDrivetimeArea button {
    display: inline-block;
    border: 1px solid #BFBFBF;
    background: linear-gradient(#FFFFFF, #F1F1F1);
    padding: 15px 10px 15px;
    box-shadow: 1px 1px 2px #E1E1E1;
    text-shadow: 1px 1px 0 #F1F1F1;
    position: relative;
    top: 0;
    min-width: 200px;
    height: auto;
    text-shadow: none;
}

#adminArea a:hover,
#sysadminArea a:hover,
#clientSupportAdminArea a:hover,
#selectClientArea a:hover,
#marketadminArea a:hover,
#switchmarketsarea a:hover,
#deploymentArea a:hover,
#createNewClientArea a:hover,
#copyMarketDataArea a:hover,
#uploadDeploymentFilesArea a:hover,
#uploadDrivetimeArea a:hover { 
    background: rgba(250,113,31,1);
    color: rgba(255,255,255,1);
    transition: all ease 0.3s;
    text-decoration: none;
}
#drivetime-upload
{
    padding: 10px;
    background: rgba(255,255,255,0.4);
    margin-bottom: 20px;
    text-align: center;
}

.small-form-surround
{
    padding: 40px 10px 30px;
    background: rgba(255,255,255,0.2);
    font-size: 1.4em;
    margin: 0 auto 20px;
    border-left: 3px solid rgba(53,122,198,1);
    border-right: 3px solid rgba(53,122,198,1);
    color: rgba(0,0,0,0.6);
    box-shadow: 1px 1px 2px #E1E1E1;
}
    .small-form-surround label
    {
        margin-right: 10px;
        font-size: 0.9em;
    }
    #drivetime-upload .small-form-surround p
    {
        text-align: center;
        margin-bottom: 20px;
    }

#uploadDrivetimeArea .qq-uploader {
    
}


#uploadDrivetimeArea #drivetime
{
    height: auto;
}

#copyMarketDataArea .findFileButton,
#uploadDrivetimeArea .findFileButton,
#uploadDeploymentFilesArea .findFileButton,
#addMarketVersionArea .findFileButton,
#addMarketVersionFileArea .findFileButton,
#addMarketProfileAttributesArea .findFileButton
{
    display: inline-block;
    min-width: 178px;
    color: #FFF;
    text-align: center;
    box-shadow: 1px 1px 2px #E1E1E1;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAB50RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNS4xqx9I6wAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8xMi8xNt+7mZsAAAFnSURBVDiNrZTPK0RRFMc/41cJUyyVJmWhKZqdJX+AhSyUJH+E/4uykWQjGykLxUpqNoMVNsww42MxZ3R7Tc8Lp769d8879/POPefeW1L5TxvIjMeAXeACeAQegFNgB5goRFR7GlMv1JbaSdRWm+qROp3E91U6OAvAnlpJ/JXwfaiHarkIcFt9j4lDak1dDtXCt6e+qVt5wFI05RKoAbPAJDAMXEeNF4A34Am4BY6A1Z9q+G7XUFfUieSvk5EpUc96Xoa9Lpdyuj+Y+ZaN7TvxOp4V4BmYB6Zi+XPAS3xLY3OX3K8pK6G0Ka/qetFtcxI1yts2++p4UeBoQJsBTtVUD9SpPFgW2IPuBPhebajH6oY6EjH18DfU6k/AImpE1h31Sl36D2DHrrXVO3XxL8BqZNYOaCegS78FEpPvkkx7y69m78Oidg6sAXXgk+7pmQHKvwUCXAGbdE/OC9ACvm+bv1gVKMf7zRcbay4m5D5DeAAAAABJRU5ErkJggg==) 50px 19px no-repeat rgba(53,122,198,1);
    font-size: 0.8em;
    margin-bottom: 20px;
    box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.2);
    transition: all ease 0.3s;
    border-radius: 50px;
    height: 57px !important;
}

#copyMarketDataArea .findFileButton:hover,
#uploadDeploymentFilesArea .findFileButton:hover,
#addMarketVersionArea .findFileButton:hover,
#addMarketVersionFileArea .findFileButton:hover,
#uploadDrivetimeArea .findFileButton:hover,
#addMarketProfileAttributesArea .findFileButton:hover { 
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAB50RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNS4xqx9I6wAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8xMi8xNt+7mZsAAAFnSURBVDiNrZTPK0RRFMc/41cJUyyVJmWhKZqdJX+AhSyUJH+E/4uykWQjGykLxUpqNoMVNsww42MxZ3R7Tc8Lp769d8879/POPefeW1L5TxvIjMeAXeACeAQegFNgB5goRFR7GlMv1JbaSdRWm+qROp3E91U6OAvAnlpJ/JXwfaiHarkIcFt9j4lDak1dDtXCt6e+qVt5wFI05RKoAbPAJDAMXEeNF4A34Am4BY6A1Z9q+G7XUFfUieSvk5EpUc96Xoa9Lpdyuj+Y+ZaN7TvxOp4V4BmYB6Zi+XPAS3xLY3OX3K8pK6G0Ka/qetFtcxI1yts2++p4UeBoQJsBTtVUD9SpPFgW2IPuBPhebajH6oY6EjH18DfU6k/AImpE1h31Sl36D2DHrrXVO3XxL8BqZNYOaCegS78FEpPvkkx7y69m78Oidg6sAXXgk+7pmQHKvwUCXAGbdE/OC9ACvm+bv1gVKMf7zRcbay4m5D5DeAAAAABJRU5ErkJggg==) 50px 19px no-repeat rgba(250,113,31,1);
    transition: all ease 0.3s;
}

#switchmarketsarea input[type='text'],
#copyMarketDataArea input[type='text'],
#uploadDrivetimeArea input[type='text']
{
    background: rgba(255,255,255,0.9);
    box-shadow: 1px 1px 2px #E1E1E1;
    border: none;
    padding: 10px;
    border-left: 2px solid rgba(53,122,198,1);
    border-right: 2px solid rgba(53,122,198,1);
}

#copyMarketDataArea #copymarketdata-fine-uploader .dialogueButton,
#copyMarketDataArea #copymarketdata-fine-uploader .findFileButton,
#uploadDeploymentFilesArea #uploadDeploymentFiles-fine-uploader .dialogueButton,
#uploadDeploymentFilesArea #uploadDeploymentFiles-fine-uploader .findFileButton,
#addMarketVersionArea .dialogueButton,
#addMarketVersionArea .findFileButton,
#addMarketVersionFileArea .dialogueButton,
#addMarketVersionFileArea .findFileButton,
#uploadDrivetimeArea #drivetime-fine-uploader .dialogueButton,
#uploadDrivetimeArea #drivetime-fine-uploader .findFileButton,
#addMarketProfileAttributesArea .dialogueButton,
#addMarketProfileAttributesArea .findFileButton
{
        width: 200px;
        height: 100%;
        top: 0 !important;
        left: 0;
}

#copyMarketDataArea #copymarketdata-fine-uploader .qq-upload-button-selector div:first-of-type,
#uploadDeploymentFilesArea #uploadDeploymentFiles-fine-uploader .qq-upload-button-selector div:first-of-type,
#addMarketVersionArea .qq-upload-button-selector div:first-of-type,
#addMarketVersionFileArea .qq-upload-button-selector div:first-of-type,
#uploadDrivetimeArea #drivetime-fine-uploader .qq-upload-button-selector div:first-of-type,
#addMarketProfileAttributesArea .qq-upload-button-selector div:first-of-type
{
    margin-top: 17px;
    text-indent: 21px;
    font-size: 1.3em;
}

#copyMarketDataArea #copymarketdata-fine-uploader .dialogueButton input,
#uploadDeploymentFilesArea #uploadDeploymentFiles-fine-uploader .dialogueButton input,
#addMarketVersionArea .dialogueButton input,
#addMarketVersionFileArea .dialogueButton input,
#uploadDrivetimeArea #drivetime-fine-uploader .dialogueButton input,
#addMarketProfileAttributesArea .dialogueButton input
{
    width: 200px;
    height: 55px;
    background: rgba(0,0,0,0.5);
}

#copyMarketDataArea #copymarketdata-fine-uploader .fineUploaderFileList,
#uploadDeploymentFilesArea #uploadDeploymentFiles-fine-uploader .fineUploaderFileList,
#addMarketVersionArea .fineUploaderFileList,
#addMarketVersionFileArea .fineUploaderFileList,
#uploadDrivetimeArea #drivetime-fine-uploader .fineUploaderFileList,
#addMarketProfileAttributesArea .fineUploaderFileList
{
    position: relative;
    margin-bottom: 20px;
}

#copyMarketDataArea #copymarketdata-fine-uploader .qq-upload-file,
#uploadDeploymentFilesArea #uploadDeploymentFiles-fine-uploader .qq-upload-file,
#addMarketVersionArea .qq-upload-file,
#addMarketVersionFileArea .qq-upload-file,
#uploadDrivetimeArea #drivetime-fine-uploader .qq-upload-file,
#addMarketProfileAttributesArea .qq-upload-file
{
    
    font-size: 1.1em;
    color: rgba(53,122,198,1);
}

#copyMarketDataArea #copymarketdata-fine-uploader .qq-upload-cancel,
#uploadDeploymentFilesArea #uploadDeploymentFiles-fine-uploader .qq-upload-cancel,
#addMarketVersionArea .qq-upload-cancel,
#addMarketVersionFileArea .qq-upload-cancel,
#uploadDrivetimeArea #drivetime-fine-uploader .qq-upload-cancel,
#addMarketProfileAttributesArea .qq-upload-cancel
{
    min-width: 80px;
    padding-top: 8px;
    padding-bottom: 10px;
}

#copymarketData-upload p
#drivetime-upload p
{
    text-align: left;
}

#drivetime-upload .admin-info-points { 
    margin-bottom: 20px; 
    margin-left: 20px;
    text-align: left;
    font-style: italic;
    list-style: circle;
    
}
#drivetime-upload .admin-info-points li { margin-bottom: 10px; }

/* Configure Client */

#clientConfig-edit .ui-grid-header-cell:nth-of-type(6), 
#clientConfig-edit .ui-grid-header-cell:nth-of-type(7), 
#clientConfig-edit .ui-grid-cell:nth-of-type(6), 
#clientConfig-edit .ui-grid-cell:nth-of-type(7),
#clientConfig-edit .ui-grid-cell:nth-of-type(8),
#deleteableClients-grid .ui-grid-header-cell:nth-of-type(7),
#deleteableClients-grid .ui-grid-cell:nth-of-type(7),
#deleteableMarketVersions-grid .ui-grid-cell:nth-of-type(7),
#deleteableMarketVersions-grid .ui-grid-cell:nth-of-type(8)
{
    text-align: center;
    line-height: 36px;
}
#clientConfig-edit .ui-grid-header-cell:nth-of-type(6) .ui-grid-header-cell-primary-focus span,
#clientConfig-edit .ui-grid-header-cell:nth-of-type(7) .ui-grid-header-cell-primary-focus span,
#clientConfig-edit .ui-grid-header-cell:nth-of-type(8) .ui-grid-header-cell-primary-focus span,
.clients-marketversions-grid .ui-grid-header-cell:nth-of-type(15) .ui-grid-header-cell-primary-focus span,
.clients-marketversions-grid .ui-grid-header-cell:nth-of-type(16) .ui-grid-header-cell-primary-focus span,
.clients-marketversions-grid .ui-grid-header-cell:nth-of-type(17) .ui-grid-header-cell-primary-focus span,
#deleteableClients-grid .ui-grid-header-cell:nth-of-type(7) .ui-grid-header-cell-primary-focus span,
#deleteableMarketVersions-grid .ui-grid-header-cell:nth-of-type(7) .ui-grid-header-cell-primary-focus span,
#deleteableMarketVersions-grid .ui-grid-header-cell:nth-of-type(8) .ui-grid-header-cell-primary-focus span
{
    text-indent: -200px;
    display: inline-block;
    overflow: hidden;
    width: 10px;
}
#clientConfig-edit .ui-grid-cell:nth-of-type(6) .ui-grid-cell-contents a,
#clientConfig-edit .ui-grid-cell:nth-of-type(7) .ui-grid-cell-contents a,
#clientConfig-edit .ui-grid-cell:nth-of-type(8) .ui-grid-cell-contents a,
#deleteableClients-grid .ui-grid-cell:nth-of-type(7) .ui-grid-cell-contents a,
#deleteableMarketVersions-grid .ui-grid-cell:nth-of-type(7) .ui-grid-cell-contents a,
#deleteableMarketVersions-grid .ui-grid-cell:nth-of-type(8) .ui-grid-cell-contents a
{
    text-indent: -200px;
    display: inline-block;
    overflow: hidden;
    width: 20px;
    height: 20px;
}
#clientConfig-edit .ui-grid-cell:nth-of-type(6) .ui-grid-cell-contents a { background: url(data:image/gif;base64,R0lGODlhEgASAJEAALOzs+jo6P///wAAACH5BAEHAAIALAAAAAASABIAAAIyhI+pyyYPY0SSCvBsjgHnM4XXBULeiFrK9jlkCceuKrdzbN9zrmMeYzMBXyeJsYFMMgoAOw==) center center no-repeat; }
#clientConfig-edit .ui-grid-cell:nth-of-type(7) .ui-grid-cell-contents a { background: url(data:image/gif;base64,R0lGODlhEgASAIAAALOzs////yH5BAEHAAEALAAAAAASABIAAAIwhI+pyxYPY0SSzgNZxg8Euzmd9IXeuHRcqYFeu76KKpaVmZFXrdGnXlkBTY2iEVEAADs=) center center no-repeat; }
#clientConfig-edit .ui-grid-cell:nth-of-type(8) .ui-grid-cell-contents a { background: url(data:image/gif;base64,R0lGODlhEgASAIAAALOzs////yH5BAEHAAEALAAAAAASABIAAAIthI+pyxYPY0SSzjMztA/ojm1fYDUeGZqgI7XrycZwOoOv65bNjTI8fjEJh4cCADs=) center center no-repeat; }
#deleteableClients-grid .ui-grid-cell:nth-of-type(7) .ui-grid-cell-contents a { background: url(data:image/gif;base64,R0lGODlhEgASAJEAALOzs+jo6P///wAAACH5BAEHAAIALAAAAAASABIAAAIyhI+pyyYPY0SSCvBsjgHnM4XXBULeiFrK9jlkCceuKrdzbN9zrmMeYzMBXyeJsYFMMgoAOw==) center center no-repeat; }
#deleteableMarketVersions-grid .ui-grid-cell:nth-of-type(7) .ui-grid-cell-contents a { background: url(data:image/gif;base64,R0lGODlhEgASAJEAALOzs+jo6P///wAAACH5BAEHAAIALAAAAAASABIAAAIyhI+pyyYPY0SSCvBsjgHnM4XXBULeiFrK9jlkCceuKrdzbN9zrmMeYzMBXyeJsYFMMgoAOw==) center center no-repeat; }
#deleteableMarketVersions-grid .ui-grid-cell:nth-of-type(8) .ui-grid-cell-contents a { background: url(data:image/gif;base64,R0lGODlhEgASAIAAALOzs////yH5BAEHAAEALAAAAAASABIAAAIwhI+pyxYPY0SSzgNZxg8Euzmd9IXeuHRcqYFeu76KKpaVmZFXrdGnXlkBTY2iEVEAADs=) center center no-repeat; }

#userConfig-edit .ui-grid-header-cell .ui-grid-header-cell-primary-focus {  }

.clients-marketversions-grid .ui-grid-header-cell .ui-grid-cell-contents {
	height: auto !important;
	white-space: normal;
	-ms-text-overflow: clip;
	-o-text-overflow: clip;
	text-overflow: clip;
}

.users-datasets-grid .ui-grid-cell-contents {
	text-overflow: clip;
}

.users-datasets-grid .ui-grid-header-cell .ui-grid-cell-contents {
	height: 36px;
	white-space: normal;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
}

.clients-datasets-grid .ui-grid-cell-contents {
	text-overflow: clip;
}

.clients-marketversions-grid .marketversion-transferdata a {
	display: inline-block;
	height: 16px;
	width: 18px;
	background: url(data:image/gif;base64,R0lGODlhEgASAJEAALOzs+jo6P///wAAACH5BAEHAAIALAAAAAASABIAAAIyhI+pyyYPY0SSCvBsjgHnM4XXBULeiFrK9jlkCceuKrdzbN9zrmMeYzMBXyeJsYFMMgoAOw==) center center no-repeat;
	text-indent: -200px;
	overflow: hidden;
}

.clients-marketversions-grid .marketversion-switchdata a {
	display: inline-block;
	height: 16px;
	width: 18px;
	background: url(data:image/gif;base64,R0lGODlhEgASAIAAALOzs////yH5BAEHAAEALAAAAAASABIAAAIwhI+pyxYPY0SSzgNZxg8Euzmd9IXeuHRcqYFeu76KKpaVmZFXrdGnXlkBTY2iEVEAADs=) center center no-repeat;
	text-indent: -200px;
	overflow: hidden;
}

.clients-marketversions-grid .marketversion-licensemarket a {
	display: inline-block;
	height: 16px;
	width: 18px;
	background: url(data:image/gif;base64,R0lGODlhEgASAIAAALOzs////yH5BAEHAAEALAAAAAASABIAAAIthI+pyxYPY0SSzjMztA/ojm1fYDUeGZqgI7XrycZwOoOv65bNjTI8fjEJh4cCADs=) center center no-repeat;
	text-indent: -200px;
	overflow: hidden;
}

#clientConfig-edit .ui-grid-cell,
#userConfig-edit .ui-grid-cell,
#marketConfig-edit .ui-grid-cell,
#manageVersions-edit .ui-grid-cell,
#deleteableClients-grid .ui-grid-cell
{
    line-height: 26px;
}

.clientConfigUsers-editgrid .ui-grid-header-cell:nth-of-type(16), 
.clientConfigUsers-editgrid .ui-grid-header-cell:nth-of-type(17), 
.clientConfigUsers-editgrid .ui-grid-header-cell:nth-of-type(18),
.clientConfigUsers-editgrid .ui-grid-cell:nth-of-type(15), 
.clientConfigUsers-editgrid .ui-grid-cell:nth-of-type(16), 
.clientConfigUsers-editgrid .ui-grid-cell:nth-of-type(17)
{
    text-align: center;
    line-height: 36px;
}
.clientConfigUsers-editgrid .ui-grid-header-cell:nth-of-type(16) .ui-grid-header-cell-primary-focus span,
.clientConfigUsers-editgrid .ui-grid-header-cell:nth-of-type(17) .ui-grid-header-cell-primary-focus span,
.clientConfigUsers-editgrid .ui-grid-header-cell:nth-of-type(18) .ui-grid-header-cell-primary-focus span  
{
    text-indent: -200px;
    display: inline-block;
    overflow: hidden;
    width: 10px;
}
.clientConfigUsers-editgrid .ui-grid-cell:nth-of-type(16) .ui-grid-cell-contents a,
.clientConfigUsers-editgrid .ui-grid-cell:nth-of-type(17) .ui-grid-cell-contents a,
.clientConfigUsers-editgrid .ui-grid-cell:nth-of-type(18) .ui-grid-cell-contents a
{
    text-indent: -200px;
    display: inline-block;
    overflow: hidden;
    width: 20px;
    height: 20px;
}
.clientConfigUsers-editgrid .ui-grid-cell:nth-of-type(16) .ui-grid-cell-contents a { background: url(data:image/gif;base64,R0lGODlhEgASAIAAALOzs////yH5BAEHAAEALAAAAAASABIAAAIwhI+pyxYPY0SSzgNZxg8Euzmd9IXeuHRcqYFeu76KKpaVmZFXrdGnXlkBTY2iEVEAADs=) center center no-repeat; }
.clientConfigUsers-editgrid .ui-grid-cell:nth-of-type(17) .ui-grid-cell-contents a { background: url(data:image/gif;base64,R0lGODlhEgASAJEAALOzs+jo6P///wAAACH5BAEHAAIALAAAAAASABIAAAIyhI+pyyYPY0SSCvBsjgHnM4XXBULeiFrK9jlkCceuKrdzbN9zrmMeYzMBXyeJsYFMMgoAOw==) center center no-repeat; }
.clientConfigUsers-editgrid .ui-grid-cell:nth-of-type(18) .ui-grid-cell-contents a { background: url(data:image/gif;base64,R0lGODlhEgASAIAAALOzs////yH5BAEHAAEALAAAAAASABIAAAIthI+pyxYPY0SSzjMztA/ojm1fYDUeGZqgI7XrycZwOoOv65bNjTI8fjEJh4cCADs=) center center no-repeat; }

.adminUsers-editgrid .ui-grid-header-cell:nth-of-type(8), 
.adminUsers-editgrid .ui-grid-header-cell:nth-of-type(9), 
.adminUsers-editgrid .ui-grid-header-cell:nth-of-type(10),
.adminUsers-editgrid .ui-grid-cell:nth-of-type(8), 
.adminUsers-editgrid .ui-grid-cell:nth-of-type(9), 
.adminUsers-editgrid .ui-grid-cell:nth-of-type(10)
{
    text-align: center;
    line-height: 36px;
}
.adminUsers-editgrid .ui-grid-header-cell:nth-of-type(8) .ui-grid-header-cell-primary-focus span,
.adminUsers-editgrid .ui-grid-header-cell:nth-of-type(9) .ui-grid-header-cell-primary-focus span,
.adminUsers-editgrid .ui-grid-header-cell:nth-of-type(10) .ui-grid-header-cell-primary-focus span  
{
    text-indent: -200px;
    display: inline-block;
    overflow: hidden;
    width: 10px;
}
.adminUsers-editgrid .ui-grid-cell:nth-of-type(8) .ui-grid-cell-contents a,
.adminUsers-editgrid .ui-grid-cell:nth-of-type(9) .ui-grid-cell-contents a,
.adminUsers-editgrid .ui-grid-cell:nth-of-type(10) .ui-grid-cell-contents a
{
    text-indent: -200px;
    display: inline-block;
    overflow: hidden;
    width: 20px;
    height: 20px;
}

.adminUsers-editgrid .ui-grid-cell:nth-of-type(8) .ui-grid-cell-contents a { background: url(data:image/gif;base64,R0lGODlhEgASAJEAALOzs+jo6P///wAAACH5BAEHAAIALAAAAAASABIAAAIyhI+pyyYPY0SSCvBsjgHnM4XXBULeiFrK9jlkCceuKrdzbN9zrmMeYzMBXyeJsYFMMgoAOw==) center center no-repeat; }
.adminUsers-editgrid .ui-grid-cell:nth-of-type(9) .ui-grid-cell-contents a { background: url(data:image/gif;base64,R0lGODlhEgASAIAAALOzs////yH5BAEHAAEALAAAAAASABIAAAIthI+pyxYPY0SSzjMztA/ojm1fYDUeGZqgI7XrycZwOoOv65bNjTI8fjEJh4cCADs=) center center no-repeat; }
.adminUsers-editgrid .ui-grid-cell:nth-of-type(10) .ui-grid-cell-contents a { background: url(data:image/gif;base64,R0lGODlhEgASAIAAALOzs////yH5BAEHAAEALAAAAAASABIAAAIwhI+pyxYPY0SSzgNZxg8Euzmd9IXeuHRcqYFeu76KKpaVmZFXrdGnXlkBTY2iEVEAADs=) center center no-repeat; }

.modify-user .modifyUserLabel ,
.modify-market .modifyMarketLabel,
.register-drivetimes .registerDrivetimesLabel
{
	display: inline !important;
	float: none !important;
	width: 200px;
}


#userConfig-edit .ui-grid-row .ui-grid-cell
{

}
/* User Grid(s) */
.assign-markets-dialog .assign-markets-grid
	{
		width: 100%;
		height: 250px !important;
	}

#clientConfigArea .clients-datasets-grid,
#clientConfigArea .users-datasets-grid,
#manageAdminUsersArea .users-datasets-grid, 
#manageMarketsArea .markets-datasets-grid,
#deleteableClientsArea .deleteableClients-datasets-grid,
#deleteableMarketVersionsArea .deleteableMarketVersions-datasets-grid
{
    height: auto;
}

#userConfig-header, 
#clientConfig-header {
	height: 10px;
	display: flex;
	justify-content: space-between; /* puts h1 on left, button on right */
	align-items: center; /* aligns them vertically in the center */
	padding: 1rem;
	background: rgba(0,0,0,0.15);
}


#manageMarkets-header,
#createNewClient-header,
#deleteableClients-header,
#deleteableMarketVersions-header {
	height: 30px;
	margin-bottom: 3px;
}
#clientConfigArea #clientConfig-header h1,
#clientConfigArea #userConfig-header h1,
#manageAdminUsersArea #userConfig-header h1,
#manageMarketsArea #manageMarkets-header h1,
#createNewClientArea #createNewClient-header h1,
#deleteableClientsArea #deleteableClients-header h1,
#deleteableMarketVersionsArea #deleteableMarketVersions-header h1
{
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin-bottom: 0;
}

#marketConfig-edit .ui-grid-header-cell:nth-of-type(9), 
#marketConfig-edit .ui-grid-cell:nth-of-type(9)
{
    text-align: center;
    line-height: 30px;
}
#marketConfig-edit .ui-grid-header-cell:nth-of-type(9) .ui-grid-header-cell-primary-focus span
{
    text-indent: -200px;
    display: inline-block;
    overflow: hidden;
    width: 10px;
}
#marketConfig-edit .ui-grid-cell:nth-of-type(9) .ui-grid-cell-contents a
{
    text-indent: -200px;
    display: inline-block;
    overflow: hidden;
    width: 20px;
    height: 20px;
}
#marketConfig-edit .ui-grid-cell:nth-of-type(9) .ui-grid-cell-contents a { background: url(data:image/gif;base64,R0lGODlhEgASAIAAALOzs////yH5BAEHAAEALAAAAAASABIAAAIwhI+pyxYPY0SSzgNZxg8Euzmd9IXeuHRcqYFeu76KKpaVmZFXrdGnXlkBTY2iEVEAADs=) center center no-repeat; }

.clients-selectMarketVersion-grid {
	height: 100px !important;
}

#clientConfigArea #clientConfig-edit,
#clientConfigArea #userConfig-edit,
#manageAdminUsersArea #userConfig-edit,
#manageMarketsArea #marketConfig-edit,
#manageMarketsArea #manageVersions-edit,
#deleteableClientsArea #deleteableClients-grid,
#deleteableMarketVersionsArea #deleteableMarketVersions-grid
{
    background-color: rgba(255,255,255,0.88);
    padding-top: 0;
    margin-bottom: 5px;
}

#clientConfigArea #clientConfig-edit > div,
#clientConfigArea #userConfig-edit > div,
#manageAdminUsersArea #userConfig-edit > div,
#manageMarketsArea #marketConfig-edit > div,
#manageMarketsArea #manageVersions-edit > div
#deleteableClientsArea #deleteableClients-grid > div,
#deleteableMarketVersionsArea #deleteableMarketVersions-grid > div
{
    border: 1px solid rgba(3,72,148,0.33);
}
#clientConfigArea #clientConfig-edit .ui-grid-top-panel,
#clientConfigArea #userConfig-edit .ui-grid-top-panel,
#manageAdminUsersArea #userConfig-edit .ui-grid-top-panel,
#manageMarketsArea #marketConfig-edit .ui-grid-top-panel,
#manageMarketsArea #manageVersions-edit .ui-grid-top-panel,
#deleteableClientsArea #deleteableClients-grid .ui-grid-top-panel,
#deleteableMarketVersionsArea #deleteableMarketVersions-grid .ui-grid-top-panel,
.clients-marketversions-grid .ui-grid-top-panel,
.clients-selectMarketVersion-grid .ui-grid-top-panel,
.clients-selectMarkets-grid .ui-grid-top-panel,
.assign-markets-grid .ui-grid-top-panel,
.clients-configureDatasetLicenses-grid .ui-grid-top-panel,
.clients-configureLicenseKeys-grid .ui-grid-top-panel
{
    background: rgba(53,122,198,0.83);
    font-weight: 400;
    color: rgba(255,255,255,1);
    /* border-bottom: 1px solid rgba(0,0,0,0.23); */
}
#clientConfigArea #clientConfig-edit .ui-grid-top-panel .ui-grid-header-cell,
#clientConfigArea #userConfig-edit .ui-grid-top-panel .ui-grid-header-cell,
#manageAdminUsersArea #userConfig-edit .ui-grid-top-panel .ui-grid-header-cell,
#manageMarketsArea #marketConfig-edit .ui-grid-top-panel .ui-grid-header-cell,
#manageMarketsArea #manageVersions-edit .ui-grid-top-panel .ui-grid-header-cell,
#deleteableClientsArea #deleteableClients-grid .ui-grid-top-panel .ui-grid-header-cell,
#deleteableMarketVersionsArea #deleteableMarketVersions-grid .ui-grid-top-panel .ui-grid-header-cell,
.clients-marketversions-grid .ui-grid-top-panel .ui-grid-header-cell,
.clients-selectMarketVersion-grid .ui-grid-top-panel .ui-grid-header-cell,
.clients-selectMarkets-grid .ui-grid-top-panel .ui-grid-header-cell,
.assign-markets-grid .ui-grid-top-panel .ui-grid-header-cell,
.clients-configureDatasetLicenses-grid .ui-grid-top-panel .ui-grid-header-cell,
.clients-configureLicenseKeys-grid .ui-grid-top-panel .ui-grid-header-cell
{
    border-color: rgba(255,255,255,0.24);
}
#clientConfigArea #clientConfig-edit .ui-grid-header-cell:last-child .ui-grid-column-resizer.right,
#clientConfigArea #userConfig-edit .ui-grid-header-cell:last-child .ui-grid-column-resizer.right,
#manageAdminUsersArea #userConfig-edit .ui-grid-header-cell:last-child .ui-grid-column-resizer.right,
#manageMarketsArea #marketConfig-edit .ui-grid-header-cell:last-child .ui-grid-column-resizer.right,
#manageMarketsArea #manageVersions-edit .ui-grid-header-cell:last-child .ui-grid-column-resizer.right,
#deleteableClientsArea #deleteableClients-grid .ui-grid-header-cell:last-child .ui-grid-column-resizer.right,
#deleteableMarketVersionsArea #deleteableMarketVersions-grid  .ui-grid-header-cell:last-child .ui-grid-column-resizer.right,
.clients-marketversions-grid .ui-grid-header-cell:last-child .ui-grid-column-resizer.right,
.clients-selectMarketVersion-grid .ui-grid-header-cell:last-child .ui-grid-column-resizer.right,
.clients-selectMarkets-grid .ui-grid-header-cell:last-child .ui-grid-column-resizer.right,
.clients-configureDatasetLicenses-grid .ui-grid-header-cell:last-child .ui-grid-column-resizer.right,
.clients-configureLicenseKeys-grid .ui-grid-header-cell:last-child .ui-grid-column-resizer.right
{
    border-right: 1px solid rgba(255,255,255,0.24);
}
#clientConfigArea #clientConfig-edit .ui-grid-top-panel .ui-grid-filter-container,
#clientConfigArea #userConfig-edit .ui-grid-top-panel .ui-grid-filter-container,
#manageAdminUsersArea #userConfig-edit .ui-grid-top-panel .ui-grid-filter-container,
#manageMarketsArea #marketConfig-edit .ui-grid-top-panel .ui-grid-filter-container,
#manageMarketsArea #manageVersions-edit .ui.grid-top-panel .ui-grid-filter-container,
#deleteableClientsArea #deleteableClients-grid .ui-grid-top-panel .ui-grid-filter-container,
#deleteableMarketVersionsArea #deleteableMarketVersions-grid .ui-grid-top-panel .ui-grid-filter-container
{
    padding: 4px;
}
#clientConfigArea #clientConfig-edit .ui-grid-top-panel .ui-grid-filter-container input,
#clientConfigArea #userConfig-edit .ui-grid-top-panel .ui-grid-filter-container input,  
#manageAdminUsersArea #userConfig-edit .ui-grid-top-panel .ui-grid-filter-container input,
#manageMarketsArea #marketConfig-edit .ui-grid-top-panel .ui-grid-filter-container input,
#manageMarketsArea #manageVersions-edit .ui-grid-top-panel .ui-grid-filter-container input,
#deleteableClientsArea #deleteableClients-grid .ui-grid-top-panel .ui-grid-filter-container input,
#deleteableMarketVersionsArea #deleteableMarketVersions-grid .ui-grid-top-panel .ui-grid-filter-container input
{
    padding: 4px;
    background: rgba(255,255,255,0.13);
    box-sizing: border-box;
    border: 1px solid rgba(255,255,255,0.34);
    color: rgba(255,255,255,1);
    transition: all ease 0.4s;
}
#clientConfigArea #clientConfig-edit .ui-grid-top-panel .ui-grid-filter-container input:active,
#clientConfigArea #clientConfig-edit .ui-grid-top-panel .ui-grid-filter-container input:focus,
#clientConfigArea #userConfig-edit .ui-grid-top-panel .ui-grid-filter-container input:active,
#clientConfigArea #userConfig-edit .ui-grid-top-panel .ui-grid-filter-container input:focus,  
#manageAdminUsersArea #userConfig-edit .ui-grid-top-panel .ui-grid-filter-container input:active,
#manageAdminUsersArea #userConfig-edit .ui-grid-top-panel .ui-grid-filter-container input:focus,
#manageMarketsArea #marketConfig-edit .ui-grid-top-panel .ui-grid-filter-container input:active,
#manageMarketsArea #marketConfig-edit .ui-grid-top-panel .ui-grid-filter-container input:focus,
#manageMarketsArea #manageVersions-edit .ui-grid-top-panel .ui-grid-filter-container input:active,
#manageMarketsArea #manageVersions-edit .ui-grid-top-panel .ui-grid-filter-container input:focus,
#deleteableClientsArea #deleteableClients-grid .ui-grid-top-panel .ui-grid-filter-container input:active,
#deleteableClientsArea #deleteableClients-grid .ui-grid-top-panel .ui-grid-filter-container input:focus,
#deleteableMarketVersionsArea #deleteableMarketVersions-grid .ui-grid-top-panel .ui-grid-filter-container input:active,
#deleteableMarketVersionsArea #deleteableMarketVersions-grid .ui-grid-top-panel .ui-grid-filter-container input:focus
{
    border: 1px solid rgba(255,255,255,0.84);
    transition: all ease 0.4s;
    outline: none;
}
#clientConfigArea .ui-grid-row-selected .ui-grid-cell,
#manageAdminUsersArea .ui-grid-row-selected .ui-grid-cell,
#manageMarketsArea .ui-grid-row-selected .ui-grid-cell,
#deleteableClientsArea .ui-grid-row-selected .ui-grid-cell,
#deleteableMarketVersionsArea .ui-grid-row-selected .ui-grid-cell,
.clients-marketversions-grid .ui-grid-row-selected .ui-grid-cell,
.clients-selectMarketVersion-grid .ui-grid-row-selected .ui-grid-cell,
.clients-selectMarkets-grid .ui-grid-row-selected .ui-grid-cell,
.assign-markets-grid .ui-grid-row-selected .ui-grid-cell
{
    background: rgba(250,113,31,0.8) !important;
    border-color: transparent !important;
    border-right-color: rgba(255,255,255,0.34) !important;
    color: rgba(255,255,255,1) !important;
    font-weight: 400 !important;
    text-shadow: none !important;
}


.marketversions-datasets-grid .ui-grid-header-cell .ui-grid-cell-contents {
	height: auto !important;
	white-space: normal;
	-ms-text-overflow: clip;
	-o-text-overflow: clip;
	text-overflow: clip;
}

#clientConfigArea #clientConfig-edit .ui-grid-header.ng-scope,
#clientConfigArea #userConfig-edit .ui-grid-header.ng-scope
#manageAdminUsersArea #userConfig-edit .ui-grid-header.ng-scope,
#manageMarketsArea #marketConfig-edit .ui-grid-header.ng-scope,
#manageMarketsArea #manageVersions-edit .ui-grid-header.ng-scope,
#deleteableClientsArea #deleteableClients-grid .ui-grid-header.ng-scope,
#deleteableMarketVersionsArea #deleteableMarketVersions-grid .ui-grid-header.ng-scope
{
    border-bottom: none;
}
#clientConfigArea #clientConfig-edit .ui-grid-footer-info,
#clientConfigArea #userConfig-edit .ui-grid-footer-info,
#manageAdminUsersArea #userConfig-edit .ui-grid-footer-info,
#manageMarketsArea #marketConfig-edit .ui-grid-footer-info,
#manageMarketsArea #manageVersions-edit .ui-grid-footer-info,
#deleteableClientsArea #deleteableClients-grid .ui-grid-footer-info
#deleteableMarketVersionsArea #deleteableMarketVersions-grid .ui-grid-footer-info
{
    line-height: 30px;
    text-indent: 10px;
}

#clientConfigArea #returnToAdmin,
#manageAdminUsersArea #returnToAdmin,
#createNewClientArea #returnToAdmin,
#selectClientArea #returnToAdmin
{
    float: left;
}
#clientConfigArea #userConfig-new,
#manageAdminUsersArea #userConfig-new,
#manageMarketsArea #marketConfig-new
{
    float: right;
}

#clientConfigArea #returnToAdmin a,
#manageAdminUsersArea #returnToAdmin a,
#manageMarketsArea #returnToAdmin a,
#createNewClientArea #returnToAdmin a,
#deleteableClientsArea #returnToAdmin a,
#deleteableMarketVersionsArea #returnToAdmin a,
#selectClientArea #returnToAdmin a,
#clientConfigArea #userConfig-new button,
#selectClientArea #selectClientAction button,
#manageAdminUsersArea #userConfig-new button,
#createNewClientArea #createNewClient-new button,
#manageMarketsArea #marketConfig-new button {
    display: inline-block;
    padding: 15px 10px 17px;
    min-width: 180px;
    text-align: center;
    background: rgba(53,122,198,1);
    color: rgba(255,255,255,1);
    transition: all ease 0.3s;
    /* box-shadow: 2px 2px 0px 1px rgba(0,0,0,0.27); */
    font-size: 14px;
    margin: 0 0 0 0;
    border: none;
}

#clientConfigArea #returnToAdmin a:hover,
#manageAdminUsersArea #returnToAdmin a:hover,
#manageMarketsArea #returnToAdmin a:hover,
#deleteableClientsArea #returnToAdmin a:hover,
#deleteableMarketVersionsArea #returnToAdmin a:hover,
#createNewClientArea #returnToAdmin a:hover,
#selectClientArea #returnToAdmin a:hover,
#clientConfigArea #userConfig-new button:hover,
#selectClientArea #selectClientAction button:hover,
#manageAdminUsersArea #userConfig-new button:hover,
#createNewClientArea #createNewClient-new button:hover,
#manageMarketsArea #marketConfig-new button:hover {
    background: rgba(250,113,31,1);
    color: rgba(255,255,255,1);
    transition: all ease 0.3s;
    text-decoration: none;
}
#clientConfigArea #userConfig-new button:disabled,
#selectClientArea #selectClientAction button:disabled,
#manageAdminUsersArea #userConfig-new button:disabled,
#createNewClientArea #createNewClient-new button:disabled,
#manageMarketsArea #marketConfig-new button:disabled {
    color: rgba(255,255,255,1) !important;
    opacity: 0.5;
}


.ui-dialog.mvplus-dialog.modify-user input,
.ui-dialog.mvplus-dialog.modify-market input,
.ui-dialog.mvplus-dialog.add-market-version input,
.ui-dialog.mvplus-dialog.register-drivetimes input,
.ui-dialog.mvplus-dialog.add-market-profile input,
.ui-dialog.mvplus-dialog.add-market-definition input
{
    width: 100%;
    box-sizing: border-box;
    padding: 7px;
    border: 1px solid rgba(0,0,0,0.14);
    box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.07);
    transition: all ease 0.3s;
    margin-bottom: 10px;
}

.ui-dialog.mvplus-dialog.modify-user input[type="checkbox"],
.ui-dialog.mvplus-dialog.modify-market input[type="checkbox"]
{
    width: 50%;
	box-shadow: none;
	margin-bottom: 5px;
}

.ui-dialog.mvplus-dialog.modify-user input:hover,
.ui-dialog.mvplus-dialog.modify-market input:hover,
.ui-dialog.mvplus-dialog.add-market-version input:hover,
.ui-dialog.mvplus-dialog.register-drivetimes input:hover,
.ui-dialog.mvplus-dialog.add-market-profile input:hover,
.ui-dialog.mvplus-dialog.add-market-definition input:hover
{
    border: 1px solid rgba(0,0,0,0.5);
    transition: all ease 0.3s;
    outline: none;
}

.ui-dialog.mvplus-dialog.modify-user input:focus,
.ui-dialog.mvplus-dialog.modify-market input:focus,
.ui-dialog.mvplus-dialog.add-market-version input:focus,
.ui-dialog.mvplus-dialog.register-drivetimes input:focus,
.ui-dialog.mvplus-dialog.add-market-profile input:focus,
.ui-dialog.mvplus-dialog.add-market-definition input:focus
{
    border: 1px solid rgba(250,113,31,1);
    transition: all ease 0.3s;
    outline: none;
}

.ui-dialog.mvplus-dialog.modify-user label,
.ui-dialog.mvplus-dialog.modify-market label,
.ui-dialog.mvplus-dialog.add-market-version label,
.ui-dialog.mvplus-dialog.register-drivetimes label,
.ui-dialog.mvplus-dialog.add-market-profile label,
.ui-dialog.mvplus-dialog.add-market-definition label
{
    display: inline-block !important;
    margin-bottom: 5px;
	width: 100%;
}

.ui-dialog.mvplus-dialog.yes-no-dialog.no-close .ui-dialog-titlebar-close 
{
	display: none;
}

.ui-dialog.mvplus-dialog.modify-user .ui-dialog-buttonpane,
.ui-dialog.mvplus-dialog.modify-market .ui-dialog-buttonpane,
.ui-dialog.mvplus-dialog.add-market-version .ui-dialog-buttonpane,
.ui-dialog.mvplus-dialog.register-drivetimes .ui-dialog-buttonpane,
.ui-dialog.mvplus-dialog.add-marketversion-file .ui-dialog-buttonpane,
.ui-dialog.mvplus-dialog.configure-clientmarkets .ui-dialog-buttonpane,
.ui-dialog.mvplus-dialog.select-market-version .ui-dialog-buttonpane,
.ui-dialog.mvplus-dialog.configure-clientmarkets .ui-dialog-buttonpane,
.ui-dialog.mvplus-dialog.select-markets .ui-dialog-buttonpane,
.ui-dialog.mvplus-dialog.yes-no-dialog .ui-dialog-buttonpane,
.ui-dialog.mvplus-dialog.assign-markets-dialog .ui-dialog-buttonpane,
.ui-dialog.mvplus-dialog.configure-market-licenses .ui-dialog-buttonpane,
.ui-dialog.mvplus-dialog.add-market-profile .ui-dialog-buttonpane,
.ui-dialog.mvplus-dialog.add-market-definition .ui-dialog-buttonpane
{
    padding: 0 0 0 0;
}
.ui-dialog.mvplus-dialog.modify-user .ui-dialog-buttonset,
.ui-dialog.mvplus-dialog.modify-market .ui-dialog-buttonset,
.ui-dialog.mvplus-dialog.add-market-version .ui-dialog-buttonset,
.ui-dialog.mvplus-dialog.register-drivetimes .ui-dialog-buttonset,
.ui-dialog.mvplus-dialog.add-marketversion-file .ui-dialog-buttonset,
.ui-dialog.mvplus-dialog.configure-clientmarkets .ui-dialog-buttonset,
.ui-dialog.mvplus-dialog.select-market-version .ui-dialog-buttonset,
.ui-dialog.mvplus-dialog.configure-clientmarkets .ui-dialog-buttonset,
.ui-dialog.mvplus-dialog.select-markets .ui-dialog-buttonset,
.ui-dialog.mvplus-dialog.yes-no-dialog .ui-dialog-buttonset,
.ui-dialog.mvplus-dialog.assign-markets-dialog .ui-dialog-buttonset,
.ui-dialog.mvplus-dialog.configure-market-licenses .ui-dialog-buttonset,
.ui-dialog.mvplus-dialog.add-market-profile .ui-dialog-buttonset,
.ui-dialog.mvplus-dialog.add-market-definition .ui-dialog-buttonset
{
    width: 100%;
    box-sizing: border-box;
    display: block;
    position: relative;
    right: initial;
}
.ui-dialog.mvplus-dialog.modify-user .ui-dialog-buttonpane button,
.ui-dialog.mvplus-dialog.modify-market .ui-dialog-buttonpane button,
.ui-dialog.mvplus-dialog.add-market-version .ui-dialog-buttonpane button,
.ui-dialog.mvplus-dialog.register-drivetimes .ui-dialog-buttonpane button,
.ui-dialog.mvplus-dialog.add-marketversion-file .ui-dialog-buttonpane button,
.ui-dialog.mvplus-dialog.configure-clientmarkets .ui-dialog-buttonpane button,
.ui-dialog.mvplus-dialog.select-market-version .ui-dialog-buttonpane button,
.ui-dialog.mvplus-dialog.configure-clientmarkets .ui-dialog-buttonpane button,
.ui-dialog.mvplus-dialog.select-markets .ui-dialog-buttonpane button,
.ui-dialog.mvplus-dialog.yes-no-dialog .ui-dialog-buttonpane button,
.ui-dialog.mvplus-dialog.assign-markets-dialog .ui-dialog-buttonpane button,
.ui-dialog.mvplus-dialog.configure-market-licenses .ui-dialog-buttonpane button,
.ui-dialog.mvplus-dialog.add-market-profile .ui-dialog-buttonpane  button,
.ui-dialog.mvplus-dialog.add-market-definition .ui-dialog-buttonpane button
{
    display: inline-block;
    padding: 10px 10px 12px;
    min-width: 140px;
    text-align: center;
    background: rgba(53,122,198,1);
    color: rgba(255,255,255,1);
    transition: all ease 0.3s;
    /* box-shadow: 2px 2px 0px 1px rgba(0,0,0,0.27); */
    font-size: 14px;
    margin: 0 0 0 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.ui-dialog.mvplus-dialog.modify-user .ui-dialog-buttonpane button:nth-last-of-type(1),
.ui-dialog.mvplus-dialog.modify-market .ui-dialog-buttonpane button:nth-last-of-type(1),
.ui-dialog.mvplus-dialog.add-market-version .ui-dialog-buttonpane button:nth-last-of-type(1),
.ui-dialog.mvplus-dialog.register-drivetimes .ui-dialog-buttonpane button:nth-last-of-type(1),
.ui-dialog.mvplus-dialog.add-marketversion-file .ui-dialog-buttonpane button:nth-last-of-type(1),
.ui-dialog.mvplus-dialog.select-market-version .ui-dialog-buttonpane button:nth-last-of-type(1),
.ui-dialog.mvplus-dialog.configure-clientmarkets .ui-dialog-buttonpane button:nth-last-of-type(1),
.ui-dialog.mvplus-dialog.select-markets .ui-dialog-buttonpane button:nth-last-of-type(1),
.ui-dialog.mvplus-dialog.yes-no-dialog .ui-dialog-buttonpane button:nth-last-of-type(1),
.ui-dialog.mvplus-dialog.assign-markets-dialog .ui-dialog-buttonpane button:nth-last-of-type(1),
.ui-dialog.mvplus-dialog.configure-market-licenses .ui-dialog-buttonpane button:nth-last-of-type(1),
.ui-dialog.mvplus-dialog.add-market-profile .ui-dialog-buttonpane button:nth-last-of-type(1),
.ui-dialog.mvplus-dialog.add-market-definition .ui-dialog-buttonpane button:nth-last-of-type(1)
{
    float: left;
}

.ui-dialog.mvplus-dialog.modify-user .ui-dialog-buttonpane button:nth-last-of-type(2),
.ui-dialog.mvplus-dialog.modify-market .ui-dialog-buttonpane button:nth-last-of-type(2),
.ui-dialog.mvplus-dialog.add-market-version .ui-dialog-buttonpane button:nth-last-of-type(2),
.ui-dialog.mvplus-dialog.register-drivetimes .ui-dialog-buttonpane button:nth-last-of-type(2),
.ui-dialog.mvplus-dialog.add-marketversion-file .ui-dialog-buttonpane button:nth-last-of-type(2),
.ui-dialog.mvplus-dialog.select-market-version .ui-dialog-buttonpane button:nth-last-of-type(2),
.ui-dialog.mvplus-dialog.configure-clientmarkets .ui-dialog-buttonpane button:nth-last-of-type(2),
.ui-dialog.mvplus-dialog.select-markets .ui-dialog-buttonpane button:nth-last-of-type(2),
.ui-dialog.mvplus-dialog.yes-no-dialog .ui-dialog-buttonpane button:nth-last-of-type(2),
.ui-dialog.mvplus-dialog.assign-markets-dialog .ui-dialog-buttonpane button:nth-last-of-type(2),
.ui-dialog.mvplus-dialog.configure-market-licenses .ui-dialog-buttonpane button:nth-last-of-type(2),
.ui-dialog.mvplus-dialog.add-market-profile .ui-dialog-buttonpane button:nth-last-of-type(2),
.ui-dialog.mvplus-dialog.add-market-definition .ui-dialog-buttonpane button:nth-last-of-type(2)
{
    float: right;
}

.ui-dialog.mvplus-dialog.modify-user .ui-dialog-buttonpane button span,
.ui-dialog.mvplus-dialog.modify-market .ui-dialog-buttonpane button span,
.ui-dialog.mvplus-dialog.add-market-version .ui-dialog-buttonpane button span,
.ui-dialog.mvplus-dialog.register-drivetimes .ui-dialog-buttonpane button span,
.ui-dialog.mvplus-dialog.add-marketversion-file .ui-dialog-buttonpane button span,
.ui-dialog.mvplus-dialog.configure-clientmarkets .ui-dialog-buttonpane button span,
.ui-dialog.mvplus-dialog.select-market-version .ui-dialog-buttonpane button span,
.ui-dialog.mvplus-dialog.configure-clientmarkets .ui-dialog-buttonpane button span,
.ui-dialog.mvplus-dialog.select-markets .ui-dialog-buttonpane button span,
.ui-dialog.mvplus-dialog.yes-no-dialog .ui-dialog-buttonpane button span,
.ui-dialog.mvplus-dialog.assign-markets-dialog .ui-dialog-buttonpane button span,
.ui-dialog.mvplus-dialog.configure-market-licenses .ui-dialog-buttonpane button span,
.ui-dialog.mvplus-dialog.add-market-profile .ui-dialog-buttonpane button span,
.ui-dialog.mvplus-dialog.add-market-definition .ui-dialog-buttonpane button span
{
    padding: 0 0 0 0;
}

.ui-dialog.mvplus-dialog.modify-user .ui-dialog-buttonpane button:hover,
.ui-dialog.mvplus-dialog.modify-user .ui-dialog-buttonpane button:active,
.ui-dialog.mvplus-dialog.modify-market .ui-dialog-buttonpane button:hover,
.ui-dialog.mvplus-dialog.modify-market .ui-dialog-buttonpane button:active
.ui-dialog.mvplus-dialog.add-market-version .ui-dialog-buttonpane button:hover,
.ui-dialog.mvplus-dialog.add-market-version .ui-dialog-buttonpane button:active,
.ui-dialog.mvplus-dialog.register-drivetimes .ui-dialog-buttonpane button:hover,
.ui-dialog.mvplus-dialog.register-drivetimes .ui-dialog-buttonpane button:active,
.ui-dialog.mvplus-dialog.add-marketversion-file .ui-dialog-buttonpane button:hover,
.ui-dialog.mvplus-dialog.add-marketversion-file .ui-dialog-buttonpane button:active,
.ui-dialog.mvplus-dialog.configure-clientmarkets .ui-dialog-buttonpane button:hover,
.ui-dialog.mvplus-dialog.configure-clientmarkets .ui-dialog-buttonpane button:active,
.ui-dialog.mvplus-dialog.select-market-version .ui-dialog-buttonpane button:hover,
.ui-dialog.mvplus-dialog.select-market-version .ui-dialog-buttonpane button:active,
.ui-dialog.mvplus-dialog.configure-clientmarkets .ui-dialog-buttonpane button:hover,
.ui-dialog.mvplus-dialog.configure-clientmarkets .ui-dialog-buttonpane button:active,
.ui-dialog.mvplus-dialog.select-markets .ui-dialog-buttonpane button:hover,
.ui-dialog.mvplus-dialog.select-markets .ui-dialog-buttonpane button:active,
.ui-dialog.mvplus-dialog.yes-no-dialog .ui-dialog-buttonpane button:hover,
.ui-dialog.mvplus-dialog.yes-no-dialog .ui-dialog-buttonpane button:active,
.ui-dialog.mvplus-dialog.assign-markets-dialog .ui-dialog-buttonpane button:hover,
.ui-dialog.mvplus-dialog.assign-markets-dialog .ui-dialog-buttonpane button:active,
.ui-dialog.mvplus-dialog.configure-market-licenses .ui-dialog-buttonpane button:hover,
.ui-dialog.mvplus-dialog.configure-market-licenses .ui-dialog-buttonpane button:active,
.ui-dialog.mvplus-dialog.add-market-profile .ui-dialog-buttonpane button:hover,
.ui-dialog.mvplus-dialog.add-market-profile .ui-dialog-buttonpane button:active,
.ui-dialog.mvplus-dialog.add-market-definition .ui-dialog-buttonpane button:hover,
.ui-dialog.mvplus-dialog.add-market-definition .ui-dialog-buttonpane button:active
{
    background: rgba(250,113,31,1);
    color: rgba(255,255,255,1);
    transition: all ease 0.3s;
    text-decoration: none;
}

.ui-dialog.mvplus-dialog.add-marketversion-file .typeSelection
{
    height: 35px;
}

.ui-dialog.mvplus-dialog.configure-market-licenses .typeSelection
{
    height: 45px;
    padding-top: 5px;
}

.ui-dialog.mvplus-dialog.configure-market-licenses .typeSelectionHeader
{
    width: 100px;
    padding-top: 2px;
}

.ui-dialog.mvplus-dialog.configure-market-licenses .styleRadio label
{
    width: 110px;
}

.ui-dialog.mvplus-dialog.configure-market-licenses label
{
	width: 100%;
	font-weight: bold;
}
.ui-dialog.mvplus-dialog .configure-license
{
	width: 50%;
	display: block;
	float: left;
}

.ui-dialog.mvplus-dialog .clients-configureDatasetLicenses-grid, 
.ui-dialog.mvplus-dialog .clients-configureLicenseKeys-grid 
{
	width: 300px;
	height: 200px;
}

.ui-dialog.mvplus-dialog .configureMarketLicensesForm 
{
	height: 300px;
}

#standard-datasets-header, #optional-extras-header
{
	height: 20px;
	margin-bottom: 3px;
}

.genericButton.copyMarketDataUploaderButton
{
	position: relative;
}

#copymarketData-upload
{
    padding: 10px;
    background: rgba(255,255,255,0.4);
    margin-bottom: 20px;
    text-align: center;
}
#copymarketData-upload .small-form-surround p
{
    text-align: center;
    margin-bottom: 20px;
}

.genericButton.switchMarketsButton
{
	position: relative;
}

#switchmarkets-main
{
    padding: 10px;
    background: rgba(255,255,255,0.4);
    margin-bottom: 20px;
    text-align: center;
}
#switchmarkets-main .small-form-surround p
{
    text-align: center;
    margin-bottom: 20px;
}

#deployment-main
{
    padding: 10px;
    background: rgba(255,255,255,0.4);
    margin-bottom: 20px;
    text-align: center;
}
#deployment-main .small-form-surround p
{
    text-align: center;
    margin-bottom: 20px;
}

#createNewClient-main
{
    background: rgba(255,255,255,0.4);
    text-align: center;
}
#createNewClient-main .small-form-surround p
{
    text-align: center;
    margin-bottom: 20px;
}

.genericButton.uploadDeploymentFilesUploaderButton
{
	position: relative;
}

#uploadDeploymentFiles-upload
{
    padding: 10px;
    background: rgba(255,255,255,0.4);
    margin-bottom: 20px;
    text-align: center;
}

.marketversion-action-tool {
	overflow: visible !important;
}
.marketversions-datasets-grid .dropdown-menu 
{
	min-width: 0;
	width: 175px;
	left: -125px;
	padding: 5px;
}
.marketversions-datasets-grid .dropdown-menu > li > a 
{
	margin: 2px 0 0 2px;
	padding: 0;
}

.marketversions-datasets-grid .btn 
{
	vertical-align: baseline;
	height: 30px;
}

.marketversions-datasets-grid .arrow-down
{
	display: inline-block;
	vertical-align: top;
	margin-top: 7px;
	width: 0px;
	height: 0px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top:4px solid #fff;
}

/* ol-popup */
.ol-popupText {
	display: none;
	position: absolute;
	background: linear-gradient(rgba(210,210,210,0.8), rgba(180,180,180,0.9));
	padding: 2px 5px 2px 2px;
	border: 2px solid #FFF;
	bottom: 0px;
	user-select: none;
	/*left: -50px;*/
}

.ol-popupData {
	display: none;
	position: absolute;
	background: linear-gradient(rgba(210,210,210,0.8), rgba(180,180,180,0.9));
	padding: 14px 2px 8px 8px;
	/*padding: 15px 25px 15px 15px;*/
	border: 2px solid #FFF;
	bottom: 12px;
	left: -50px;
	user-select: none;
	width: 350px !important;
}

.ol-popupData:after, .ol-popupData:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
/**/
.ol-popupData:after {
	border-top-color: rgba(210,210,210,1);
	border-width: 10px;
	left: 48px;
	margin-left: -10px;
}

.ol-popupData:before {
	border-top-color: white;
	border-width: 11px;
	left: 48px;
	margin-left: -11px;
}
/**/
.ol-popup-content {
    min-width: 300px;
    max-width: 700px;
    max-height: 350px;
    overflow: hidden;
}

.ol-popup-closer {
	position: absolute;
	top: 2px;
	right: 2px;
	font-size: 80%;
	padding: 0 1px;
	/*padding: 0 4px;*/
	color: gray;
	text-decoration: none;
}

.ol-popup-closer:after {
    content: "\2716";
}

.ol-popup-content h3 {
    margin: 0em 0;
}

.ol-popupData td {
	font-size: 0.8em;
	/*font-size: 1em;*/
}

.ol-popupData table {
	border: 1px solid #FFF;
}

.ol-popupData table td {
	border: 1px solid #FFF;
	padding: 2px 2px 2px 3px;
	color: #111111;
}

.ol-popupData table td.header {
	min-width: 155px;
	max-width: 170px;
	font-weight: bold;
}

.ol-popupData table td.data {
	min-width: 155px;
	max-width: 170px;
	background-color: rgba(255,255,255,0.6);
}


.ol-popupData table td.data select {
	max-width: 160px;
}

.ol-popupText table {
	border: 1px solid #FFF;
}

.ol-popupText table td {
	border: 1px solid #FFF;
	padding: 2px 2px 2px 3px;
	color: #111111;
}
.ol-popupText table td.data {
	background-color: rgba(255,255,255,0.6);
}

.ol-popupText  table td.header {
	width: 140px;
	font-weight: bold;
}

.ol-popup-selectall {
	position: absolute;
	top: 15px;
	right: 3px;
	right: 3px;
	height: 12px;
	width: 10px;
	border: 1px solid #D0D0D0;
}
.ol-popup-selectall a {
	color: black;
	cursor: pointer;
	height: 12px;
	width: 10px;
	min-width: 10px;
	top: 0px;
	background: url(images/page-controls/arrow-left2.png) no-repeat center center, linear-gradient(#FFFFFF, #F8F8F8);
}

#popup-popup-container {
	display: flex;
	flex-direction: column;
	overflow-y: hidden;
	height: 100%; /* Make sure this container takes full height or a defined height */
}

#popup-table-container {
	flex-grow: 1; /* This allows the table container to take up remaining space */
	overflow-y: auto; /* Enable vertical scrolling */
	max-height: 250px;
	margin-top: 5px;
}

#popup-button-container {
	flex-shrink: 0; /* This prevents the button container from shrinking */
	height: 50px;
}

/** No Roles **/
#noRolesArea
{
	width: 500px;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -250px;
	border: 1px solid #BCBCBC;
	box-shadow: 1px 1px 2px #BCBCBC;
	padding: 10px;
	background-color: rgba(246,246,246,0.9);
	position: absolute;
}

#noRolesArea h1
{
	border: 1px solid #2679B5;
	padding: 5px 10px;
	font-weight: normal;
	height: 2em;
	line-height: 1.7em;
	margin: 0 0 10px;
	position: relative;
	background: url(images/blue-header.png) 0 center repeat-x;
	box-shadow: 1px 1px 2px #BCBCBC;
	color: #FFF;
	text-shadow: 1px 1px 0 #165C8F;
}

input[type="number"].ng-invalid,
input[type="text"].ng-invalid,
input[type="password"].ng-invalid {
	border: 2px solid red !important;
}

.infoMessage {
	font-size: 0.8em;
	font-style: italic;
}

.cellHighlightError {
	background-color: red;
	color: white;
}

.cellHighlightAction {
	background-color: green;
}

#topLevelLinks
{
	position: absolute;
	top: 7px;
	right: 250px;
	font-size: 0.8em;
	line-height: 2em;
	padding: 0 20px;
}

#topLevelLinks ul {
	list-style-type: disc;
	list-style-position: inside;
}

#topLevelLinks li {
	display: inline; 
	float: none; 
	color: #333; 
	padding: 0px 0px 0px 0px;
}

#topLevelLinks li a {
	color: #333; 
	display: inline; 
	float: none; 
	padding: 0; 
	text-decoration: none;
	font-weight: bold;
	/*text-shadow: 0 -1px 0 #000000;*/
}

.topLevelLink {
	padding-right: 2em;
}

/** ClientSupportAdmin **/

.currentClient {
	margin-top: 75px;
	margin-bottom: 25px;
	margin-left: 50px;
}

.currentClient label {
	display: inline-block;
	min-width: 110px;
	font-size: 14px;
}

.selectClient {
	margin-bottom: 200px;
	margin-left: 50px;
}

.selectClient label {
	margin-top: 5px;
	width: 110px;
	display: block;
	float: left;
	font-size: 14px;
}

.selectClient select {
	margin-bottom: 5px;
	max-width: 800px;
	min-width: 260px;
	background: linear-gradient(#F1F1F1, #E4E4E4);
	border: 1px solid #AAA;
	box-shadow: 1px 1px 2px #BCBCBC;
	padding: 3px;
}

#selectClientArea #selectClientAction button {
	margin-left: 111px;
	margin-top: 20px;
}

.filterDialog .filterRadio {
	display: inline-block;
	width: 51%;
	margin-left: 20px;
}

.filterDialog .filterRadio label {
	width: 200px !important;
}

.filterDialog .ui-button-text-only {
	width: 60px !important;
}

.filterDialog .criteriaField {
	margin-left: 25px;
	margin-top: 10px;
}

#filterStringInput {
	width: 200px;
}
.reportPage a 
{
	position: absolute;
	bottom: 10px;
	right: 10px;
	height:30px;
	width:30px;
	z-index: 1000;
	display: flex;
	gap: 10px;
	background: url(images/workview-tool-icons/print-map.png) no-repeat center center, linear-gradient(#FFFFFF, #F8F8F8);
}

.mapInfoButton {
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	margin: 1px 1px 3px;
	padding: 0;
	left: 10px;
	top: 72px;
	height: 28px;
	width: 26px;
	border: 2px solid #FFF;
	box-shadow: 1px 0px 2px 1px rgba(0,0,0,0.1);
	text-shadow: none;
	overflow: hidden;
	text-indent: -999px;
	z-index: 990;
	background: url(images/map-info-button.png) center center no-repeat, linear-gradient(rgba(210,210,210,0.8), rgba(180,180,180,0.8));
	cursor: pointer;
}

.mapInfoButton a {
	display: block;
	height: 28px;
	width: 26px;
}


.ol-info-box {
	position: absolute;
	top: 10px;
	left: 50px;
	z-index: 1000;
	max-width: 90px;
	cursor: move;
	font-family: "Segoe UI", 'Source Sans Pro', Arial, Helvetica, sans-serif;
	border: 2px solid #FFF;
	padding: 4px 12px 6px 8px;
	background: linear-gradient(rgba(210,210,210,0.3), rgba(180,180,180,0.3));
}

.ol-info-box input[type="text"] {
	height: 25px; 
	font-size: 14px;
	margin-top: 5px;
}

.ol-info-box label {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 14px;
}


.btn-update-map-info {
	background: linear-gradient(#f0f0f0, #dcdcdc); /* Light gray gradient */
	color: black; 
	font-family: "Segoe UI", 'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #bfbfbf; /* Thin gray border */
	border-radius: 6px; /* Rounded corners */
	padding: 4px 8px;
	cursor: pointer;
	box-shadow: 1px 1px 2px #e1e1e1; /* Subtle shadow */
	text-align: center;
	margin-top: 5px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
}

.ui-grid-row.highlighted-row .ui-grid-cell {
	background-color: #fa8c4b !important;
}

.map-note {
	background: #ffffcc;
	border: 1px solid #999;
	padding: 6px 8px;
	border-radius: 4px;
	font-size: 12px;
	color: #000;
	white-space: nowrap;
	pointer-events: auto;
}

.ol-popupText.ol-popupNote {
	background: #FFFFFF;
	border: 1px solid #D6DEE8;
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
	padding: 8px 24px 8px 8px;
}

.ol-popupText.ol-popupNote textarea {
	border: none !important;
	background: transparent;
	box-shadow: none;
	outline: none;
	padding: 0;
	margin: 0;
	width: 100%;
	min-height: 30px;
	resize: none;
}

/* make close icon look integrated (not like a second mini box) */
.ol-popupText.ol-popupNote .ol-popup-closer {
	top: 4px;
	right: 6px;
	width: auto;
	height: auto;
	line-height: 1;
	border: none;
	border-radius: 0;
	background: transparent;
	color: #357AC6;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	opacity: 0.9;
	text-decoration: none;
}

.ol-popupText.ol-popupNote .ol-popup-closer:hover {
	background: transparent;
	color: #1f5fa6;
	opacity: 1;
}

select.overwriteDatasets option:disabled {
	color: #999;
}