/* Minification failed. Returning unminified contents.
(890,33): run-time error CSS1031: Expected selector, found '234'
(890,33): run-time error CSS1025: Expected comma or open brace, found '234'
(930,33): run-time error CSS1031: Expected selector, found '234'
(930,33): run-time error CSS1025: Expected comma or open brace, found '234'
(1300,70): run-time error CSS1035: Expected colon, found ';'
 */
/* Minification failed. Returning unminified contents.
(883,33): run-time error CSS1031: Expected selector, found '234'
(883,33): run-time error CSS1025: Expected comma or open brace, found '234'
(923,33): run-time error CSS1031: Expected selector, found '234'
(923,33): run-time error CSS1025: Expected comma or open brace, found '234'
(1293,70): run-time error CSS1035: Expected colon, found ';'
 */
/* CSS Document */

/* page set up */

body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: .85em; background-color: white; }

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, th { margin: 0; padding: 0; box-sizing: border-box;}

*, *::before, *::after { box-sizing: border-box; }

div.validationSummary {color: red; font-weight: bold; padding: 5px 10px;}
#resultsAreOutOfDate {display: none; padding: 10px 15px; border: 2px solid gray; background-color: yellow; color: red;   text-align: center; margin: 10px 0; animation: customAni 5s cubic-bezier(0.11, 0, 0.5, 0) 0s infinite normal none;}

#wrapper {background-color: white; width:1200px;	overflow:hidden;margin-left:auto;	margin-right:auto;	text-align:left;	border-left: 1px solid #CCC;	border-right: 1px solid #CCC;	border-bottom: 1px solid #CCC;}
#wrapper.fullWidth {width: 100% !important;}

#wrapper a { text-decoration: none;  font-weight: normal; color: #111111; }
#wrapper a:hover {text-decoration: underline;}

#header { position: relative; clear: both; width:100%; height:135px;display:block; border-bottom: 1px solid silver;}
#header img.logo {position: absolute; top: 3px; left: 15px;}

#header .devInfo {position: absolute; top: 10px; left: 320px;	text-align:right; z-index: 9999; background-color: #ffffaf; padding: 5px 10px; font-size: .85em;}

@media print
{ 
  #header, #wrapper .navbar, #footer , .noprint{ display: none !important; }
  #wrapper {border: none;}
  #ctl00_ContentPlaceHolder1_btnExportToExcel {display: none !important}
  #ctl00_ContentPlaceHolder1_btnPrintToPDF {display: none !important}
}

#header .menuOptions { position: absolute; top: 30px; right: 10px; text-align: right; }
#header .menuOptions div { border-left: 1px solid #b7b7b7; padding: 9px 0 9px 11px; display: inline-block; margin-right: 22px;}
#header .menuOptions div a {text-transform: uppercase; font-weight: bold !important; color: #585858;}

#header .flex-menu-container { display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: normal; align-content: stretch; position: absolute; top: 30px; right: 10px; text-align: right; }
#header .flex-menu-container .flex-items { display: block; flex-grow: 0; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 0; border-left: 1px solid #b7b7b7; padding: 9px 0 9px 11px; display: inline-block; margin-right: 22px; }
#header .flex-menu-container .flex-items a {text-transform: uppercase; font-weight: bold !important; color: #585858;}



#wrapper .navbar { height: 130px; padding: 25px; background: #56ba84; background: linear-gradient(90deg, #56ba84 0%, #a2cf70 100%);}
#wrapper .navbar.inFooter {margin-top: 40px;}
#wrapper .navbar div.tabs {display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: normal; align-items: normal; align-content: normal; }
#wrapper .navbar div.tabs div {display: block; flex-grow: 0; flex-shrink: 1; flex-basis: auto; width: 110px; margin: 0; padding: 0; font-size: 1.03em; font-weight: bold; text-align: center; color: white; cursor: pointer; }
#wrapper .navbar div.tabs div img {width: 100%; height: 55px;}


#bodyContent {padding: 5px 15px 15px 15px; min-height: 400px; font-size: .95em;}

#wrapper .currentProject {width: 100%; padding: 20px 20px; background-color: #58585a; color: white; font-size: 1.3em; font-weight: bold; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: normal; align-items: normal; align-content: normal;}
#wrapper .currentProject div {display: block; flex-grow: 1; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 0; }
#wrapper .currentProject div:last-child {text-align: right;}

.msgboxInformation { display: none; background: url(/images/message-boxes/message_info.jpg) no-repeat top right; color: white; background-color: #9EC933; font-weight: bold; margin: 2px 0 2px 1px; padding: 5px; }
.msgboxInformation #msgInformationToUserText { background: url(data:image/png;base64,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) no-repeat top left; margin: 5px 0 5px 7px; padding: 0 10px 5px 40px; min-height: 25px; line-height: 25px; font-size: 1em; font-weight: bold; }
.msgboxWarning { display: none; background: url(/images/message-boxes/message_warning.jpg) no-repeat top right; background-color: #FFB00B; color: white; font-weight: bold; margin: 2px 0 2px 1px; padding: 5px; }
.msgboxWarning #msgWarningToUserText { background: url(data:image/png;base64,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) no-repeat top left; margin: 5px 0 5px 7px; padding: 0 10px 5px 40px; min-height: 25px; line-height: 25px; font-size: 1em; font-weight: bold; }


div[data-item-url] { cursor: pointer; }

#footer { position: relative; clear: both; width: 100%; display: block; background-color: #58585a; color: white; padding: 10px; font-size: .85em;}


.columns {clear: both; margin:0 0 10px 0;}
.columns .column {display: inline-block; vertical-align: top; padding: 5px 0 10px 10px;}
.columns .column:before { content: ""; display: inline-block; vertical-align: middle; height: 1px; }
.columns .column h3 {margin-top: 0;}

/* layout divs */

.popaibox {
	width:890px;
	padding:10px;
	display:block;
	float:left;
	margin-top:20px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 10px solid #BB131A;
	background-image:url(../images/box_grad_fill.jpg);
	background-repeat:repeat-x;
	background-color:#E1E1E1;
}

.popaibox table, td, th {
    border-style:none;

}

.noborder {
    border-style: none;
}

#modalpop {
	width:600px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-color:white;
}
	





.welcome {
width:920px;
margin-left:20px;
padding-bottom:20px;
float:left;
font-family:Arial, Helvetica, Verdana;
}

.txtbox {
width:920px;
float:left;
display:block;
padding-top:100px;
padding-bottom:100px;
}

.probox {
width:930px;
float:left;
text-align:left;
display:inline;
}

.topspace {
	margin-top:30px;
	float:left;
	width:920px;
}

.lefty {
	float:left;
}

.restables {
	float:left;
	width:920px;
}


/* fonts */

#bodyContent h1 { margin-top: 5px; margin-bottom: 8px; font-size: 1.7em; font-weight: 700; color: #58585a !important; }
#bodyContent h2 { margin-top: 8px; margin-bottom: 10px; font-size: 1.6em; font-weight: 700; color: #56ba84; }
#bodyContent h3 { margin-top: 8px; margin-bottom: 10px; font-size: 1.3em; font-weight: 700; color: #248AC9; }
#bodyContent h4 { margin-top: 8px; margin-bottom: 10px; font-size: 1.15em; font-weight: 700; color: #333333; }
#bodyContent div.currentProject {margin: 0; padding: 8px 0; font-size: 1.1em; color: #248AC9; font-weight: 700;}

.bodtxt {
	color:#000;
	font-family:Verdana, Arial, Helvetica;
	font-size:0.8em;
	line-height:1.4;
}

a.bodtxt {
	color:#000;
	text-decoration:underline;
}

a.bodtxt:hover {
	color:#999;
}

ul.bodtxt {
	text-align:left;
}

.popaiformlabel {
	font-family:Arial, Helvetica, Verdana;
	font-size:1em;
	color:#333;
	font-weight:bold;
}

.popaiformelements {
	font-family:Arial, Helvetica, Verdana;
	font-size:0.8em;
	color:#333;
	font-weight:bold;
	border: 1px solid #BB131A;
}

.txttitle {
	color:#000;
	font-family:Arial, Helvetica, Verdana;
	font-size:0.9em;
}

.biglabel {
	color:#000;
	font-family:Arial, Helvetica, Verdana;
	font-size:1.2em;
	font-weight:bold;
}

.black {
	color:#000;
}

.red {
	color:#BB131A;
    font-weight: 700;
}

.greyify {
	color:#999;
}


.red25 {
font-family:Arial, Helvetica, Verdana;
font-size:1.4em;
color:#C00;
}

.lime25 {
font-family:Arial, Helvetica, Verdana;
font-size:1.4em;
color:#CCCC00;
}

.brown25 {
font-family:Arial, Helvetica, Verdana;
font-size:1.4em;
color:#785E41;
}

.grey18 {
font-family:Arial, Helvetica, Verdana;
font-size:1.2em;
color:#666666;
    font-weight: 700;
}

.white10 {
font-family:Arial, Helvetica, Verdana;
font-size:0.7em;
color:white;
}

.white14 {
font-family:Arial, Helvetica, Verdana;
font-size:1em;
color:white;
}

.grey14 {
font-family:Arial, Helvetica, Verdana;
font-size:0.9em;
color:#666;
font-weight:bold;
}

.black10 {
font-family:Arial, Helvetica, Verdana;
font-size:0.7em;
color:black;
}

.grey12 {
font-family:Arial, Helvetica, Verdana;
font-size:0.8em;
color:#666666;
}

.darkgrey12 {
font-family:Arial, Helvetica, Verdana;
font-size:0.8em;
color:#333333;
}

.grey16 {
font-family:Arial, Helvetica, Verdana;
font-size:1em;
font-weight:bold;
color:#666666;
}

.grey30 {
font-family:Arial, Helvetica, Verdana;
font-size:1.4em;
color:#666666;
}

.darkgrey30 {
font-family:Arial, Helvetica, Verdana;
font-size:1.4em;
color:#333333;
}

.black14 {
font-family:Arial, Helvetica, Verdana;
font-size:0.9em;
color:black;
font-weight:bold;
}

a.black14 {
color:black;
text-decoration:none;
}

a.black14:hover {
color:#58A58F;
text-decoration:underline;
}

a.resbar {
color:black;
text-decoration:none;
}

a.resbar:hover {
color:white;
text-decoration:underline;
}

.makegreen {
color:#58A58F;
}

.makegreybold {
color:#666666;
font-weight:bold;
}

.makebold {
font-weight:bold;
}

.green16 {
font-family:Arial, Helvetica, Verdana;
font-size:1em;
color:#58A58F;
}

.green12 {
font-family:Arial, Helvetica, Verdana;
font-size:0.8em;
color:#58A58F;
}

a.green12 {
color:#58A58F;
text-decoration:none;
}

a.green12:hover {
color:#333333;
text-decoration:underline;
}

.green10 {
font-family:Arial, Helvetica, Verdana;
font-size:0.6em;
color:#58A58F;
}


.redbod {
font-family:Arial, Helvetica, Verdana;
font-size:0.8em;
color:#C00;
}

a.redbod {
color:#C00;
text-decoration:none;
}

a.redbod:hover {
color:#F30;
text-decoration:underline;
}

hr {
	color:#C00;
}

.messages {
font-family:Arial, Helvetica, Verdana;
font-size:1em;
color:#C00;
font-weight:bold;
}

/* end of fonts */




/* table styling */
table.element {margin: 10px 0; border-collapse: collapse; border: none;}
table.element th {border: 0 !important; border-bottom: 1px solid #CCC !important; padding: 2px 4px 5px 4px; vertical-align: top;}
table.element th.title { width: 400px !important; text-align: left; padding: 5px 4px 5px 10px; background-color: #58585A; color: white;}
table.element th.v1 {background-color: #1F8BCB; text-align: center; padding: 5px; width: 120px; color: black;}
table.element th.v2 {background-color: #ff8589; text-align: center; padding: 5px; width: 120px; color: black;}
table.element th.v3 {background-color: #a26792; text-align: center; padding: 5px; width: 120px; color: black;}
table.element th.v4 {background-color: #0ebabc; text-align: center; padding: 5px; width: 120px; color: black;}
table.element th.v5 {background-color: #ffec5c; text-align: center; padding: 5px; width: 120px; color: black;}
table.element th.v6 {background-color: #a2cf70; text-align: center; padding: 5px; width: 120px; color: black;}
table.versions th.v1 {text-align: left;}
table.versions th.v2 {text-align: left;}
table.versions th.v3 {text-align: left;} 
table.versions th.v4 {text-align: left;}
table.versions th.v5 {text-align: left;}
table.versions th.v6 {text-align: left;}

table.element td {border: 0 !important; border-bottom: 1px solid #CCC !important; padding: 2px 4px 5px 4px; vertical-align: top;}
table.element td.valueCell {background-color: #E8EEE3; text-align: right; padding-right: 15px !important;}
table.element td.valueCell:nth-child(odd) {background-color: #eaeaea;}

table.element.versions th {border: none !important; width: auto; }
table.element.versions td {border: none !important;}

table.element  td.detail { padding-left: 10px !important; color: #666666}
div.v1 {background-color: #1F8BCB; padding: 5px 10px; color: black; font-weight: bold;}
div.v2 {background-color: #ff8589; padding: 5px 10px; color: black; font-weight: bold;}
div.v3 {background-color: #a26792; padding: 5px 10px; color: black; font-weight: bold;}
div.v4 {background-color: #0ebabc; padding: 5px 10px; color: black; font-weight: bold;}
div.v5 {background-color: #ffec5c; padding: 5px 10px; color: black; font-weight: bold;}
div.v6 {background-color: #a2cf70; padding: 5px 10px; color: black; font-weight: bold;}


div[data-action="delete"] {cursor: pointer;} 
div[data-action="edit"] {cursor: pointer;}
div[data-action="copy"] {cursor: pointer; margin-top: 15px;}

/* end of table styling */




.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
 
.modalPopup
{
    background-color: #ffffff;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    position:relative;
}
#UserAvailability 
{
  padding-left: 22px;
  margin-left: 5px;
  float: left;
  background-position: left;
  background-repeat: no-repeat;
}

.progress
{
  background-image: url(../images/spinner.gif);
  background-repeat: no-repeat;
}

.taken
{
  background-image: url(../images/taken.gif);
}

.available
{
  background-image: url(../images/available.gif);
}
.errorText
{
    font-family: Verdana;
    font-size: 1em;
    font-weight: bold;
    color: #FF0000;
}

/* end of steps tabs */



/* start of popai navigation bar */

.projects {
	height:56px;
	width:91px;
	overflow: hidden;
	float:left;
	background-image:url(../images/nav/nav_projects.jpg);
	margin-left:70px;
}

.projects:hover{
	background-image:url(../images/nav/nav_projects_f3.jpg);
}

.projectson {
	height:56px;
	width:91px;
	overflow: hidden;
	float:left;
	background-image:url(../images/nav/nav_projects_f2.jpg);
	margin-left:70px;
}


.overview {
	height:56px;
	width:126px;
	overflow: hidden;
	float:left;
	background-image:url(../images/nav/nav_overview.jpg);
}

.overview:hover{
	background-image:url(../images/nav/nav_overview_f3.jpg);
}

.overviewon {
	height:56px;
	width:126px;
	overflow: hidden;
	float:left;
	background-image:url(../images/nav/nav_overview_f2.jpg);
}

.version {
	height:56px;
	width:126px;
	overflow: hidden;
	float:left;
	background-image:url(../images/nav/nav_overview.jpg);
}

.version:hover{
	background-image:url(../images/nav/nav_overview_f3.jpg);
}

.versionon {
	height:56px;
	width:126px;
	overflow: hidden;
	float:left;
	background-image:url(../images/nav/nav_overview_f2.jpg);
}

.product {
	height:56px;
	width:122px;
	overflow: hidden;
	float:left;
	background-image:url(../images/nav/nav_product.jpg);
}

.product:hover{
	background-image:url(../images/nav/nav_product_f3.jpg);
}

.producton {
	height:56px;
	width:122px;
	overflow: hidden;
	float:left;
	background-image:url(../images/nav/nav_product_f2.jpg);
}


.packaging {
	height:56px;
	width:127px;
	overflow: hidden;
	float:left;
	background-image:url(../images/nav/nav_packaging.jpg);
}

.packaging:hover{
	background-image:url(../images/nav/nav_packaging_f3.jpg);
}

.packagingon {
	height:56px;
	width:127px;
	overflow: hidden;
	float:left;
	background-image:url(../images/nav/nav_packaging_f2.jpg);
}


.use {
	height:56px;
	width:123px;
	overflow: hidden;
	float:left;
	background-image:url(../images/nav/nav_use.jpg);
}

.use:hover{
	background-image:url(../images/nav/nav_use_f3.jpg);
}

.useon {
	height:56px;
	width:123px;
	overflow: hidden;
	float:left;
	background-image:url(../images/nav/nav_use_f2.jpg);
}


.endoflife {
	height:56px;
	width:126px;
	overflow: hidden;
	float:left;
	background-image:url(../images/nav/nav_end_of_life.jpg);
}

.endoflife:hover{
	background-image:url(../images/nav/nav_end_of_life_f3.jpg);
}

.endoflifeon {
	height:56px;
	width:126px;
	overflow: hidden;
	float:left;
	background-image:url(../images/nav/nav_end_of_life_f2.jpg);
}


.results {
	height:56px;
	width:89px;
	overflow: hidden;
	float:left;
	background-image:url(../images/nav/nav_results.jpg);
}

.results:hover{
	background-image:url(../images/nav/nav_results_f3.jpg);
}

.resultson {
	height:56px;
	width:89px;
	overflow: hidden;
	float:left;
	background-image:url(../images/nav/nav_results_f2.jpg);
}

/* end of popai navigation bar */

*, *:before, *:after { box-sizing: border-box; }
.clearfix:after { content: ""; display: table; clear: both; }


/* grids */
div.row { margin: 0 -10px; margin-bottom: 20px; }
	div.row:last-child { margin-bottom: 0; }
[class*="col-"] { padding: 10px; }

div.row div.heading { color: #1f8bcb; font-size: 1.3em; font-weight: bold; }
div.row div.graphic { max-height: 150px; overflow: hidden; }
	div.row div.graphic img { min-height: 150px; width: 100%; height: auto; }

div.row div.graphicSetHeight { max-height: 150px; overflow: hidden; }
	div.row div.graphicSetHeight img { width: 100%; height: auto; }


@media all {
	.col-1-6 { float: left; width: 16%; xborder: 1px solid blue; margin-bottom: 1%; }
		.col-1-6:nth-child(2n+1) { clear: none; }
		.col-1-6:nth-child(3n+1) { clear: none; }
		.col-1-6:nth-child(4n+1) { clear: none; }
		.col-1-6:nth-child(5n+1) { clear: none; }
		.col-1-6:nth-child(6n+1) { clear: both; }
		.col-1-6:nth-child(1) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-6:nth-child(2) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-6:nth-child(3) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-6:nth-child(4) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-6:nth-child(5) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-6:nth-child(6) { border-right: none; border-bottom: none; }

	.col-1-5 { float: left; width: 20%; xborder: 1px solid blue; margin-bottom: 1%; }
		.col-1-5:nth-child(2n+1) { clear: none; }
		.col-1-5:nth-child(3n+1) { clear: none; }
		.col-1-5:nth-child(4n+1) { clear: none; }
		.col-1-5:nth-child(5n+1) { clear: both; }
		.col-1-5:nth-child(1) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-5:nth-child(2) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-5:nth-child(3) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-5:nth-child(4) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-5:nth-child(5) { border-right: none; border-bottom: none; }

	.col-1-4 { float: left; width: 25%; xborder: 1px solid blue; margin-bottom: 1%; }
		.col-1-4:nth-child(2n+1) { clear: none; }
		.col-1-4:nth-child(3n+1) { clear: none; }
		.col-1-4:nth-child(4n+1) { clear: both; }
		.col-1-4:nth-child(1) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-4:nth-child(2) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-4:nth-child(3) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-4:nth-child(4) { border-right: none; border-bottom: none; }

	.col-1-3 { float: left; width: 33%; xborder: 1px solid blue; margin-bottom: 1%; }
		.col-1-3:nth-child(2n+1) { clear: none; }
		.col-1-3:nth-child(3n+1) { clear: both; }
		.col-1-3:nth-child(1) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-3:nth-child(2) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-3:nth-child(3) { border-right: none; border-bottom: none; }

	.col-1-2 { float: left; width: 50%; xborder: 1px solid blue; margin-bottom: 1%; }
		.col-1-2:nth-child(2n+1) { clear: both; }
		.col-1-2:nth-child(1) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-2:nth-child(2) { border-right: none; border-bottom: none; }
}


@media all and ( max-width: 960px ) {
	.col-1-6 { float: left; width: 33%; xborder: 1px solid darkgreen; }
		.col-1-6:nth-child(2n+1) { clear: none; }
		.col-1-6:nth-child(3n+1) { clear: both; }
		.col-1-6:nth-child(4n+1) { clear: none; }
		.col-1-6:nth-child(5n+1) { clear: none; }
		.col-1-6:nth-child(6n+1) { clear: none; }
		.col-1-6:nth-child(1) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-6:nth-child(2) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-6:nth-child(3) { border-right: none; border-bottom: none; }
		.col-1-6:nth-child(4) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-6:nth-child(5) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-6:nth-child(6) { border-right: 1px dashed #b7b7b7; border-bottom: none; }

	.col-1-5 { float: left; width: 33%; xborder: 1px solid darkgreen; }
		.col-1-5:nth-child(2n+1) { clear: none; }
		.col-1-5:nth-child(3n+1) { clear: both; }
		.col-1-5:nth-child(4n+1) { clear: none; }
		.col-1-5:nth-child(5n+1) { clear: none; }
		.col-1-5:nth-child(1) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-5:nth-child(2) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-5:nth-child(3) { border-right: none; border-bottom: none; }
		.col-1-5:nth-child(4) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-5:nth-child(5) { border-right: 1px dashed #b7b7b7; border-bottom: none; }

	.col-1-4 { float: left; width: 33%; xborder: 1px solid darkgreen; }
		.col-1-4:nth-child(2n+1) { clear: none; }
		.col-1-4:nth-child(3n+1) { clear: both; }
		.col-1-4:nth-child(4n+1) { clear: none; }
		.col-1-4:nth-child(1) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-4:nth-child(2) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-4:nth-child(3) { border-right: none; border-bottom: none; }
		.col-1-4:nth-child(4) { border-right: 1px dashed #b7b7b7; border-bottom: none; }

	.col-1-3 { float: left; width: 33%; xborder: 1px solid darkgreen; }
		.col-1-3:nth-child(2n+1) { clear: none; }
		.col-1-3:nth-child(3n+1) { clear: both; }
		.col-1-3:nth-child(1) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-3:nth-child(2) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-3:nth-child(3) { border-right: none; border-bottom: none; }

	.col-1-2 { float: left; width: 50%; xborder: 1px solid blue; margin-bottom: 1%; }
		.col-1-2:nth-child(2n+1) { clear: both; }
		.col-1-2:nth-child(1) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-2:nth-child(2) { border-right: none; border-bottom: none; }
}

@media all and ( max-width: 797px ) {
	.col-1-6 { float: left; width: 50%; xborder: 1px solid pink; }
		.col-1-6:nth-child(2n+1) { clear: both; }
		.col-1-6:nth-child(3n+1) { clear: none; }
		.col-1-6:nth-child(4n+1) { clear: none; }
		.col-1-6:nth-child(5n+1) { clear: none; }
		.col-1-6:nth-child(6n+1) { clear: both; }
		.col-1-6:nth-child(1) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-6:nth-child(2) { border-right: none; border-bottom: none; }
		.col-1-6:nth-child(3) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-6:nth-child(4) { border-right: none; border-bottom: none; }
		.col-1-6:nth-child(5) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-6:nth-child(6) { border-right: none; border-bottom: none; }

	.col-1-5 { float: left; width: 50%; xborder: 1px solid pink; }
		.col-1-5:nth-child(2n+1) { clear: both; }
		.col-1-5:nth-child(3n+1) { clear: none; }
		.col-1-5:nth-child(4n+1) { clear: none; }
		.col-1-5:nth-child(5n+1) { clear: both; }
		.col-1-5:nth-child(1) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-5:nth-child(2) { border-right: none; border-bottom: none; }
		.col-1-5:nth-child(3) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-5:nth-child(4) { border-right: none; border-bottom: none; }
		.col-1-5:nth-child(5) { border-right: 1px dashed #b7b7b7; border-bottom: none; }

	.col-1-4 { float: left; width: 50%; xborder: 1px solid pink; }
		.col-1-4:nth-child(2n+1) { clear: both; }
		.col-1-4:nth-child(3n+1) { clear: none; }
		.col-1-4:nth-child(4n+1) { clear: none; }
		.col-1-4:nth-child(1) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-4:nth-child(2) { border-right: none; border-bottom: none; }
		.col-1-4:nth-child(3) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-4:nth-child(4) { border-right: none; border-bottom: none; }

	.col-1-3 { float: left; width: 50%; xborder: 1px solid pink; }
		.col-1-3:nth-child(2n+1) { clear: both; }
		.col-1-3:nth-child(1) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-3:nth-child(2) { border-right: none; border-bottom: none; }
		.col-1-3:nth-child(3) { border-right: 1px dashed #b7b7b7; border-bottom: none; }

	.col-1-2 { float: left; width: 50%; xborder: 1px solid pink; }
		.col-1-2:nth-child(2n+1) { clear: both; }
		.col-1-2:nth-child(1) { border-right: 1px dashed #b7b7b7; border-bottom: none; }
		.col-1-2:nth-child(2) { border-right: none; border-bottom: none; }
}


@media all and ( max-width: 480px ) {
	div.row div.graphic { min-height: 220px; }
		div.row div.graphic img { min-height: 220px; }

	.col-1-6 { width: 100%; xborder: 1px solid red; }
		.col-1-6:nth-child(2n+1) { clear: both; border-right: none; }
		.col-1-6:nth-child(3n+1) { clear: both; border-right: none; }
		.col-1-6:nth-child(4n+1) { clear: both; border-right: none; }
		.col-1-6:nth-child(5n+1) { clear: both; border-right: none; }
		.col-1-6:nth-child(6n+1) { clear: both; border-right: none; }
		.col-1-6:nth-child(1n+1) { border-right: none; border-bottom: 1px dashed #b7b7b7; }

	.col-1-5 { width: 100%; xborder: 1px solid red; }
		.col-1-5:nth-child(2n+1) { clear: both; border-right: none; }
		.col-1-5:nth-child(3n+1) { clear: both; border-right: none; }
		.col-1-5:nth-child(4n+1) { clear: both; border-right: none; }
		.col-1-5:nth-child(5n+1) { clear: both; border-right: none; }
		.col-1-5:nth-child(1n+1) { border-right: none; border-bottom: 1px dashed #b7b7b7; }

	.col-1-4 { width: 100%; xborder: 1px solid red; }
		.col-1-4:nth-child(2n+1) { clear: both; border-right: none; }
		.col-1-4:nth-child(3n+1) { clear: both; border-right: none; }
		.col-1-4:nth-child(4n+1) { clear: both; border-right: none; }
		.col-1-4:nth-child(1n+1) { border-right: none; border-bottom: 1px dashed #b7b7b7; }

	.col-1-3 { width: 100%; xborder: 1px solid red; }
		.col-1-3:nth-child(2n+1) { clear: both; border-right: none; }
		.col-1-3:nth-child(3n+1) { clear: both; border-right: none; }
		.col-1-3:nth-child(1n+1) { border-right: none; border-bottom: 1px dashed #b7b7b7; }

	.col-1-2 { width: 100%; xborder: 1px solid red; }
		.col-1-2:nth-child(2n+1) { clear: both; border-right: none; }
		.col-1-2:nth-child(1n+1) { border-right: none; border-bottom: 1px dashed #b7b7b7; }
}

/* CSS for 'Feature 1 wide, 2 narrow Responsive' Template in admin area */
.itemList { display: grid; grid-template-columns: repeat(4, 1fr); }
	.itemList .item { border: 1px dashed #b7b7b7; border-top: none; border-left: none; }
		.itemList .item:nth-of-type(3) { border-right: none; }
		.itemList .item.unpinned:nth-of-type(4n+3) { border-right: none; }
		.itemList .item.unpinned { padding: 20px; display: flex; flex-direction: column; justify-content: flex-start; }
			.itemList .item.unpinned .image { width: 100%; height: 200px; }
				.itemList .item.unpinned .image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; border-width: 0px; }
			.itemList .item.unpinned .heading { margin: 0 0 15px 0; font-weight: bold; color: #1f8bcb; font-size: 1.3em; text-decoration: none; }
			.itemList .item.unpinned .subheading { margin: 0 0 20px 0; text-align: left; padding: 0; font-weight: bold; color: #000; }
			.itemList .item.unpinned .text { text-align: left; line-height: 1.7; margin: 0 0 20px 0; }
		.itemList .item.pinned { grid-column: span 2; padding: 10px; display: flex; align-items: stretch; }
			.itemList .item.pinned .inner { padding: 20px; position: relative; background-color: #d0edff75; width: 100%; }
			.itemList .item.pinned .heading { margin: 0 0 15px 0; font-weight: bold; color: #1f8bcb; font-size: 1.8em; text-decoration: none; padding-right: 80px; }
			.itemList .item.pinned .subheading { margin: 0 0 20px 0; text-align: left; padding: 0; font-weight: bold; font-size: 1.2em; color: #000; }
			.itemList .item.pinned .text { margin: 0 0 20px 0; text-align: left; font-size: 1em; line-height: 1.7; }
			.itemList .item.pinned .image { max-width: 350px; width: 100%; height: 200px; margin: 0 auto; }
				.itemList .item.pinned .image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; border-width: 0px; }

@media (max-width: 960px) {
	.itemList { grid-template-columns: repeat(2, 1fr); }
		.itemList .item:nth-of-type(3)234 { border-right: 1px dashed #b7b7b7; }
		.itemList .item.unpinned:nth-of-type(4n+3) { border-right: 1px dashed #b7b7b7; }
		.itemList .item.unpinned:nth-of-type(2n+1) { border-right: none; }
		.itemList .item.pinned { border-right: none; }
}

@media (max-width: 550px) {
	.itemList { grid-template-columns: 1fr; }
		.itemList .item { border-right: none; }
			.itemList .item.pinned { grid-column: span 1; }
}


/* CSS for 'Feature 1 wide, 2 narrow Responsive' Template in admin area */
.itemList { display: grid; grid-template-columns: repeat(4, 1fr); }
	.itemList .item { border: 1px dashed #b7b7b7; border-top: none; border-left: none; }
		.itemList .item:nth-of-type(3) { border-right: none; }
		.itemList .item.unpinned:nth-of-type(4n+3) { border-right: none; }
		.itemList .item.unpinned { padding: 20px; display: flex; flex-direction: column; justify-content: flex-start; }
			.itemList .item.unpinned .image { width: 100%; height: 200px; }
				.itemList .item.unpinned .image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; border-width: 0px; }
			.itemList .item.unpinned .heading { margin: 0 0 15px 0; font-weight: bold; color: #1f8bcb; font-size: 1.3em; text-decoration: none; }
			.itemList .item.unpinned .subheading { margin: 0 0 20px 0; text-align: left; padding: 0; font-weight: bold; color: #000; }
			.itemList .item.unpinned .text { text-align: left; line-height: 1.7; margin: 0 0 20px 0; }
		.itemList .item.pinned { grid-column: span 2; padding: 10px; display: flex; align-items: stretch; }
			.itemList .item.pinned .inner { padding: 20px; position: relative; background-color: #d0edff75; width: 100%; }
			.itemList .item.pinned .heading { margin: 0 0 15px 0; font-weight: bold; color: #1f8bcb; font-size: 1.8em; text-decoration: none; padding-right: 80px; }
			.itemList .item.pinned .subheading { margin: 0 0 20px 0; text-align: left; padding: 0; font-weight: bold; font-size: 1.2em; color: #000; }
			.itemList .item.pinned .text { margin: 0 0 20px 0; text-align: left; font-size: 1em; line-height: 1.7; }
			.itemList .item.pinned .image { max-width: 350px; width: 100%; height: 200px; margin: 0 auto; }
				.itemList .item.pinned .image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; border-width: 0px; }

/* Sustain Logos*/
#sustainLogosList { margin: 15px 0 0 0; }
#sustainLogosList div { display: inline-block; vertical-align: middle; margin: 5px; }
#sustainLogosList div img { max-width: 150px; height: auto; }


@media (max-width: 960px) {
	.itemList { grid-template-columns: repeat(2, 1fr); }
		.itemList .item:nth-of-type(3)234 { border-right: 1px dashed #b7b7b7; }
		.itemList .item.unpinned:nth-of-type(4n+3) { border-right: 1px dashed #b7b7b7; }
		.itemList .item.unpinned:nth-of-type(2n+1) { border-right: none; }
		.itemList .item.pinned { border-right: none; }
}

@media (max-width: 550px) {
	.itemList { grid-template-columns: 1fr; }
		.itemList .item { border-right: none; }
			.itemList .item.pinned { grid-column: span 1; }
}



img.updatesAvailable {max-width: 40px; height: auto; animation: customAni 3s cubic-bezier(0.11, 0, 0.5, 0) 0s infinite normal none;}

@keyframes customAni {
  0% {opacity: 1; }
  50% {opacity: 0.2;}
  100% {opacity: 1;}
}




.home-flex-container {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: normal;
      align-items: normal;
      align-content: normal;
      margin: 60px 0;
      gap: 20px;
    }

    .home-flex-container .home-flex-items img {clear: both;}

    .home-flex-items {text-align: center; color: white; font-size: 4.7em; border-radius: 10px;}

    .home-flex-items:nth-child(1) {
      display: block;
      flex-grow: 1;
      flex-shrink: 1;
      flex-basis: 0;
      align-self: auto;
      order: 0;
      background: rgb(89,89,91); background: linear-gradient(180deg, rgba(89,89,91,1) 0%, rgba(244,244,244,1) 100%);
      padding: 30px
    }

    .home-flex-items:nth-child(2) {
      display: block;
      flex-grow: 1;
      flex-shrink: 1;
      flex-basis: 0;
      align-self: auto;
      order: 0;
      background: rgb(87,186,132); background: linear-gradient(180deg, rgba(87,186,132,1) 0%, rgba(161,206,112,1) 100%);
      padding: 30px
    }
/* Button styles */
/*-webkit-appearance:none; - This is crucial to stop apple devices changing the style of the button */
input[type=submit], .btn { cursor: pointer; -webkit-appearance: none; background: #1f8bcb; background: linear-gradient(180deg, #1f8bcb 0%, #0ebabc 100%); color: #FFF; font-weight: bold; font-size: 1em; padding: 7px 12px; border: none; }

input[type=submit].buttonGreen { cursor: pointer; -webkit-appearance: none; background: #1f8bcb; background: linear-gradient(180deg, #1f8bcb 0%, #0ebabc 100%);  color: #FFF; font-weight: bold; font-size: 1em;padding: 5px 10px; padding: 7px 12px; border: none; }
input[type=submit].buttonRed { cursor: pointer; -webkit-appearance: none; background: #e55934; color: #FFF; font-weight: bold; font-size: 1em; padding: 5px 10px; padding: 7px 12px; border: none; }


.regBodyContent a.btn { text-decoration: none; color: #FFF }

    input[type=email],
    input[type=number],
    input[type=text],
    input[type=file],
    input[type=password],
    textarea,
    select { padding: 6px 5px; color: #333333; background-color: #FFFFFF; border: 1px solid #CCCCCC; }

input[type=text].Required,
input[type=password].Required,
input[type=number].Required,
input[type=email].Required,
select.Required,
textarea.Required { background-color: #E6E7E8; border: 1px solid #CCCCCC; color: #E31837; font-style: italic; }

input[type=text].ErrorBox,
input[type=password].ErrorBox,
input[type=number].ErrorBox,
input[type=email].ErrorBox,
textarea.ErrorBox,
select.ErrorBox { border-color: #CF2B2B;  outline: 1px; outline-style: dotted; outline-color: invert; }

input[type=text]:focus,
input[type=file]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
select:focus,
textarea:focus { border-color: rgba(82,168,236,0.8);  outline: 1px; outline-style: dotted; outline-color: invert; }

input[type=checkbox],
input[type=radio] { border: none; }

/* these buttonGroup styles are for having button inline and looking neat */
div.buttonGroup {clear: both; margin: 12px 0 12px 0}
div.buttonGroup input[type=submit] {  margin-left: 60px; }
div.buttonGroup input[type=submit]:first-child { margin-left: 0; }

input[type=submit]:disabled { opacity: 0.5 }

.chk { margin-bottom: 10px; clear: both; text-align: left; }
.chk input[type=checkbox] { float: left; }
.chk label {
	padding-left: 10px; display: table-cell
}

@media all and (max-width: 480px) {
    .btn, input[type=submit] { width: 100%; margin-top: 5px; }

}




.dataForm { max-width: 750px; }
.indented { margin-left: 10%; }


@media all {
    .dataFormWithLabels > div { clear: right; overflow: hidden; padding: 1px; margin: 0 0 10px 0; }
        .dataFormWithLabels > div > fieldset > div > div { margin: 0 0 5px 0; }
        .dataFormWithLabels > div > label,
        legend { width: 25%; float: left; padding-right: 10px; padding-top: 4px; color: #1a1a1a; }
        .dataFormWithLabels > div > div,
        .dataFormWithLabels > div > fieldset > div { width: 75%; float: right; }
    fieldset { border: 0; padding: 0; }
    .dataFormWithLabels input[type=text],
    .dataFormWithLabels input[type=email],
    .dataFormWithLabels input[type=number],
    .dataFormWithLabels input[type=url],
    .dataFormWithLabels textarea,
    .dataFormWithLabels select { width: 100%; font-size: 1em; }

    .dataFormWithLabels input[type=password] { width: 50%; min-width: 200px; font-size: 1em; }
        .dataFormWithLabels input[type=text]:focus,
        .dataFormWithLabels input[type=email]:focus,
        .dataFormWithLabels input[type=number]:focus,
        .dataFormWithLabels input[type=url]:focus,
        .dataFormWithLabels input[type=password]:focus,
        .dataFormWithLabels textarea:focus { outline: 0; border-color: #4697e4; }
}

@media (max-width: 500px) {
    .dataFormWithLabels > div { margin: 0 0 15px 0; }
        .dataFormWithLabels > div > label,
        legend { width: 100%; float: none; margin: 0 0 5px 0; }
        .dataFormWithLabels > div > div,
        .dataFormWithLabels > div > fieldset > div { width: 100%; float: none; }
    .dataFormWithLabels input[type=text],
    .dataFormWithLabels input[type=email],
    .dataFormWithLabels input[type=number],
    .dataFormWithLabels input[type=url],
    .dataFormWithLabels input[type=password],
    .dataFormWithLabels textarea,
    .dataFormWithLabels select { width: 100%; }
}

@media (min-width: 800px) {
    .dataFormWithLabels > div > label,
    legend { text-align: right; }
}


@media (max-width: 600px) {
    .indented { margin-left: 3%; }
}

.myAccountOptions {clear: both; display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 12px; grid-column-gap: 20px; }
.myAccountOptions div.option { position: relative; padding: 10px !important; cursor: pointer; min-height: 125px; display: grid; grid-template-columns: 65% 35%; grid-column-gap: 10px; background: #56ba84; background: linear-gradient(90deg, #56ba84 0%, #a2cf70 100%); color: white;}
.myAccountOptions div.option:hover { background-color: #f3f3f3; outline: 2px solid #ccc; }
.myAccountOptions div.option .text { line-height: 1.2; font-size: 1em; }
.myAccountOptions div.option .image { position: absolute; top: 0; right: 0; width: 125px; max-width: 125px; }
.myAccountOptions div.option .image img {width: 125px !important;}
.myAccountOptions div.option h2 {font-size: 1em; padding: 0 0 10px 0; color: white !important; }

@media all and (max-width: 1100px) {
.myAccountOptions { grid-template-columns: repeat(3, 1fr); }
}

@media all and (max-width: 940px) {
.myAccountOptions { grid-template-columns: repeat(2, 1fr); }
}

@media all and (max-width: 550px) {
.myAccountOptions { grid-template-columns: 100%; }
}
 
table { font-size: 1em;}
table tr td.ItemDescription {text-align: right; padding: 8px 10px 0 0 !important; white-space: nowrap; vertical-align: top; font-size: 1.15em; font-weight: bold; color: #777777}
table tr td.ItemDescriptionWithWrap {text-align: right; padding: 8px 10px 0 0 !important; vertical-align: top; font-size: 1.15em; font-weight: bold; color: #777777}
table tr td {vertical-align: top; padding: 5px 4px !important;}

table tr td.heading {text-align: left; white-space: nowrap; vertical-align: top; font-weight: normal !important; border: none !important}

div.subtitle { color: gray; font-size: .85em; margin: 3px 0 7px 0; }
span.subtitle { color: gray; font-size: .85em; margin: 3px 0 7px 0; }

table.indented { margin: 5px 25px;}
table.indented.indented { margin-left: 50px; }

table.tableData {border: 0 !important; border-collapse: separate; margin: 2px 0 5px 0;}
table.tableData tbody tr.incomplete { background-color: #FCEEEE; }
  table.tableData tbody td { border: 0 !important; border-bottom: 1px solid #CCC !important; padding: 2px 4px 5px 4px; vertical-align: top; }
  table.tableData tbody th { border: 0 !important; border-bottom: 1px solid #CCC !important; padding: 2px 4px 5px 4px; vertical-align: top; }
table.tableData tbody td a { font-weight: bold; }
table.tableData tbody td img, table.tableData tbody td input[type=image] {height: 20px}
table.tableData tbody td img.show100percent, table.tableData tbody td input[type=image].show100percent {height: auto;}
table.tableData tbody > tr:first-child td {color: white; font-weight: bold; font-size: 1em; background-color: #56ba84}
table.noHeadings tbody > tr:first-child td {background-color: white !important; font-weight: normal;}


table.tableData tbody td {background-color:#F0F9F4}
table.tableData tbody > tr:first-child th {color: white; font-weight: bold; font-size: 1em; background-color: #56ba84}
table.tableData tbody > tr:nth-child(3) th {color: white; font-weight: bold; font-size: 1em; background-color: #56ba84}
table.tableData tbody td td {vertical-align: text-top;border: 0 !important;}
 table.tableData tbody .subtitle { color: #333333; font-size: .85em; margin: 3px 0 3px 15px; }
 table.tableData tbody .highlightGreen { color: darkgreen; text-transform: uppercase; font-weight: bold; margin: 3px 0 3px 15px; }
 table.tableData tbody .highlightRed { color: red; text-transform: uppercase; font-weight: bold; margin: 3px 0 3px 15px; }
 table.tableData tbody .highlight1  { background-color: navy; color: white; text-transform: uppercase; font-weight: bold; padding: 2px 6px; font-size: .65em; margin: 2px 0 2px 10px; }
 table.tableData tbody .redFlagged { background-color: red; color: white; padding: 2px 6px; font-size: .8em; margin-left: 5px;}
 table.tableData tbody .redFlagged::before {content:'WARNING'}
 table.tableData tbody .textboxLabel  { height: 32px; padding: 6px 0; font-weight: bold; font-size: .95em; color:  #555555}


div.addAdditionalProcess {margin-top: 15px; display: inline-block; background-color: #42BD00; color: white; padding: 5px 10px; font-size: .85em; float: right; cursor: pointer;}
table.tableData td div.process {margin-bottom: 4px;}
table tr.tDnD_whileDrag td {background-color: #C2F7BB !important;}
.faqList {clear: both;}
.faqList .category {font-weight: bold; font-size: 1.2em; margin-top: 10px;}
.faqList .question {margin: 5px 0 10px 20px; cursor: pointer; font-weight: bold; color: #666666}
.faqList .answer {display: none; margin-left: 20px; margin-bottom: 25px;}
.faqList .answer p:first-child {margin: 0!important; padding: 0 !important; display: inline} 
span[data-tooltip] img {width: 16px; height: auto; cursor: pointer;}

[data-tooltip] {
  position: relative;
  cursor: pointer;
}
[data-tooltip]:before,
[data-tooltip]:after {
  line-height: 1.1;
  font-size: .95em;
  pointer-events: none;
  position: absolute;
  box-sizing: border-box;
  display: none;
  opacity: 0;
}
[data-tooltip]:before {
  content: "";
  border: 5px solid transparent;
  z-index: 100;
} 
[data-tooltip]:after {
  content: attr(data-tooltip);
  text-align: center;
  min-width: 270px;
  xwhite-space: nowrap;
  xoverflow: hidden;
  xtext-overflow: ellipsis;
  padding: 6px 8px;
  border-radius: 3px;
  background: #5f8acd;
  color: #FFFFFF;
  z-index: 99;
  height: auto !important;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  display: block;
  opacity: 1;
}
[data-tooltip]:not([data-flow])::before,
[data-tooltip][data-flow="top"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #5f8acd;
}
[data-tooltip]:not([data-flow])::after,
[data-tooltip][data-flow="top"]::after {
  bottom: calc(100% + 5px);
}
[data-tooltip]:not([data-flow])::before, [tooltip]:not([data-flow])::after,
[data-tooltip][data-flow="top"]::before,
[data-tooltip][data-flow="top"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, -4px);
          transform: translate(-50%, -4px);
}
[data-tooltip][data-flow="bottom"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #5f8acd;
}
[data-tooltip][data-flow="bottom"]::after {
  top: calc(100% + 5px);
}
[data-tooltip][data-flow="bottom"]::before, [data-tooltip][data-flow="bottom"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, 8px);
          transform: translate(-50%, 8px);
}
[data-tooltip][data-flow="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #5f8acd;
  left: calc(0em - 5px);
  -webkit-transform: translate(-8px, -50%);
          transform: translate(-8px, -50%);
}
[data-tooltip][data-flow="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  -webkit-transform: translate(-8px, -50%);
          transform: translate(-8px, -50%);
}
[data-tooltip][data-flow="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #5f8acd;
  right: calc(0em - 5px);
  -webkit-transform: translate(8px, -50%);
          transform: translate(8px, -50%);
}
[data-tooltip][data-flow="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  -webkit-transform: translate(8px, -50%);
          transform: translate(8px, -50%);
}
[data-tooltip=""]::after, [data-tooltip=""]::before {
  display: none !important;
}

  .modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow:hidden; background-color: rgba(0,0,0,0.4); }

  .modal-content {z-index: 999; background-color: #F0F9F4; margin: 5% auto; border: 1px solid #888; width: 800px; overflow-y: initial !important; animation-name: animatetop; animation-duration: 1s}

  .modal-content .header {position:relative; background-color: #58585a; color: white; display: block; }
  .modal-content .header .heading {padding: 15px 20px; font-size: 1.2em; font-weight: bold; border-bottom: 1px solid silver;}
  .modal-content .header .modal-close { position: absolute; top:7px; right:17px; color: #aaa; font-size: 28px; font-weight: bold; }
  .modal-content .header .modal-close:hover, .modal-close:focus { color: black; text-decoration: none; cursor: pointer;}
  .modal-content .content {position:relative; padding: 10px 20px 15px 20px; height: 615px; overflow-y:auto; font-size: 1em;}

.modal-content .content table {}
  .modal-content .content table tr td:first-child{ width: 140px; vertical-align: text-top; padding: 3px 5px 0 0; color: gray;}
  .modal-content .content table tr td {padding-bottom: 10px;}

  .modal-content .content table.fieldValues {}
  .modal-content .content table.fieldValues tr:first-child td{ padding: 2px; color: white; background-color: gray;}

  .modal-content .content table.fieldValues tr:first-child  td:first-child{ width: 45px !important; text-align: center;}
  .modal-content .content table.fieldValues tr:first-child  td:nth-child(2) { width: 310px;}
  .modal-content .content table.fieldValues tr td:first-child{ width: 60px !important; text-align: center;}
  .modal-content .content table.fieldValues tr td {padding: 2px !important;}
  .modal-content .content table.fieldValues tr td:nth-child(2) input[type=text] { width: 300px;}


.btnShowTutorial.showing { width: 100%; float: right;  }
.btnShowTutorial.showing .icon { margin-top: 10px !important; pointer; border: 1px solid white; padding: 15px 10px !important; cursor: pointer;}

.btnShowTutorialOverlay { display: none; }
.btnShowTutorialOverlay.showing { display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background-color: rgba(28, 28, 28, 0.5); cursor: pointer; z-index: 9999; }

.videoTutorial { display: none; }
.videoTutorial.showing { display: block; }
.videoTutorial.showing .btnCloseTutorial { display: block; margin: 0 0 0 auto; width: fit-content; cursor: pointer; padding: 5px 10px 5px 12px; background: linear-gradient(To Bottom, #fa0000, #d90000); border: 2px solid #d9d9d9; border-radius: 8px; color: #fff; font-weight: 500; letter-spacing: 1px; }
.videoTutorial.showing iframe { display: block; margin: 10px auto; }

.swal2-popup.swal2-toast {
  flex-direction: row;
  align-items: center;
  width: auto;
  padding: 0.625em;
  overflow-y: hidden;
  background: #fff;
  box-shadow: 0 0 0.625em #d9d9d9;
}
.swal2-popup.swal2-toast .swal2-header {
  flex-direction: row;
  padding: 0;
}
.swal2-popup.swal2-toast .swal2-title {
  flex-grow: 1;
  justify-content: flex-start;
  margin: 0 0.6em;
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-footer {
  margin: 0.5em 0 0;
  padding: 0.5em 0 0;
  font-size: 0.8em;
}
.swal2-popup.swal2-toast .swal2-close {
  position: static;
  width: 0.8em;
  height: 0.8em;
  line-height: 0.8;
}
.swal2-popup.swal2-toast .swal2-content {
  justify-content: flex-start;
  padding: 0;
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-icon {
  width: 2em;
  min-width: 2em;
  height: 2em;
  margin: 0;
}
.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 1.8em;
  font-weight: bold;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
    font-size: 0.25em;
  }
}
.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  top: 0.875em;
  width: 1.375em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-actions {
  flex-basis: auto !important;
  width: auto;
  height: auto;
  margin: 0 0.3125em;
  padding: 0;
}
.swal2-popup.swal2-toast .swal2-styled {
  margin: 0.125em 0.3125em;
  padding: 0.3125em 0.625em;
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-styled:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(100, 150, 200, 0.5);
}
.swal2-popup.swal2-toast .swal2-success {
  border-color: #a5dc86;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 1.6em;
  height: 3em;
  transform: rotate(45deg);
  border-radius: 50%;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.8em;
  left: -0.5em;
  transform: rotate(-45deg);
  transform-origin: 2em 2em;
  border-radius: 4em 0 0 4em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.25em;
  left: 0.9375em;
  transform-origin: 0 1.5em;
  border-radius: 0 4em 4em 0;
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
  top: 0;
  left: 0.4375em;
  width: 0.4375em;
  height: 2.6875em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
  height: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
  top: 1.125em;
  left: 0.1875em;
  width: 0.75em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
  top: 0.9375em;
  right: 0.1875em;
  width: 1.375em;
}
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
  -webkit-animation: swal2-toast-animate-success-line-tip 0.75s;
          animation: swal2-toast-animate-success-line-tip 0.75s;
}
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
  -webkit-animation: swal2-toast-animate-success-line-long 0.75s;
          animation: swal2-toast-animate-success-line-long 0.75s;
}
.swal2-popup.swal2-toast.swal2-show {
  -webkit-animation: swal2-toast-show 0.5s;
          animation: swal2-toast-show 0.5s;
}
.swal2-popup.swal2-toast.swal2-hide {
  -webkit-animation: swal2-toast-hide 0.1s forwards;
          animation: swal2-toast-hide 0.1s forwards;
}

.swal2-container {
  display: flex;
  position: fixed;
  z-index: 10060;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0.625em;
  overflow-x: hidden;
  transition: background-color 0.1s;
  -webkit-overflow-scrolling: touch;
}
.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
  background: rgba(0, 0, 0, 0.4);
}
.swal2-container.swal2-backdrop-hide {
  background: transparent !important;
}
.swal2-container.swal2-top {
  align-items: flex-start;
}
.swal2-container.swal2-top-start, .swal2-container.swal2-top-left {
  align-items: flex-start;
  justify-content: flex-start;
}
.swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
  align-items: flex-start;
  justify-content: flex-end;
}
.swal2-container.swal2-center {
  align-items: center;
}
.swal2-container.swal2-center-start, .swal2-container.swal2-center-left {
  align-items: center;
  justify-content: flex-start;
}
.swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
  align-items: center;
  justify-content: flex-end;
}
.swal2-container.swal2-bottom {
  align-items: flex-end;
}
.swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left {
  align-items: flex-end;
  justify-content: flex-start;
}
.swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
  align-items: flex-end;
  justify-content: flex-end;
}
.swal2-container.swal2-bottom > :first-child, .swal2-container.swal2-bottom-start > :first-child, .swal2-container.swal2-bottom-left > :first-child, .swal2-container.swal2-bottom-end > :first-child, .swal2-container.swal2-bottom-right > :first-child {
  margin-top: auto;
}
.swal2-container.swal2-grow-fullscreen > .swal2-modal {
  display: flex !important;
  flex: 1;
  align-self: stretch;
  justify-content: center;
}
.swal2-container.swal2-grow-row > .swal2-modal {
  display: flex !important;
  flex: 1;
  align-content: center;
  justify-content: center;
}
.swal2-container.swal2-grow-column {
  flex: 1;
  flex-direction: column;
}
.swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom {
  align-items: center;
}
.swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left {
  align-items: flex-start;
}
.swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right {
  align-items: flex-end;
}
.swal2-container.swal2-grow-column > .swal2-modal {
  display: flex !important;
  flex: 1;
  align-content: center;
  justify-content: center;
}
.swal2-container.swal2-no-transition {
  transition: none !important;
}
.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
  margin: auto;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swal2-container .swal2-modal {
    margin: 0 !important;
  }
}

.swal2-popup {
  display: none;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  width: 32em;
  max-width: 100%;
  padding: 1.25em;
  border: none;
  border-radius: 5px;
  background: #fff;
  font-family: inherit;
  font-size: 1rem;
}
.swal2-popup:focus {
  outline: none;
}
.swal2-popup.swal2-loading {
  overflow-y: hidden;
}

.swal2-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1.8em;
}

.swal2-title {
  position: relative;
  max-width: 100%;
  margin: 0 0 0.4em;
  padding: 0;
  color: #595959;
  font-size: 1.875em;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  word-wrap: break-word;
}

.swal2-actions {
  display: flex;
  z-index: 1;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 1.25em auto 0;
  padding: 0 1.6em;
}
.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
  opacity: 0.4;
}
.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
.swal2-actions:not(.swal2-loading) .swal2-styled:active {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.swal2-loader {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.2em;
  height: 2.2em;
  margin: 0 1.875em;
  -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
          animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  border-width: 0.25em;
  border-style: solid;
  border-radius: 100%;
  border-color: #2778c4 transparent #2778c4 transparent;
}

.swal2-styled {
  margin: 0.3125em;
  padding: 0.625em 1.1em;
  box-shadow: none;
  font-weight: 500;
}
.swal2-styled:not([disabled]) {
  cursor: pointer;
}
.swal2-styled.swal2-confirm {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #2778c4;
  color: #fff;
  font-size: 1.0625em;
}
.swal2-styled.swal2-deny {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #d14529;
  color: #fff;
  font-size: 1.0625em;
}
.swal2-styled.swal2-cancel {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #757575;
  color: #fff;
  font-size: 1.0625em;
}
.swal2-styled:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5);
}
.swal2-styled::-moz-focus-inner {
  border: 0;
}

.swal2-footer {
  justify-content: center;
  margin: 1.25em 0 0;
  padding: 1em 0 0;
  border-top: 1px solid #eee;
  color: #545454;
  font-size: 1em;
}

.swal2-timer-progress-bar-container {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0.25em;
  overflow: hidden;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.swal2-timer-progress-bar {
  width: 100%;
  height: 0.25em;
  background: rgba(0, 0, 0, 0.2);
}

.swal2-image {
  max-width: 100%;
  margin: 1.25em auto;
}

.swal2-close {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  width: 1.2em;
  height: 1.2em;
  padding: 0;
  overflow: hidden;
  transition: color 0.1s ease-out;
  border: none;
  border-radius: 5px;
  background: transparent;
  color: #cccccc;
  font-family: serif;
  font-size: 2.5em;
  line-height: 1.2;
  cursor: pointer;
}
.swal2-close:hover {
  transform: none;
  background: transparent;
  color: #f27474;
}
.swal2-close:focus {
  outline: none;
  box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5);
}
.swal2-close::-moz-focus-inner {
  border: 0;
}

.swal2-content {
  z-index: 1;
  justify-content: center;
  margin: 0;
  padding: 0 1.6em;
  color: #545454;
  font-size: 1.125em;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  word-wrap: break-word;
}

.swal2-input,
.swal2-file,
.swal2-textarea,
.swal2-select,
.swal2-radio,
.swal2-checkbox {
  margin: 1em auto;
}

.swal2-input,
.swal2-file,
.swal2-textarea {
  box-sizing: border-box;
  width: 100%;
  transition: border-color 0.3s, box-shadow 0.3s;
  border: 1px solid #d9d9d9;
  border-radius: 0.1875em;
  background: inherit;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
  color: inherit;
  font-size: 1.125em;
}
.swal2-input.swal2-inputerror,
.swal2-file.swal2-inputerror,
.swal2-textarea.swal2-inputerror {
  border-color: #f27474 !important;
  box-shadow: 0 0 2px #f27474 !important;
}
.swal2-input:focus,
.swal2-file:focus,
.swal2-textarea:focus {
  border: 1px solid #b4dbed;
  outline: none;
  box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5);
}
.swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder {
  color: #cccccc;
}
.swal2-input:-ms-input-placeholder, .swal2-file:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
  color: #cccccc;
}
.swal2-input::placeholder,
.swal2-file::placeholder,
.swal2-textarea::placeholder {
  color: #cccccc;
}

.swal2-range {
  margin: 1em auto;
  background: #fff;
}
.swal2-range input {
  width: 80%;
}
.swal2-range output {
  width: 20%;
  color: inherit;
  font-weight: 600;
  text-align: center;
}
.swal2-range input,
.swal2-range output {
  height: 2.625em;
  padding: 0;
  font-size: 1.125em;
  line-height: 2.625em;
}

.swal2-input {
  height: 2.625em;
  padding: 0 0.75em;
}
.swal2-input[type=number] {
  max-width: 10em;
}

.swal2-file {
  background: inherit;
  font-size: 1.125em;
}

.swal2-textarea {
  height: 6.75em;
  padding: 0.75em;
}

.swal2-select {
  min-width: 50%;
  max-width: 100%;
  padding: 0.375em 0.625em;
  background: inherit;
  color: inherit;
  font-size: 1.125em;
}

.swal2-radio,
.swal2-checkbox {
  align-items: center;
  justify-content: center;
  background: #fff;
  color: inherit;
}
.swal2-radio label,
.swal2-checkbox label {
  margin: 0 0.6em;
  font-size: 1.125em;
}
.swal2-radio input,
.swal2-checkbox input {
  margin: 0 0.4em;
}

.swal2-input-label {
  display: flex;
  justify-content: center;
  margin: 1em auto;
}

.swal2-validation-message {
  display: none;
  align-items: center;
  justify-content: center;
  margin: 0 -2.7em;
  padding: 0.625em;
  overflow: hidden;
  background: #f0f0f0;
  color: #666666;
  font-size: 1em;
  font-weight: 300;
}
.swal2-validation-message::before {
  content: "!";
  display: inline-block;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  margin: 0 0.625em;
  border-radius: 50%;
  background-color: #f27474;
  color: #fff;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
}

.swal2-icon {
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 1.25em auto 1.875em;
  border: 0.25em solid transparent;
  border-radius: 50%;
  border-color: #000;
  font-family: inherit;
  line-height: 5em;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 3.75em;
}
.swal2-icon.swal2-error {
  border-color: #f27474;
  color: #f27474;
}
.swal2-icon.swal2-error .swal2-x-mark {
  position: relative;
  flex-grow: 1;
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  display: block;
  position: absolute;
  top: 2.3125em;
  width: 2.9375em;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #f27474;
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 1.0625em;
  transform: rotate(45deg);
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 1em;
  transform: rotate(-45deg);
}
.swal2-icon.swal2-error.swal2-icon-show {
  -webkit-animation: swal2-animate-error-icon 0.5s;
          animation: swal2-animate-error-icon 0.5s;
}
.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
  -webkit-animation: swal2-animate-error-x-mark 0.5s;
          animation: swal2-animate-error-x-mark 0.5s;
}
.swal2-icon.swal2-warning {
  border-color: #facea8;
  color: #f8bb86;
}
.swal2-icon.swal2-info {
  border-color: #9de0f6;
  color: #3fc3ee;
}
.swal2-icon.swal2-question {
  border-color: #c9dae1;
  color: #87adbd;
}
.swal2-icon.swal2-success {
  border-color: #a5dc86;
  color: #a5dc86;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 3.75em;
  height: 7.5em;
  transform: rotate(45deg);
  border-radius: 50%;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.4375em;
  left: -2.0635em;
  transform: rotate(-45deg);
  transform-origin: 3.75em 3.75em;
  border-radius: 7.5em 0 0 7.5em;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.6875em;
  left: 1.875em;
  transform: rotate(-45deg);
  transform-origin: 0 3.75em;
  border-radius: 0 7.5em 7.5em 0;
}
.swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid rgba(165, 220, 134, 0.3);
  border-radius: 50%;
}
.swal2-icon.swal2-success .swal2-success-fix {
  position: absolute;
  z-index: 1;
  top: 0.5em;
  left: 1.625em;
  width: 0.4375em;
  height: 5.625em;
  transform: rotate(-45deg);
}
.swal2-icon.swal2-success [class^=swal2-success-line] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #a5dc86;
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
  top: 2.875em;
  left: 0.8125em;
  width: 1.5625em;
  transform: rotate(45deg);
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
  top: 2.375em;
  right: 0.5em;
  width: 2.9375em;
  transform: rotate(-45deg);
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
  -webkit-animation: swal2-animate-success-line-tip 0.75s;
          animation: swal2-animate-success-line-tip 0.75s;
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
  -webkit-animation: swal2-animate-success-line-long 0.75s;
          animation: swal2-animate-success-line-long 0.75s;
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
  -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
          animation: swal2-rotate-success-circular-line 4.25s ease-in;
}

.swal2-progress-steps {
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  margin: 0 0 1.25em;
  padding: 0;
  background: inherit;
  font-weight: 600;
}
.swal2-progress-steps li {
  display: inline-block;
  position: relative;
}
.swal2-progress-steps .swal2-progress-step {
  z-index: 20;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  border-radius: 2em;
  background: #2778c4;
  color: #fff;
  line-height: 2em;
  text-align: center;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #2778c4;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
  background: #add8e6;
  color: #fff;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  background: #add8e6;
}
.swal2-progress-steps .swal2-progress-step-line {
  z-index: 10;
  flex-shrink: 0;
  width: 2.5em;
  height: 0.4em;
  margin: 0 -1px;
  background: #2778c4;
}

[class^=swal2] {
  -webkit-tap-highlight-color: transparent;
}

.swal2-show {
  -webkit-animation: swal2-show 0.3s;
          animation: swal2-show 0.3s;
}

.swal2-hide {
  -webkit-animation: swal2-hide 0.15s forwards;
          animation: swal2-hide 0.15s forwards;
}

.swal2-noanimation {
  transition: none;
}

.swal2-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.swal2-rtl .swal2-close {
  right: auto;
  left: 0;
}
.swal2-rtl .swal2-timer-progress-bar {
  right: 0;
  left: auto;
}

@supports (-ms-accelerator: true) {
  .swal2-range input {
    width: 100% !important;
  }
  .swal2-range output {
    display: none;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swal2-range input {
    width: 100% !important;
  }
  .swal2-range output {
    display: none;
  }
}
@-webkit-keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }
  33% {
    transform: translateY(0) rotateZ(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }
  100% {
    transform: translateY(0) rotateZ(0deg);
  }
}
@keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }
  33% {
    transform: translateY(0) rotateZ(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }
  100% {
    transform: translateY(0) rotateZ(0deg);
  }
}
@-webkit-keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}
@keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}
@-webkit-keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }
  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }
  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}
@keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }
  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }
  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}
@-webkit-keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }
  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }
  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }
  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}
@keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }
  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }
  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }
  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}
@-webkit-keyframes swal2-show {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes swal2-show {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
@-webkit-keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }
  100% {
    top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em;
  }
}
@keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }
  100% {
    top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em;
  }
}
@-webkit-keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }
  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}
@keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }
  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}
@-webkit-keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@-webkit-keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}
@keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow: hidden;
}
body.swal2-height-auto {
  height: auto !important;
}
body.swal2-no-backdrop .swal2-container {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  max-width: calc(100% - 0.625em * 2);
  background-color: transparent !important;
}
body.swal2-no-backdrop .swal2-container > .swal2-modal {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
body.swal2-no-backdrop .swal2-container.swal2-top {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
body.swal2-no-backdrop .swal2-container.swal2-top-start, body.swal2-no-backdrop .swal2-container.swal2-top-left {
  top: 0;
  left: 0;
}
body.swal2-no-backdrop .swal2-container.swal2-top-end, body.swal2-no-backdrop .swal2-container.swal2-top-right {
  top: 0;
  right: 0;
}
body.swal2-no-backdrop .swal2-container.swal2-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.swal2-no-backdrop .swal2-container.swal2-center-start, body.swal2-no-backdrop .swal2-container.swal2-center-left {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
body.swal2-no-backdrop .swal2-container.swal2-center-end, body.swal2-no-backdrop .swal2-container.swal2-center-right {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
body.swal2-no-backdrop .swal2-container.swal2-bottom {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
body.swal2-no-backdrop .swal2-container.swal2-bottom-start, body.swal2-no-backdrop .swal2-container.swal2-bottom-left {
  bottom: 0;
  left: 0;
}
body.swal2-no-backdrop .swal2-container.swal2-bottom-end, body.swal2-no-backdrop .swal2-container.swal2-bottom-right {
  right: 0;
  bottom: 0;
}
@media print {
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: scroll !important;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
    display: none;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
    position: static !important;
  }
}
body.swal2-toast-shown .swal2-container {
  background-color: transparent;
}
body.swal2-toast-shown .swal2-container.swal2-top {
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}
body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-center {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
}
body.swal2-toast-shown .swal2-container.swal2-bottom {
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
}
body.swal2-toast-column .swal2-toast {
  flex-direction: column;
  align-items: stretch;
}
body.swal2-toast-column .swal2-toast .swal2-actions {
  flex: 1;
  align-self: stretch;
  height: 2.2em;
  margin-top: 0.3125em;
}
body.swal2-toast-column .swal2-toast .swal2-loading {
  justify-content: center;
}
body.swal2-toast-column .swal2-toast .swal2-input {
  height: 2em;
  margin: 0.3125em auto;
  font-size: 1em;
}
body.swal2-toast-column .swal2-toast .swal2-validation-message {
  font-size: 1em;
}
.picker, .picker__holder {
  width: 100%;
  position: absolute
}

.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.1;
  color: #000;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0
}

.picker__input {
  cursor: default
}

  .picker__input.picker__input--active {
    border-color: #0089ec
  }

.picker__holder {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  border: 1px solid #aaa;
  border-top-width: 0;
  border-bottom-width: 0;
  border-radius: 0 0 5px 5px;
  box-sizing: border-box;
  min-width: 176px;
  max-width: 340px;
  max-height: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transition: transform .15s ease-out,opacity .15s ease-out,max-height 0s .15s,border-width 0s .15s
}
/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */

.picker__frame {
  padding: 1px
}

.picker__wrap {
  margin: -1px
}

.picker--opened .picker__holder {
  max-height: 25em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  transform: translateY(0) perspective(600px) rotateX(0);
  transition: transform .15s ease-out,opacity .15s ease-out,max-height 0s,border-width 0s;
  box-shadow: 0 6px 18px 1px rgba(0,0,0,.12)
}

.picker__footer, .picker__header, .picker__table {
  text-align: center
}

.picker__box {
  padding: 0 1em
}

.picker__header {
  position: relative;
  margin-top: .75em
}

.picker__month, .picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em
}

.picker__year {
  color: #999;
  font-size: .8em;
  font-style: italic
}

.picker__select--month, .picker__select--year {
  border: 1px solid #b7b7b7;
  xheight: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em;
  font-size: .9em;
}

.picker__select--month {
  width: 35%
}

.picker__select--year {
  width: 35%
}

  .picker__select--month:focus, .picker__select--year:focus {
    border-color: #0089ec
  }

.picker__nav--next, .picker__nav--prev {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -.25em
}

.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em
}

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em
}

@media (min-width:24.5em) {
  .picker__select--month, .picker__select--year {
    margin-top: -.5em
  }

  .picker__nav--next, .picker__nav--prev {
    top: -.33em
  }

  .picker__nav--prev {
    padding-right: 1.5em
  }

  .picker__nav--next {
    padding-left: 1.5em
  }
}

.picker__nav--next:before, .picker__nav--prev:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: .75em solid #000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto
}

.picker__nav--next:before {
  border-right: 0;
  border-left: .75em solid #000
}

.picker__nav--next:hover, .picker__nav--prev:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb
}

.picker__nav--disabled, .picker__nav--disabled:before, .picker__nav--disabled:before:hover, .picker__nav--disabled:hover {
  cursor: default;
  background: 0 0;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5
}

.picker__table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em
}

@media (min-height:33.875em) {
  .picker__table {
    margin-bottom: .75em
  }
}

.picker__table td {
  margin: 0;
  padding: 0
}

.picker__weekday {
  width: 14.285714286%;
  font-size: .95em;
  padding-bottom: .25em;
  color: #999;
  font-weight: 500
}

@media (min-height:33.875em) {
  .picker__weekday {
    padding-bottom: .5em
  }
}

.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent
}

.picker__day--today {
  position: relative
}

  .picker__day--today:before {
    content: " ";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 0;
    height: 0;
    border-top: .5em solid #0059bc;
    border-left: .5em solid transparent
  }

.picker__day--disabled:before {
  border-top-color: #aaa
}

.picker__day--outfocus {
  color: #ddd
}

  .picker--focused .picker__day--highlighted, .picker__day--highlighted:hover, .picker__day--infocus:hover, .picker__day--outfocus:hover {
    cursor: pointer;
    color: #000;
    background: #b1dcfb
  }

.picker__day--highlighted {
  border-color: #0089ec
}

.picker--focused .picker__day--selected, .picker__day--selected, .picker__day--selected:hover {
  background: #0089ec;
  color: #fff
}

.picker--focused .picker__day--disabled, .picker__day--disabled, .picker__day--disabled:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default
}

.picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover {
  background: #bbb
}

.picker__Buttons--clear, .picker__Buttons--close, .picker__Buttons--today {
  border: 1px solid #fff;
  background: #fff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: 700;
  width: 33%;
  display: inline-block;
  vertical-align: bottom
}

  .picker__Buttons--clear:hover, .picker__Buttons--close:hover, .picker__Buttons--today:hover {
    cursor: pointer;
    color: #000;
    background: #b1dcfb;
    border-bottom-color: #b1dcfb
  }

  .picker__Buttons--clear:focus, .picker__Buttons--close:focus, .picker__Buttons--today:focus {
    background: #b1dcfb;
    border-color: #0089ec;
    outline: 0
  }

  .picker__Buttons--clear:before, .picker__Buttons--close:before, .picker__Buttons--today:before {
    position: relative;
    display: inline-block;
    height: 0
  }

  .picker__Buttons--clear:before, .picker__Buttons--today:before {
    content: " ";
    margin-right: .45em
  }

  .picker__Buttons--today:before {
    top: -.05em;
    width: 0;
    border-top: .66em solid #0059bc;
    border-left: .66em solid transparent
  }

  .picker__Buttons--clear:before {
    top: -.25em;
    width: .66em;
    border-top: 3px solid #e20
  }

  .picker__Buttons--close:before {
    content: "\D7";
    top: -.1em;
    vertical-align: top;
    font-size: 1.1em;
    margin-right: .35em;
    color: #777
  }

  .picker__Buttons--today[disabled], .picker__Buttons--today[disabled]:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #ddd;
    cursor: default
  }

    .picker__Buttons--today[disabled]:before {
      border-top-color: #aaa
    }